juliavallina/gist:a11a960ed123cdb6b8949cddc384d3ba

## gistfile1.txt

<!doctype html>
<html ⚡ lang="es">
<head>

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

    	<link rel="canonical" href="https://ampbyexample.com/components/amp-list/">


  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&amp;subset=cyrillic" rel="stylesheet">

  <!-- AMP boilerplate -->
  <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>

  <!-- Custom CSS -->
  <style amp-custom="">/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.s-weather-1:before,.s-weather-10:before,.s-weather-11:before,.s-weather-12:before,.s-weather-13:before,.s-weather-14:before,.s-weather-15:before,.s-weather-16:before,.s-weather-17:before,.s-weather-18:before,.s-weather-19:before,.s-weather-2:before,.s-weather-20:before,.s-weather-21:before,.s-weather-22:before,.s-weather-23:before,.s-weather-24:before,.s-weather-25:before,.s-weather-26:before,.s-weather-27:before,.s-weather-28:before,.s-weather-29:before,.s-weather-3:before,.s-weather-30:before,.s-weather-31:before,.s-weather-32:before,.s-weather-33:before,.s-weather-34:before,.s-weather-36:before,.s-weather-37:before,.s-weather-38:before,.s-weather-39:before,.s-weather-4:before,.s-weather-40:before,.s-weather-41:before,.s-weather-42:before,.s-weather-43:before,.s-weather-44:before,.s-weather-45:before,.s-weather-46:before,.s-weather-47:before,.s-weather-5:before,.s-weather-6:before,.s-weather-7:before,.s-weather-8:before,.s-weather-9:before,form input[type=checkbox]:checked+label:after,#fastbooking-mobile .discount-checks .discount.static:after,#fastbooking-mobile .discount-checks .info:after,.go-to-top:before,.e-link.l-down:after,.e-link.l-right:after,.main-footer amp-accordion header:after,.main-footer amp-accordion section[expanded] header:after,.main-footer .language-selector .accordion-header:before,.main-footer .btn-app:before,.main-footer .footer-contact .btn-form:before,.mobile-fastbooking .secondary-btn:before,.mobile-fastbooking-cnt .remove-room:after,.mobile-fastbooking-cnt .dates .dates-container .nights-label:before,.mobile-fastbooking-cnt .dates .dates-container .date:before,.mobile-fastbooking-cnt .dates .label.remove-dates:after,.mobile-fastbooking-cnt .rooms-selector-cnt .fk-select:after,.mobile-fastbooking-cnt .room-row .fk-select:after,.mobile-fastbooking-cnt .input.promo .fk-select:before,.mobile-fastbooking-cnt .input.promo .fk-select:after,.mobile-fastbooking-cnt .input.promo .s:after,.mobile-fastbooking-cnt .input.promo.promo-active label:before,.input-place-to-go .dropdown-list .group-result:after,.input-place-to-go .dropdown-list .lvl1:after,.mobile-menu>ul .has-children .menu-item:after,.mobile-menu>ul .has-children .menu-sub-item:after,.mobile-menu>ul li amp-accordion section[expanded] .menu-item:after,.mobile-menu>ul li amp-accordion .menu-item:after,.mobile-menu .is-children li>ul li a:after,.mobile-menu .is-children li.has-children>a:after,.mobile-menu .back a:after,.phone-list .secondary-btn:before,.s:after{display:inline-block;font-family:"iberostar-symbols";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;vertical-align:middle;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.s-2x{font-size:2em}.s-3x{font-size:3em}.s-4x{font-size:4em}.s-5x{font-size:5em}.s-xs{font-size:12px}.s-s{font-size:16px}.s-m{font-size:24px}.s-l{font-size:32px}.s-xl{font-size:42px}.mb-1{margin-bottom:8px}.mt-1{margin-top:8px}.mb-2{margin-bottom:10px}.mt-2{margin-top:10px}.mb-3{margin-bottom:16px}.mt-3{margin-top:16px}.mb-4{margin-bottom:24px}.mt-4{margin-top:24px}.mb-5{margin-bottom:40px}.mt-5{margin-top:40px}.mb-6{margin-bottom:60px}.mt-6{margin-top:60px}.mb-7{margin-bottom:80px}.mt-7{margin-top:80px}.mb-4{margin-bottom:20px}.mb-6{margin-bottom:40px}.mb-7{margin-bottom:60px}@font-face{font-family:"iberostar-symbols";font-weight:normal;font-style:normal;src:url(//iberostar-web.test/assets/iberostar-symbols-4b9b06d80610f4586d6963c71b313b703c167a9addc36eb748e7962f54ecd66d.eot);src:url(//iberostar-web.test/assets/iberostar-symbols-4b9b06d80610f4586d6963c71b313b703c167a9addc36eb748e7962f54ecd66d.eot?#iefix) format("embedded-opentype"),url(//iberostar-web.test/assets/iberostar-symbols-46dbd1beb714b5d3a5206545f0367a22bcb1717dc1475a0fbc59b41e317af01e.woff) format("woff"),url(//iberostar-web.test/assets/iberostar-symbols-0ecfae81a50e23a0039bfc8017e5af10a29c0bd3bea70b2bcce5f76acd7c389e.ttf) format("truetype"),url(//iberostar-web.test/assets/iberostar-symbols-f2d312f18573e57b5fd733b09e273208d74228e16c2682f7b382db5c8bfceaee.svg#iberostar-symbols) format("svg")}@font-face{font-family:"NoeText";font-weight:normal;font-style:normal;src:url(//iberostar-web.test/assets/Noe_Text_Regular-1d8954da4b300b115185cb8352214374cda17e644885c11f7a309e9f98e810d2.eot);src:url(//iberostar-web.test/assets/Noe_Text_Regular-1d8954da4b300b115185cb8352214374cda17e644885c11f7a309e9f98e810d2.eot?#iefix) format("embedded-opentype"),url(//iberostar-web.test/assets/Noe_Text_Regular-f40cc8e55e04de88073077c59e77030e8d5e3c2ec634579480eb4f6778aa2d6f.woff) format("woff"),url(//iberostar-web.test/fonts/Noe_Text_Regular.ttf) format("truetype"),url(//iberostar-web.test/assets/Noe_Text_Regular-fb6e3bbaddc56c7948a924ac63c75e009f60ae8fd02c72f59380205acee11ff8.svg#NoeText) format("svg")}@font-face{font-family:"NoeText";font-weight:bold;font-style:normal;src:url(//iberostar-web.test/assets/NoeText-Bold-ec260e644761bc3aa38859eb19c39887c237013b04ce4724881a12ae722cc04c.eot);src:url(//iberostar-web.test/assets/NoeText-Bold-ec260e644761bc3aa38859eb19c39887c237013b04ce4724881a12ae722cc04c.eot?#iefix) format("embedded-opentype"),url(//iberostar-web.test/assets/NoeText-Bold-45267380d604229d0807738f6041fe69b191a480f072cf2f0169b00ff76cb3df.woff) format("woff"),url(//iberostar-web.test/assets/NoeText-Bold-8294281c227a3428a44085a9d28f2bdddc62bfd125e6ecf654dc61c3a9ef75c6.ttf) format("truetype"),url(//iberostar-web.test/assets/NoeText-Bold-b50bb6d82e01ebe793435abf2a365d1a0ddc46bd7ed86503863203a043b77967.svg#NoeText) format("svg")}html,body,ol,ul,address,blockquote,pre,code,kbd,samp,q,sub,sup,small,p,h1,h2,h3,h4,h5,h6{margin:0}body{margin:0;font-family:"Open Sans", sans-serif;font-size:100%;line-height:1.5rem;text-align:left;font-weight:400;color:#515357}h1,h2,h3,h4,h5,h6{font-weight:inherit}ul,ol,li{list-style:none}li{line-height:1.5rem}ol,ul{margin:0;padding:0}a,a:focus,a:hover{outline:0;text-decoration:none}@-webkit-keyframes placeHolderShimmer{0%{background-position:0 0}100%{background-position:1200px 0}}@keyframes placeHolderShimmer{0%{background-position:0 0}100%{background-position:1200px 0}}form input[type=checkbox],form input[type=radio]{position:absolute;margin-left:-9999px;-webkit-appearance:none}form input[type=checkbox]+label,form input[type=radio]+label{position:relative;padding:0 0 0 30px;cursor:pointer}form input[type=checkbox]+label:before,form input[type=radio]+label:before{content:'';display:block;position:absolute;left:0;top:-1px;width:20px;height:20px;background-color:#fff;border:1px solid #7F7F7F}form input[type=radio]+label:before{border-radius:50%}form input[type=checkbox]:disabled+label,form input[type=radio]:disabled+label{opacity:.3}form input[type=checkbox]:checked+label:before{border-color:#67BAAF;background:#67BAAF}form input[type=checkbox]:checked+label:after{content:"";font-size:11px;position:absolute;left:5px;top:6px;color:#fff}form input[type=radio]:checked+label:before{border-color:#7BD124}form input[type=radio]:checked+label:after{content:"";width:14px;height:14px;position:absolute;border-radius:50%;background:#7BD124;left:3px;top:5px}.t-link,.e-link{font:700 0.875rem/1.25rem "Open Sans", sans-serif}.t-link-secondary,.t-fb-label,.main-footer .link-title,.t-date,.t-label{font:600 0.75rem/1.125rem "Open Sans", sans-serif}.t-fb-label{letter-spacing:1.54px;text-transform:uppercase}.t-fb-p{font:1rem/1.5rem "Open Sans", sans-serif}.block-title{color:#002855}.t-hero{font:bold 2.25rem/2.625rem "NoeText", sans-serif}.t-h1{font:bold 1.625rem/2rem "NoeText", sans-serif}.t-h2,.block-title{font:bold 1.375rem/1.75rem "NoeText", sans-serif}.t-h3{font:bold 1.25rem/1.625rem "NoeText", sans-serif}.t-h5-header{font:600 1rem/1.375rem "Open Sans", sans-serif;letter-spacing:3px;text-transform:uppercase}.t-highlight,.t-price-coin{font:600 1rem/1.625rem "Open Sans", sans-serif}.t-p{font-size:0.875rem;line-height:24px}.t-label{text-transform:uppercase;letter-spacing:1.8px}.t-coin,.t-price{font:600 1.375rem/1.875rem "Open Sans", sans-serif}.t-price-coin-small,.t-link-secondary,.t-fb-label,.main-footer .link-title,.t-date,.t-label{font:600 0.75rem/1.125rem "Open Sans", sans-serif}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}.wrapper{width:100%;max-width:1240px;padding:0 20px;margin:0 auto}.wrapper.flex{display:-webkit-box;display:-ms-flexbox;display:flex}html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.hidden{display:none}body{padding:60px 0 70px}.btn-primary,.secondary-btn,.negative-btn{font:700 0.875rem/1.25rem "Open Sans", sans-serif;display:inline-block;padding:15px 24px 16px;text-align:center;min-width:130px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color;border-radius:0}.disabled.btn-primary,.disabled.secondary-btn,.disabled.negative-btn,.btn-primary:disabled,.secondary-btn:disabled,.negative-btn:disabled{pointer-events:none;opacity:.4}.hidden.btn-primary,.hidden.secondary-btn,.hidden.negative-btn{display:none}.btn-primary{border:none;color:#fff;background-color:#67BAAF}.btn-primary:hover:not(.disabled):not(:disabled){background-color:rgba(103,186,175,0.8)}.secondary-btn{color:#67BAAF;border:1px solid #67BAAF;background:transparent}.secondary-btn:hover:not(.disabled):not(:disabled){color:#fff;background:#67BAAF}.secondary-btn.disabled,.secondary-btn:disabled{color:#fff;background:#67BAAF}.negative-btn{color:#67BAAF;border:none;background:#fff}.negative-btn:hover:not(.disabled):not(:disabled){background:rgba(255,255,255,0.8)}.btn-close{position:absolute;top:0;right:0;color:#67BAAF;width:40px;height:40px;cursor:pointer;text-align:center;font-size:20px;line-height:40px;z-index:1}.secondary-btn:hover:not(.disabled):not(:disabled){color:#67BAAF;background:transparent}.secondary-btn:active:not(.disabled):not(:disabled){color:#fff;background:#67BAAF}#fastbooking-mobile .discount-checks .discount{display:inline-block;margin-left:0;margin-bottom:6px;color:#7F7F7F}#fastbooking-mobile .discount-checks .discount.hidden{display:none}#fastbooking-mobile .discount-checks .discount.static{padding-left:25px;position:relative}#fastbooking-mobile .discount-checks .discount.static:after{content:"";font-size:12px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#67BAAF}#fastbooking-mobile .discount-checks .info{height:16px;display:inline-block;margin-left:6px;position:relative;top:1px}#fastbooking-mobile .discount-checks .info:after{content:"";color:#67BAAF;font-size:16px;display:block}.go-to-top{position:fixed;width:64px;height:64px;right:10px;bottom:80px;padding:10px;background:#fff;color:#67BAAF;border:1px solid;border-radius:100%;-webkit-box-shadow:0px 2px 5px 0px rgba(3,25,50,0.21);box-shadow:0px 2px 5px 0px rgba(3,25,50,0.21);z-index:10}.go-to-top:before{content:"";position:absolute;top:20px;right:42%;font-size:22px;font-weight:600;-webkit-transform:translateX(50%);transform:translateX(50%)}#go-to-top-trigger{position:absolute;top:100px;width:0px;height:0px}.e-link{color:#67BAAF;text-decoration:none;position:relative}.e-link:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#EDF7F6;opacity:0;-webkit-transform:translateY(9px);transform:translateY(9px);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;pointer-events:none}.e-link:hover:before{opacity:1;-webkit-transform:translateY(4px);transform:translateY(4px)}.e-link:active{color:#002855}.e-link:active:before{background:#F1F2F9}.e-link.negative{color:#fff}.e-link.negative:before{background:#fff;height:2px}.e-link.negative:active{color:#fff}.e-link.negative:active:before{background:#fff}.e-link.l-down{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.e-link.l-down:after{content:"";margin:4px 0 0 5px;font-size:12px}.e-link.l-down.l-up:after{margin-top:-6px;-webkit-transform:scale(-1);transform:scale(-1)}.e-link.l-right:after{content:"";margin-left:8px;font-size:12px}.e-skeleton-content .row{position:relative;margin:10px 20px 20px;height:18px;background-color:#eaebf6}.e-skeleton-content .row:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(35%, #e3e5f3), color-stop(50%, #dcdef0), color-stop(65%, #e3e5f3), color-stop(80%, transparent));background:linear-gradient(to right, transparent 20%, #e3e5f3 35%, #dcdef0 50%, #e3e5f3 65%, transparent 80%);background-size:300%;-webkit-animation:placeHolderShimmer 2s linear infinite forwards;animation:placeHolderShimmer 2s linear infinite forwards;z-index:0;border-radius:2px}.e-skeleton-content.white .row{background-color:#fafafa}.e-skeleton-content.white .row:before{background-image:-webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(35%, #f5f5f5), color-stop(50%, #f0f0f0), color-stop(65%, #f5f5f5), color-stop(80%, transparent));background-image:linear-gradient(to right, transparent 20%, #f5f5f5 35%, #f0f0f0 50%, #f5f5f5 65%, transparent 80%)}amp-accordion .accordion-header{padding:0;background:inherit;border:none}amp-accordion .accordion-header:focus{outline:0}amp-lightbox[scrollable]>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:100%;background-color:rgba(0,40,85,0.7)}amp-lightbox .amp-wrapper{background-color:#F1F2F9;width:100%;margin:auto;padding:24px}amp-lightbox .amp-content{position:relative;background-color:#fff;padding:20px 10px}amp-sidebar{width:100%;background-color:#fff}amp-sidebar.child{background:#F1F2F9}.main-footer{background:#67BAAF;color:#fff}.main-footer .link-title{text-transform:uppercase;letter-spacing:1.5px}.main-footer .link{font:700 0.875rem/1.25rem "Open Sans", sans-serif;margin-bottom:16px}.main-footer .link-small{font:700 0.75rem/1rem "Open Sans", sans-serif}.main-footer a{color:inherit}.main-footer amp-accordion header{position:relative;padding:20px 20px 20px 0;border-bottom:solid 1px rgba(255,255,255,0.1)}.main-footer amp-accordion header:after{content:"";position:absolute;font-size:12px;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:3px}.main-footer amp-accordion section{padding:0 20px}.main-footer amp-accordion section[expanded]{background-color:#EFEFF8;color:#67BAAF}.main-footer amp-accordion section[expanded] header{color:#002855}.main-footer amp-accordion section[expanded] header:after{content:""}.main-footer amp-accordion section[expanded] ul{padding:4px 0}.main-footer .social-links{padding-bottom:30px}.main-footer .social-links>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-footer .social-links>ul>li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:10px 0;width:21%}.main-footer .social-links>ul>li .s{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;border:1px solid #67BAAF;border-radius:50%}.main-footer .social-links>ul>li .s:after{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:center;align-self:center;font-size:18px}.main-footer .language-selector .accordion-header{border-top:1px solid rgba(255,255,255,0.1)}.main-footer .language-selector .accordion-header:before{content:"";font-size:20px;font-size:1.25rem;margin-right:8px;vertical-align:bottom}.main-footer .btn-app{display:block;margin:24px 20px;border:2px solid #fff}.main-footer .btn-app:before{content:"";width:20px;height:28px;text-align:center;font-size:28px;margin-right:10px}.main-footer .footer-my-iberostar{background:#fff;color:#67BAAF}.main-footer .footer-my-iberostar ul{padding:12px 0}.main-footer .footer-my-iberostar li{padding:12px 0px;white-space:nowrap}.main-footer .footer-contact{text-align:center}.main-footer .footer-contact .btn-form{display:inline-block;padding:10px 0 16px;font-size:1rem}.main-footer .footer-contact .btn-form:before{content:"";font-size:28px;margin-right:10px}.main-footer .footer-more .t-p{padding:0 0 20px;color:#67BAAF}.main-footer .footer-bottom{padding-top:20px}.main-footer .footer-bottom .flex{-ms-flex-wrap:wrap;flex-wrap:wrap}.main-footer .footer-bottom .flex>li{padding:0 30px 15px 0}.main-footer .footer-bottom .flex>li:last-child a{font-weight:normal}.mobile-fastbooking{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;width:100%;bottom:0;left:0;padding:10px 20px;z-index:500;background:#F6F8FC;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform 0.5s ease-out;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}.mobile-fastbooking .btn-primary{-webkit-box-flex:1;-ms-flex:1 1 170px;flex:1 1 170px;padding:15px 5px;margin-right:10px}.mobile-fastbooking .secondary-btn{min-width:120px;margin-left:10px;padding:13px 5px 12px;text-align:center;background:#fff}.mobile-fastbooking .secondary-btn:before{content:"";margin-right:10px;font-size:24px}.mobile-fastbooking-cnt{padding:30px 20px 20px;background:#F6F8FC;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow:auto}.mobile-fastbooking-cnt .month-wrapper{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mobile-fastbooking-cnt .dates-info{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;display:block}.mobile-fastbooking-cnt .mobile-fastbooking-form{padding-top:15px}.mobile-fastbooking-cnt .mobile-fastbooking-form .high{color:#67BAAF}.mobile-fastbooking-cnt .remove-room{font-size:14px;display:none;position:absolute;top:25px;right:0;padding-left:25px;color:#67BAAF}.mobile-fastbooking-cnt .remove-room:after{content:"";position:absolute;font-size:20px;left:0;top:0}.mobile-fastbooking-cnt .last-search-opt span{display:block}.mobile-fastbooking-cnt .last-search-opt span.saved-dates{padding-top:5px}.mobile-fastbooking-cnt .t-fb-label{display:block;margin-bottom:2px}.mobile-fastbooking-cnt .t-h3{color:#002855;padding-right:20px}.mobile-fastbooking-cnt .buttons-container{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border:1px solid #67BAAF}.mobile-fastbooking-cnt .buttons-container a{font-family:"Open Sans", sans-serif;font-weight:700;font-size:14px;font-size:0.875rem;line-height:20px;text-align:center;color:#67BAAF;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:10px 0}.mobile-fastbooking-cnt .dates .dates-container{background:#fff;border:1px solid #F1F2F9;padding:6px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.mobile-fastbooking-cnt .dates .dates-container .fake-datepicker{position:absolute;left:0;top:0;right:0;bottom:0;cursor:pointer;z-index:10}.mobile-fastbooking-cnt .dates .dates-container .nights-label{position:absolute;top:8px;right:10px;color:#7F7F7F;font-size:12px;line-height:16px;z-index:1}.mobile-fastbooking-cnt .dates .dates-container .nights-label:before{content:"";font-size:18px;font-size:1.125rem;display:inline-block;margin-right:5px;color:#7F7F7F}.mobile-fastbooking-cnt .dates .dates-container .t-fb-label{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.mobile-fastbooking-cnt .dates .dates-container .date{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:20px;position:relative}.mobile-fastbooking-cnt .dates .dates-container .date.check-in-field{padding-right:25px}.mobile-fastbooking-cnt .dates .dates-container .date.check-in-field:after{content:"";width:10px;height:1px;background:#9B9B9B;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mobile-fastbooking-cnt .dates .dates-container .date:before{content:"";font-size:16px;color:#67BAAF;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mobile-fastbooking-cnt .dates .dates-container .date input{width:100px;text-align:center;background:transparent;border:none;font-size:14px;font-size:0.875rem;line-height:24px;color:#7F7F7F}.mobile-fastbooking-cnt .dates .label{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:7px;display:block}.mobile-fastbooking-cnt .dates .label.hidden{display:none}.mobile-fastbooking-cnt .dates .label.opt-dates{font-size:12px;font-size:0.75rem;line-height:16px}.mobile-fastbooking-cnt .dates .label.remove-dates{font-family:"Open Sans", sans-serif;font-weight:700;font-size:12px;font-size:0.75rem;line-height:17px;color:#67BAAF;text-transform:capitalize;cursor:pointer;position:relative;padding-left:32px;z-index:11}.mobile-fastbooking-cnt .dates .label.remove-dates:after{content:"";position:absolute;left:3px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px}.mobile-fastbooking-cnt .rooms-selector-cnt select,.mobile-fastbooking-cnt .room-row select{display:block;z-index:2}.mobile-fastbooking-cnt .rooms-selector-cnt .fk-select,.mobile-fastbooking-cnt .room-row .fk-select{margin-top:3px;display:block;font-size:14px;font-size:0.875rem;font-weight:400;line-height:24px;color:#7F7F7F;position:relative;z-index:1}.mobile-fastbooking-cnt .rooms-selector-cnt .fk-select:after,.mobile-fastbooking-cnt .room-row .fk-select:after{content:"";position:absolute;font-size:12px;right:0;bottom:2px;color:#67BAAF}.mobile-fastbooking-cnt .rooms-selector-cnt{float:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:0;background:transparent;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-fastbooking-cnt .rooms-container .room-row.with-ages+.room-row{border-top:0}.mobile-fastbooking-cnt .rooms-container .room-row .room{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-fastbooking-cnt .rooms-container .room-row .room>.title:after{counter-increment:room;content:counter(room);display:inline-block;margin-left:0.285em}.mobile-fastbooking-cnt .rooms-container .room-row .room,.mobile-fastbooking-cnt .rooms-container .room-row .ages{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mobile-fastbooking-cnt .rooms-container .room-row .room.hidden,.mobile-fastbooking-cnt .rooms-container .room-row .ages.hidden{display:none}.mobile-fastbooking-cnt .rooms-container .room-row .title{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;font-size:14px;font-size:0.875rem;font-weight:normal;line-height:14px;display:none;margin:20px 0 30px}.mobile-fastbooking-cnt .rooms-container .room-row .input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border:1px solid #F1F2F9;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:0;margin-bottom:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-fastbooking-cnt .rooms-container .room-row .input.parsley-error{border:1px solid #EF5350;color:#EF5350}.mobile-fastbooking-cnt .rooms-container .room-row .input.parsley-error .fk-select{color:#EF5350}.mobile-fastbooking-cnt .rooms-container .room-row .title{display:none}.mobile-fastbooking-cnt .rooms-container .room-row .ages .age.input{margin-bottom:20px}.mobile-fastbooking-cnt .rooms-container .room-row .ages .age.input:last-child{margin-right:0}.mobile-fastbooking-cnt .rooms-container .room-row .ages .age.input .parsley-errors-list{display:none}.mobile-fastbooking-cnt .rooms-container .custom-input-number input{background:transparent}.mobile-fastbooking-cnt .rooms-container label{display:block;white-space:nowrap;position:relative;z-index:1;font-size:14px;font-size:0.875rem;line-height:14px;text-transform:none;font-weight:normal}.mobile-fastbooking-cnt .rooms-container .ages{background:#F1F2F9;padding:10px 20px;margin:0 -20px}.mobile-fastbooking-cnt .rooms-container .ages label:after{content:attr(data-count);display:inline-block;margin-left:0.285em}.mobile-fastbooking-cnt .input.promo{position:relative;background:#fff;border:1px solid #F1F2F9;padding:6px 10px;margin-bottom:20px}.mobile-fastbooking-cnt .input.promo input{border:none;width:100%;padding:0;text-transform:uppercase;font-size:12px;font-size:0.75rem;line-height:17px;color:#4A4A4A;margin-bottom:2px}.mobile-fastbooking-cnt .input.promo select.promo-code{width:100%;height:100%;top:20px;right:0;bottom:0;left:0;z-index:1}.mobile-fastbooking-cnt .input.promo .fk-select{display:inline-block;background:#F0F9E8;padding:0 8px;font-size:12px;border:1px solid #7BD124;color:#4A4A4A}.mobile-fastbooking-cnt .input.promo .fk-select:before{content:"";margin-right:8px;color:#7BD124}.mobile-fastbooking-cnt .input.promo .fk-select:after{content:"";position:absolute;font-size:12px;right:10px;bottom:5px;color:#67BAAF}.mobile-fastbooking-cnt .input.promo .s{cursor:pointer}.mobile-fastbooking-cnt .input.promo .s:after{content:"";margin-top:-2px;color:#67BAAF;font-size:17px}.mobile-fastbooking-cnt .input.promo.promo-active label:before{content:"";position:absolute;left:18px;bottom:13px;color:#7BD124}.mobile-fastbooking-cnt .input.promo.promo-active input{background:#F0F9E8;padding:3px 8px 3px 24px;border:1px solid #7BD124;font-size:12px;font-size:0.75rem;font-family:"Open Sans", sans-serif;font-weight:600}.mobile-fastbooking-cnt .input.promo.w-select label:before{display:none}.mobile-fastbooking-cnt .actions{margin-top:30px;text-align:center}.mobile-fastbooking-cnt .actions .btn-primary{display:block;width:100%;border-radius:0}.mobile-fastbooking-cnt .actions .best-rate-link{font-family:"Open Sans", sans-serif;font-weight:700;font-size:12px;font-size:0.75rem;line-height:18px;color:#67BAAF}.input-place-to-go{position:relative;background:#fff;border:1px solid #F1F2F9}.input-place-to-go .input-cnt{padding:6px 10px 7px}.input-place-to-go input{width:100%}.input-place-to-go input:focus{outline:0}.input-place-to-go .dropdown-list{position:absolute;top:100%;left:0;width:100%;z-index:100;overflow-y:scroll;margin-top:17px;border:0;background:#FFFFFF;-webkit-box-shadow:0 1px 2px 0 rgba(117,124,133,0.23);box-shadow:0 1px 2px 0 rgba(117,124,133,0.23);padding:0;border-radius:2px;text-align:left;font-size:0.8125rem;line-height:0.9375rem}.input-place-to-go .dropdown-list:before{content:"";width:35px;height:12px;background:url(//iberostar-web.test/assets/fastbooking_select_arrow-029634a6f804b543a7c83ca980298ef94dfa3c2767704da2ccc27738ed34508d.svg) no-repeat;position:absolute;right:95px;margin-bottom:-1px;bottom:100%}.input-place-to-go .dropdown-list>[role=list]{overflow-y:scroll}.input-place-to-go .dropdown-list .select-option{padding:13px 10px 12px}.input-place-to-go .dropdown-list.chosen-with-drop .chosen-drop{left:-11px}.input-place-to-go .dropdown-list .chosen-single{display:block;font-size:14px;font-size:0.875rem;line-height:24px;color:#7F7F7F;border:none;padding:0;height:auto;padding:0;border-radius:0;background:transparent;-webkit-box-shadow:none;box-shadow:none}.input-place-to-go .dropdown-list .chosen-single>span{display:block;margin:0}.input-place-to-go .dropdown-list .chosen-single>div{display:none}.input-place-to-go .dropdown-list .chosen-drop{margin-top:17px;border:0;background:#FFFFFF;-webkit-box-shadow:0 1px 2px 0 rgba(117,124,133,0.23);box-shadow:0 1px 2px 0 rgba(117,124,133,0.23);padding:0;border-radius:2px;text-align:left}.input-place-to-go .dropdown-list .chosen-drop:before{content:"";width:35px;height:12px;background:url(//iberostar-web.test/assets/fastbooking_select_arrow-029634a6f804b543a7c83ca980298ef94dfa3c2767704da2ccc27738ed34508d.svg) no-repeat;position:absolute;right:95px;margin-bottom:-1px;bottom:100%}.input-place-to-go .dropdown-list .chosen-search{width:100%;position:absolute;top:-42px;left:1px;padding:0}.input-place-to-go .dropdown-list .chosen-search input{font-family:"Open Sans", sans-serif;width:calc( 100% - 2px);border:none;font-size:14px;font-size:0.875rem;line-height:24px;color:#7F7F7F;padding:0 10px;display:block;background:#fff}.input-place-to-go .dropdown-list .chosen-results{margin:0;padding:0}.input-place-to-go .dropdown-list .chosen-results .active-result{color:#4A4A4A;padding:13px 10px 12px}.input-place-to-go .dropdown-list .chosen-results .active-result.highlighted{background:#F1F2F9;color:#4A4A4A}.input-place-to-go .dropdown-list .group-result,.input-place-to-go .dropdown-list .lvl1{font-family:"Open Sans", sans-serif;font-weight:700;font-size:18px;font-size:1.125rem;line-height:24px;color:#67BAAF;padding:8px 10px 7px;border-bottom:1px solid #9B9B9B}.input-place-to-go .dropdown-list .group-result:after,.input-place-to-go .dropdown-list .lvl1:after{content:"";float:right;font-size:12px;margin-top:9px}.hidden,.hidden.select-option{display:none}.autosuggest-box{-webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.3);box-shadow:0px 2px 6px rgba(0,0,0,0.3);overflow-y:scroll;position:absolute;width:100%;background-color:#fafafa}amp-selector .select-option.no-outline.no-outline[option]{outline:none}.select-option:focus{-webkit-box-shadow:inset #5e9ed7 0px 0px 45px;box-shadow:inset #5e9ed7 0px 0px 45px}.select-option:focus{background:#fff}.lvl3{padding-left:10px;color:#777}.select-option-wrap{padding:0 20px}.mobile-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:65px;position:fixed;top:0;left:0;background:#FFF;z-index:1000;border-bottom:1px solid #F1F2F9}.mobile-header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-header .mobile-button-text{display:block;margin-top:4px;color:#67BAAF;font-weight:700}.mobile-header .mobile-user,.mobile-header .mobile-call-center{width:auto;display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:center;align-self:center;padding-right:2.67%;text-align:center;color:#67BAAF;border:none}.mobile-header .mobile-user .s,.mobile-header .mobile-call-center .s{font-size:24px;display:block}.mobile-header .mobile-call-center{background-color:#67BAAF;color:#fff;margin-right:2.67%;padding-left:2.67%}.mobile-header .mobile-call-center .mobile-button-text{color:#fff}.mobile-menu-toggle{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0 5.334%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.mobile-menu-toggle:after,.mobile-menu-toggle:before{content:"";-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:40px;height:2px;border-radius:2px;background:#67BAAF;display:block;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s;position:relative;top:-8px}.mobile-menu-toggle:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.mobile-menu-toggle:after{-webkit-transform:translateY(4px);transform:translateY(4px)}.mobile-menu-toggle span{text-align:center;position:absolute;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mobile-menu{display:block;overflow-y:scroll;color:#67BAAF}.mobile-menu a{display:block;color:#67BAAF;font-weight:700}.mobile-menu a:active:before,.mobile-menu a:hover:before{display:none}.mobile-menu>ul{position:absolute;height:100%;width:100%;overflow-y:scroll}.mobile-menu>ul .has-children .menu-item,.mobile-menu>ul .has-children .menu-sub-item{position:relative;border:none}.mobile-menu>ul .has-children .menu-item:after,.mobile-menu>ul .has-children .menu-sub-item:after{content:""}.mobile-menu>ul .has-children .menu-item:after,.mobile-menu>ul .has-children .menu-sub-item:after{position:absolute;font-size:10px;position:absolute;right:18px;top:50%;margin-top:-3px}.mobile-menu>ul.main>li{border-bottom:1px solid #DBDBDB}.mobile-menu>ul li{width:100%}.mobile-menu>ul li .menu-item{display:block;padding:16px 20px}.mobile-menu>ul li .menu-sub-item{display:block;padding:10px 20px}.mobile-menu>ul li amp-accordion section[expanded]{background:#F1F2F9}.mobile-menu>ul li amp-accordion section[expanded] .menu-item{color:#002855;border:0}.mobile-menu>ul li amp-accordion section[expanded] .menu-item:after{content:"";color:#002855}.mobile-menu>ul li amp-accordion .menu-item{position:relative;padding-right:25px;background:transparent;border:none;-webkit-transition:all .3s;transition:all .3s}.mobile-menu>ul li amp-accordion .menu-item:after{content:"";position:absolute;top:50%;right:18px;margin-top:-3px;font-size:10px}.mobile-menu>ul li amp-accordion .dropdown-children{padding:0 0 8px;margin-top:-8px}.mobile-menu>ul li amp-accordion .dropdown-children>li>a{padding:10px 20px}.mobile-menu>ul li.header-mobile-menu{height:60px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:60px;background-color:#EDF7F6}.mobile-menu>ul li.header-mobile-menu .s{font-size:30px;position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mobile-menu>ul li.header-mobile-menu .user-name{width:100%;display:inline-block}.mobile-menu>ul li.language-selector a,.mobile-menu>ul li.currency-selector a{font-size:12px}.mobile-menu:after{display:none}.mobile-menu .is-children li{border:0;background-color:#F1F2F9}.mobile-menu .is-children li a{padding:12px 20px;font-size:14px;font-size:0.875rem;line-height:17px;color:#67BAAF;text-decoration:none}.mobile-menu .is-children li>ul{padding-bottom:6px;margin-top:-5px}.mobile-menu .is-children li>ul li{border-bottom:none}.mobile-menu .is-children li>ul li a{padding:8px 25px 8px 9px;position:relative}.mobile-menu .is-children li>ul li a:after{content:""}.mobile-menu .is-children li>ul li a:after{position:absolute;font-size:10px;color:#DBDBDB;position:absolute;right:9px;top:50%;margin-top:-3px}.mobile-menu .is-children li.has-children>a{position:relative;padding-right:25px}.mobile-menu .is-children li.has-children>a:after{content:""}.mobile-menu .is-children li.has-children>a.parent{color:#67BAAF}.mobile-menu .is-children li.has-children>a:after{position:absolute;font-size:10px;color:#67BAAF;position:absolute;right:18px;top:50%;margin-top:-3px}.mobile-menu .is-children li.top a{text-transform:uppercase;font-size:12px;font-size:0.75rem}.mobile-menu .is-children li.locale-option{border-bottom:none}.mobile-menu .back{background-color:#EDF7F6}.mobile-menu .back a{height:60px;position:relative;padding:5px 35px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-menu .back a:after{content:"";position:absolute;left:18px;top:50%;margin-top:-2px;font-size:10px}.phone-list{color:#7F7F7F}.phone-list .title{padding:15px 0 0;color:#002855}.phone-list .number{color:#67BAAF}.phone-list .schedule{font-size:0.75rem;padding:16px 0}.phone-list .secondary-btn{margin:16px 0 0;border:2px solid}.phone-list .secondary-btn:before{content:"";font-size:1.25rem;margin-right:20px}.phone-list .row:after{content:'';height:2px;width:100%;background-color:#DBDBDB;display:block;margin:22px auto 24px}.phone-list .numbers{padding:0 40px}.phone-list .numbers:before{content:'';height:2px;width:100%;background-color:#DBDBDB;display:block}.phone-list .numbers ul{display:block;margin:12px 0 20px}.phone-list .numbers ul li{margin-bottom:24px}.phone-list .numbers ul li a{text-decoration:underline}.phone-list{margin:auto;padding:24px}.phone-list a{display:inline-block}.phone-list .secondary-btn{width:100%}.phone-list .numbers{padding:0}.phone-list .numbers .t-label{padding:18px 0 8px}.phone-list .numbers ul li{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.phone-list .numbers ul li p{display:inline-block}
</style>
  <!-- AMP JS Core -->
  <script async src="https://cdn.ampproject.org/v0.js"></script>

  <!-- AMP JS Extensions -->
  <script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script><script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script><script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script><script async custom-element="amp-selector" src="https://cdn.ampproject.org/v0/amp-selector-0.1.js"></script><script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script><script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
</head>

<body id="top-page" class=" seg-ocean">


  <div class="page-wrapper">


  </div>


<div class="mobile-fastbooking">
  <button name="button" type="button" class="btn-primary" on="tap:fastbooking">Inicia tu búsqueda</button>
</div>


<amp-lightbox id="fastbooking" layout="nodisplay" scrollable>
  <span on="tap:fastbooking.close" role="button" tabindex="0" class="btn-close">x</span>
  <section id="fastbooking-mobile" class="mobile-fastbooking-cnt" on="tap:autosuggest-list.hide" role="section" tabindex="0">
    <p class="t-h3">
      ¡Reserva tu estancia!
    </p>
    <form class="mobile-fastbooking-form" autocomplete="off" id="new_vo_booking" action-xhr="/reservas?mobile=false" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" />

      <div class="row mb-2">
        <div class="input-place-to-go">

  <div class="input-cnt">

    <span class="t-fb-label">
      Destino / Nombre del hotel
    </span>
    <input name="products-dropdown" type="hidden" [value]="foodId">
    <input id="query" name="query" autocomplete="off" placeholder="Escribe un destino o un hotel" type="text" class="search-box" on="input-debounced:AMP.setState({ query: event.value, inputText: event.value, autosuggest: event.value }), autosuggest-list.show; tap:autosuggest-list.toggleVisibility "
      [value]="inputText || ''" value="">

  </div>
    <amp-list class="dropdown-list" single-item items="." layout="fixed-height" height="350" src="https://api.myjson.com/bins/13s2q2" id="autosuggest-list" hidden noloading>
      <div placeholder class="e-skeleton-content white">
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
      </div>
      <template type="amp-mustache">
          <amp-selector class="dropdown-selector" keyboard-select-mode="focus" layout="container" on="select:AMP.setState({
                                        query: '',
                                        inputText: event.targetOption.split(',')[1],
                                        foodId: event.targetOption.split(',')[0]
                                    }),
                                    autosuggest-list.hide">
            {{#items}}
        <div class="select-option no-outline {{Level}}" [class]="'select-option no-outline {{Level}} ' + (query == null || '{{LowerCaseTitle}}'.indexOf(query.toLowerCase()) >= 0 || '{{ParentCategoryTitle}}'.indexOf(query.toLowerCase()) >= 0 ? '' : 'hidden')"
          role="option" tabindex="0" on="tap:autosuggest-list.hide" option="{{Code}},{{Title}}">{{Title}}</div>
            {{/items}}
            </amp-selector>
      </template>
    </amp-list>

  </div>
</div>

      </div>


</form>
  </section>
</amp-lightbox>


</body>