CINXE.COM

<!DOCTYPE html> <html xml:lang="en" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hostels in Lloret de Mar</title> <meta name="keywords" content="Lloret de Mar hostels, hostels in Lloret de Mar, hostels Lloret de Mar, cheap hostels in Lloret de Mar, cheap hostels Lloret de Mar, budget hostels in Lloret de Mar, budget hostels Lloret de Mar" /> <meta name="description" content="Choose from 16 hostels in Lloret de Mar, Spain. Book Lloret de Mar hostels at the best rates and save on your accommodation." /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link importance="high" rel="preload" href="/img/bg/450x450/116531.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{padding:15px;min-width:255px;width:100%;max-width:calc(100vw - 20px);position:absolute;top:calc(100% - 10px);left:0;text-align:left;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;border:1px solid #d1dde9;background-color:#fff;z-index:1000}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{left:auto;right:0}.dropdown.is-show{display:block}.dropdown__list-item{font-size:14px;line-height:1;color:#242c4a;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block.is-hide{display:none}.dropdown__item{padding-right:5px;flex:1}.dropdown__select{padding:5px 17px 4px 5px;font-size:16px;font-weight:500;color:#242c4a;border-radius:2px;border-color:#bad4e3;cursor:pointer}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__title{margin-bottom:10px;font-size:18px;font-weight:500;color:#242c4a}.dropdown__title--full-width{width:100%}.dropdown__button{margin:0 5px;padding:10px 5px;flex:1;font-size:12px;font-weight:500;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;cursor:pointer}.dropdown__button--cancel{color:#f68059;background-color:#fff}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{margin-bottom:20px;display:none;font-size:16px;color:red}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <style>/*! */.list-head{display:flex;position:relative;justify-content:space-between;width:calc(100% - 30px);margin:40px auto;padding:0 0 15px;border-bottom:1px solid #d1dde9}@media only screen and (max-width:1024px){.list-head{margin:40px auto 30px}}@media only screen and (max-width:767px){.list-head{flex-wrap:wrap;width:calc(100% - 20px);margin:30px auto 20px}}.list-head__left{display:flex;flex-wrap:wrap;align-items:center}@media only screen and (max-width:767px){.list-head__left{width:100%;margin-bottom:20px}}.list-head__right{display:flex;z-index:9;align-items:center}@media only screen and (max-width:767px){.list-head__right{justify-content:space-between;width:100%}}.list-head__title{position:relative;margin-right:10px;color:#242c4a;font:18px/27px Roboto,sans-serif}@media only screen and (max-width:767px){.list-head__title{margin-right:5px;font:16px/27px Roboto,sans-serif}}.list-head__title:after{margin-left:10px;content:"|";color:#d1dde9}@media only screen and (max-width:767px){.list-head__title:after{margin-left:8px}}.list-head__btn{z-index:2;position:relative;width:200px;border:1px solid #d1dde9;border-radius:2px}@media only screen and (max-width:1024px){.list-head__btn{width:160px}}@media only screen and (max-width:767px){.list-head__btn{width:calc(50% - 5px)}}.list-head__btn--sort{margin-left:10px}@media only screen and (max-width:767px){.list-head__btn--sort{margin-left:0}}.list-head__count{box-sizing:content-box;display:none;position:absolute;top:-6px;right:-10px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background-color:#f68059;color:#fff;font:700 14px/21px Roboto,sans-serif;text-align:center}.list-head__notavail-calendar{display:flex;align-items:center;width:100%;margin-top:5px;cursor:pointer}.list-head__notavail-calendar .icon{fill:#3c6780;width:16px;height:16px;margin:0 10px 0 0}@media only screen and (max-width:767px){.list-head__notavail-calendar .icon{margin:0 5px 0 0}}.list-head__notavail-dates{text-align:left}.list-head__notavail-date{color:#3c6780;font:500 14px Roboto,sans-serif;text-decoration:underline}.list-head-map-btn{display:flex;align-items:center;cursor:pointer}.list-head-map-btn__icon{flex-shrink:0;width:20px;height:16px;fill:#3c6780;margin-right:5px}@media only screen and (max-width:767px){.list-head-map-btn__icon{width:16px;height:12px}}.list-head-map-btn__icon path{fill:#3c6780}.list-head-map-btn__title{color:#3c6780;font:16px/24px #3c6780;text-decoration:underline}@media only screen and (max-width:767px){.list-head-map-btn__title{font:14px/24px Roboto,sans-serif}}.list-head-filter__head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;cursor:pointer}@media only screen and (max-width:767px){.list-head-filter__head{padding:15px}}.list-head-filter__head.disable{pointer-events:none}.list-head-filter__text{color:#242c4a;font:14px/16px Roboto,sans-serif}.list-head-filter__icon{width:16px;height:16px;fill:#242c4a}.list-head-sort__head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px}@media only screen and (max-width:767px){.list-head-sort__head{padding:15px}}.list-head-sort__text{width:calc(100% - 25px);overflow:hidden;color:#242c4a;font:14px/16px Roboto,sans-serif;text-align:left;text-overflow:ellipsis;white-space:nowrap}.list-head-sort__list{display:none;z-index:1;position:absolute;top:calc(100% + 5px);right:0;min-width:100%;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);text-align:left}.list-head-sort__list-item{border-bottom:1px solid rgba(186,212,227,.5)}.list-head-sort__list-link{box-sizing:border-box;display:block;padding:15px;color:#242c4a;font-size:16px;transition:all .3s ease}.list-head-sort__list-link:hover{background-color:#bad4e3;text-decoration:none}.list-head-sort__list-link.is-active{background-color:#3c6780;color:#fff}.list-head-sort__icon{width:16px;height:8px;fill:#242c4a}.list-description{width:100%;text-align:left;margin:40px 0 10px}@media only screen and (max-width:1024px){.list-description{margin:35px 0 0}}@media only screen and (max-width:767px){.list-description{display:flex;flex-direction:column;margin:20px 0 0}}.list-description:after{content:"";clear:both}.list-description picture{width:390px;float:left;margin-right:30px}@media only screen and (max-width:1024px){.list-description picture{width:320px;margin-right:20px}}@media only screen and (max-width:767px){.list-description picture{float:none;width:100%;margin-right:0;margin-bottom:10px}}.list-description__image-item{width:390px;height:25px;object-fit:cover;display:block}@media only screen and (max-width:1024px){.list-description__image-item{width:320px}}@media only screen and (max-width:767px){.list-description__image-item{width:100%;height:20px}}.list-description__image-item--0{object-position:center 0}@media only screen and (max-width:767px){.list-description__image-item--0{object-position:center 0}}.list-description__image-item--1{object-position:center -25px}@media only screen and (max-width:767px){.list-description__image-item--1{object-position:center -20px}}.list-description__image-item--2{object-position:center -50px}@media only screen and (max-width:767px){.list-description__image-item--2{object-position:center -40px}}.list-description__image-item--3{object-position:center -75px}@media only screen and (max-width:767px){.list-description__image-item--3{object-position:center -60px}}.list-description__image-item--4{object-position:center -100px}@media only screen and (max-width:767px){.list-description__image-item--4{object-position:center -80px}}.list-description__image-item--5{object-position:center -125px}@media only screen and (max-width:767px){.list-description__image-item--5{object-position:center -100px}}.list-description__image-item--6{object-position:center -150px}@media only screen and (max-width:767px){.list-description__image-item--6{object-position:center -120px}}.list-description__image-item--7{object-position:center -175px}@media only screen and (max-width:767px){.list-description__image-item--7{object-position:center -140px}}.list-description__image-item--8{object-position:center -200px}@media only screen and (max-width:767px){.list-description__image-item--8{object-position:center -160px}}.list-description__image-item--9{object-position:center -225px}@media only screen and (max-width:767px){.list-description__image-item--9{object-position:center -180px}}.list-description__image-item--10{object-position:center -250px}@media only screen and (max-width:767px){.list-description__image-item--10{object-position:center -200px}}.list-description__title{position:relative;display:flex;padding-bottom:10px;margin-bottom:15px;font:500 32px/48px Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:1024px){.list-description__title{font:500 30px/40px Roboto,sans-serif}}@media only screen and (max-width:767px){.list-description__title{order:-1;font:500 24px/36px Roboto,sans-serif;padding-bottom:0;margin-bottom:10px}}.list-description__title:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background-color:#d1dde9}@media only screen and (max-width:767px){.list-description__title:after{display:none}}.list-description__text{font:16px/26px Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:1024px){.list-description__text{font:14px/24px Roboto,sans-serif}}.filters-popup{display:none}@media only screen and (min-width:1024px){.sunset-hotel_list{background:#fff}.sunset-hotel_list.is-filters-open .sunset{z-index:1000}.wrapper{background-color:#f5f7fa}.hotel-list{position:relative}.hotel-list__container.is-open{z-index:150}.hotel-list__header{display:flex;justify-content:space-between;align-items:flex-start;z-index:11}}@media only screen and (min-width:1024px) and (max-width:767px){.hotel-list__header{flex-wrap:wrap}}@media only screen and (min-width:1024px){.hotel-list__list{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap}.hotel-list__list-item{padding-left:15px;padding-right:15px;margin-bottom:30px;width:100%;max-width:33.33333%;box-sizing:border-box}.hotel-list .item{font-family:Roboto,sans-serif;text-align:left;height:465px}.hotel-list .item--dop-height{height:509px}.hotel-list .item--dop-height .item__footer{max-height:44px}.hotel-list .item__wrapper{border:1px solid #d1dde9;background-color:#fff;border-radius:2px;overflow:hidden}.hotel-list .item__wrapper:hover{position:relative;z-index:1;box-shadow:0 5px 10px 0 rgba(36,44,74,.1),0 2px 4px 0 rgba(0,0,0,.1);border:1px solid #d1dde9}.hotel-list .item__wrapper:hover .item__footer.item__footer--loaded{padding:0 10px 15px;max-height:800px}.hotel-list .item__header{width:100%;position:relative;border-radius:2px 2px 0 0;overflow:hidden;z-index:0}.hotel-list .item__header .nav-controls{/*! rtl:begin:ignore*/direction:ltr;/*! rtl:end:ignore*/position:absolute;width:100%;height:32px;padding:0 10px;box-sizing:border-box;top:calc(50% - 16px);display:flex;align-items:center;justify-content:space-between}.hotel-list .item__header .nav-controls-next,.hotel-list .item__header .nav-controls-prev{display:block;width:32px;height:32px;position:absolute}.hotel-list .item__header .nav-controls-next.disabled,.hotel-list .item__header .nav-controls-prev.disabled{display:none!important}.hotel-list .item__header .nav-controls-prev{left:10px;transform:rotate(180deg)}.hotel-list .item__header .nav-controls-next,.hotel-list .item__header .nav-controls-prev{background:url(/new/designs/90/destination/img/new-gallery-arrow-hotel-list.svg) no-repeat}.hotel-list .item__header .nav-controls-next{right:10px}.hotel-list .item__carousel-photos{width:100%}.hotel-list .item__carousel-photos-gallery{width:100%;height:300px;font-size:0;line-height:0}}@media only screen and (min-width:1024px) and (max-width:767px){.hotel-list .item__carousel-photos-gallery{height:200px}}@media only screen and (min-width:1024px){.hotel-list .item__carousel-photos-gallery .slick-list{z-index:100;height:100%}.hotel-list .item__carousel-photos-gallery .slick-arrow{z-index:110}.hotel-list .item__carousel-photos-gallery .slick-dots{z-index:120;position:absolute;height:6px;left:0;right:0;bottom:15px;font-size:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hotel-list .item__carousel-photos-gallery .slick-dots li{display:block}.hotel-list .item__carousel-photos-gallery .slick-dots button{cursor:pointer;font-size:0;color:#fff;background:hsla(0,0%,100%,.6);border:none;outline:none;height:6px;width:6px;border-radius:50%;margin:0 6px}.hotel-list .item__carousel-photos-gallery .slick-active button{background:#fff}[dir=rtl] .hotel-list .item__carousel-photos-gallery .slick-slide{float:left}.hotel-list .item__carousel-photos-gallery .slick-track{height:100%;display:flex}.hotel-list .item__carousel-photos-gallery .slick-track .slick-slide{display:flex;height:auto}.hotel-list .item__carousel-photos-gallery .slick-track .slick-slide>div{width:100%;height:100%}.hotel-list .item__image{width:100%;height:100%;object-fit:cover;display:block}.hotel-list .item__content{padding:15px 10px 20px;display:flex;flex-direction:column;height:165px}.hotel-list .item__title{margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hotel-list .item__title-link{cursor:pointer;font:400 18px/24px Roboto,sans-serif;text-align:start;color:#242c4a}.hotel-list .item__stars{display:flex;margin-bottom:10px}.hotel-list .item__stars-icon{width:12px;height:12px;fill:#bad4e3}.hotel-list .item__stars-icon:not(:last-child){margin-right:5px}.hotel-list .item__distance{margin-bottom:5px;display:flex}.hotel-list .item__distance-text{margin-right:5px;padding-right:5px;font:normal 14px/1.5 Roboto,sans-serif;color:#242c4a;position:relative}.hotel-list .item__distance-text:after{content:"";width:1px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:#242c4a}.hotel-list .item__distance-button{font:500 14px/1.5 Roboto,sans-serif;color:#3c6780;text-decoration:underline;cursor:pointer}.hotel-list .item__grade{position:relative}.hotel-list .item__grade:hover .item__grade-details{display:block!important}.hotel-list .item__grade-text{font-size:14px;line-height:21px;font-weight:500;color:#2baf40;margin-bottom:10px;cursor:pointer}.hotel-list .item__grade-details{display:none;font:normal 12px/1.5 Roboto,sans-serif;position:absolute;text-align:left;border-radius:2px;box-shadow:0 5px 16px 5px rgba(36,44,74,.1);border:1px solid #b7d1e0;background-color:#fff;color:#242c4a;padding:10px;bottom:20px;left:0;width:275px;white-space:normal;z-index:5}.hotel-list .item__review{display:flex;align-items:center;margin-top:auto;padding-top:10px}.hotel-list .item__review-number{margin-right:5px;padding:3px;width:41px;height:22px;font:400 14px/normal Roboto,sans-serif;color:#fff;text-align:center;background:#3c6780;border-radius:2px}.hotel-list .item__review-text{margin-right:5px;font:400 14px/normal Roboto,sans-serif;color:#242c4a}.hotel-list .item__review-count{font:normal 14px/normal Roboto,sans-serif;color:#7c8092}.hotel-list .item__footer{padding:0 10px;max-height:0}.hotel-list .item__footer--border-top{border-top:1px solid #d1dde9}.hotel-list .item__loader{width:100%;height:44px;display:flex;justify-content:center;align-items:center}.hotel-list .item__loader-circle{background-color:#fff;height:6px;width:6px;animation:MultiHotelAvailLoader .8s infinite normal;border-radius:50%}.hotel-list .item__loader-circle:not(:last-child){margin-right:4px}.hotel-list .item__loader-circle--one{animation-delay:.2s}.hotel-list .item__loader-circle--two{animation-delay:.4s}.hotel-list .item__loader-circle--three{animation-delay:.6s}.hotel-list .item__description{margin-bottom:15px;font:normal 12px/1.5 Roboto,sans-serif;color:#7c8092}.hotel-list .item__button-wrapper{display:none;text-align:center}.hotel-list .item__button-wrapper--show{display:block}.hotel-list .item__button{margin:10px auto 0;display:inline-block;min-width:160px;font-size:12px;line-height:24px;font-weight:500;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;background-color:#fff;padding:11px;text-align:center;letter-spacing:.8px;text-transform:uppercase;transition:background-color .2s ease-out;cursor:pointer;border:1px solid #242c4a;color:#242c4a}}@media only screen and (min-width:1024px) and (hover:hover){.hotel-list .item__button:focus,.hotel-list .item__button:hover{background-color:#242c4a;color:#fff}}@media only screen and (min-width:1024px) and (hover:none){.hotel-list .item__button:focus{background-color:#242c4a;color:#fff}}@media only screen and (min-width:1024px){.hotel-list_noresult{margin-top:100px;margin-bottom:50px}}@media only screen and (min-width:1024px) and (max-width:1024px){.hotel-list_noresult{margin-top:50px;margin-bottom:0}}@media only screen and (min-width:1024px){.hotel-list_noresult-img{margin-bottom:15px}.hotel-list_noresult-text{font:500 18px/1.44 Roboto,sans-serif;color:#242c4a}.pagination{display:flex;justify-content:center;background:none}.pagination__item{margin-left:2.5px;margin-right:2.5px;text-align:center;border-radius:2px;overflow:hidden}.pagination__link{display:inline-block;width:30px;height:30px;font:700 15px/30px Roboto,sans-serif;color:#3c6780;background-color:#fff;transition:all .3s ease}.pagination__link--active,.pagination__link:hover{background-color:#3c6780;color:#fff}.pagination__link:hover{text-decoration:none}}@media only screen and (min-width:1024px) and (max-width:414px){.pagination__link{width:22px}}@media only screen and (min-width:1024px){.pagination__control{line-height:30px}.pagination__control-link{display:flex;align-items:center;justify-content:center;height:100%}.pagination__control-icon{margin:0 8px;width:10px;height:6px;fill:#99afbd;transform:rotate(90deg)}.pagination__control-icon--right{transform:rotate(-90deg)}}@media only screen and (min-width:1024px) and (max-width:414px){.pagination__control-icon{margin:0 5px}}@media only screen and (min-width:1024px){.hotellist-gallery-arrow{position:absolute;top:0;width:50%;height:100%;left:0;padding:0 0 0 10px;right:auto;display:flex;justify-content:flex-start;align-items:center;z-index:110}[dir=rtl] .hotellist-gallery-arrow{right:10px;left:auto}.hotellist-gallery-arrow--next{right:0;left:auto;justify-content:flex-end;padding:0 10px 0 0}[dir=rtl] .hotellist-gallery-arrow--next{right:auto;left:10px}.hotellist-gallery-arrow__icon{pointer-events:none;fill:#fff;width:32px;height:32px}[dir=rtl] .hotellist-gallery-arrow__icon{transform:rotate(180deg)}@keyframes MultiHotelAvailLoader{50%{background-color:#242c4a}}}@media only screen and (min-width:1024px) and (max-width:1024px){.hotel-list__list-item{max-width:50%}}@media only screen and (min-width:1024px) and (max-width:767px){.hotel-list__list{margin-left:0;margin-right:0}.hotel-list__list-item{max-width:100%;padding-left:0;padding-right:0}.hotel-list .item__address-grade-details{width:270px}.hotel-list .item,.hotel-list .item--dop-height{height:auto}.hotel-list .item__wrapper:hover{position:static}.multihotelavail-rates-price-grade-description{max-width:270px}}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination-hotel-list-css/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin></noscript> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotels-lloret-de-mar.com/cs/type/hostels-11/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotels-lloret-de-mar.com/da/type/hostels-11/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotels-lloret-de-mar.com/de/type/hostels-11/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotels-lloret-de-mar.com/en/type/hostels-11/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotels-lloret-de-mar.com/es/type/hostels-11/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotels-lloret-de-mar.com/fr/type/hostels-11/" title="French"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotels-lloret-de-mar.com/he/type/hostels-11/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotels-lloret-de-mar.com/it/type/hostels-11/" title="Italiano"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotels-lloret-de-mar.com/nl/type/hostels-11/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotels-lloret-de-mar.com/no/type/hostels-11/" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotels-lloret-de-mar.com/pl/type/hostels-11/" title="Polish"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.hotels-lloret-de-mar.com/pt/type/hostels-11/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotels-lloret-de-mar.com/ru/type/hostels-11/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotels-lloret-de-mar.com/sv/type/hostels-11/" title="Swedish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotels-lloret-de-mar.com/uk/type/hostels-11/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotels-lloret-de-mar.com/en/type/hostels-11/"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item":{ "name": "Lloret de Mar" , "@id":"https://www.hotels-lloret-de-mar.com/en/" } }, { "@type": "ListItem", "position":"2", "item":{ "name": "Hostels" } } ] } </script> </head> <body class="sunset-hotel_list"> <div class="banner js-head-banner " style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))" > <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <div class="banner__bg banner__bg--desktop" style="display: none; background-image: url(/img/bg/116531.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116531.JPEG" media="(max-width: 768px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/en/" class="header__logo"> <div class="header__logo-text"> Lloret de Mar </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </a> <button class="header__nav-toggler js-toggle-navigation show-mobile"> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> </button> <div class="header__nav js-navigation-dropdown"> <div class="header__nav-header"> <div class="header__logo header__logo--black"> <div class="header__logo-text"> Lloret de Mar </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Currency <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MQ=="> <span class="dropdown__list-item-code"> USD </span> U.S. dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Mw=="> <span class="dropdown__list-item-code"> EUR </span> Euro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Nw=="> <span class="dropdown__list-item-code"> GBP </span> Pound sterling </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTE="> <span class="dropdown__list-item-code"> AUD </span> Australian dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjE="> <span class="dropdown__list-item-code"> CAD </span> Canadian dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NDg="> <span class="dropdown__list-item-code"> BRL </span> Brazilian real </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NDk="> <span class="dropdown__list-item-code"> BGN </span> Bulgarian lev </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NTc="> <span class="dropdown__list-item-code"> CNY </span> Chinese yuan </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NjY="> <span class="dropdown__list-item-code"> CZK </span> Czech koruna </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9NA=="> <span class="dropdown__list-item-code"> DKK </span> Danish krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM="> <span class="dropdown__list-item-code"> HKD </span> Hong Kong dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Nzc="> <span class="dropdown__list-item-code"> ILS </span> Israeli new sheqel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjM="> <span class="dropdown__list-item-code"> JPY </span> Japanese yen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTA="> <span class="dropdown__list-item-code"> MYR </span> Malaysian ringgit </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTI="> <span class="dropdown__list-item-code"> NZD </span> New Zealand dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjI="> <span class="dropdown__list-item-code"> NOK </span> Norwegian krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM1"> <span class="dropdown__list-item-code"> PLN </span> Polish zloty </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM2"> <span class="dropdown__list-item-code"> RON </span> Romanian leu </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTM3"> <span class="dropdown__list-item-code"> RUB </span> Russian ruble </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTQy"> <span class="dropdown__list-item-code"> SAR </span> Saudi riyal </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MjQ="> <span class="dropdown__list-item-code"> SGD </span> Singapore dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTU="> <span class="dropdown__list-item-code"> ZAR </span> South African rand </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTUx"> <span class="dropdown__list-item-code"> KRW </span> South Korean won </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9OQ=="> <span class="dropdown__list-item-code"> SEK </span> Swedish krona </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9OA=="> <span class="dropdown__list-item-code"> CHF </span> Swiss franc </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTYy"> <span class="dropdown__list-item-code"> TRY </span> Turkish lira </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9MTY2"> <span class="dropdown__list-item-code"> UAH </span> Ukrainian hryvnia </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3R5cGUvaG9zdGVscy0xMS8/Y3VycmVuY3k9Mg=="> <span class="dropdown__list-item-code"> THB </span> Thai baht </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> English <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyL3R5cGUvaG9zdGVscy0xMS8="> العربية </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3poL3R5cGUvaG9zdGVscy0xMS8="> 简体中文 </span> </li> <li class="dropdown__list-item"> <a href="/cs/type/hostels-11/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/type/hostels-11/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/type/hostels-11/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/type/hostels-11/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/type/hostels-11/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/type/hostels-11/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2VsL3R5cGUvaG9zdGVscy0xMS8="> Ελληνικά </span> </li> <li class="dropdown__list-item"> <a href="/he/type/hostels-11/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/type/hostels-11/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2phL3R5cGUvaG9zdGVscy0xMS8="> 日本語 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2tvL3R5cGUvaG9zdGVscy0xMS8="> 한국어 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2h1L3R5cGUvaG9zdGVscy0xMS8="> Magyar </span> </li> <li class="dropdown__list-item"> <a href="/nl/type/hostels-11/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/type/hostels-11/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl/type/hostels-11/" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <a href="/pt/type/hostels-11/" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru/type/hostels-11/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/type/hostels-11/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3RyL3R5cGUvaG9zdGVscy0xMS8="> Türkçe </span> </li> <li class="dropdown__list-item"> <a href="/uk/type/hostels-11/" class="dropdown__list-link js-link"> Українська </a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="banner__content new-container"> <h1 class="banner__title js-main-title" data-title-text="Welcome to hotels in Lloret de Mar!"> Lloret de Mar hostels</h1> <p class="banner__text"> The first local travel network providing best rates and availability of selected accommodations</p> <form action="/en/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-in</div> <div class="main-form-field__content main-form-field__content--en"> <div class="main-form-field__number js-date-day">25</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-25"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-out</div> <div class="main-form-field__content main-form-field__content--en"> <div class="main-form-field__number js-date-day">26</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> night)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-26"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">Guests</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1"> guest</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> guests</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> Adults: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Children: </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Specify the age of a child</div> <div class="dropdown__error js-error js-error-children">Specify the age of children</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Cancel</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">Search</button> </div> </form> </div> <div class="new-container"> <div class="breadcrumbs"> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.hotels-lloret-de-mar.com/en/" target="_blank">Lloret de Mar</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <span class="breadcrumbs-item__text">Hostels</span> </div> </div> </div> </div> <div class="sunset sunset-hotel_list"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="new-container hotel-list__header"> <span class="js-hotel-list-title" data-h1-title="TGxvcmV0IGRlIE1hciBob3N0ZWxz" style="display: none"></span> </div> <div class="new-container hotel-list__container js-filters-outer"> <div class="new-row"> <div class="sunset__hotel-list "> <div class="list-head"> <div class="list-head__left"> <div class="list-head__info"> <p class="list-head__title">16 properties found</p> </div> <div class="list-head-map-btn"> <svg class="list-head-map-btn__icon" width="20" height="20" viewBox="0 0 20 20"> <path d="M6.875 1.25C3.084 1.25 0 4.409 0 8.291c0 4.864 6.165 11.25 6.428 11.519.117.121.278.19.447.19.169 0 .33-.069.447-.189.263-.27 6.428-6.656 6.428-11.52 0-3.882-3.084-7.041-6.875-7.041zm0 10c-1.723 0-3.125-1.402-3.125-3.125S5.152 5 6.875 5 10 6.402 10 8.125 8.598 11.25 6.875 11.25z" transform="translate(-950 -642) translate(930 632) translate(20 8) translate(0 2)"/> <path d="M13.125 0c-1.069 0-2.078.259-2.981.706 1.462.659 2.696 1.744 3.556 3.102 1.449.27 2.55 1.54 2.55 3.067 0 1.061-.535 1.999-1.346 2.564-.396 2.635-2.041 5.422-3.611 7.572.75.89 1.31 1.473 1.385 1.55.117.12.278.189.447.189.169 0 .33-.069.447-.189.263-.27 6.428-6.656 6.428-11.52C20 3.16 16.916 0 13.125 0z" transform="translate(-950 -642) translate(930 632) translate(20 8) translate(0 2)"/> </svg> <span class="list-head-map-btn__title js-change-view" data-internal="L21hcA==">Show on map</span> </div> </div> <div class="list-head__right"> <div class="list-head__btn list-head-filter"> <div class="list-head-filter__head js-more-filters"> <p class="list-head-filter__text">Filters</p> <svg class="list-head-filter__icon" width="16px" height="16px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#d3-map-filters"></use> </svg> <div class="list-head__count js-more-filter-count"></div> </div> </div> <div class="list-head__btn list-head__btn--sort list-head-sort js-sort-select"> <div class="list-head-sort__head js-sort-by"> <p class="list-head-sort__text"> Most popular first </p> <svg class="list-head-sort__icon" width="10px" height="6px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </div> <ul class="list-head-sort__list js-sort-select-block"> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort is-active" data-sort="Rating" data-order="DESC"> Most popular first </a> </li> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort " data-sort="RevRating" data-order="DESC"> Highest rating first </a> </li> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort " data-sort="Price" data-order="ASC"> Lowest price first </a> </li> <li class="list-head-sort__list-item"> <a href="#" class="list-head-sort__list-link js-sort " data-sort="Distance" data-order="ASC"> Distance - low to high </a> </li> </ul> </div> </div> </div> <form id="form_preferences" class="filters-popup js-filters-popup js-hotellist-filters js-all-filters js-filters-cont" action="/search/"> <div class="filters-popup__container js-sunset-filter js-sunset-all-filters"> <fieldset class="hidden"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="part" value="1" /> </fieldset> <div class="filters-popup__inner js-filter"> <div class="filters-popup__head"> <p class="filters-popup__title">Filters:</p> <svg class="filters-popup__close-icon js-filter-cancel" width="18px" height="18px"><use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use></svg> </div> <div class="filters-popup__list"> <div data-filter="Price" class="js-price-filter"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Price per night <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_0" type="checkbox" name="Price[]" value="0" /> <label class="item__label" for="Price_0"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 0 - USD 50 <span class="item__list-count filter-count">(13)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_1" type="checkbox" name="Price[]" value="1" /> <label class="item__label" for="Price_1"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 50 - USD 100 <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_2" type="checkbox" name="Price[]" value="2" /> <label class="item__label" for="Price_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 100 - USD 150 <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_3" type="checkbox" name="Price[]" value="3" /> <label class="item__label" for="Price_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> USD 150 - USD 200 <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="Stars" class="js-seo-open-filter"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Hotels by class <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_5" type="checkbox" name="Stars[]" value="5" /> <label class="item__label" for="Stars_5"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name item__list-text--stars"> <a href="/en/5-stars/" class="item__list-link js-filter-popup item__list-link--stars"> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </a> <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_3" type="checkbox" name="Stars[]" value="3" /> <label class="item__label" for="Stars_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name item__list-text--stars"> <a href="/en/3-stars/" class="item__list-link js-filter-popup item__list-link--stars"> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </a> <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_2" type="checkbox" name="Stars[]" value="2" /> <label class="item__label" for="Stars_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name item__list-text--stars"> <a href="/en/2-stars/" class="item__list-link js-filter-popup item__list-link--stars"> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </a> <span class="item__list-count filter-count">(9)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_0" type="checkbox" name="Stars[]" value="0" /> <label class="item__label" for="Stars_0"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/0-stars/" class="item__list-link js-filter-popup"> Unrated </a> <span class="item__list-count filter-count">(3)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="Rating"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Review rating <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Rating_4" type="checkbox" name="Rating[]" value="4" /> <label class="item__label" for="Rating_4"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Excellent 4.5+ <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Rating_3" type="checkbox" name="Rating[]" value="3" /> <label class="item__label" for="Rating_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Very Good 4+ <span class="item__list-count filter-count">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Rating_2" type="checkbox" name="Rating[]" value="2" /> <label class="item__label" for="Rating_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Good 3.5+ <span class="item__list-count filter-count">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Rating_1" type="checkbox" name="Rating[]" value="1" /> <label class="item__label" for="Rating_1"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Average 3+ <span class="item__list-count filter-count">(2)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="DistrictID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Districts <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_903018" type="checkbox" name="DistrictID[]" value="903018" /> <label class="item__label" for="DistrictID_903018"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Lloret Town Centre <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_132718" type="checkbox" name="DistrictID[]" value="132718" /> <label class="item__label" for="DistrictID_132718"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Sants-Montjuïc <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_132716" type="checkbox" name="DistrictID[]" value="132716" /> <label class="item__label" for="DistrictID_132716"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Les Corts <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="LandmarkID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Attractions <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_174255" type="checkbox" name="LandmarkID[]" value="174255" /> <label class="item__label" for="LandmarkID_174255"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> City Centre <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_400060" type="checkbox" name="LandmarkID[]" value="400060" /> <label class="item__label" for="LandmarkID_400060"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Pitch and Putt Papalus <span class="item__list-count filter-count">(2)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="RAmenityID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Room facilities <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1135" type="checkbox" name="AmenityID[]" value="1135" /> <label class="item__label" for="AmenityID_1135"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Soundproofed rooms <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1095" type="checkbox" name="AmenityID[]" value="1095" /> <label class="item__label" for="AmenityID_1095"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Free Wi-Fi in rooms <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="AmenityID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Hotel facilities <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_97" type="checkbox" name="AmenityID[]" value="97" /> <label class="item__label" for="AmenityID_97"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Wi-Fi <span class="item__list-count filter-count">(13)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_129" type="checkbox" name="AmenityID[]" value="129" /> <label class="item__label" for="AmenityID_129"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> 24-hour reception <span class="item__list-count filter-count">(11)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_28" type="checkbox" name="AmenityID[]" value="28" /> <label class="item__label" for="AmenityID_28"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Rooms/ Facilities for disabled <span class="item__list-count filter-count">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_7" type="checkbox" name="AmenityID[]" value="7" /> <label class="item__label" for="AmenityID_7"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Pets allowed <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_413" type="checkbox" name="AmenityID[]" value="413" /> <label class="item__label" for="AmenityID_413"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Airport shuttle <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1100" type="checkbox" name="AmenityID[]" value="1100" /> <label class="item__label" for="AmenityID_1100"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Express check-in/ -out <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_256" type="checkbox" name="AmenityID[]" value="256" /> <label class="item__label" for="AmenityID_256"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Fitness centre <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1362" type="checkbox" name="AmenityID[]" value="1362" /> <label class="item__label" for="AmenityID_1362"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Adults only <span class="item__list-count filter-count">(2)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="TypeID" class="js-seo-open-filter"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Accommodation type <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_3" type="checkbox" name="TypeID[]" value="3" /> <label class="item__label" for="TypeID_3"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/apartments-3/" class="item__list-link js-filter-popup"> Apartments </a> <span class="item__list-count filter-count">(1238)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_24" type="checkbox" name="TypeID[]" value="24" /> <label class="item__label" for="TypeID_24"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/villas-24/" class="item__list-link js-filter-popup"> Villas </a> <span class="item__list-count filter-count">(407)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_12" type="checkbox" name="TypeID[]" value="12" /> <label class="item__label" for="TypeID_12"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/hotels-12/" class="item__list-link js-filter-popup"> Hotels </a> <span class="item__list-count filter-count">(278)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_33" type="checkbox" name="TypeID[]" value="33" /> <label class="item__label" for="TypeID_33"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/holiday-homes-33/" class="item__list-link js-filter-popup"> Holiday homes </a> <span class="item__list-count filter-count">(204)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_10" type="checkbox" name="TypeID[]" value="10" /> <label class="item__label" for="TypeID_10"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/guest-houses-10/" class="item__list-link js-filter-popup"> Guest houses </a> <span class="item__list-count filter-count">(57)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_2" type="checkbox" name="TypeID[]" value="2" /> <label class="item__label" for="TypeID_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/aparthotels-2/" class="item__list-link js-filter-popup"> Aparthotels </a> <span class="item__list-count filter-count">(31)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_32" type="checkbox" name="TypeID[]" value="32" /> <label class="item__label" for="TypeID_32"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/homestays-32/" class="item__list-link js-filter-popup"> Homestays </a> <span class="item__list-count filter-count">(28)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox is-checked"> <input class="item__checkbox" id="TypeID_11" type="checkbox" name="TypeID[]" value="11" checked/> <label class="item__label" for="TypeID_11"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/hostels-11/" class="item__list-link js-filter-popup"> Hostels </a> <span class="item__list-count filter-count">(16)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_31" type="checkbox" name="TypeID[]" value="31" /> <label class="item__label" for="TypeID_31"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/country-houses-31/" class="item__list-link js-filter-popup"> Country houses </a> <span class="item__list-count filter-count">(10)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_35" type="checkbox" name="TypeID[]" value="35" /> <label class="item__label" for="TypeID_35"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/campsites-35/" class="item__list-link js-filter-popup"> Campsites </a> <span class="item__list-count filter-count">(10)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_4" type="checkbox" name="TypeID[]" value="4" /> <label class="item__label" for="TypeID_4"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/bed-and-breakfasts-4/" class="item__list-link js-filter-popup"> Bed & Breakfasts </a> <span class="item__list-count filter-count">(9)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_6" type="checkbox" name="TypeID[]" value="6" /> <label class="item__label" for="TypeID_6"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/chalets-6/" class="item__list-link js-filter-popup"> Chalets </a> <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_39" type="checkbox" name="TypeID[]" value="39" /> <label class="item__label" for="TypeID_39"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/resorts-39/" class="item__list-link js-filter-popup"> Resorts </a> <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_16" type="checkbox" name="TypeID[]" value="16" /> <label class="item__label" for="TypeID_16"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/inns-16/" class="item__list-link js-filter-popup"> Inn </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_17" type="checkbox" name="TypeID[]" value="17" /> <label class="item__label" for="TypeID_17"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/lodges-17/" class="item__list-link js-filter-popup"> Lodge </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_28" type="checkbox" name="TypeID[]" value="28" /> <label class="item__label" for="TypeID_28"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/love-hotels-28/" class="item__list-link js-filter-popup"> Love hotel </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_30" type="checkbox" name="TypeID[]" value="30" /> <label class="item__label" for="TypeID_30"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/capsule-hotels-30/" class="item__list-link js-filter-popup"> Capsule hotel </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_36" type="checkbox" name="TypeID[]" value="36" /> <label class="item__label" for="TypeID_36"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/holiday-parks-36/" class="item__list-link js-filter-popup"> Holiday park </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="ThemeID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Thematic hotels <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_8" type="checkbox" name="ThemeID[]" value="8" /> <label class="item__label" for="ThemeID_8"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Central hotels <span class="item__list-count filter-count">(15)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_1" type="checkbox" name="ThemeID[]" value="1" /> <label class="item__label" for="ThemeID_1"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Airport hotels <span class="item__list-count filter-count">(13)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_9" type="checkbox" name="ThemeID[]" value="9" /> <label class="item__label" for="ThemeID_9"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Cheap and budget hotels <span class="item__list-count filter-count">(13)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_18" type="checkbox" name="ThemeID[]" value="18" /> <label class="item__label" for="ThemeID_18"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Resorts <span class="item__list-count filter-count">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_10" type="checkbox" name="ThemeID[]" value="10" /> <label class="item__label" for="ThemeID_10"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Exceptional Design hotels <span class="item__list-count filter-count">(4)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_2" type="checkbox" name="ThemeID[]" value="2" /> <label class="item__label" for="ThemeID_2"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Beach hotels <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_11" type="checkbox" name="ThemeID[]" value="11" /> <label class="item__label" for="ThemeID_11"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Family Friendly hotels <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_28" type="checkbox" name="ThemeID[]" value="28" /> <label class="item__label" for="ThemeID_28"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Pet-friendly hotels <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_14" type="checkbox" name="ThemeID[]" value="14" /> <label class="item__label" for="ThemeID_14"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Luxury hotels <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_6" type="checkbox" name="ThemeID[]" value="6" /> <label class="item__label" for="ThemeID_6"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Business hotels <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_16" type="checkbox" name="ThemeID[]" value="16" /> <label class="item__label" for="ThemeID_16"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Romantic hotels <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <fieldset class="item filters-popup__item filters-popup__item--name f-row search-by-name-filter"> <div class="item__wrapper item__wrapper--input"> <p class="item__title">Hotel name</p> <input class="item__input input-text s-query js-filter-by-name" value="" name="Name" placeholder="Hotel name or brand"/> </div> </fieldset> </div> <div class="filters-popup__footer"> <div class="filters-popup__btn-action filters-popup__btn-action--cancel btn btn-outline js-filter-clear">Clear all</div> <div class="filters-popup__btn-action filters-popup__btn-action--submit btn btn-outline js-filter-submit">Apply Filters</div> </div> </div> </div> </form> <div class="filters-popup-bcg js-filter__bcg"></div> <div class="sunset__content"> <div class="new-container hotel-list-container"> <div class="js-hotellist-hotels hotel-list"> <ul class="hotels-list hotel-list__list" > <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="500212"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/10381/1038167/1038167836.JPEG" srcset="/data/Photos/450x450w/10381/1038167/1038167836.JPEG 1x, /data/Photos/700x500w/10381/1038167/1038167836.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15861/1586124/1586124777.JPEG" srcset="/data/Photos/450x450w/15861/1586124/1586124777.JPEG 1x, /data/Photos/700x500w/15861/1586124/1586124777.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540033/1540033816.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033816.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033816.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540033/1540033831.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033831.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033831.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540033/1540033900.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033900.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033900.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540033/1540033870.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033870.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033870.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-one-sants.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Onefam Sants</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 3.6 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUwMDIxMiZtaGxhdD00MS4zNzQzMDA3MyZtaGxvbmc9Mi4xMzAzNjMyODY=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">9</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2495 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a shared lounge and recreational facilities for guests' enjoyment, the 2-star Onefam Sants Hostel is located within 25 minutes' walk of Barcelona Pavilion. Offering baggage storage, this hostel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtb25lLXNhbnRzLmhvdGVscy1sbG9yZXQtZGUtbWFyLmNvbS9lbi8="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="399002"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/12788/1278895/1278895216.JPEG" srcset="/data/Photos/450x450w/12788/1278895/1278895216.JPEG 1x, /data/Photos/700x500w/12788/1278895/1278895216.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6702/670229/670229355.JPEG" srcset="/data/Photos/450x450w/6702/670229/670229355.JPEG 1x, /data/Photos/700x500w/6702/670229/670229355.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12788/1278896/1278896215.JPEG" srcset="/data/Photos/450x450w/12788/1278896/1278896215.JPEG 1x, /data/Photos/700x500w/12788/1278896/1278896215.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14992/1499262/1499262742.JPEG" srcset="/data/Photos/450x450w/14992/1499262/1499262742.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262742.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14992/1499262/1499262778.JPEG" srcset="/data/Photos/450x450w/14992/1499262/1499262778.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262778.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14992/1499262/1499262793.JPEG" srcset="/data/Photos/450x450w/14992/1499262/1499262793.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262793.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://feetup-yellow-nest-hostel-barcelona.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Hostel One Les Corts</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 4 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM5OTAwMiZtaGxhdD00MS4zNzcxMjkmbWhsb25nPTIuMTIzODM=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">9</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1757 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The youth Hostel One Les Corts features a lift, a snack and drink vending machine, and is situated merely 1.1 km from La Masia. Located a minute's walk from Mercat…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mZWV0dXAteWVsbG93LW5lc3QtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbHMtbGxvcmV0LWRlLW1hci5jb20vZW4v"> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="433339"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/8323/832398/832398467.JPEG" srcset="/data/Photos/450x450w/8323/832398/832398467.JPEG 1x, /data/Photos/700x500w/8323/832398/832398467.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273175/1273175365.JPEG" srcset="/data/Photos/450x450w/12731/1273175/1273175365.JPEG 1x, /data/Photos/700x500w/12731/1273175/1273175365.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15805/1580569/1580569957.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569957.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569957.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15805/1580570/1580570041.JPEG" srcset="/data/Photos/450x450w/15805/1580570/1580570041.JPEG 1x, /data/Photos/700x500w/15805/1580570/1580570041.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15805/1580577/1580577409.JPEG" srcset="/data/Photos/450x450w/15805/1580577/1580577409.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577409.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15805/1580577/1580577459.JPEG" srcset="/data/Photos/450x450w/15805/1580577/1580577459.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577459.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://centre-esplai-hostel.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Centre Esplai Albergue</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 1.4 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQzMzMzOSZtaGxhdD00MS4zMTU4Mjg0NTc1MTk3MSZtaGxvbmc9Mi4wODI0MzcyMDEyMjMzNTU=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Very good location </span> <div class="item__grade-details">This property boasts very good location. It has a score 7.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">7.2</div> <div class="item__review-text">Good</div> <div class="item__review-count">(7799 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The family-friendly Centre Esplai Albergue is around a 25-minute walk from Parque Agrario del Bajo Llobregat and offers bicycles for rent. Featuring Wi-Fi throughout the property, this…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jZW50cmUtZXNwbGFpLWhvc3RlbC5ob3RlbHMtbGxvcmV0LWRlLW1hci5jb20vZW4v"> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="343617"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/10041/1004169/1004169129.JPEG" srcset="/data/Photos/450x450w/10041/1004169/1004169129.JPEG 1x, /data/Photos/700x500w/10041/1004169/1004169129.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580444/1580444187.JPEG" srcset="/data/Photos/450x450w/15804/1580444/1580444187.JPEG 1x, /data/Photos/700x500w/15804/1580444/1580444187.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14987/1498755/1498755910.JPEG" srcset="/data/Photos/450x450w/14987/1498755/1498755910.JPEG 1x, /data/Photos/700x500w/14987/1498755/1498755910.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580444/1580444151.JPEG" srcset="/data/Photos/450x450w/15804/1580444/1580444151.JPEG 1x, /data/Photos/700x500w/15804/1580444/1580444151.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580444/1580444171.JPEG" srcset="/data/Photos/450x450w/15804/1580444/1580444171.JPEG 1x, /data/Photos/700x500w/15804/1580444/1580444171.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580444/1580444121.JPEG" srcset="/data/Photos/450x450w/15804/1580444/1580444121.JPEG 1x, /data/Photos/700x500w/15804/1580444/1580444121.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://live-dream.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Live & Dream</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 3.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM0MzYxNyZtaGxhdD00MS4zNzMxJm1obG9uZz0yLjEzNzU3">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">8.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3037 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located nearly 10 minutes' walk from Placa de Sants - L1 tube station, the comfortable 3-star Live & Dream Hostel features a lift and a tour desk. Offering bag storage, this…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9saXZlLWRyZWFtLmhvdGVscy1sbG9yZXQtZGUtbWFyLmNvbS9lbi8="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="3715668"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/11501/1150141/1150141588.JPEG" srcset="/data/Photos/450x450w/11501/1150141/1150141588.JPEG 1x, /data/Photos/700x500w/11501/1150141/1150141588.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10209/1020955/1020955888.JPEG" srcset="/data/Photos/450x450w/10209/1020955/1020955888.JPEG 1x, /data/Photos/700x500w/10209/1020955/1020955888.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10218/1021827/1021827238.JPEG" srcset="/data/Photos/450x450w/10218/1021827/1021827238.JPEG 1x, /data/Photos/700x500w/10218/1021827/1021827238.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9766/976604/976604425.JPEG" srcset="/data/Photos/450x450w/9766/976604/976604425.JPEG 1x, /data/Photos/700x500w/9766/976604/976604425.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7623/762300/762300889.JPEG" srcset="/data/Photos/450x450w/7623/762300/762300889.JPEG 1x, /data/Photos/700x500w/7623/762300/762300889.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8468/846850/846850316.JPEG" srcset="/data/Photos/450x450w/8468/846850/846850316.JPEG 1x, /data/Photos/700x500w/8468/846850/846850316.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://airhostel-barcelona-aeropuerto.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Airhostel Barcelona Airport 24H</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 100 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM3MTU2NjgmbWhsYXQ9NDEuMzI0NTEmbWhsb25nPTIuMDk0MDE=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">8.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(7959 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located a 5-minute walk from Centric tube station, Airhostel Barcelona Airport 24H hostel features a cash machine and a lift. Offering luggage storage, the modern 2-star hostel is…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9haXJob3N0ZWwtYmFyY2Vsb25hLWFlcm9wdWVydG8uaG90ZWxzLWxsb3JldC1kZS1tYXIuY29tL2VuLw=="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="3782649"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/8640/864015/864015974.JPEG" srcset="/data/Photos/450x450w/8640/864015/864015974.JPEG 1x, /data/Photos/700x500w/8640/864015/864015974.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14259/1425953/1425953901.JPEG" srcset="/data/Photos/450x450w/14259/1425953/1425953901.JPEG 1x, /data/Photos/700x500w/14259/1425953/1425953901.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15541/1554142/1554142681.JPEG" srcset="/data/Photos/450x450w/15541/1554142/1554142681.JPEG 1x, /data/Photos/700x500w/15541/1554142/1554142681.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15541/1554142/1554142705.JPEG" srcset="/data/Photos/450x450w/15541/1554142/1554142705.JPEG 1x, /data/Photos/700x500w/15541/1554142/1554142705.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15541/1554142/1554142738.JPEG" srcset="/data/Photos/450x450w/15541/1554142/1554142738.JPEG 1x, /data/Photos/700x500w/15541/1554142/1554142738.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15568/1556858/1556858944.JPEG" srcset="/data/Photos/450x450w/15568/1556858/1556858944.JPEG 1x, /data/Photos/700x500w/15568/1556858/1556858944.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://loft-hostal.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Loft Hostal Group</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 300 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM3ODI2NDkmbWhsYXQ9NDEuNzAwNzI3Jm1obG9uZz0yLjg0Njk4MQ==">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Excellent location </span> <div class="item__grade-details">This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">7.2</div> <div class="item__review-text">Good</div> <div class="item__review-count">(492 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Loft Hostal Group, located 4.9 km from Monastery El Convent in Blane, features Wi-Fi throughout the property. This hostel is situated near a train station, making…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9sb2Z0LWhvc3RhbC5ob3RlbHMtbGxvcmV0LWRlLW1hci5jb20vZW4v"> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="561155"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/15806/1580661/1580661373.JPEG" srcset="/data/Photos/450x450w/15806/1580661/1580661373.JPEG 1x, /data/Photos/700x500w/15806/1580661/1580661373.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580661/1580661291.JPEG" srcset="/data/Photos/450x450w/15806/1580661/1580661291.JPEG 1x, /data/Photos/700x500w/15806/1580661/1580661291.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580661/1580661231.JPEG" srcset="/data/Photos/450x450w/15806/1580661/1580661231.JPEG 1x, /data/Photos/700x500w/15806/1580661/1580661231.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580661/1580661293.JPEG" srcset="/data/Photos/450x450w/15806/1580661/1580661293.JPEG 1x, /data/Photos/700x500w/15806/1580661/1580661293.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580661/1580661295.JPEG" srcset="/data/Photos/450x450w/15806/1580661/1580661295.JPEG 1x, /data/Photos/700x500w/15806/1580661/1580661295.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580661/1580661375.JPEG" srcset="/data/Photos/450x450w/15806/1580661/1580661375.JPEG 1x, /data/Photos/700x500w/15806/1580661/1580661375.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostelscat.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Hostelscat</a> </p> <div class="item__distance"> <div class="item__distance-text"> 3.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTU2MTE1NSZtaGxhdD00MS4zNzYwOSZtaGxvbmc9Mi4xMzMzNQ==">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">6.4</div> <div class="item__review-text">Good</div> <div class="item__review-count">(1007 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located approximately 10 minutes' walk from Placa de Sants - L1 tube station, Hostelscat hostel features a lift, a snack and drink vending machine. Offering bag storage, the hostel is within…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWxzY2F0LmhvdGVscy1sbG9yZXQtZGUtbWFyLmNvbS9lbi8="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="3319011"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/10000/1000047/1000047474.JPEG" srcset="/data/Photos/450x450w/10000/1000047/1000047474.JPEG 1x, /data/Photos/700x500w/10000/1000047/1000047474.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10103/1010306/1010306671.JPEG" srcset="/data/Photos/450x450w/10103/1010306/1010306671.JPEG 1x, /data/Photos/700x500w/10103/1010306/1010306671.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10000/1000047/1000047348.JPEG" srcset="/data/Photos/450x450w/10000/1000047/1000047348.JPEG 1x, /data/Photos/700x500w/10000/1000047/1000047348.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10000/1000047/1000047351.JPEG" srcset="/data/Photos/450x450w/10000/1000047/1000047351.JPEG 1x, /data/Photos/700x500w/10000/1000047/1000047351.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10000/1000047/1000047360.JPEG" srcset="/data/Photos/450x450w/10000/1000047/1000047360.JPEG 1x, /data/Photos/700x500w/10000/1000047/1000047360.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10010/1001063/1001063961.JPEG" srcset="/data/Photos/450x450w/10010/1001063/1001063961.JPEG 1x, /data/Photos/700x500w/10010/1001063/1001063961.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://mucha-masia-hostel-rural-urba.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Mucha Masia Hostel Rural Urba</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 300 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTMzMTkwMTEmbWhsYXQ9NDEuMzI4MjkmbWhsb25nPTIuMDkyNjk=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">7.8</div> <div class="item__review-text">Good</div> <div class="item__review-count">(2467 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Providing guests with bicycles for rent, Mucha Masia Hostel Rural Urba is located about 3 km from Mirador del Aeroport del Prat. Offering Wi-Fi, the hostel also boasts a…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9tdWNoYS1tYXNpYS1ob3N0ZWwtcnVyYWwtdXJiYS5ob3RlbHMtbGxvcmV0LWRlLW1hci5jb20vZW4v"> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="4312620"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/12538/1253896/1253896531.JPEG" srcset="/data/Photos/450x450w/12538/1253896/1253896531.JPEG 1x, /data/Photos/700x500w/12538/1253896/1253896531.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15521/1552157/1552157344.JPEG" srcset="/data/Photos/450x450w/15521/1552157/1552157344.JPEG 1x, /data/Photos/700x500w/15521/1552157/1552157344.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15562/1556203/1556203936.JPEG" srcset="/data/Photos/450x450w/15562/1556203/1556203936.JPEG 1x, /data/Photos/700x500w/15562/1556203/1556203936.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15562/1556203/1556203945.JPEG" srcset="/data/Photos/450x450w/15562/1556203/1556203945.JPEG 1x, /data/Photos/700x500w/15562/1556203/1556203945.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15562/1556203/1556203897.JPEG" srcset="/data/Photos/450x450w/15562/1556203/1556203897.JPEG 1x, /data/Photos/700x500w/15562/1556203/1556203897.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15521/1552157/1552157314.JPEG" srcset="/data/Photos/450x450w/15521/1552157/1552157314.JPEG 1x, /data/Photos/700x500w/15521/1552157/1552157314.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://can-cocollona.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Can Cocollona</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 700 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQzMTI2MjAmbWhsYXQ9NDEuOTc2MDcmbWhsb25nPTIuODEyNzI=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">8.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1300 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located only a 5-minute walk from Central Park, the 2-star Can Cocollona hostel offers guests to make use of guided tour service. Offering bag storage, this hostel is…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jYW4tY29jb2xsb25hLmhvdGVscy1sbG9yZXQtZGUtbWFyLmNvbS9lbi8="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="4312539"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/13613/1361391/1361391662.JPEG" srcset="/data/Photos/450x450w/13613/1361391/1361391662.JPEG 1x, /data/Photos/700x500w/13613/1361391/1361391662.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13613/1361389/1361389862.JPEG" srcset="/data/Photos/450x450w/13613/1361389/1361389862.JPEG 1x, /data/Photos/700x500w/13613/1361389/1361389862.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13613/1361391/1361391749.JPEG" srcset="/data/Photos/450x450w/13613/1361391/1361391749.JPEG 1x, /data/Photos/700x500w/13613/1361391/1361391749.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13659/1365999/1365999140.JPEG" srcset="/data/Photos/450x450w/13659/1365999/1365999140.JPEG 1x, /data/Photos/700x500w/13659/1365999/1365999140.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13659/1365999/1365999152.JPEG" srcset="/data/Photos/450x450w/13659/1365999/1365999152.JPEG 1x, /data/Photos/700x500w/13659/1365999/1365999152.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13659/1365999/1365999161.JPEG" srcset="/data/Photos/450x450w/13659/1365999/1365999161.JPEG 1x, /data/Photos/700x500w/13659/1365999/1365999161.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://casa-barcelo-camp-nou-barcelona.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Casa Barcelo Camp Nou Barcelona</a> </p> <div class="item__distance"> <div class="item__distance-text"> 2.2 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQzMTI1MzkmbWhsYXQ9NDEuMzczNzcmbWhsb25nPTIuMTE3NTc=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Very good location </span> <div class="item__grade-details">This property boasts very good location. It has a score 7.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">7.2</div> <div class="item__review-text">Good</div> <div class="item__review-count">(2360 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring a vending machine and a tour desk, Casa Barcelo Camp Nou Barcelona Hostel is located nearly 5 minutes on foot from Parroquia Mare de Deu dels Desemparats. Offering Wi…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jYXNhLWJhcmNlbG8tY2FtcC1ub3UtYmFyY2Vsb25hLmhvdGVscy1sbG9yZXQtZGUtbWFyLmNvbS9lbi8="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="514627"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/7108/710876/710876338.JPEG" srcset="/data/Photos/450x450w/7108/710876/710876338.JPEG 1x, /data/Photos/700x500w/7108/710876/710876338.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13156/1315659/1315659646.JPEG" srcset="/data/Photos/450x450w/13156/1315659/1315659646.JPEG 1x, /data/Photos/700x500w/13156/1315659/1315659646.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13156/1315669/1315669534.JPEG" srcset="/data/Photos/450x450w/13156/1315669/1315669534.JPEG 1x, /data/Photos/700x500w/13156/1315669/1315669534.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12576/1257685/1257685849.JPEG" srcset="/data/Photos/450x450w/12576/1257685/1257685849.JPEG 1x, /data/Photos/700x500w/12576/1257685/1257685849.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15881/1588131/1588131355.JPEG" srcset="/data/Photos/450x450w/15881/1588131/1588131355.JPEG 1x, /data/Photos/700x500w/15881/1588131/1588131355.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8933/893306/893306581.JPEG" srcset="/data/Photos/450x450w/8933/893306/893306581.JPEG 1x, /data/Photos/700x500w/8933/893306/893306581.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://residencia-universitaria-campus-de-montilivi.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Residencia Universitaria Campus De Montilivi</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 2.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUxNDYyNyZtaGxhdD00MS45NTk2NyZtaGxvbmc9Mi44MjAyOQ==">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Very good location </span> <div class="item__grade-details">This property boasts very good location. It has a score 7.3 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">7.8</div> <div class="item__review-text">Good</div> <div class="item__review-count">(474 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located in the Palau district, Residencia Universitaria Campus De Montilivi hostel offers a snack and drink vending machine, and a lift as well as multilingual staff. Offering luggage storage, the…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9yZXNpZGVuY2lhLXVuaXZlcnNpdGFyaWEtY2FtcHVzLWRlLW1vbnRpbGl2aS5ob3RlbHMtbGxvcmV0LWRlLW1hci5jb20vZW4v"> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="7627978"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/15962/1596288/1596288848.JPEG" srcset="/data/Photos/450x450w/15962/1596288/1596288848.JPEG 1x, /data/Photos/700x500w/15962/1596288/1596288848.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14254/1425450/1425450256.JPEG" srcset="/data/Photos/450x450w/14254/1425450/1425450256.JPEG 1x, /data/Photos/700x500w/14254/1425450/1425450256.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15962/1596288/1596288857.JPEG" srcset="/data/Photos/450x450w/15962/1596288/1596288857.JPEG 1x, /data/Photos/700x500w/15962/1596288/1596288857.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15962/1596288/1596288861.JPEG" srcset="/data/Photos/450x450w/15962/1596288/1596288861.JPEG 1x, /data/Photos/700x500w/15962/1596288/1596288861.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15962/1596288/1596288862.JPEG" srcset="/data/Photos/450x450w/15962/1596288/1596288862.JPEG 1x, /data/Photos/700x500w/15962/1596288/1596288862.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15572/1557232/1557232390.JPEG" srcset="/data/Photos/450x450w/15572/1557232/1557232390.JPEG 1x, /data/Photos/700x500w/15572/1557232/1557232390.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://loft-apartments-lloret-de-mar.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Loft Apart & Hostal Group</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 300 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTc2Mjc5NzgmbWhsYXQ9NDEuNzAxMTUmbWhsb25nPTIuODQ3NzM=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">8</div> <div class="item__review-text">Good</div> <div class="item__review-count">(34 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Situated only 5 minutes' walk from Museu del Mar Maritime Museum, Loft Apart & Hostal Group offers guests to relax on a shared lounge.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9sb2Z0LWFwYXJ0bWVudHMtbGxvcmV0LWRlLW1hci5ob3RlbHMtbGxvcmV0LWRlLW1hci5jb20vZW4v"> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="4312536"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/7590/759091/759091996.JPEG" srcset="/data/Photos/450x450w/7590/759091/759091996.JPEG 1x, /data/Photos/700x500w/7590/759091/759091996.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11637/1163797/1163797776.JPEG" srcset="/data/Photos/450x450w/11637/1163797/1163797776.JPEG 1x, /data/Photos/700x500w/11637/1163797/1163797776.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11637/1163798/1163798823.JPEG" srcset="/data/Photos/450x450w/11637/1163798/1163798823.JPEG 1x, /data/Photos/700x500w/11637/1163798/1163798823.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11653/1165357/1165357956.JPEG" srcset="/data/Photos/450x450w/11653/1165357/1165357956.JPEG 1x, /data/Photos/700x500w/11653/1165357/1165357956.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11653/1165359/1165359687.JPEG" srcset="/data/Photos/450x450w/11653/1165359/1165359687.JPEG 1x, /data/Photos/700x500w/11653/1165359/1165359687.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11653/1165360/1165360257.JPEG" srcset="/data/Photos/450x450w/11653/1165360/1165360257.JPEG 1x, /data/Photos/700x500w/11653/1165360/1165360257.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hola-hostal-collblanc.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Hola Hostal Collblanc</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 2.6 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQzMTI1MzYmbWhsYXQ9NDEuMzc2NjkzJm1obG9uZz0yLjEyMDk0">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Superb location </span> <div class="item__grade-details">This property boasts superb location. It has a score 8.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">7.4</div> <div class="item__review-text">Good</div> <div class="item__review-count">(613 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring Wi-Fi throughout the property, the cosy 5-star Hola Hostal Collblanc offers accommodation nearly a 10-minute ride from Mercado de La Boqueria. Located only a few steps…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob2xhLWhvc3RhbC1jb2xsYmxhbmMuaG90ZWxzLWxsb3JldC1kZS1tYXIuY29tL2VuLw=="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="23084485"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/16254/1625472/1625472842.JPEG" srcset="/data/Photos/450x450w/16254/1625472/1625472842.JPEG 1x, /data/Photos/700x500w/16254/1625472/1625472842.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16254/1625472/1625472830.JPEG" srcset="/data/Photos/450x450w/16254/1625472/1625472830.JPEG 1x, /data/Photos/700x500w/16254/1625472/1625472830.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16254/1625472/1625472857.JPEG" srcset="/data/Photos/450x450w/16254/1625472/1625472857.JPEG 1x, /data/Photos/700x500w/16254/1625472/1625472857.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16254/1625472/1625472853.JPEG" srcset="/data/Photos/450x450w/16254/1625472/1625472853.JPEG 1x, /data/Photos/700x500w/16254/1625472/1625472853.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16254/1625472/1625472848.JPEG" srcset="/data/Photos/450x450w/16254/1625472/1625472848.JPEG 1x, /data/Photos/700x500w/16254/1625472/1625472848.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16254/1625472/1625472855.JPEG" srcset="/data/Photos/450x450w/16254/1625472/1625472855.JPEG 1x, /data/Photos/700x500w/16254/1625472/1625472855.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-hostal-ideal.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Hostal Ideal Gava</a> </p> <div class="item__distance"> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIzMDg0NDg1Jm1obGF0PTQxLjMwNTk3Jm1obG9uZz0yLjAxMDM=">Show map</div> </div> <div class="item__review"> <div class="item__review-number">6.8</div> <div class="item__review-text">Good</div> <div class="item__review-count">(37 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Ideal Gava hostel is located around 5 minutes by car from Parc Torrent Ballester and around a 10-minute ride from Barra de Vinya de L'Ermita de Sant Ramon.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtaG9zdGFsLWlkZWFsLmhvdGVscy1sbG9yZXQtZGUtbWFyLmNvbS9lbi8="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="3782721"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/12356/1235637/1235637356.JPEG" srcset="/data/Photos/450x450w/12356/1235637/1235637356.JPEG 1x, /data/Photos/700x500w/12356/1235637/1235637356.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8888/888848/888848923.JPEG" srcset="/data/Photos/450x450w/8888/888848/888848923.JPEG 1x, /data/Photos/700x500w/8888/888848/888848923.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8888/888848/888848056.JPEG" srcset="/data/Photos/450x450w/8888/888848/888848056.JPEG 1x, /data/Photos/700x500w/8888/888848/888848056.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12338/1233870/1233870851.JPEG" srcset="/data/Photos/450x450w/12338/1233870/1233870851.JPEG 1x, /data/Photos/700x500w/12338/1233870/1233870851.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12356/1235644/1235644706.JPEG" srcset="/data/Photos/450x450w/12356/1235644/1235644706.JPEG 1x, /data/Photos/700x500w/12356/1235644/1235644706.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12462/1246287/1246287379.JPEG" srcset="/data/Photos/450x450w/12462/1246287/1246287379.JPEG 1x, /data/Photos/700x500w/12462/1246287/1246287379.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://loft-apartments.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Loft Apart&Hostal</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 300 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM3ODI3MjEmbWhsYXQ9NDEuNzAxMTUmbWhsb25nPTIuODQ3NzU=">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Very good location </span> <div class="item__grade-details">This property boasts very good location. It has a score 7.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">8.8</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(56 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Loft Apart&Hostal is situated near a beach district, approximately a 10-minute ride from Water World Lloret. If you need to keep in touch with the…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9sb2Z0LWFwYXJ0bWVudHMuaG90ZWxzLWxsb3JldC1kZS1tYXIuY29tL2VuLw=="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="548272"> <div class="item__header"> <div class="item__carousel-photos"> <div class="item__carousel-photos-gallery js-hotellist-gallery-photos"> <img class="item__image" src="/data/Photos/450x450w/4199/419950/419950743.JPEG" srcset="/data/Photos/450x450w/4199/419950/419950743.JPEG 1x, /data/Photos/700x500w/4199/419950/419950743.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4185/418536/418536996.JPEG" srcset="/data/Photos/450x450w/4185/418536/418536996.JPEG 1x, /data/Photos/700x500w/4185/418536/418536996.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/2641/264108/264108685.JPEG" srcset="/data/Photos/450x450w/2641/264108/264108685.JPEG 1x, /data/Photos/700x500w/2641/264108/264108685.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/2641/264108/264108765.JPEG" srcset="/data/Photos/450x450w/2641/264108/264108765.JPEG 1x, /data/Photos/700x500w/2641/264108/264108765.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/2641/264108/264108917.JPEG" srcset="/data/Photos/450x450w/2641/264108/264108917.JPEG 1x, /data/Photos/700x500w/2641/264108/264108917.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/2641/264109/264109049.JPEG" srcset="/data/Photos/450x450w/2641/264109/264109049.JPEG 1x, /data/Photos/700x500w/2641/264109/264109049.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://cool-chic-hostel.hotels-lloret-de-mar.com/en/" target="_blank" class="item__title-link">Cool & Chic Hostel</a> </p> <div class="item__stars"> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg class="item__stars-icon icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <div class="item__distance"> <div class="item__distance-text"> 2.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTU0ODI3MiZtaGxhdD00MS4zNzUwMiZtaGxvbmc9Mi4xMTY2MQ==">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Very good location </span> <div class="item__grade-details">This property boasts very good location. It has a score 7.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">8.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(47 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering 24 rooms, Cool & Chic Hostel boasts a location around a 5-minute walk from Teatre Joventut.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jb29sLWNoaWMtaG9zdGVsLmhvdGVscy1sbG9yZXQtZGUtbWFyLmNvbS9lbi8="> View hotel <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </li> </ul> <ul class="pagination navigation js-navigation"> <li class="pagination__item last"> <span class="pagination__link pagination__link--active">1</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="js-no-hotels-available no-hotels-available "> </div> </div> </div> <div id="splash" class="js-avail-progress" style="display: none"> <div class="progressbar"> <div class="progressbar__title">Checking available hotels</div> <div class="progressbar__text">Searching hotels…</div> <div class="progressbar__animation"> <div id="ballsWaveG"> <div id="ballsWaveG_1" class="ballsWaveG"></div> <div id="ballsWaveG_2" class="ballsWaveG"></div> <div id="ballsWaveG_3" class="ballsWaveG"></div> <div id="ballsWaveG_4" class="ballsWaveG"></div> <div id="ballsWaveG_5" class="ballsWaveG"></div> <div id="ballsWaveG_6" class="ballsWaveG"></div> <div id="ballsWaveG_7" class="ballsWaveG"></div> <div id="ballsWaveG_8" class="ballsWaveG"></div> </div> </div> <div class="progressbar__count count">0</div> <p class="progressbar__text results">results so far</p> </div> </div> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>We use cookies to ensure that we give you the best experience on our website. If you continue to use this site, we will assume that you are happy with it.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NO</div> </div> </div> </div> </div> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Missing some information?</div> <p class="widget__subtitle">Tell us what to add</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Please type here…" required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Send</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">Thank you for your feedback</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Thank you for subscribing</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="97" height="100" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-thanks-modal-close">Close</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> property types <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/type/hotels-12/">Hotels in Lloret de Mar</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/type/hostels-11/">Hostels in Lloret de Mar</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/type/apartments-3/">Apartments in Lloret de Mar</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/type/guest-houses-10/">Guest houses in Lloret de Mar</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/type/aparthotels-2/">Aparthotels in Lloret de Mar</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> ratings <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/5-stars/">5 star hotels in Lloret de Mar</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/4-stars/">4 star hotels in Lloret de Mar</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/3-stars/">3 star hotels in Lloret de Mar</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> hotel themes <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/theme/cheap-and-budget-hotels-9/">Cheap and budget hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/theme/luxury-hotels-14/">Luxury hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/theme/self-catering-29/">Self Catering</a> <a class="footer-extra-offers-list__link" href="https://www.hotels-lloret-de-mar.com/en/theme/family-hotels-11/">Family Friendly hotels</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> top hotels <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://evenia-montevista.hotels-lloret-de-mar.com/en/">Bluesea Montevista Hawai</a> <a class="footer-extra-offers-list__link" href="https://h-top-royal-star.hotels-lloret-de-mar.com/en/">Htop Royal Star & Spa #Htopfun</a> <a class="footer-extra-offers-list__link" href="https://hotel-selvamar.hotels-lloret-de-mar.com/en/">Hotel Best Lloret Splash</a> <a class="footer-extra-offers-list__link" href="https://samba.hotels-lloret-de-mar.com/en/">Hotel Samba</a> <a class="footer-extra-offers-list__link" href="https://aparthotel-costa-encantada.hotels-lloret-de-mar.com/en/">Aparthotel Costa Encantada</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Company <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL2Fib3V0LXVzLw==">About Us</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL291ci12YWx1ZXMv">Our values</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3doeS1ib29rLXdpdGgtdXMv">Why Book With Us?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3BhcnRuZXJzaGlwLw==">Partnership</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> For travellers <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3VzZWZ1bC10aXBzLw==">Useful tips</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservation for groups</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3N1cHBvcnQv">Help Centre</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL2ZhcS8=">FAQ</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Subscribe to our newsletter</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Your email" required> <button class="form__submit" type="submit">Subscribe</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Missing some information?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Tell us what to add</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">Largest choice of unique places</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL3ByaXZhY3kv">Privacy policy</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms & Conditions</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL2NvcHlyaWdodC8=">Copyrights Notification</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2024 © hotels-lloret-de-mar.com. All rights reserved</div> <div class="footer__payments"> <img src="/new/designs/90/destination/img/paypal-img.svg" height="20" alt="paypal" loading="lazy"> <img src="/new/designs/90/destination/img/mastercard-img.svg" height="20" alt="mastercard" loading="lazy"> <img src="/new/designs/90/destination/img/visa-pay-img.svg" height="20" alt="visa" loading="lazy"> </div> </div> </div> </footer> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'hotels-lloret-de-mar.com', page: 'hotel_list', type: 'destination', lang_id: '1', lang: 'en', day: '24', month: '12', year: '2024', id: '2657852096', track: 'te1LyDAOK3OUHfmC', currency: {"ID":"1","CurrencyID":"1","LangID":"1","Name":"U.S. dollar","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/type\/hostels-11\/?currency=1"}, tob: false , sdom: 'https://www.hotels-lloret-de-mar.com', sid: '116531', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '19154', c_id: 19154, theme: '9001', map_params: { provider: '2', key: '' , lat: '41.710352', long: '2.847689' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2024-12-25', to: '2024-12-26', adults: '2', children: '0', childrenTitle: 'Ages of children:' }, messages: { f_name: 'Enter your name', f_email: 'Enter a valid email address', f_subject: 'Please choose subject', f_message: 'Enter the text', f_review: 'Please enter text', f_review_cons: 'Please enter text', f_month: 'Choose a month', f_year: 'Choose a year', f_rating: 'Rate this property', f_calendar:'Enter your dates and check our special offers', // TODO: Uncomment when vocab will be translated } , k: 'iq01rbqguefa', v: 'c9b560490d0ac768c2368a3fd98954bf' }; travel.data = { } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'hotel_list', frontPage:'category', typeObject:'destination', currencyId:'1', languageId:'1', language:'en', isRtl: false , currentDay:'24', currentMonth:'12', currentYear:'2024', logId: '2657852096', track: 'te1LyDAOK3OUHfmC', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotels-lloret-de-mar.com', siteId:'116531', nid:'28', siteDomain: 'hotels-lloret-de-mar.com', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'19154', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-389487", subAccount: "dest-clicktrip-n28-241224-s116531-wte1LyDAOK3OUHfmC-d9001-dc3" }, cityID: 19154, cityLocalName: "Lloret de Mar", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.710352' ,hotelLongitude:'2.847689' ,cityCenterLatitude: '41700388' ,cityCenterLongitude: '2840326' }, availableParams: { use:'0', dataFrom:'2024-12-25', dataTo:'2024-12-26', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Please enter your name', messageEmail:'Please enter a valid email address', messageSubject:'Please choose subject', messageMessage:'Please enter message', messageReview:'Please enter text', messageReviewCons:'Please enter text', messageMonth:'Please choose month', messageYear:'Please choose year', messageRating:'Please rate this property', messageCountry:'Choose a country', next:'Next', prev:'Previous', messageCalendar:'Enter your dates and check our special offers' }, stopSpamKey:'iq01rbqguefa', stopSpamValue:'c9b560490d0ac768c2368a3fd98954bf', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.hotels-lloret-de-mar.com"]); _paq.push(["setDomains", ["*.hotels-lloret-de-mar.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116531]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'en', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=116531" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> </body> </html>