
<!doctype html>
<html ⚡="">

<head>
  <meta charset="utf-8">
  <title>Travel Template</title>
  <link rel="canonical" href="https://www.ampstart.com/templates/travel/travel.amp.html">
  <meta name="viewport" content="width=device-width">
  <meta name="amp-google-client-id-api" content="googleanalytics">

  <script async="" src="https://cdn.ampproject.org/v0.js"></script>



  <style amp-boilerplate="">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate="">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>


<script custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js" async=""></script>
<script custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" async=""></script>

<script custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js" async=""></script>

  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">

  <style amp-custom="">/*! Bassplate | MIT License | http://github.com/basscss/bassplate */

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.h00{font-size:3.75rem}.h0{font-size:3.5rem}.h1{font-size:2rem}.h2{font-size:1.5rem}.h3{font-size:1.25rem}.h4{font-size:1rem}.h5{font-size:.875rem}.h6{font-size:.75rem}.font-family-inherit{font-family:inherit}.font-size-inherit{font-size:inherit}.text-decoration-none{text-decoration:none}.bold{font-weight:700;font-weight:600}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:0}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.line-height-1{line-height:1}.line-height-2{line-height:1.4}.line-height-3{line-height:1.6}.line-height-4{line-height:2}.list-style-none{list-style:none}.underline{text-decoration:underline}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-reset{list-style:none;padding-left:0}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.max-width-1{max-width:40rem}.max-width-2{max-width:52rem}.max-width-3{max-width:72rem}.max-width-4{max-width:88rem}.border-box{box-sizing:border-box}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0,.mx0{margin-left:0}.mx0{margin-right:0}.my0{margin-top:0;margin-bottom:0}.m1{margin:1rem}.mt1{margin-top:1rem}.mr1{margin-right:1rem}.mb1{margin-bottom:1rem}.ml1,.mx1{margin-left:1rem}.mx1{margin-right:1rem}.my1{margin-top:1rem;margin-bottom:1rem}.m2{margin:1.5rem}.mt2{margin-top:1.5rem}.mr2{margin-right:1.5rem}.mb2{margin-bottom:1.5rem}.ml2,.mx2{margin-left:1.5rem}.mx2{margin-right:1.5rem}.my2{margin-top:1.5rem;margin-bottom:1.5rem}.m3{margin:3rem}.mt3{margin-top:3rem}.mr3{margin-right:3rem}.mb3{margin-bottom:3rem}.ml3,.mx3{margin-left:3rem}.mx3{margin-right:3rem}.my3{margin-top:3rem;margin-bottom:3rem}.m4{margin:4rem}.mt4{margin-top:4rem}.mr4{margin-right:4rem}.mb4{margin-bottom:4rem}.ml4,.mx4{margin-left:4rem}.mx4{margin-right:4rem}.my4{margin-top:4rem;margin-bottom:4rem}.mxn1{margin-left:calc(1rem * -1);margin-right:calc(1rem * -1)}.mxn2{margin-left:calc(1.5rem * -1);margin-right:calc(1.5rem * -1)}.mxn3{margin-left:calc(3rem * -1);margin-right:calc(3rem * -1)}.mxn4{margin-left:calc(4rem * -1);margin-right:calc(4rem * -1)}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0,.px0{padding-left:0}.px0{padding-right:0}.py0{padding-top:0;padding-bottom:0}.p1{padding:1rem}.pt1{padding-top:1rem}.pr1{padding-right:1rem}.pb1{padding-bottom:1rem}.pl1{padding-left:1rem}.py1{padding-top:1rem;padding-bottom:1rem}.px1{padding-left:1rem;padding-right:1rem}.p2{padding:1.5rem}.pt2{padding-top:1.5rem}.pr2{padding-right:1.5rem}.pb2{padding-bottom:1.5rem}.pl2{padding-left:1.5rem}.py2{padding-top:1.5rem;padding-bottom:1.5rem}.px2{padding-left:1.5rem;padding-right:1.5rem}.p3{padding:3rem}.pt3{padding-top:3rem}.pr3{padding-right:3rem}.pb3{padding-bottom:3rem}.pl3{padding-left:3rem}.py3{padding-top:3rem;padding-bottom:3rem}.px3{padding-left:3rem;padding-right:3rem}.p4{padding:4rem}.pt4{padding-top:4rem}.pr4{padding-right:4rem}.pb4{padding-bottom:4rem}.pl4{padding-left:4rem}.py4{padding-top:4rem;padding-bottom:4rem}.px4{padding-left:4rem;padding-right:4rem}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width:40.06rem){.sm-col{float:left;box-sizing:border-box}.sm-col-right{float:right;box-sizing:border-box}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}}@media (min-width:52.06rem){.md-col{float:left;box-sizing:border-box}.md-col-right{float:right;box-sizing:border-box}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}}@media (min-width:72.06rem){.lg-col{float:left;box-sizing:border-box}.lg-col-right{float:right;box-sizing:border-box}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}}.flex{display:-ms-flexbox;display:flex}@media (min-width:40.06rem){.sm-flex{display:-ms-flexbox;display:flex}}@media (min-width:52.06rem){.md-flex{display:-ms-flexbox;display:flex}}@media (min-width:72.06rem){.lg-flex{display:-ms-flexbox;display:flex}}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}.items-center{-ms-flex-align:center;align-items:center}.items-baseline{-ms-flex-align:baseline;align-items:baseline}.items-stretch{-ms-flex-align:stretch;align-items:stretch}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.content-start{-ms-flex-line-pack:start;align-content:flex-start}.content-end{-ms-flex-line-pack:end;align-content:flex-end}.content-center{-ms-flex-line-pack:center;align-content:center}.content-between{-ms-flex-line-pack:justify;align-content:space-between}.content-around{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.flex-auto{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-ms-flex:none;flex:none}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-last{-ms-flex-order:99999;order:99999}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.border{border-style:solid;border-width:1px}.border-top{border-top-style:solid;border-top-width:1px}.border-right{border-right-style:solid;border-right-width:1px}.border-bottom{border-bottom-style:solid;border-bottom-width:1px}.border-left{border-left-style:solid;border-left-width:1px}.border-none{border:0}.rounded{border-radius:4px}.circle{border-radius:50%}.rounded-top{border-radius:4px 4px 0 0}.rounded-right{border-radius:0 4px 4px 0}.rounded-bottom{border-radius:0 0 4px 4px}.rounded-left{border-radius:4px 0 0 4px}.not-rounded{border-radius:0}.hide{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media (max-width:40rem){.xs-hide{display:none}}@media (min-width:40.06rem) and (max-width:52rem){.sm-hide{display:none}}@media (min-width:52.06rem) and (max-width:72rem){.md-hide{display:none}}@media (min-width:72.06rem){.lg-hide{display:none}}.display-none{display:none}*{box-sizing:border-box}body{background:#fff;color:#323a43;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:100%;overflow-x:hidden;font-smooth:always;-webkit-font-smoothing:antialiased}main{max-width:100%;margin:0 auto}p{padding:0;margin:0}.ampstart-accent{color:#003f93}#content:target{margin-top:calc(0px - 3.5rem);padding-top:3.5rem}.ampstart-title-lg{font-size:2rem;line-height:3.5rem;letter-spacing:.06rem}.ampstart-title-md{font-size:1.5rem;line-height:2.5rem;letter-spacing:.06rem}.ampstart-title-sm{font-size:1.25rem;line-height:2;letter-spacing:.06rem}.ampstart-subtitle,body{line-height:1.6;letter-spacing:normal}.ampstart-subtitle{color:#003f93;font-size:1rem}.ampstart-byline,.ampstart-caption,.ampstart-hint,.ampstart-label{font-size:.875rem;color:#4f4f4f;line-height:1.4;letter-spacing:.06rem}.ampstart-label{text-transform:uppercase}.ampstart-footer,.ampstart-small-text{font-size:.75rem;line-height:1;letter-spacing:.06rem}.ampstart-card{box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.h1,h1{font-size:2rem;line-height:3.5rem}.h2,h2{font-size:1.5rem;line-height:2.5rem}.h3,h3{font-size:1.25rem;line-height:2}.h4,h4{font-size:1rem;line-height:1.6}.h5,h5{font-size:.875rem;line-height:1.4}.h6,h6{font-size:.75rem;line-height:1}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;letter-spacing:.06rem}a,a:active,a:visited{color:inherit}.ampstart-btn{font-family:inherit;font-weight:inherit;font-size:1rem;line-height:1.4;padding:.7em .8em;text-decoration:none;white-space:nowrap;word-wrap:normal;vertical-align:middle;cursor:pointer;background-color:#323a43;color:#fff;border:1px solid #fff}.ampstart-btn:visited{color:#fff}.ampstart-btn-secondary{background-color:#fff;color:#000;border:1px solid #000}.ampstart-btn-secondary:visited{color:#000}.ampstart-btn:active .ampstart-btn:focus{opacity:.8}.ampstart-btn[disabled],.ampstart-btn[disabled]:active,.ampstart-btn[disabled]:focus,.ampstart-btn[disabled]:hover{opacity:.5;outline:0;cursor:default}.ampstart-dropcap:first-letter{color:#000;font-size:2rem;font-weight:600;float:left;overflow:hidden;line-height:2rem;margin-left:0;margin-right:.5rem}.ampstart-initialcap{padding-top:1.5rem;margin-top:3rem}.ampstart-initialcap:first-letter{color:#000;font-size:2rem;font-weight:600;margin-left:-2px}.ampstart-pullquote{border:none;border-left:4px solid #323a43;font-size:1.25rem;padding-left:3rem}@media (min-width:40.06rem){.sm-p0{padding:0}.sm-pt0{padding-top:0}.sm-pr0{padding-right:0}.sm-pb0{padding-bottom:0}.sm-pl0,.sm-px0{padding-left:0}.sm-px0{padding-right:0}.sm-py0{padding-top:0;padding-bottom:0}.sm-p1{padding:1rem}.sm-pt1{padding-top:1rem}.sm-pr1{padding-right:1rem}.sm-pb1{padding-bottom:1rem}.sm-pl1,.sm-px1{padding-left:1rem}.sm-px1{padding-right:1rem}.sm-py1{padding-top:1rem;padding-bottom:1rem}.sm-p2{padding:1.5rem}.sm-pt2{padding-top:1.5rem}.sm-pr2{padding-right:1.5rem}.sm-pb2{padding-bottom:1.5rem}.sm-pl2,.sm-px2{padding-left:1.5rem}.sm-px2{padding-right:1.5rem}.sm-py2{padding-top:1.5rem;padding-bottom:1.5rem}.sm-p3{padding:3rem}.sm-pt3{padding-top:3rem}.sm-pr3{padding-right:3rem}.sm-pb3{padding-bottom:3rem}.sm-pl3,.sm-px3{padding-left:3rem}.sm-px3{padding-right:3rem}.sm-py3{padding-top:3rem;padding-bottom:3rem}.sm-p4{padding:4rem}.sm-pt4{padding-top:4rem}.sm-pr4{padding-right:4rem}.sm-pb4{padding-bottom:4rem}.sm-pl4,.sm-px4{padding-left:4rem}.sm-px4{padding-right:4rem}.sm-py4{padding-top:4rem;padding-bottom:4rem}}@media (min-width:52.06rem){.md-p0{padding:0}.md-pt0{padding-top:0}.md-pr0{padding-right:0}.md-pb0{padding-bottom:0}.md-pl0,.md-px0{padding-left:0}.md-px0{padding-right:0}.md-py0{padding-top:0;padding-bottom:0}.md-p1{padding:1rem}.md-pt1{padding-top:1rem}.md-pr1{padding-right:1rem}.md-pb1{padding-bottom:1rem}.md-pl1,.md-px1{padding-left:1rem}.md-px1{padding-right:1rem}.md-py1{padding-top:1rem;padding-bottom:1rem}.md-p2{padding:1.5rem}.md-pt2{padding-top:1.5rem}.md-pr2{padding-right:1.5rem}.md-pb2{padding-bottom:1.5rem}.md-pl2,.md-px2{padding-left:1.5rem}.md-px2{padding-right:1.5rem}.md-py2{padding-top:1.5rem;padding-bottom:1.5rem}.md-p3{padding:3rem}.md-pt3{padding-top:3rem}.md-pr3{padding-right:3rem}.md-pb3{padding-bottom:3rem}.md-pl3,.md-px3{padding-left:3rem}.md-px3{padding-right:3rem}.md-py3{padding-top:3rem;padding-bottom:3rem}.md-p4{padding:4rem}.md-pt4{padding-top:4rem}.md-pr4{padding-right:4rem}.md-pb4{padding-bottom:4rem}.md-pl4,.md-px4{padding-left:4rem}.md-px4{padding-right:4rem}.md-py4{padding-top:4rem;padding-bottom:4rem}}@media (min-width:72.06rem){.lg-p0{padding:0}.lg-pt0{padding-top:0}.lg-pr0{padding-right:0}.lg-pb0{padding-bottom:0}.lg-pl0,.lg-px0{padding-left:0}.lg-px0{padding-right:0}.lg-py0{padding-top:0;padding-bottom:0}.lg-p1{padding:1rem}.lg-pt1{padding-top:1rem}.lg-pr1{padding-right:1rem}.lg-pb1{padding-bottom:1rem}.lg-pl1,.lg-px1{padding-left:1rem}.lg-px1{padding-right:1rem}.lg-py1{padding-top:1rem;padding-bottom:1rem}.lg-p2{padding:1.5rem}.lg-pt2{padding-top:1.5rem}.lg-pr2{padding-right:1.5rem}.lg-pb2{padding-bottom:1.5rem}.lg-pl2,.lg-px2{padding-left:1.5rem}.lg-px2{padding-right:1.5rem}.lg-py2{padding-top:1.5rem;padding-bottom:1.5rem}.lg-p3{padding:3rem}.lg-pt3{padding-top:3rem}.lg-pr3{padding-right:3rem}.lg-pb3{padding-bottom:3rem}.lg-pl3,.lg-px3{padding-left:3rem}.lg-px3{padding-right:3rem}.lg-py3{padding-top:3rem;padding-bottom:3rem}.lg-p4{padding:4rem}.lg-pt4{padding-top:4rem}.lg-pr4{padding-right:4rem}.lg-pb4{padding-bottom:4rem}.lg-pl4,.lg-px4{padding-left:4rem}.lg-px4{padding-right:4rem}.lg-py4{padding-top:4rem;padding-bottom:4rem}}body{line-height:1.4}.travel-flip{transition:transform .1s;transform:rotate(0)}.travel-flip-flipped{transform:rotate(180deg)}@keyframes a{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@keyframes b{0%{opacity:0}to{opacity:1}}.travel-object-cover,.travel-object-cover>img{-o-object-fit:cover;object-fit:cover}amp-img.rounded img{border-radius:4px}amp-img.circle img{border-radius:50%}.travel-no-focus:focus{outline:none}.travel-type-active,.travel-type-active:visited{color:#fd68ae}.travel-type-artistic,.travel-type-artistic:visited{color:#32dada}.travel-type-drinks,.travel-type-drinks:visited{color:#4e93f8}.travel-type-fashion,.travel-type-fashion:visited{color:#f1c363}.travel-type-food,.travel-type-food:visited{color:#aa5efd}.travel-type-music,.travel-type-music:visited{color:#ec8936}.travel-type-nature,.travel-type-nature:visited{color:#14b52a}.travel-type-nightlife,.travel-type-nightlife:visited{color:#e83a3a}.travel-type-tours,.travel-type-tours:visited{color:#0ece9e}.travel-type-water,.travel-type-water:visited{color:#3abee8}.travel-overflow-container{display:inline-block;min-width:100vw;padding-left:calc((100vw - 72rem) / 2);padding-right:calc((100vw - 72rem) / 2)}.travel-link,.travel-link:visited{color:#8b58e3;text-decoration:none;font-family:inherit;transition:color .15s ease-in}.travel-link:hover{color:#b99aef}.travel-link:focus{outline:none;border-bottom:2px solid rgba(50,58,67,.2)}.travel-link.gray,.travel-link.gray:visited{color:#8f98a3}.travel-link.gray:hover{color:#b4b4b4}.travel-pill{border-radius:1em;padding:2px 8px;color:#fff;background-color:#fb52a2}.travel-shadow,.travel-shadow-hover{box-shadow:0 .4rem 1.1rem rgba(50,58,67,.12)}.travel-shadow-hover{transition:box-shadow .25s,transform .25s}.travel-shadow-hover:not([disabled]):focus,.travel-shadow-hover:not([disabled]):hover{transform:scale(1.02) translateY(-2%);box-shadow:0 .4rem 2rem rgba(50,58,67,.4)}.h1.line-height-2,.h2.line-height-2,.h3.line-height-2,.h4.line-height-2,.h5.line-height-2,.h6.line-height-2,h1.line-height-2,h2.line-height-2,h3.line-height-2,h4.line-height-2,h5.line-height-2,h6.line-height-2{line-height:1.4}.ampstart-btn{transition:box-shadow .25s,transform .25s;line-height:1.125rem;padding:.5rem 1rem;border-color:transparent}.ampstart-btn[disabled]{opacity:.5;cursor:default}.ampstart-btn:not([disabled]):hover{transform:scale(1.02) translateY(-2%);box-shadow:0 .4rem 2rem rgba(50,58,67,.4)}.ampstart-btn:not([disabled]):focus{outline:none;box-shadow:none}.ampstart-btn.bold{font-weight:600}.travel-date-input{line-height:1.125rem;padding:.5rem 1rem;padding-left:calc(.5rem * 2.5 + 1.2em)}.travel-date-input .travel-icon{position:absolute;left:0;top:0;box-sizing:content-box;padding:.5rem 1rem}.travel-date-input.input-dark .travel-date-input-label,.travel-date-input.input-dark .travel-icon{color:hsla(0,0%,100%,.75)}.travel-date-input input{opacity:0;border:none;background:none;font:inherit;line-height:1.125rem;height:1.125rem;margin-bottom:calc(1.125rem * -1);width:8rem;color:inherit}.travel-date-input-touched input,.travel-date-input input:focus{opacity:1}.travel-date-input input:focus{outline:none}.travel-date-input-touched input~.travel-date-input-label,.travel-date-input input:focus~.travel-date-input-label{opacity:0}.travel-date-input-touched input[disabled],.travel-date-input input[disabled]~.travel-date-input-label,.travel-date-input input[disabled]~.travel-icon{opacity:.5}.travel-date-input input::-webkit-datetime-edit-fields-wrapper{padding:0}.travel-date-input input::-webkit-clear-button,.travel-date-input input::-webkit-inner-spin-button{display:none}.travel-date-input input::-webkit-calendar-picker-indicator{opacity:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.travel-input-icon>.travel-input{padding-left:calc(.5rem * 2.5 + 1.2em)}.travel-input-icon>.travel-input+.travel-icon{position:absolute;left:0;top:0;box-sizing:content-box;padding:.5rem 1rem}.travel-input-icon>.travel-input-big{padding-left:calc(1.25rem * 1.5 + 1.2em)}.travel-input-icon>.travel-input-big+.travel-icon{padding:1rem 1.25rem}.travel-input-icon>.travel-input-clear+.travel-icon,.travel-input-icon>.travel-input-dark+.travel-icon{color:hsla(0,0%,100%,.4)}.travel-input{padding:.5rem 1rem;line-height:1.125rem;background-color:#fff;border-width:1px;border-style:solid;color:inherit}.travel-input:not(.border){border-color:transparent}.travel-input-clear{color:#fff;background:none;border-color:hsla(0,0%,100%,.4)}.travel-input-big{padding:1rem 1.25rem}.travel-input-dark{background:rgba(0,0,0,.2)}.travel-input::-webkit-input-placeholder{color:#8f98a3}.travel-input-dark::-webkit-input-placeholder{color:currentColor;opacity:.75}.travel-input-clear::-webkit-input-placeholder{color:inherit;opacity:.4}.travel-border-gray{border-color:#e3e5e8}.travel-input-group>.travel-input{border-right-width:0}.travel-input-group>a,.travel-input-group>button{border-left-width:0;cursor:pointer;background-color:#fff;border:1px solid transparent}.travel-input-group-sep{width:0;height:1.375rem;border-left-width:1px;border-left-style:solid;margin:0 -.5px;pointer-events:none}.travel-input-group>.travel-input:focus,.travel-input-group>.travel-link:focus{outline:none;border-bottom:.125rem solid;border-bottom-color:#e3e5e8}.travel-activities-activity{transition:transform .3s ease-in-out;text-decoration:none;perspective:800px;margin:0 1.2rem}.travel-activities-activity .circle{background-color:#fff;margin-bottom:2px}.travel-activities-activity:focus,.travel-activities-activity:hover{transform:scale(1.1)}.travel-activities-activity .circle{transition:transform .3s ease-in-out,background .15s step-start .15s}.travel-activities-activity .travel-activities-activity-icon{transition:color .15s step-start .15s,transform .15s step-start .15s}.travel-activities-activity:focus .circle,.travel-activities-activity:hover .circle{background-color:currentColor;transform:rotateY(180deg)}.travel-activities-activity:focus .travel-activities-activity-icon,.travel-activities-activity:hover .travel-activities-activity-icon{color:#fff;transform:scaleX(-1)}.travel-activities-activity:active{transition:transform .1s;transform:scale(1)}.travel-activities-activity:focus{outline:none}.travel-activities-activity-icon{display:-ms-flexbox;display:flex;width:70px;height:70px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;font-size:2rem}.travel-angle-1,.travel-angle-2,.travel-angle-3{width:400vw;transform-origin:50% 0}.travel-angle-left{transform:translateX(0)}.travel-angle-right{transform:translateX(100%)}.travel-angle-1{height:800px;transform:translate(-50%,-3rem) rotate(20deg);background-color:#fafbfc}@media (min-width:52.06rem){.travel-angle-1{transform:translate(-50%,-17rem) rotate(20deg)}}.travel-angle-2{height:1400px;transform:translate(-50%,16rem) rotate(20deg);background-color:#fff}@media (min-width:52.06rem){.travel-angle-2{transform:translate(-50%,20rem) rotate(20deg)}}.travel-angle-3{height:500px;transform:translate(-50%,1rem) rotate(-5deg);background-image:linear-gradient(90deg,rgba(207,224,231,.2) 20%,rgba(243,246,247,.4) 50%)}@media (min-width:52.06rem){.travel-angle-3{transform:translate(-50%,16rem) rotate(-5deg);animation:b .3s .6s ease-in-out both}}.travel-discover-panel{max-width:440px;background-color:#fff}.travel-discover-heading{font-size:3.5rem}.travel-discover-panel-subheading,.travel-discover-subheading{color:#8f98a3}.travel-icon{display:inline-block;vertical-align:-23%;height:1.2em;width:1.2em;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 1.2em}.travel-icon-logo{color:#fff}.travel-img-icon-checkmark-purple{background-image:url(../img/travel/icon/checkmark-purple.png)}.travel-img-icon-map-pin-outline-gray{background-image:url(../img/travel/icon/map-pin-outline-gray.png)}.travel-img-icon-map-pin-transparent{background-image:url(../img/travel/icon/map-pin-transparent.png)}.travel-img-icon-plane-landing-transparent{background-image:url(../img/travel/icon/plane-landing-transparent.png)}.travel-img-icon-plane-taking-off-transparent{background-image:url(../img/travel/icon/plane-taking-off-transparent.png)}.travel-img-icon-sad-face-gray{background-image:url(../img/travel/icon/sad-face-gray.png)}.travel-img-icon-star-green{background-image:url(../img/travel/icon/star-green.png)}.travel-img-icon-star-silver{background-image:url(../img/travel/icon/star-silver.png)}.travel-like-heart-solid{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewbox='0 0 100 100'><path fill='%23FB52A2' d='M50,88.8652765 C76.6666667,70.4615567 90,53.8959001 90,39.1683068 C90,17.0769168 63.1171875,3.83663909 50,27.6306647 C38.875,3.83663909 10,17.0769168 10,39.1683068 C10,53.8959001 23.3333333,70.4615567 50,88.8652765 Z'/></svg>") no-repeat 50% 50%;background-size:contain;-ms-flex:1;flex:1}.travel-like-heart-white{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewbox='0 0 100 100'><path fill='white' d='M50,88.8652765 C76.6666667,70.4615567 90,53.8959001 90,39.1683068 C90,17.0769168 63.1171875,3.83663909 50,27.6306647 C38.875,3.83663909 10,17.0769168 10,39.1683068 C10,53.8959001 23.3333333,70.4615567 50,88.8652765 Z'/></svg>") no-repeat 50% 50%;background-size:contain;-ms-flex:1;flex:1}.travel-like-heart-outline{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewbox='0 0 100 100'><path fill='none' stroke='white' stroke-width='5' d='M50,88.8652765 C76.6666667,70.4615567 90,53.8959001 90,39.1683068 C90,17.0769168 63.1171875,3.83663909 50,27.6306647 C38.875,3.83663909 10,17.0769168 10,39.1683068 C10,53.8959001 23.3333333,70.4615567 50,88.8652765 Z'/></svg>") no-repeat 50% 50%;background-size:contain;-ms-flex:1;flex:1}.travel-like input{clip:rect(0 0 0 0)}.travel-like-hearts{width:2rem;height:2rem;background:rgba(0,0,0,.15);cursor:pointer}.travel-like-hearts:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid hsla(0,0%,100%,.5);transform:scale(0)}.travel-like-heart-tiny{width:40%;height:40%;opacity:0}.travel-like-heart-tiny:first-child{top:10%;left:55%;animation-delay:.15s}.travel-like-heart-tiny:nth-child(2){top:-5%;left:30%;animation-delay:.25s}.travel-like-heart-tiny:nth-child(3){top:-25%;left:65%;animation-delay:.32s}.travel-like-heart{top:12%;right:12%;bottom:12%;left:12%}.travel-like-heart.travel-like-heart-solid,.travel-like-heart.travel-like-heart-white{opacity:0;transform:translateZ(0) scale(1)}.travel-like-heart.travel-like-heart-outline{transition:opacity .1s;transform:translateZ(0) scale(1)}.travel-like input:checked+.travel-like-hearts:before{animation:1.2s e both}.travel-like input:checked+.travel-like-hearts>.travel-like-heart-tiny{animation-duration:.6s;animation-name:f}.travel-like input:checked+.travel-like-hearts>.travel-like-heart.travel-like-heart-outline{opacity:0}.travel-like input:checked+.travel-like-hearts>.travel-like-heart.travel-like-heart-solid{animation:1.2s c both cubic-bezier(.445,.05,.55,.95)}.travel-like input:checked+.travel-like-hearts>.travel-like-heart.travel-like-heart-white{animation:1.2s d both}@keyframes c{0.00%{transform:translateZ(0) scale(0);opacity:1}14.68%{transform:translateZ(0) scale(1.26)}31.75%{transform:translateZ(0) scale(.94)}48.81%{transform:translateZ(0) scale(1.01);opacity:1}65.87%{transform:translateZ(0) scale(1)}80%{transform:translateZ(0) scale(1);opacity:0}to{transform:translateZ(0) scale(1);opacity:0}}@keyframes d{48%{opacity:0}49%{opacity:1}to{opacity:1}}@keyframes e{0%{transform:translateZ(0) scale(0);opacity:0}30%{opacity:1}40%{transform:translateZ(0) scale(1.2)}50%{transform:translateZ(0) scale(1.2);opacity:0}to{transform:translateZ(0) scale(1.2);opacity:0}}@keyframes f{0%{transform:translate3d(-50%,0,0) scale(0);opacity:1}to{transform:translate3d(-50%,-100%,0) scale(1);opacity:0}}:root .travel-popular .travel-results-result{animation:none}.travel-popular-tilt-left,.travel-popular-tilt-right{display:inline-block;position:relative;perspective:1000px;perspective-origin:50% calc(100% + 4rem)}.travel-popular-tilt-left .travel-results-result{transform-origin:0 0;transform:rotateY(-15deg)}.travel-popular-tilt-right .travel-results-result{transform-origin:100% 0;transform:rotateY(15deg)}.travel-popular-tilt-left:before,.travel-popular-tilt-right:before{content:"";display:block;position:absolute;top:3rem;right:3rem;bottom:2rem;left:3rem;box-shadow:0 0 2.2rem 2.2rem rgba(50,58,67,.2)}.travel-popular-tilt-left:before{transform-origin:2rem calc(100% + 2rem);transform:translateY(.28rem) rotate(2.5deg)}.travel-popular-tilt-right:before{transform-origin:calc(100% + 2rem) calc(100% + 2rem);transform:translateY(.28rem) rotate(-2.5deg)}.travel-results-result{animation:a .4s ease-in-out both;animation-delay:.11s}.travel-results-result-link{border-radius:4px}.travel-results-result-link amp-img{background-color:#e3e5e8}.travel-results-result-text{color:#323a43}.travel-results-result-subtext{color:#8f98a3}.travel-results-result-stars{color:#e3e5e8}.travel-results-result-stars.green{color:#47b074}.travel-results-result-flags,.travel-results-result-like{pointer-events:none}.travel-results-result-flags>*,.travel-results-result-like>*{pointer-events:all}.travel-results-result-flags,.travel-results-result-like,.travel-results-result-link{transition:transform .2s}.travel-results-result-link:focus,.travel-results-result:hover .travel-results-result-link{outline:none}.travel-results-result-link:focus,.travel-results-result-link:focus~.travel-results-result-flags,.travel-results-result-link:focus~.travel-results-result-like,.travel-results-result:hover .travel-results-result-flags,.travel-results-result:hover .travel-results-result-like,.travel-results-result:hover .travel-results-result-link{transform:translateY(-.5rem)}@keyframes g{0%{opacity:0;transform:translate3d(5vmax,2vmax,0) scale(1.1)}5%{opacity:1}33%{opacity:1}38%{opacity:0;transform:translate3d(0,-2vmax,0) scale(1)}}@keyframes h{0%{opacity:0;transform:translate3d(-2vmax,0,0) scale(1)}5%{opacity:1}33%{opacity:1}38%{opacity:0;transform:translate3d(2vmax,-2vmax,0) scale(1.1)}}@keyframes i{0%{opacity:0;transform:translate3d(0,2vmax,0) scale(1)}5%{opacity:1}33%{opacity:1}38%{opacity:0;transform:translateY(-2vmax) scale(1.1)}}.travel-hero{height:100vmax}.travel-hero-bg{height:70vmax;animation:b .8s ease-out both}.travel-hero-bg:after{content:"";position:absolute;left:0;right:0;height:95vmax;top:calc(70vmax - 300px);background-image:linear-gradient(180deg,transparent,#323a43 300px)}.travel-hero-bg-img{top:-5vmax;right:-5vmax;bottom:-5vmax;left:-5vmax;opacity:0;background:#e3e5e8}.travel-hero-bg-img img{-o-object-fit:cover;object-fit:cover}.travel-hero-bg-img:nth-child(3) img{-o-object-position:80% 100%;object-position:80% 100%}.travel-hero-bg-img:first-child{animation:18s g linear infinite;background:url(../img/travel/hero-2-preview.jpg) no-repeat 50% 50%;background-size:cover}.travel-hero-bg-img:nth-child(2){animation:18s h linear 6s infinite;background:url(../img/travel/hero-3-preview.jpg) no-repeat 50% 50%;background-size:cover}.travel-hero-bg-img:nth-child(3){animation:18s i linear 12s infinite;background:url(../img/travel/hero-1-preview.jpg) no-repeat 50% 50%;background-size:cover}.travel-hero-content{padding-top:86px;height:calc(100vmax - 70px)}.travel-hero-search-dates{color:#fff}.travel-hero-heading{color:#fff;font-size:3.75rem;font-weight:700;letter-spacing:normal;animation:a .4s .2s ease-in-out both}.travel-hero-subheading{color:#fff;font-size:18px;letter-spacing:normal;animation:a .4s .25s ease-in-out both}.travel-hero-search .travel-input-icon{animation:a .4s .3s ease-in-out both}.travel-hero-search-dates{animation:a .4s .35s ease-in-out both}.travel-hero-search .ampstart-btn{font-size:1.25rem;background-color:#8b58e3;animation:a .4s .4s ease-in-out both}.travel-hero-discover{color:#8f98a3;cursor:pointer;animation:a .4s .45s ease-in-out both}.travel-hero-discover svg{display:block;margin:0 auto}.travel-angles{animation:a .4s .5s ease-in-out both}.travel-discover{animation:a .4s .55s ease-in-out both}.travel-activities{animation:a .4s .6s ease-in-out both}@media (min-width:52.06rem){.travel-hero{z-index:1;height:auto}.travel-hero-bg,.travel-hero-content{position:relative;height:auto}.travel-hero-content{padding-top:calc(86px + 56px);padding-bottom:3rem}.travel-hero-heading{font-size:4.6rem}.travel-hero-subheading{font-size:1.5rem}.travel-hero-search{margin-top:4.25rem;max-width:530px}.travel-hero-search .travel-input{color:inherit;background-color:#fff;border-color:transparent}.travel-hero-search .travel-input-clear+.travel-icon{color:inherit}.travel-hero .ampstart-btn{display:inline-block;width:auto}.travel-hero-search-dates{-ms-flex-pack:start;justify-content:flex-start;color:#323a43}.travel-hero-search-dates .travel-date-input{-ms-flex:none;flex:none}}@media (min-width:40.06rem){.travel-header .travel-icon-logo{margin:inherit}}.travel-footer{background-color:#fff}.travel-footer amp-img{background-color:#e3e5e8}.travel-footer .link.gray:focus{border-bottom:.125rem solid hsla(0,0%,100%,.25)}.travel-footer-right-column .blue{color:#3682ec}.travel-footer-input-bg{top:50%;bottom:-1px}.travel-footer-angle{width:200vw;bottom:100%;height:800px;transform:translate(-25%,50px) rotate(20deg);background-color:#dce6ea;opacity:.2}.travel-footer-angle-block{left:50%;background:#fff}.travel-newsletter-signup{background-color:#fff}.travel-footer .bg-black{background-color:#323a43}.travel-footer .gray{color:#8f98a3}.travel-footer-wrapper{background-color:#fff}@media (min-width:52.06rem){.travel-newsletter-signup{background-color:transparent;position:absolute;top:4rem;padding-left:4rem;left:50%}.travel-newsletter-signup .blue{font-size:2rem;color:#323a43}.travel-footer-input-bg{position:absolute;top:50%;bottom:-1px}.travel-footer .travel-input-group{box-shadow:none}.travel-footer .travel-input-group>button{border-color:#e3e5e8;border-top-style:solid;border-left-width:0}.travel-footer .travel-input-group>.travel-input{border-color:#e3e5e8}}.travel-featured-heading{letter-spacing:none}.travel-featured-grid,.travel-featured-tile{margin:2px}.travel-featured-tile-heading{letter-spacing:.1em}.travel-featured-tile:focus,.travel-featured-tile:hover{z-index:1}.travel-featured-tile amp-img{transition:transform .5s ease-out,box-shadow .5s ease-out}.travel-featured-tile img{transition:transform 2s ease-out;transform-origin:50% 66%}.travel-featured-tile:focus amp-img,.travel-featured-tile:hover amp-img{box-shadow:0 .6rem 2rem rgba(50,58,67,.4);transform:scale(1.05)}.travel-featured-tile:focus img,.travel-featured-tile:hover img{transform:scale(1.3)}.travel-featured-tile .travel-featured-overlay{color:#fff;transition:transform 2s ease-out}.travel-featured-tile:hover .travel-featured-overlay{transform:translateY(1rem)}.travel-featured-tile amp-img:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;padding-bottom:75%;opacity:.9;background-image:linear-gradient(180deg,currentColor 0,transparent)}@media (min-width:40.06rem){.travel-featured-grid,.travel-featured-tile{margin:4px}}@media (min-width:52.06rem){.travel-featured:after{content:"";position:absolute;width:100%;z-index:-1;bottom:0;left:0;right:0;height:112px;margin-bottom:-8px;background-color:#8b58e3}.travel-featured-grid,.travel-featured-tile{margin:6px}}@media (min-width:72.06rem){.travel-featured-grid,.travel-featured-tile{margin:8px}}.travel-featured-color-blue,.travel-featured-color-blue:visited{color:#1b65d6}.travel-featured-color-cyan,.travel-featured-color-cyan:visited{color:#91b2c0}.travel-featured-color-orange,.travel-featured-color-orange:visited{color:#e2a367}.travel-featured-color-purple,.travel-featured-color-purple:visited{color:#281a5f}.travel-featured-color-cornflower,.travel-featured-color-cornflower:visited{color:#477bad}.travel-featured-color-teal,.travel-featured-color-teal:visited{color:#13a3c4}.travel-search{background-color:#8b58e3}.travel-search-heading{color:#fff}.travel-search .travel-link{background-color:#fff}</style>
</head>
  <body>


<amp-state id="ui_hero"><script type="application/json">true</script></amp-state>
<amp-state id="ui_reset"><script type="application/json">false</script></amp-state>
<amp-state id="ui_filterPane"><script type="application/json">false</script></amp-state>
<amp-state id="ui_sortPane"><script type="application/json">false</script></amp-state>

<amp-state id="fields_query"><script type="application/json">""</script></amp-state>
<amp-state id="fields_query_initial"><script type="application/json">""</script></amp-state>
<amp-state id="fields_query_live"><script type="application/json">""</script></amp-state>
<amp-state id="fields_query_edited"><script type="application/json">false</script></amp-state>
<amp-state id="query_query"><script type="application/json">""</script></amp-state>

<amp-state id="fields_departure"><script type="application/json">""</script></amp-state>
<amp-state id="fields_departure_initial"><script type="application/json">""</script></amp-state>
<amp-state id="fields_departure_edited"><script type="application/json">false</script></amp-state>
<amp-state id="query_departure"><script type="application/json">""</script></amp-state>

<amp-state id="fields_return"><script type="application/json">""</script></amp-state>
<amp-state id="fields_return_initial"><script type="application/json">""</script></amp-state>
<amp-state id="fields_return_edited"><script type="application/json">false</script></amp-state>
<amp-state id="query_return"><script type="application/json">""</script></amp-state>

<amp-state id="fields_type"><script type="application/json">[]</script></amp-state>
<amp-state id="fields_type_initial"><script type="application/json">[]</script></amp-state>
<amp-state id="fields_type_edited"><script type="application/json">false</script></amp-state>
<amp-state id="query_type"><script type="application/json">[]</script></amp-state>

<amp-state id="fields_city"><script type="application/json">[]</script></amp-state>
<amp-state id="fields_city_initial"><script type="application/json">[]</script></amp-state>
<amp-state id="fields_city_edited"><script type="application/json">false</script></amp-state>
<amp-state id="query_city"><script type="application/json">[]</script></amp-state>

<amp-state id="fields_sort"><script type="application/json">"popularity-desc"</script></amp-state>
<amp-state id="fields_sort_initial"><script type="application/json">"popularity-desc"</script></amp-state>
<amp-state id="fields_sort_edited"><script type="application/json">false</script></amp-state>
<amp-state id="query_sort"><script type="application/json">"popularity-desc"</script></amp-state>

<amp-state id="fields_maxPrice"><script type="application/json">801</script></amp-state>
<amp-state id="fields_maxPrice_initial"><script type="application/json">801</script></amp-state>
<amp-state id="fields_maxPrice_live"><script type="application/json">801</script></amp-state>
<amp-state id="fields_maxPrice_edited"><script type="application/json">false</script></amp-state>
<amp-state id="query_maxPrice"><script type="application/json">801</script></amp-state>
    <section class="travel-main-wrapper overflow-hidden" role="main">

<section class="relative z2">
  <header class="travel-header absolute top-0 right-0 left-0">
    <div class="px1 md-px2 py1 md-py2 flex justify-between items-center">
       <a href="travel.amp.html" class="travel-icon-logo mx-auto inline-block circle">
<svg class="travel-icon travel-icon-logo h2" viewBox="0 0 100 100"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="7.5"><circle cx="50" cy="50" r="45"></circle><path d="M20.395 83.158c-2.37-10.263-.79-18.553 4.737-24.87 8.29-9.472 17.763-1.183 26.052-9.472 8.29-8.29 2.37-18.948 10.658-26.053 5.526-4.737 12.237-6.316 20.132-4.737M39.084 95c-2.788-10.2-1.912-17.304 2.627-21.316 6.808-6.017 14.956-.68 24.088-9.623 9.13-8.94 3.062-17.133 10.255-23.534 4.795-4.267 10.282-5.668 16.46-4.203"></path></g></svg>        </a>
    </div>
  </header>
</section>


<!-- Hero -->
<div class="travel-hero-bg absolute col-12">
    <amp-img class="travel-hero-bg-img absolute" src="../img/travel/hero-2.jpg" height="80vmax" noloading=""></amp-img>
    <amp-img class="travel-hero-bg-img absolute" src="../img/travel/hero-3.jpg" height="80vmax" noloading=""></amp-img>
    <amp-img class="travel-hero-bg-img absolute" src="../img/travel/hero-1.jpg" height="80vmax" noloading=""></amp-img>
</div>

<section class="travel-hero relative">
  <div class="travel-hero-content max-width-3 mx-auto absolute top-0 left-0 right-0 flex self-end items-center">
    <div class="travel-hero-content-inner relative px1 md-px2 flex-auto self-end">
      <header>
        <h1 class="travel-hero-heading mb2 line-height-1">Adventures<br class="md-hide lg-hide"> made&nbsp;easy</h1>
        <h2 class="travel-hero-subheading line-height-2 bold xs-hide sm-hide">Find and book activities, tours, and experiences.</h2>
      </header>
      <!-- Search Form -->
      <div class="travel-hero-search">
        <label class="travel-input-icon travel-shadow flex col-12 relative rounded">
          <input class="travel-input travel-input-big travel-input-clear border block col-12 rounded" list="locations" type="text" name="query" placeholder="Where would you like to go?" on="
              change:AMP.setState({
                fields_query: event.value,
                fields_query_live: event.value,
                fields_query_edited: query_query != event.value
              });
              input-debounced:AMP.setState({
                fields_query_live: event.value
              });
            " value="" [value]="fields_query">
<svg class="travel-icon" viewBox="0 0 74 100"><path fill="currentColor" d="M40.18 95.404A3.944 3.944 0 0 1 37 97a3.944 3.944 0 0 1-3.18-1.596C28.268 87.787 5 54.66 5 34.334 5 17.027 19.327 3 37 3c17.673 0 32 14.028 32 31.333 0 20.327-23.267 53.454-28.82 61.07zM37 14.75c-11.046 0-20 8.768-20 19.583 0 10.816 8.954 19.584 20 19.584s20-8.768 20-19.584c0-5.193-2.107-10.174-5.858-13.847-3.75-3.672-8.838-5.736-14.142-5.736z"></path></svg>        </label>

        <amp-list layout="flex-item" src="/api/places?types=(regions)&types=(cities)&input=" [src]="'/api/places?types=(regions)&types=(cities)&input=' + fields_query_live">
          <template type="amp-mustache">
            <datalist id="locations">
              {{#predictions}}
              <option value="{{description}}">
              {{/predictions}}
            </option></datalist>
          </template>
        </amp-list>

        <div class="travel-hero-search-dates flex my2 justify-around">
          <label class="travel-date-input relative bold flex-auto" [class]="'travel-date-input relative bold flex-auto' + (fields_departure ? ' travel-date-input-touched' : '')">
            <input class="block relative p0 z1" type="date" placeholder="yyyy-mm-dd" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" title="yyyy-mm-dd" name="departure" on="
                change:AMP.setState({
                  fields_departure: true,
                  fields_departure_edited: true
                })
              ">
<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M7.93 79.476h84.32v8.876H7.93v-8.876zm86.848-41.538c-.932-3.55-4.615-5.68-8.165-4.704l-23.566 6.302L32.427 11l-8.566 2.263 18.374 31.82-22.056 5.902-8.743-6.834L5 45.883l8.077 14.023 3.417 5.903 7.1-1.91 23.566-6.3 19.305-5.148 23.565-6.302c3.594-1.02 5.68-4.66 4.748-8.21z"></path></svg>            <div class="travel-date-input-label">
              Departure
            </div>
          </label>
          <label class="travel-date-input relative bold flex-auto" [class]="'travel-date-input relative bold flex-auto' + (fields_return ? ' travel-date-input-touched' : '')">
            <input class="block relative p0 z1" type="date" placeholder="yyyy-mm-dd" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" title="yyyy-mm-dd" name="return" on="
                change:AMP.setState({
                  fields_return: true,
                  fields_return_edited: true
                })
              " disabled="" [disabled]="!fields_departure">
<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M7.929 79.476h84.32v8.876H7.929v-8.876zm81.693-15.409c1.03-3.523-1.03-7.246-4.576-8.238L61.6 49.094 50.051 8.863l-8.508-2.471-.64 36.737-21.946-6.3-3.974-10.361-6.407-1.831-.3 16.18-.11 6.82 7.069 2.021 23.445 6.735 19.199 5.53 23.445 6.736c3.607.976 7.269-1.069 8.298-4.592z"></path></svg>            <div class="travel-date-input-label">
              Return
            </div>
          </label>
        </div>

        <a href="travel-results.amp.html" class="ampstart-btn travel-input-big rounded center bold white block col-12" on="
            tap:AMP.setState({
                ui_reset: false,
                ui_filterPane: false,
                query_query: fields_query,
                fields_query_edited: false,
                query_departure: fields_departure,
                fields_departure_edited: false,
                query_return: fields_return,
                fields_return_edited: false,
                query_maxPrice: fields_maxPrice,
                fields_maxPrice_edited: false,
                query_city: fields_city,
                fields_city_edited: false,
                query_type: fields_type,
                fields_type_edited: false,
                query_sort: fields_sort,
                fields_sort_edited: false,
            })
          ">
          Find Adventures & Tours
        </a>
      <!--/ Search Form -->
      <a class="travel-hero-discover block center mx-auto mt1 md-hide lg-hide" on="tap:travel-landing-content.scrollTo">
        Explore <svg class="travel-icon" viewBox="0 0 66 100"><path fill="currentColor" d="M33.5 56.172l-18.96-18.1c-1.497-1.43-3.922-1.43-5.418 0a3.539 3.539 0 0 0 0 5.17l21.67 20.687a3.914 3.914 0 0 0 2.708 1.07c.98 0 1.96-.357 2.71-1.07l21.668-20.687a3.541 3.541 0 0 0 0-5.172c-1.496-1.427-3.92-1.427-5.417 0L33.5 56.173z"></path></svg>
      </a>
    </div>
  </div>
</div></section>
<!--/ Hero -->

      <div id="travel-landing-content" class="travel-landing-content relative">

<!-- Angles -->
<div class="travel-angles max-width-3 mx-auto">
  <div class="travel-angle-left">
    <div class="travel-angle-1 absolute"></div>
  </div>
  <div class="travel-angle-left">
    <div class="travel-angle-2 absolute"></div>
  </div>
  <div class="travel-angle-right">
    <div class="travel-angle-3 absolute"></div>
  </div>
</div>
<!--/ Angles -->


<!-- Discover -->
<section class="travel-discover py4 mb3 relative xs-hide sm-hide">
  <div class="max-width-3 mx-auto px1 md-px2">
    <div class="flex justify-between items-center">
      <header>
        <h2 class="travel-discover-heading bold line-height-2 xs-hide sm-hide">Discover<br class="md-hide lg-hide"> Adventures</h2>
        <div class="travel-discover-subheading h2 xs-hide sm-hide">Get inspired and find your next big trip</div>
      </header>

      <div class="travel-discover-panel travel-shadow-hover px3 py2 ml1 mr3 myn3 xs-hide sm-hide">
        <div class="bold h2 line-height-2 my1">From the blog</div>
        <p class="travel-discover-panel-subheading h3 my1 line-height-2">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit amet dolor set.
        </p>
        <p class="my1">
          <a class="travel-link" href="#">Read more</a>
        </p>
      </div>
    </div>
  </div>
</section>
<!--/ Discover -->


<!-- Activities -->
<section class="travel-activities pb4 pt3 relative">
  <div class="max-width-3 mx-auto px1 md-px2">
    <h3 class="bold h1 line-height-2 mb2 md-hide lg-hide" aria-hidden="true">Browse<br>by activity</h3>
    <h3 class="bold h1 line-height-2 mb2 xs-hide sm-hide center">Browse by activity</h3>
  </div>
  <div class="overflow-scroll">
    <div class="travel-overflow-container">
      <div class="flex justify-center p1 md-px1 mxn1">
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-active mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['active'],
                query_type: ['active']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 70 100"><path fill="currentColor" d="M63.157 50.527h-11.03a9.028 9.028 0 0 1-7.13-3.537c-.78-.97-1.497-1.99-2.14-3.058a.325.325 0 0 0-.297-.123.324.324 0 0 0-.256.196L37.398 55.4a.344.344 0 0 0 .073.38L48.65 66.79a10.925 10.925 0 0 1 3.215 7.238l1.118 17.65c.045 2.225-1.624 4.105-3.82 4.303-2.196.198-4.17-1.352-4.517-3.548l-2.053-16.08a1.358 1.358 0 0 0-.492-.886L31.105 66.64a.317.317 0 0 0-.277-.06.317.317 0 0 0-.218.182l-4.26 9.28a21.584 21.584 0 0 1-3.75 5.635c-1.53 1.66-8.837 10.284-9.574 11.084a4.128 4.128 0 0 1-3.182 1.253c-2.147-.025-3.868-1.8-3.844-3.967 0-.914.3-1.802.858-2.523.555-.716 9.03-12.36 9.247-12.638.216-.282.357-.614.408-.966l1.597-11.13a44.158 44.158 0 0 1 3.7-12.416l6.11-13.06a.344.344 0 0 0-.026-.337.33.33 0 0 0-.303-.144c-.253.027-11.375.68-11.817.728a.981.981 0 0 0-.855.857l-1.526 11.547c-.17 1.49-1.472 2.584-2.957 2.48-1.484-.104-2.625-1.368-2.588-2.87v-12.31c-.028-3.69 2.44-6.928 5.982-7.848 3.51-.88 13.463-2.706 14.595-2.99 3.37-.843 6.93-.426 10.02 1.173l4.477 2.31a10.575 10.575 0 0 1 4.428 4.35c1.022 1.876 3.81 7.288 4 7.638.188.347.52.59.905.664l11.41 2.14a2.94 2.94 0 0 1 2.324 3.142c-.132 1.49-1.35 2.646-2.834 2.682zM43.49 24A9.5 9.5 0 0 1 34 14.492c.004-5.245 4.26-9.494 9.504-9.492a9.5 9.5 0 1 1-.014 19z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Active
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-artistic mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['artistic'],
                query_type: ['artistic']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M91 9c2.01.413 3.58 1.957 4 3.933 0 3.28-29.278 38.624-37 46.217C52.995 64.072 46.184 68 42.5 68c-1.634 0-7.5-5.896-7.5-7.375 0-3.623 3.995-10.32 9-15.242C51.722 37.79 87.665 9 91 9zM5 86c0-1.75 2.114-.465 5.345-3.686 2.71-2.702 1.692-9.02 7.354-14.665 4.87-4.864 12.77-4.867 17.643-.007 4.874 4.86 4.876 12.74.006 17.605a22.75 22.75 0 0 1-16.32 6.752C11.857 92 5 87.75 5 86z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Artistic
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-drinks mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['drinks'],
                query_type: ['drinks']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 86 100"><path fill="currentColor" d="M81.637 15.817L48.46 58.92a6.995 6.995 0 0 0-1.454 4.27v17.15c-.004.843.6 1.568 1.43 1.72 5.734 1.04 14.485 2.664 14.665 2.7.816.175 1.39.907 1.363 1.74v1.75a1.75 1.75 0 0 1-1.75 1.75H24.286a1.75 1.75 0 0 1-1.75-1.75V86.5a1.723 1.723 0 0 1 1.36-1.74c.18-.036 8.933-1.66 14.666-2.7a1.743 1.743 0 0 0 1.43-1.72V63.187a6.99 6.99 0 0 0-1.453-4.268L5.363 15.817A1.75 1.75 0 0 1 6.75 13h73.5a1.751 1.751 0 0 1 1.387 2.817zM48 43c2.76 0 5-2.24 5-5s-2.24-5-5-5a5.002 5.002 0 0 0-3.536 8.535A5.001 5.001 0 0 0 48 43zm20.565-23h-50.13a.435.435 0 0 0-.39.244.44.44 0 0 0 .045.46l4.428 5.784c.247.323.63.512 1.035.512h39.894c.405 0 .788-.19 1.035-.512l4.428-5.784c.1-.132.118-.31.045-.46a.433.433 0 0 0-.39-.244z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Drinks
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-fashion mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['fashion'],
                query_type: ['fashion']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M94.93 77.903l-9.12 3.887a1.767 1.767 0 0 1-2.381-1.102L71.505 41.745s3.367 47.975 3.497 49.94a3.511 3.511 0 0 1-3.372 3.732l-13.967.578a3.522 3.522 0 0 1-3.672-3.415c-.048-1.958-1.686-62.796-1.686-62.796a27.9 27.9 0 0 1 .833-7.503l2.597-9.236a.875.875 0 0 0-.855-1.088h-8.76a.88.88 0 0 0-.855 1.09l2.597 9.24a27.87 27.87 0 0 1 .833 7.5s-1.638 60.84-1.687 62.798a3.515 3.515 0 0 1-3.672 3.413L29.37 95.42a3.513 3.513 0 0 1-3.373-3.733c.13-1.965 3.498-49.94 3.498-49.94L17.573 80.688a1.768 1.768 0 0 1-2.382 1.1L6.07 77.904a1.75 1.75 0 0 1-1.006-2.072c.23-.844 12.75-46.918 13.806-50.765a14.047 14.047 0 0 1 7.294-8.85 113.943 113.943 0 0 0 10.233-5.09 21.138 21.138 0 0 0 3.178-3.683A7.067 7.067 0 0 1 44.925 5h11.15a7.067 7.067 0 0 1 5.352 2.444 21.1 21.1 0 0 0 3.18 3.682 114.173 114.173 0 0 0 10.23 5.092 14.037 14.037 0 0 1 7.295 8.85c1.056 3.846 13.575 49.92 13.807 50.764a1.75 1.75 0 0 1-1.01 2.07z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Fashion
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-food mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['food'],
                query_type: ['food']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 72 100"><path fill="currentColor" d="M61.4 94h-3.6c-1.988 0-3.6-1.64-3.6-3.666v-31.14a3.612 3.612 0 0 0-1.214-2.74C50.934 54.666 47 49.83 47 38.998c0-21.942 8.905-33.096 16.295-33 .962.04 1.718.853 1.705 1.833v82.5a3.7 3.7 0 0 1-1.055 2.593A3.558 3.558 0 0 1 61.4 94zM24.57 57.725v32.608c0 2.025-1.662 3.667-3.713 3.667h-3.714c-2.05 0-3.714-1.642-3.714-3.667V57.725C13.43 49.117 6 50.713 6 39c0-9.686 1.453-28.055 1.79-32.17A.912.912 0 0 1 8.713 6h1.95c.505 0 .917.398.93.895 0 0 .607 25.564.63 26.59a1.904 1.904 0 0 0 1.9 1.85 1.903 1.903 0 0 0 1.93-1.82l1.054-26.634c.02-.49.43-.88.93-.88h1.927c.5 0 .91.39.93.88 0 0 1.013 25.62 1.052 26.636a1.906 1.906 0 0 0 1.93 1.82 1.904 1.904 0 0 0 1.9-1.85l.632-26.59a.924.924 0 0 1 .93-.896h1.95a.913.913 0 0 1 .923.832C30.548 10.945 32 29.314 32 39c0 11.715-7.43 10.105-7.43 18.725z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Food
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-music mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['music'],
                query_type: ['music']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M83.563 24.417c-1.02 0-2 .406-2.723 1.128L63.3 43.09a1.608 1.608 0 0 0-.117 2.118c5.59 7.328 5.782 13.566 1.213 18.132-4.354 4.35-6.927 4.78-9.513 7.366-2.587 2.586-.266 9.583-7.574 16.887s-18.113 8.39-30.704-4.194C4.016 70.813 5.102 60.015 12.41 52.71c7.308-7.304 14.36-4.933 16.946-7.52 2.585-2.584 2.965-5.206 7.32-9.557 4.564-4.563 10.8-4.377 18.123 1.198.634.496 1.54.446 2.114-.12l17.546-17.55a3.849 3.849 0 0 0 1.128-2.723c0-1.02.405-2 1.128-2.723L82.96 7.47c.396-.398.97-.558 1.513-.423a11.872 11.872 0 0 1 5.47 3.012 11.867 11.867 0 0 1 3.01 5.47 1.591 1.591 0 0 1-.422 1.512l-6.245 6.248a3.855 3.855 0 0 1-2.722 1.127zm-59.25 39.996l-.906.906a1.406 1.406 0 0 0-.123 1.837c1.576 2.132 1.986 4.675 3.435 6.124 1.448 1.45 3.992 1.86 6.123 3.436.558.42 1.342.37 1.838-.123l.907-.906a1.41 1.41 0 0 0 0-1.993l-9.28-9.28a1.408 1.408 0 0 0-1.993-.001zM45.504 48a6.5 6.5 0 1 0-9.193 9.192 6.5 6.5 0 0 0 13.786-7.288A6.488 6.488 0 0 0 45.502 48z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Music
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-nature mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['nature'],
                query_type: ['nature']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 76 100"><path fill="currentColor" d="M71.57 71a16.245 16.245 0 0 1-12.498 5.385 38.102 38.102 0 0 1-9.7-1.494A23.872 23.872 0 0 1 38 78a23.847 23.847 0 0 1-11.37-3.11 38.088 38.088 0 0 1-9.702 1.495A16.25 16.25 0 0 1 4.428 71a1.625 1.625 0 0 1 .145-2.337 68.925 68.925 0 0 0 14.152-16.12c-1.54-.54-3-1.283-4.338-2.213a1.612 1.612 0 0 1-.71-1.186c-.045-.482.13-.958.476-1.297a86.822 86.822 0 0 0 13.264-17.103 18.438 18.438 0 0 1-3.132-1.24 1.616 1.616 0 0 1-.88-1.183 1.61 1.61 0 0 1 .455-1.4A51.206 51.206 0 0 0 36.49 7.984C36.752 7.386 37.344 7 38 7s1.248.386 1.51.983A51.206 51.206 0 0 0 52.14 26.92a1.604 1.604 0 0 1-.426 2.583c-1.002.51-2.05.924-3.13 1.24a86.87 86.87 0 0 0 13.263 17.104c.346.34.52.815.476 1.297a1.61 1.61 0 0 1-.71 1.186 18.16 18.16 0 0 1-4.338 2.214 68.96 68.96 0 0 0 14.15 16.12c.34.285.545.696.572 1.137.027.442-.127.875-.426 1.2zm-40.75 9.75a.825.825 0 0 1 .328-.594.758.758 0 0 1 .645-.13c3.75.988 7.675.987 11.424-.003.223-.056.458-.01.645.13s.307.356.33.594A40.69 40.69 0 0 0 46.92 92.3c.146.396.09.84-.15 1.184a1.177 1.177 0 0 1-1.032.514H29.264a1.179 1.179 0 0 1-1.035-.514 1.292 1.292 0 0 1-.15-1.184 40.73 40.73 0 0 0 2.74-11.55z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Nature
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-nightlife mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['nightlife'],
                query_type: ['nightlife']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M35.272 26.553a38.191 38.191 0 0 0 38.181 38.194 37.46 37.46 0 0 0 10.343-1.673 3.304 3.304 0 0 1 3.88 4.604c-7.722 16.818-25.603 26.543-43.923 23.888-18.32-2.655-32.702-17.054-35.33-35.372-2.625-18.318 7.13-36.177 23.968-43.87a3.306 3.306 0 1 1 4.612 3.883 37.474 37.474 0 0 0-1.73 10.346z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Nightlife
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-tours mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['tours'],
                query_type: ['tours']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M89.35 47.336h-2.49l.303 3.358c.24 2.65.36 5.304.36 7.966v18.007c0 4.05-3.27 7.333-7.305 7.333H21.783c-4.035 0-7.305-3.283-7.305-7.333V58.66c0-2.66.12-5.315.36-7.966l.304-3.358h-2.49A3.658 3.658 0 0 1 9 43.67v-11a3.659 3.659 0 0 1 3.652-3.665h4.15l.97-10.72a7.327 7.327 0 0 1 4.274-6.024A77.014 77.014 0 0 1 51 7.007a77.011 77.011 0 0 1 28.954 5.255 7.327 7.327 0 0 1 4.273 6.026l.97 10.72h4.15A3.658 3.658 0 0 1 93 32.673v11a3.659 3.659 0 0 1-3.65 3.666zM74.5 72c3.038 0 5.5-2.24 5.5-5s-2.462-5-5.5-5-5.5 2.24-5.5 5 2.462 5 5.5 5zM27 72c2.76 0 5-2.24 5-5s-2.24-5-5-5a5.002 5.002 0 0 0-3.535 8.536A5.002 5.002 0 0 0 27 72zm34.375-60h-21.75C37.623 12 36 13.567 36 15.5s1.623 3.5 3.625 3.5h21.75C63.377 19 65 17.433 65 15.5S63.377 12 61.375 12zm19.61 38.726l-2.095-22.43c-.186-1.877-1.795-3.306-3.713-3.296H27.82c-1.917-.01-3.526 1.42-3.712 3.297l-2.097 22.43c-.072.844.22 1.68.805 2.304.585.624 1.41.976 2.273.97h52.856a3.064 3.064 0 0 0 2.25-.96c.58-.616.867-1.444.795-2.28l-.004-.034zM19.876 87h11.25C32.16 87 33 87.784 33 88.75v1.75c0 1.933-1.68 3.5-3.75 3.5h-7.5C19.68 94 18 92.433 18 90.5v-1.75c0-.464.198-.91.55-1.237.35-.33.828-.513 1.325-.513zm51 0h11.25C83.16 87 84 87.784 84 88.75v1.75c0 1.933-1.68 3.5-3.75 3.5h-7.5C70.68 94 69 92.433 69 90.5v-1.75c0-.464.198-.91.55-1.237.35-.33.828-.513 1.325-.513z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Tours
            </p>
          </a>
          <a href="travel-results.amp.html" class="travel-activities-activity travel-type-water mx1" on="
              tap:AMP.setState({
                ui_viewIndex: 1,
                fields_type: ['water'],
                query_type: ['water']
              })
            ">
            <div class="travel-shadow circle inline-block">
              <div class="travel-activities-activity-icon">

<svg class="travel-icon" viewBox="0 0 100 100"><path fill="currentColor" d="M91.573 93.997a15.786 15.786 0 0 1-8.377-2.22 10.496 10.496 0 0 0-10.63 0c-5.24 2.96-11.51 2.96-16.752 0a9.428 9.428 0 0 0-5.314-1.446 9.422 9.422 0 0 0-5.315 1.448 15.789 15.789 0 0 1-8.376 2.22 15.796 15.796 0 0 1-8.378-2.22 9.42 9.42 0 0 0-5.314-1.447 9.422 9.422 0 0 0-5.315 1.448A15.789 15.789 0 0 1 9.426 94C7.535 93.997 6 92.355 6 90.33s1.535-3.665 3.427-3.665a9.424 9.424 0 0 0 5.314-1.445A15.8 15.8 0 0 1 23.119 83c2.926-.06 5.815.705 8.376 2.22a9.412 9.412 0 0 0 5.315 1.445 9.429 9.429 0 0 0 5.314-1.445A15.789 15.789 0 0 1 50.5 83c2.926-.06 5.815.705 8.376 2.22a10.496 10.496 0 0 0 10.63 0c5.24-2.958 11.51-2.958 16.75 0a9.428 9.428 0 0 0 5.317 1.445c1.892 0 3.427 1.64 3.427 3.665 0 2.024-1.535 3.665-3.427 3.665zM90.293 62h-30.89a1.406 1.406 0 0 1-1.291-1.961 48.605 48.605 0 0 0 3.262-18.51 49.415 49.415 0 0 0-3.264-18.62 1.37 1.37 0 0 1 .33-1.54c.277-.26.65-.39 1.03-.364 17.262 1.17 31.527 22.68 32.527 39.178a1.711 1.711 0 0 1-1.705 1.82zm-1.746 4a2.458 2.458 0 0 1 1.809 4.118 58.618 58.618 0 0 1-9.736 8.3 6.82 6.82 0 0 1-3.724 1.185 19.938 19.938 0 0 0-9.278 2.41 7.646 7.646 0 0 1-7.502-.004 19.895 19.895 0 0 0-9.81-2.414 19.927 19.927 0 0 0-9.82 2.417 6.575 6.575 0 0 1-3.746.98 6.594 6.594 0 0 1-3.754-.984 19.909 19.909 0 0 0-9.812-2.415c-2.76-.05-5.5.49-8.036 1.578A1.525 1.525 0 0 1 13 79.778V68.55A2.547 2.547 0 0 1 15.545 66h73.002zm-37.12-4H7.715a1.717 1.717 0 0 1-1.295-2.844L50.99 7.593A1.713 1.713 0 0 1 54 8.718v50.703c0 .685-.272 1.34-.754 1.825a2.56 2.56 0 0 1-1.818.754z"></path></svg>              </div>
            </div>
            <p class="bold center line-height-4">
              Water
            </p>
          </a>
      
    </div>
  </div>
</div></section>
<!--/ Activities -->

        <div class="travel-footer-wrapper">

<!-- Popular -->
<section class="travel-popular pb4 pt3 relative">
  <header class="max-width-3 mx-auto px1 md-px2">
    <h3 class="h1 bold line-height-2 md-hide lg-hide" aria-hidden="true">Top Adventures<br>Near You</h3>
    <h3 class="h1 bold line-height-2 xs-hide sm-hide center">Top Adventures Near You</h3>
  </header>
  <div class="overflow-scroll">
    <div class="travel-overflow-container">
      <div class="flex px1 md-px2 mxn1">
        <div class="m1 mt3 mb2">
          <div class="travel-popular-tilt-right mb1">
            <div class="relative travel-results-result">
              <a class="travel-results-result-link block relative" href="#">
                <amp-img class="block rounded" width="346" height="200" noloading="" src="../img/travel/activity/surf-day.jpg" srcset="../img/travel/activity/surf-day@2x.jpg 2x, ../img/travel/activity/surf-day.jpg 1x"></amp-img>
              </a>
              <div class="travel-results-result-like absolute top-0 right-0">
                <div class="p1">

<!-- Like Button -->
<label class="travel-like">
  <input type="checkbox" class="absolute">
  <div class="travel-like-hearts circle inline-block relative">
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart travel-like-heart-white absolute mx-auto "></div>
    <div class="travel-like-heart travel-like-heart-solid absolute mx-auto "></div>
    <div class="travel-like-heart travel-like-heart-outline absolute mx-auto "></div>
  </div>
</label>
<!--/ Like Button -->
                </div>
              </div>
            </div>
          </div>

          <div class="h2 line-height-2 mb1">
            <span class="travel-results-result-text">Surf Day. Board and Wetsuits Included in Price!</span>
            <span class="travel-results-result-subtext h3">&bull;</span>
            <span class="travel-results-result-subtext h3">$&nbsp;</span><span class="black bold">100</span>
          </div>

          <div class="h4 line-height-2">
            <div class="inline-block relative mr1 h3 line-height-2">
              <div class="travel-results-result-stars green">★★★★★</div>
            </div>
            <span class="travel-results-result-subtext mr1">241 Reviews</span>
            <span class="travel-results-result-subtext"><svg class="travel-icon" viewBox="0 0 77 100"><g fill="none" fill-rule="evenodd"><path stroke="currentColor" stroke-width="7.5" d="M38.794 93.248C58.264 67.825 68 49.692 68 38.848 68 22.365 54.57 9 38 9S8 22.364 8 38.85c0 10.842 9.735 28.975 29.206 54.398a1 1 0 0 0 1.588 0z"></path><circle cx="38" cy="39" r="10" fill="currentColor"></circle></g></svg> Oaxaca</span>
          </div>
        </div>
        <div class="m1 mt3 mb2">
          <div class="travel-results-result relative mb1">
            <div class="relative travel-results-result">
              <a class="travel-results-result-link block relative" href="#">
                <amp-img class="block rounded" width="346" height="200" noloading="" src="../img/travel/activity/discover-electronic-scene.jpg" srcset="../img/travel/activity/discover-electronic-scene@2x.jpg 2x, ../img/travel/activity/discover-electronic-scene.jpg 1x"></amp-img>
              </a>
              <div class="travel-results-result-flags absolute top-0 left-0">
                <div class="p1"><span class="travel-pill bold">NEW</span></div>
              </div>
              <div class="travel-results-result-like absolute top-0 right-0">
                <div class="p1">

<!-- Like Button -->
<label class="travel-like">
  <input type="checkbox" class="absolute">
  <div class="travel-like-hearts circle inline-block relative">
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart travel-like-heart-white absolute mx-auto "></div>
    <div class="travel-like-heart travel-like-heart-solid absolute mx-auto "></div>
    <div class="travel-like-heart travel-like-heart-outline absolute mx-auto "></div>
  </div>
</label>
<!--/ Like Button -->
                </div>
              </div>
            </div>
          </div>

          <div class="h2 line-height-2 mb1">
            <span class="travel-results-result-text">Discover Oaxaca&#39;s Electronic Music Scene with a Top DJ</span>
            <span class="travel-results-result-subtext h3">&bull;</span>
            <span class="travel-results-result-subtext h3">$&nbsp;</span><span class="black bold">113</span>
          </div>

          <div class="h4 line-height-2">
            <div class="inline-block relative mr1 h3 line-height-2">
              <div class="travel-results-result-stars green">★★★★★</div>
            </div>
            <span class="travel-results-result-subtext mr1">42 Reviews</span>
            <span class="travel-results-result-subtext"><svg class="travel-icon" viewBox="0 0 77 100"><g fill="none" fill-rule="evenodd"><path stroke="currentColor" stroke-width="7.5" d="M38.794 93.248C58.264 67.825 68 49.692 68 38.848 68 22.365 54.57 9 38 9S8 22.364 8 38.85c0 10.842 9.735 28.975 29.206 54.398a1 1 0 0 0 1.588 0z"></path><circle cx="38" cy="39" r="10" fill="currentColor"></circle></g></svg> Oaxaca</span>
          </div>
        </div>
        <div class="m1 mt3 mb2">
          <div class="travel-popular-tilt-left mb1">
            <div class="relative travel-results-result">
              <a class="travel-results-result-link block relative" href="#">
                <amp-img class="block rounded" width="346" height="200" noloading="" src="../../img/travel/activity/skateboard-around-city.jpg" srcset="../../img/travel/activity/skateboard-around-city@2x.jpg 2x, ../../img/travel/activity/skateboard-around-city.jpg 1x"></amp-img>
              </a>
              <div class="travel-results-result-like absolute top-0 right-0">
                <div class="p1">

<!-- Like Button -->
<label class="travel-like">
  <input type="checkbox" class="absolute">
  <div class="travel-like-hearts circle inline-block relative">
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart-tiny travel-like-heart-solid absolute"></div>
    <div class="travel-like-heart travel-like-heart-white absolute mx-auto "></div>
    <div class="travel-like-heart travel-like-heart-solid absolute mx-auto "></div>
    <div class="travel-like-heart travel-like-heart-outline absolute mx-auto "></div>
  </div>
</label>
<!--/ Like Button -->
                </div>
              </div>
            </div>
          </div>

          <div class="h2 line-height-2 mb1">
            <span class="travel-results-result-text">Skateboard Around the City</span>
            <span class="travel-results-result-subtext h3">&bull;</span>
            <span class="travel-results-result-subtext h3">$&nbsp;</span><span class="black bold">92</span>
          </div>

          <div class="h4 line-height-2">
            <div class="inline-block relative mr1 h3 line-height-2">
              <div class="travel-results-result-stars green">★★★★★</div>
            </div>
            <span class="travel-results-result-subtext mr1">17 Reviews</span>
            <span class="travel-results-result-subtext"><svg class="travel-icon" viewBox="0 0 77 100"><g fill="none" fill-rule="evenodd"><path stroke="currentColor" stroke-width="7.5" d="M38.794 93.248C58.264 67.825 68 49.692 68 38.848 68 22.365 54.57 9 38 9S8 22.364 8 38.85c0 10.842 9.735 28.975 29.206 54.398a1 1 0 0 0 1.588 0z"></path><circle cx="38" cy="39" r="10" fill="currentColor"></circle></g></svg> Mexico City</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--/ Popular -->


<!-- Featured -->
<section class="travel-featured pt3 relative clearfix">
  <header class="max-width-2 mx-auto px1 md-px2 relative">
    <h3 class="travel-featured-heading h1 bold line-height-2 mb2 center">Featured Destinations</h3>
  </header>
  <div class="max-width-3 mx-auto relative">
    <div class="travel-featured-grid flex flex-wrap items-stretch">
      <div class="col-12 md-col-6 flex items-stretch flex-auto">
        <a href="travel-results.amp.html" class="travel-featured-tile flex flex-auto relative travel-featured-color-blue" on="tap:AMP.setState({fields_query: 'New York', query_query: 'New York'})">
          <amp-img class="travel-object-cover flex-auto" layout="responsive" width="336" height="507" src="../../img/travel/city/new-york.jpg"></amp-img>
          <div class="travel-featured-overlay absolute z1 center top-0 right-0 bottom-0 left-0 white p2">
            <div class="travel-featured-tile-heading caps bold line-height-2 h3">New York</div>
            <div class="h5">379 adventures</div>
          </div>
        </a>
        <div class="flex flex-column items-stretch flex-auto">
          <a href="travel-results.amp.html" class="travel-featured-tile flex flex-auto relative travel-featured-color-cyan" on="tap:AMP.setState({fields_query: 'Barcelona', query_query: 'Barcelona'})">
            <amp-img class="travel-object-cover flex-auto" layout="responsive" width="264" height="246" src="../../img/travel/city/barcelona.jpg"></amp-img>
            <div class="travel-featured-overlay absolute z1 center top-0 right-0 bottom-0 left-0 white p2">
              <div class="travel-featured-tile-heading bold caps line-height-2 h3">Barcelona</div>
              <div class="h5">68 adventures</div>
            </div>
          </a>
          <a href="travel-results.amp.html" class="travel-featured-tile flex flex-auto pointer relative travel-featured-color-orange" on="tap:AMP.setState({fields_query: 'Paris', query_query: 'Paris'})">
            <amp-img class="travel-object-cover flex-auto" layout="responsive" width="264" height="264" src="../../img/travel/city/paris.jpg"></amp-img>
            <div class="travel-featured-overlay absolute z1 center top-0 right-0 bottom-0 left-0 white p2">
              <div class="travel-featured-tile-heading bold caps line-height-2 h3">Paris</div>
              <div class="h5">221 adventures</div>
            </div>
          </a>
        </div>
      </div>
      <div class="col-12 md-col-6 flex items-stretch flex-auto">
        <div class="flex flex-column items-stretch flex-auto">
          <a href="travel-results.amp.html" class="travel-featured-tile flex flex-auto pointer relative travel-featured-color-purple" on="tap:AMP.setState({fields_query: 'Tokyo', query_query: 'Tokyo'})">
            <amp-img class="travel-object-cover flex-auto" layout="responsive" width="276" height="207" src="../../img/travel/city/tokyo.jpg"></amp-img>
            <div class="travel-featured-overlay absolute z1 center top-0 right-0 bottom-0 left-0 white p2">
              <div class="travel-featured-tile-heading caps bold line-height-2 h3">Tokyo</div>
              <div class="h5">500+ adventures</div>
            </div>
          </a>
          <a href="travel-results.amp.html" class="travel-featured-tile flex flex-auto relative travel-featured-color-cornflower" on="tap:AMP.setState({fields_query: 'Chicago', query_query: 'Chicago'})">
            <amp-img class="travel-object-cover flex-auto" layout="responsive" width="264" height="286" src="../../img/travel/city/chicago.jpg"></amp-img>
            <div class="travel-featured-overlay absolute z1 center top-0 right-0 bottom-0 left-0 white p2">
              <div class="travel-featured-tile-heading caps bold line-height-2 h3">Chicago</div>
              <div class="h5">143 adventures</div>
            </div>
          </a>
        </div>
        <a href="travel-results.amp.html" class="travel-featured-tile flex flex-auto relative travel-featured-color-teal" on="tap:AMP.setState({fields_query: 'Reykjavik', query_query: 'Reykjavik'})">
          <amp-img class="travel-object-cover flex-auto" layout="responsive" width="312" height="507" src="../../img/travel/city/reykjavik.jpg"></amp-img>
          <div class="travel-featured-overlay absolute z1 center top-0 right-0 bottom-0 left-0 white p2">
            <div class="travel-featured-tile-heading caps bold h3">Reykjavik</div>
            <div class="h5">87 adventures</div>
          </div>
        </a>
      </div>
    </div>
  </div>
</section>
<!--/ Featured -->


<!-- Search -->
<section class="travel-search py4 xs-hide sm-hide relative">
  <div class="px1 md-px2 pb1 relative">
    <h3 class="travel-search-heading travel-spacing-none h1 bold mb2 center">Have a specific destination in mind?</h3>

    <div class="flex justify-center pb2">
      <div class="travel-input-group flex items-center col-8">
          <input class="travel-input travel-input-big line-height-2 block col-12 flex-auto rounded-left" type="text" name="query" placeholder="Where would you like to go?" on="change:AMP.setState({fields_query: event.value})" value="" [value]="fields_query">
          <span class="travel-input-group-sep travel-border-gray relative z1 block"></span>
          <a href="travel-results.amp.html" class="travel-link travel-input travel-input-big line-height-2 link rounded-right nowrap text-decoration-none" on="
              tap:AMP.setState({
                  ui_reset: false,
                  ui_filterPane: false,
                  query_query: fields_query,
                  fields_query_edited: false,
                  query_departure: fields_departure,
                  fields_departure_edited: false,
                  query_return: fields_return,
                  fields_return_edited: false,
                  query_maxPrice: fields_maxPrice,
                  fields_maxPrice_edited: false,
                  query_city: fields_city,
                  fields_city_edited: false,
                  query_type: fields_type,
                  fields_type_edited: false,
                  query_sort: fields_sort,
                  fields_sort_edited: false,
              })
            ">
            Find my next adventure
          </a>
      </div>
    </div>
  </div>
</section>
<!--/ Search -->


<!-- Discover mobile-->
<section class="travel-discover-mobile max-width-3 mx-auto py3 px1 md-hide lg-hide">
  <header>
    <h2 class="h1 bold line-height-2">Discover Adventures</h2>
    <div class="travel-discover-subheading h3">Get inspired and find your next big trip</div>
  </header>
  <div class="flex md-mx2 my3 py2 items-center travel-discover-panel travel-shadow-hover">
    <amp-img class="rounded relative flex-none mx1" width="100" height="100" src="../../img/travel/blogpost-thumbnail.jpg"></amp-img>
    <div class="flex-auto">
      <div class="h3 bold line-height-2 mb1">From the blog</div>
      <p class="travel-discover-panel-subheading my1">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit amet dolor set. <a class="travel-link" href="#">Read more</a>
      </p>
    </div>
  </div>
</section>
<!--/ Discover mobile-->

<!-- Footer -->
<footer class="travel-footer overflow-hidden">

  <div class="relative bg-black">

    <!-- Angle -->
    <div class="travel-footer-angle-block absolute top-0 bottom-0 right-0 xs-hide sm-hide"></div>
    <div class="travel-footer-angle absolute xs-hide sm-hide"></div>
    <!--/ Angle -->

    <!-- Right column -->
    <div class="travel-newsletter-signup">
      <header class="max-width-3 mx-auto px1 md-px2">
        <h4 class="travel-footer-right-column-heading travel-spacing-none h2 mb3 blue">Want travel deals<br>straight to your inbox?</h4>
        <div class="h4 bold mb1">Sign up to our newsletter</div>
      </header>
      <div class="relative">
        <div class="travel-footer-input-bg bg-black absolute right-0 left-0 md-hide lg-hide"></div>
        <div class="max-width-3 mx-auto px1 md-px2 relative">
          <div class="travel-input-group flex items-center col-12 rounded travel-shadow">
            <input class="travel-input travel-input-big block col-12 flex-auto rounded-left" type="text" name="email" placeholder="Enter your email">
            <span class="travel-input-group-sep travel-border-gray relative z1 block"></span>
            <button type="button" class="travel-link travel-input-big nowrap rounded-right">
              Sign up now
            </button>
          </div>
        </div>
      </div>
    </div>
    <!--/ Right column -->

    <!-- Left column -->
    <div class="max-width-3 mx-auto px1 md-px2">
      <div class="flex pt3 md-pt4 col-12 md-col-6 pr3">
        <div class="col-2">
          <a href="travel.amp.html" class="inline-block h2 line-height-1 circle white">
<svg class="travel-icon travel-icon-logo h2" viewBox="0 0 100 100"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="7.5"><circle cx="50" cy="50" r="45"></circle><path d="M20.395 83.158c-2.37-10.263-.79-18.553 4.737-24.87 8.29-9.472 17.763-1.183 26.052-9.472 8.29-8.29 2.37-18.948 10.658-26.053 5.526-4.737 12.237-6.316 20.132-4.737M39.084 95c-2.788-10.2-1.912-17.304 2.627-21.316 6.808-6.017 14.956-.68 24.088-9.623 9.13-8.94 3.062-17.133 10.255-23.534 4.795-4.267 10.282-5.668 16.46-4.203"></path></g></svg>          </a>
        </div>
        <div class="col-5">
          <h4 class="travel-spacing-none mb2 h3 gray bold">Company</h4>
          <div class="line-height-4 mb4">
            <a href="#" class="travel-link block gray">About</a>
            <a href="#" class="travel-link block gray">Careers</a>
            <a href="#" class="travel-link block gray">Contact</a>
          </div>
        </div>
        <div class="col-5">
          <h4 class="travel-spacing-none mb2 h3 gray bold">Discover</h4>
          <div class="line-height-4 mb4">
            <a href="#" class="travel-link block gray">Activities</a>
            <a href="#" class="travel-link block gray">Tours</a>
            <a href="#" class="travel-link block gray">Experiences</a>
            <a href="#" class="travel-link block gray">Featured Adventures</a>
            <a href="#" class="travel-link block gray">Search</a>
          </div>
        </div>
      </div>
      <div class="py3 gray">
        &copy; Copyright 2017
      </div>
    </div>
    <!--/ Left column -->
  </div>
</footer>
<!--/ Footer  -->
        </div>
      </div>
    </section>
  </body>
</html>
