Hostels in Barcelona, Spain

<!DOCTYPE html> <html xml:lang="en" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hostels in Barcelona, Spain</title> <meta name="keywords" content="Barcelona hostels, hostels in Barcelona, hostels Barcelona, cheap hostels in Barcelona, cheap hostels Barcelona, budget hostels in Barcelona, budget hostels Barcelona" /> <meta name="description" content="Find cozy hostels in Barcelona - Online accommodation reservations in Barcelona, Spain" /> <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/116206.JPEG" as="image"> <link importance="high" rel="preload" href="/img/lide/450x450/0/0/55.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="zh" type="text/html" href="https://www.hotelbcn-barcelona.com/zh/type/hostels-11/" title="Chinese"> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotelbcn-barcelona.com/cs/type/hostels-11/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotelbcn-barcelona.com/da/type/hostels-11/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotelbcn-barcelona.com/de/type/hostels-11/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotelbcn-barcelona.com/en/type/hostels-11/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotelbcn-barcelona.com/es/type/hostels-11/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotelbcn-barcelona.com/fr/type/hostels-11/" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.hotelbcn-barcelona.com/el/type/hostels-11/" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotelbcn-barcelona.com/he/type/hostels-11/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotelbcn-barcelona.com/it/type/hostels-11/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.hotelbcn-barcelona.com/ja/type/hostels-11/" title="Japanese"> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.hotelbcn-barcelona.com/ko/type/hostels-11/" title="Korean"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.hotelbcn-barcelona.com/hu/type/hostels-11/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotelbcn-barcelona.com/nl/type/hostels-11/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotelbcn-barcelona.com/no/type/hostels-11/" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotelbcn-barcelona.com/pl/type/hostels-11/" title="Polish"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.hotelbcn-barcelona.com/pt/type/hostels-11/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotelbcn-barcelona.com/ru/type/hostels-11/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotelbcn-barcelona.com/sv/type/hostels-11/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.hotelbcn-barcelona.com/tr/type/hostels-11/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotelbcn-barcelona.com/uk/type/hostels-11/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotelbcn-barcelona.com/en/type/hostels-11/"> <link rel="next" href="/en/type/hostels-11/2/"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item":{ "name": "Barcelona" , "@id":"https://www.hotelbcn-barcelona.com/en/" } }, { "@type": "ListItem", "position":"2", "item":{ "name": "Hostels" } } ] } </script> </head> <body class="sunset-hotel_list"> <div class="banner js-head-banner banner--new " 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/116206.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116206.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"> Barcelona </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"> Barcelona </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"> <a href="/zh/type/hostels-11/" class="dropdown__list-link js-link"> 简体中文 </a> </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"> <a href="/el/type/hostels-11/" class="dropdown__list-link js-link"> Ελληνικά </a> </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"> <a href="/ja/type/hostels-11/" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <a href="/ko/type/hostels-11/" class="dropdown__list-link js-link"> 한국어 </a> </li> <li class="dropdown__list-item"> <a href="/hu/type/hostels-11/" class="dropdown__list-link js-link"> Magyar </a> </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"> <a href="/tr/type/hostels-11/" class="dropdown__list-link js-link"> Türkçe </a> </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__infotitle">Choose your perfect hostel in Barcelona</h1> <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">31</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-31"> </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"> 1</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">Jan</div> <div class="main-form-field__text-item hide-tablet js-date-year">2025</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="2025-01-01"> </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.hotelbcn-barcelona.com/en/" target="_blank">Barcelona</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="QmFyY2Vsb25hIGhvc3RlbHM=" style="display: none"></span> <div class="list-description"> <picture> <source srcset="/img/lide/450x450/0/0/55.JPEG"> <img class="list-description__image-item list-description__image-item--0" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--1" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--2" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--3" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--4" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--5" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--6" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--7" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--8" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--9" srcset="" alt=""> <img class="list-description__image-item list-description__image-item--10" srcset="" alt=""> </picture> <p class="list-description__title">The coziest hostels in Barcelona</p> <div class="list-description__text"><p>Memories, impressions, and experiences are said to be the most valuable souvenirs from any trip. If you are an emotion-hunter and marble-laid lobbies are not your concern, then hostels in Barcelona might be your best option. Dive into our thoroughly selected list of hostels in all the corners of the Catalan capital to have all the sights and attractions within walking distance. Having checked into a hostel, you may start off on a trip around the city, visit a couple of museums nearby, get a bronze suntan on a beach, and come back late at night for a shower and sleep. You can have a snack on the go, visit one of the numerous cafés or throw yourself on a park bench to watch the fuss around. Choose your perfect Barcelona hostel and take the most out of your Spanish vacation!</p></div> </div> </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">339 hostels 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">(154)</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">(98)</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">(52)</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">(25)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Price_4" type="checkbox" name="Price[]" value="4" /> <label class="item__label" for="Price_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"> USD 200+ <span class="item__list-count filter-count">(10)</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">(6)</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">(13)</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">(82)</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">(238)</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">(22)</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">(91)</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">(70)</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">(23)</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_132712" type="checkbox" name="DistrictID[]" value="132712" /> <label class="item__label" for="DistrictID_132712"> <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"> Ciutat Vella <span class="item__list-count filter-count">(127)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_132713" type="checkbox" name="DistrictID[]" value="132713" /> <label class="item__label" for="DistrictID_132713"> <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"> Eixample <span class="item__list-count filter-count">(125)</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">(22)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_132714" type="checkbox" name="DistrictID[]" value="132714" /> <label class="item__label" for="DistrictID_132714"> <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"> Gràcia <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="DistrictID_132717" type="checkbox" name="DistrictID[]" value="132717" /> <label class="item__label" for="DistrictID_132717"> <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"> Sant Martí <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="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">(5)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_132719" type="checkbox" name="DistrictID[]" value="132719" /> <label class="item__label" for="DistrictID_132719"> <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"> Sarrià-St. Gervasi <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="DistrictID_132715" type="checkbox" name="DistrictID[]" value="132715" /> <label class="item__label" for="DistrictID_132715"> <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"> Horta-Guinardó <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="DistrictID_283907" type="checkbox" name="DistrictID[]" value="283907" /> <label class="item__label" for="DistrictID_283907"> <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"> Nou Barris <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="DistrictID_133154" type="checkbox" name="DistrictID[]" value="133154" /> <label class="item__label" for="DistrictID_133154"> <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"> Sant Andreu <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="DistrictID_900054" type="checkbox" name="DistrictID[]" value="900054" /> <label class="item__label" for="DistrictID_900054"> <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"> Barcelona City Centre <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_76460" type="checkbox" name="LandmarkID[]" value="76460" /> <label class="item__label" for="LandmarkID_76460"> <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">(190)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016316" type="checkbox" name="LandmarkID[]" value="1016316" /> <label class="item__label" for="LandmarkID_1016316"> <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"> Coliseum <span class="item__list-count filter-count">(234)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016334" type="checkbox" name="LandmarkID[]" value="1016334" /> <label class="item__label" for="LandmarkID_1016334"> <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"> Palacio del Flamenco <span class="item__list-count filter-count">(234)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016250" type="checkbox" name="LandmarkID[]" value="1016250" /> <label class="item__label" for="LandmarkID_1016250"> <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"> Jove Regina Theatre <span class="item__list-count filter-count">(233)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016289" type="checkbox" name="LandmarkID[]" value="1016289" /> <label class="item__label" for="LandmarkID_1016289"> <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"> Eixample Theatre <span class="item__list-count filter-count">(233)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016349" type="checkbox" name="LandmarkID[]" value="1016349" /> <label class="item__label" for="LandmarkID_1016349"> <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"> Casa Lleó Morera <span class="item__list-count filter-count">(232)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016220" type="checkbox" name="LandmarkID[]" value="1016220" /> <label class="item__label" for="LandmarkID_1016220"> <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"> Casa Amatller <span class="item__list-count filter-count">(231)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016292" type="checkbox" name="LandmarkID[]" value="1016292" /> <label class="item__label" for="LandmarkID_1016292"> <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"> La Villarroel Theatre <span class="item__list-count filter-count">(231)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016358" type="checkbox" name="LandmarkID[]" value="1016358" /> <label class="item__label" for="LandmarkID_1016358"> <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"> Aqua Urban Spa <span class="item__list-count filter-count">(231)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016208" type="checkbox" name="LandmarkID[]" value="1016208" /> <label class="item__label" for="LandmarkID_1016208"> <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"> Tivoli Theatre <span class="item__list-count filter-count">(230)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016259" type="checkbox" name="LandmarkID[]" value="1016259" /> <label class="item__label" for="LandmarkID_1016259"> <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"> Goya Theatre <span class="item__list-count filter-count">(230)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016346" type="checkbox" name="LandmarkID[]" value="1016346" /> <label class="item__label" for="LandmarkID_1016346"> <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"> Atrium Theatre <span class="item__list-count filter-count">(228)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016295" type="checkbox" name="LandmarkID[]" value="1016295" /> <label class="item__label" for="LandmarkID_1016295"> <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"> Club Capitol <span class="item__list-count filter-count">(228)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016307" type="checkbox" name="LandmarkID[]" value="1016307" /> <label class="item__label" for="LandmarkID_1016307"> <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"> Poliorama Theatre <span class="item__list-count filter-count">(227)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016283" type="checkbox" name="LandmarkID[]" value="1016283" /> <label class="item__label" for="LandmarkID_1016283"> <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"> Borras Theatre <span class="item__list-count filter-count">(227)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1722083" type="checkbox" name="LandmarkID[]" value="1722083" /> <label class="item__label" for="LandmarkID_1722083"> <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"> University of Barcelona <span class="item__list-count filter-count">(226)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016241" type="checkbox" name="LandmarkID[]" value="1016241" /> <label class="item__label" for="LandmarkID_1016241"> <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"> Portaferrissa <span class="item__list-count filter-count">(226)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016274" type="checkbox" name="LandmarkID[]" value="1016274" /> <label class="item__label" for="LandmarkID_1016274"> <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"> El Maldà Theatre <span class="item__list-count filter-count">(225)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016247" type="checkbox" name="LandmarkID[]" value="1016247" /> <label class="item__label" for="LandmarkID_1016247"> <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"> Santa Caterina Market <span class="item__list-count filter-count">(224)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016340" type="checkbox" name="LandmarkID[]" value="1016340" /> <label class="item__label" for="LandmarkID_1016340"> <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"> Llantiol Theatre <span class="item__list-count filter-count">(223)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1016256" type="checkbox" name="LandmarkID[]" value="1016256" /> <label class="item__label" for="LandmarkID_1016256"> <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"> Akademia Theatre <span class="item__list-count filter-count">(222)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357613" type="checkbox" name="LandmarkID[]" value="357613" /> <label class="item__label" for="LandmarkID_357613"> <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"> MACBA <span class="item__list-count filter-count">(206)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357382" type="checkbox" name="LandmarkID[]" value="357382" /> <label class="item__label" for="LandmarkID_357382"> <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"> La Seu, Cathedral of Barcelona <span class="item__list-count filter-count">(203)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357385" type="checkbox" name="LandmarkID[]" value="357385" /> <label class="item__label" for="LandmarkID_357385"> <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"> Boqueria Market <span class="item__list-count filter-count">(203)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357571" type="checkbox" name="LandmarkID[]" value="357571" /> <label class="item__label" for="LandmarkID_357571"> <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"> Ciutadella Park <span class="item__list-count filter-count">(200)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_84685" type="checkbox" name="LandmarkID[]" value="84685" /> <label class="item__label" for="LandmarkID_84685"> <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"> Casa Batlló <span class="item__list-count filter-count">(194)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_156226" type="checkbox" name="LandmarkID[]" value="156226" /> <label class="item__label" for="LandmarkID_156226"> <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"> Plaça de Catalunya Train Station <span class="item__list-count filter-count">(192)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357445" type="checkbox" name="LandmarkID[]" value="357445" /> <label class="item__label" for="LandmarkID_357445"> <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"> Plaza Espanya <span class="item__list-count filter-count">(191)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_76374" type="checkbox" name="LandmarkID[]" value="76374" /> <label class="item__label" for="LandmarkID_76374"> <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"> Passeig de Gracia <span class="item__list-count filter-count">(191)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357451" type="checkbox" name="LandmarkID[]" value="357451" /> <label class="item__label" for="LandmarkID_357451"> <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"> Port Vell <span class="item__list-count filter-count">(188)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_119657" type="checkbox" name="LandmarkID[]" value="119657" /> <label class="item__label" for="LandmarkID_119657"> <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"> Arc de Triomf <span class="item__list-count filter-count">(185)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_76375" type="checkbox" name="LandmarkID[]" value="76375" /> <label class="item__label" for="LandmarkID_76375"> <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"> Picasso Museum <span class="item__list-count filter-count">(182)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_84688" type="checkbox" name="LandmarkID[]" value="84688" /> <label class="item__label" for="LandmarkID_84688"> <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"> Santa Maria del Mar <span class="item__list-count filter-count">(181)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_76366" type="checkbox" name="LandmarkID[]" value="76366" /> <label class="item__label" for="LandmarkID_76366"> <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"> La Sagrada Familia <span class="item__list-count filter-count">(175)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_162351" type="checkbox" name="LandmarkID[]" value="162351" /> <label class="item__label" for="LandmarkID_162351"> <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"> Barcelona Zoo <span class="item__list-count filter-count">(174)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_1780697" type="checkbox" name="LandmarkID[]" value="1780697" /> <label class="item__label" for="LandmarkID_1780697"> <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"> Agbar Tower <span class="item__list-count filter-count">(167)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357400" type="checkbox" name="LandmarkID[]" value="357400" /> <label class="item__label" for="LandmarkID_357400"> <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"> Montjuïc <span class="item__list-count filter-count">(154)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_162352" type="checkbox" name="LandmarkID[]" value="162352" /> <label class="item__label" for="LandmarkID_162352"> <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"> Barceloneta Beach <span class="item__list-count filter-count">(141)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_155953" type="checkbox" name="LandmarkID[]" value="155953" /> <label class="item__label" for="LandmarkID_155953"> <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"> Barcelona Sants Railway Station <span class="item__list-count filter-count">(141)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_122141" type="checkbox" name="LandmarkID[]" value="122141" /> <label class="item__label" for="LandmarkID_122141"> <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"> Port Olimpic <span class="item__list-count filter-count">(141)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357556" type="checkbox" name="LandmarkID[]" value="357556" /> <label class="item__label" for="LandmarkID_357556"> <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"> El Poble Espanyol <span class="item__list-count filter-count">(132)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357388" type="checkbox" name="LandmarkID[]" value="357388" /> <label class="item__label" for="LandmarkID_357388"> <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"> Park Güell <span class="item__list-count filter-count">(79)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_76362" type="checkbox" name="LandmarkID[]" value="76362" /> <label class="item__label" for="LandmarkID_76362"> <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"> Cruise Port Terminal <span class="item__list-count filter-count">(72)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_233617" type="checkbox" name="LandmarkID[]" value="233617" /> <label class="item__label" for="LandmarkID_233617"> <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"> Spotify Camp Nou <span class="item__list-count filter-count">(29)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_76377" type="checkbox" name="LandmarkID[]" value="76377" /> <label class="item__label" for="LandmarkID_76377"> <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"> Port of Barcelona <span class="item__list-count filter-count">(12)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_134333" type="checkbox" name="LandmarkID[]" value="134333" /> <label class="item__label" for="LandmarkID_134333"> <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"> Barcelona-El Prat <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="LandmarkID_76357" type="checkbox" name="LandmarkID[]" value="76357" /> <label class="item__label" for="LandmarkID_76357"> <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"> Barcelona International Convention Center <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_357490" type="checkbox" name="LandmarkID[]" value="357490" /> <label class="item__label" for="LandmarkID_357490"> <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"> Diagonal Mar Shopping Centre <span class="item__list-count filter-count">(8)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_236240" type="checkbox" name="LandmarkID[]" value="236240" /> <label class="item__label" for="LandmarkID_236240"> <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"> Parc del Forum <span class="item__list-count filter-count">(3)</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">(21)</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">(14)</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">(268)</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">(78)</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">(53)</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">(30)</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">(27)</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">(15)</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">(7)</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> </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">(4863)</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">(762)</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">(339)</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">(332)</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">(182)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_34" type="checkbox" name="TypeID[]" value="34" /> <label class="item__label" for="TypeID_34"> <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/botels-34/" class="item__list-link js-filter-popup"> Botels </a> <span class="item__list-count filter-count">(141)</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">(108)</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">(82)</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">(72)</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">(52)</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">(17)</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">(11)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_29" type="checkbox" name="TypeID[]" value="29" /> <label class="item__label" for="TypeID_29"> <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/luxury-tents-29/" class="item__list-link js-filter-popup"> Luxury tents </a> <span class="item__list-count filter-count">(8)</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"> Lodges </a> <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="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 hotels </a> <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="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_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 hotels </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="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"> Inns </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="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">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_37" type="checkbox" name="TypeID[]" value="37" /> <label class="item__label" for="TypeID_37"> <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/farm-stays-37/" class="item__list-link js-filter-popup"> Farm stay </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_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">(280)</span> </span> </label> </li> <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">(216)</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">(68)</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">(53)</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">(37)</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">(31)</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_4" type="checkbox" name="ThemeID[]" value="4" /> <label class="item__label" for="ThemeID_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"> Boutique hotels <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="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">(8)</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">(7)</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">(6)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_40" type="checkbox" name="ThemeID[]" value="40" /> <label class="item__label" for="ThemeID_40"> <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"> Small Luxury 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_13" type="checkbox" name="ThemeID[]" value="13" /> <label class="item__label" for="ThemeID_13"> <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"> Historical 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_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">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_17" type="checkbox" name="ThemeID[]" value="17" /> <label class="item__label" for="ThemeID_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"> Spa 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_19" type="checkbox" name="ThemeID[]" value="19" /> <label class="item__label" for="ThemeID_19"> <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"> Beachfront 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_12" type="checkbox" name="ThemeID[]" value="12" /> <label class="item__label" for="ThemeID_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"> Golf 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_29" type="checkbox" name="ThemeID[]" value="29" /> <label class="item__label" for="ThemeID_29"> <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"> Self Catering <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_33" type="checkbox" name="ThemeID[]" value="33" /> <label class="item__label" for="ThemeID_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"> Jacuzzi <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="541886"> <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/12731/1273118/1273118401.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118401.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118401.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273118/1273118839.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118839.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118839.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273120/1273120048.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120048.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120048.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273120/1273120174.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120174.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120174.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273117/1273117114.JPEG" srcset="/data/Photos/450x450w/12731/1273117/1273117114.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117114.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273119/1273119976.JPEG" srcset="/data/Photos/450x450w/12731/1273119/1273119976.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119976.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://generator-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Generator Barcelona</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1.5 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTU0MTg4NiZtaGxhdD00MS4zOTkxMjImbWhsb25nPTIuMTYyNzQy">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">8.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(85 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' leisure, Generator Barcelona Hostel is situated in the heart of Barcelona 5 minutes' drive from the Gothic Cathedral of Barcelona. Featuring…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9nZW5lcmF0b3ItaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="592956"> <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/8301/830133/830133080.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133080.JPEG 1x, /data/Photos/700x500w/8301/830133/830133080.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13592/1359246/1359246407.JPEG" srcset="/data/Photos/450x450w/13592/1359246/1359246407.JPEG 1x, /data/Photos/700x500w/13592/1359246/1359246407.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13636/1363690/1363690022.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690022.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690022.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13636/1363690/1363690982.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690982.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690982.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8301/830133/830133011.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133011.JPEG 1x, /data/Photos/700x500w/8301/830133/830133011.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8301/830133/830133218.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133218.JPEG 1x, /data/Photos/700x500w/8301/830133/830133218.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://st-christophers-inn.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">St Christopher'S Inn Barcelona</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="L21hcD9taGlkPTU5Mjk1NiZtaGxhdD00MS4zODYwOCZtaGxvbmc9Mi4xNjc3">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Exceptional location </span> <div class="item__grade-details">This property boasts exceptional location. It has a score 9.5 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">(13 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">St Christopher'S Inn Barcelona offers cosy accommodation near the large Placa de Catalunya Square in Barcelona.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zdC1jaHJpc3RvcGhlcnMtaW5uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="359910"> <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/13013/1301344/1301344138.JPEG" srcset="/data/Photos/450x450w/13013/1301344/1301344138.JPEG 1x, /data/Photos/700x500w/13013/1301344/1301344138.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273134/1273134022.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134022.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134022.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273134/1273134211.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134211.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134211.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273134/1273134073.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134073.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134073.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15216/1521614/1521614578.JPEG" srcset="/data/Photos/450x450w/15216/1521614/1521614578.JPEG 1x, /data/Photos/700x500w/15216/1521614/1521614578.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15214/1521497/1521497479.JPEG" srcset="/data/Photos/450x450w/15214/1521497/1521497479.JPEG 1x, /data/Photos/700x500w/15214/1521497/1521497479.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://casa-gracia.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Casa Gracia</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.5 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM1OTkxMCZtaGxhdD00MS4zOTcyMyZtaGxvbmc9Mi4xNTkxNg==">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.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">9.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(4 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Casa Gracia Hostel Barcelona, located 10 minutes by car from Placa d'Espanya, features Wi-Fi throughout the property. The modern hostel is situated near an underground station…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jYXNhLWdyYWNpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="1286311"> <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/6311/631150/631150647.JPEG" srcset="/data/Photos/450x450w/6311/631150/631150647.JPEG 1x, /data/Photos/700x500w/6311/631150/631150647.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10078/1007839/1007839693.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839693.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839693.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10078/1007839/1007839735.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839735.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839735.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10078/1007839/1007839738.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839738.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839738.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10078/1007839/1007839780.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839780.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839780.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10078/1007840/1007840005.JPEG" srcset="/data/Photos/450x450w/10078/1007840/1007840005.JPEG 1x, /data/Photos/700x500w/10078/1007840/1007840005.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://yeah-barcelona-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Yeah Barcelona 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"> 1.6 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTEyODYzMTEmbWhsYXQ9NDEuNCZtaGxvbmc9Mi4xNjQ0NQ==">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.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">9</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(8799 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Yeah Barcelona Hostel is situated in the heart of Barcelona and offers parking on site. Offering Wi-Fi, the Barcelona hostel also boasts a location around a 10-minute walk…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly95ZWFoLWJhcmNlbG9uYS1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="699803"> <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/12730/1273082/1273082197.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082197.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082197.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16040/1604098/1604098629.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098629.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098629.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273082/1273082533.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082533.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082533.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16040/1604098/1604098625.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098625.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098625.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16029/1602980/1602980992.JPEG" srcset="/data/Photos/450x450w/16029/1602980/1602980992.JPEG 1x, /data/Photos/700x500w/16029/1602980/1602980992.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16029/1602981/1602981000.JPEG" srcset="/data/Photos/450x450w/16029/1602981/1602981000.JPEG 1x, /data/Photos/700x500w/16029/1602981/1602981000.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://toc-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Toc Hostel Barcelona</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="L21hcD9taGlkPTY5OTgwMyZtaGxhdD00MS4zODQ3NiZtaGxvbmc9Mi4xNjI0NzM=">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.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">8.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(5 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Situated nearly 10 minutes' walk from Universitat tube station, the modern 2-star Toc Hostel Barcelona features a sundeck and billiards. Offering bag storage, the Barcelona hostel boasts a prime…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly90b2MtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="275774"> <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/12678/1267826/1267826692.JPEG" srcset="/data/Photos/450x450w/12678/1267826/1267826692.JPEG 1x, /data/Photos/700x500w/12678/1267826/1267826692.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607659/1607659900.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659900.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659900.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607659/1607659902.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659902.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659902.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607659/1607659915.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659915.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659915.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607659/1607659919.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659919.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659919.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607659/1607659924.JPEG" srcset="/data/Photos/450x450w/16076/1607659/1607659924.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659924.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://barcelona-urbany-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Urbany Hostel Barcelona</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.7 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTI3NTc3NCZtaGxhdD00MS40MDcwMTExNTU5Mzg4Jm1obG9uZz0yLjE4NjUxMTI3ODE1MjQ3">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">9.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(5 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring a sundeck, a shared lounge, and recreational facilities, the 2-star Urbany Hostel Barcelona is set 10 minutes by car from Port Olimpic. Offering Wi-Fi, this Barcelona hostel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iYXJjZWxvbmEtdXJiYW55LWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="4567108"> <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/7667/766784/766784296.JPEG" srcset="/data/Photos/450x450w/7667/766784/766784296.JPEG 1x, /data/Photos/700x500w/7667/766784/766784296.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15513/1551323/1551323344.JPEG" srcset="/data/Photos/450x450w/15513/1551323/1551323344.JPEG 1x, /data/Photos/700x500w/15513/1551323/1551323344.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15513/1551323/1551323398.JPEG" srcset="/data/Photos/450x450w/15513/1551323/1551323398.JPEG 1x, /data/Photos/700x500w/15513/1551323/1551323398.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13865/1386575/1386575408.JPEG" srcset="/data/Photos/450x450w/13865/1386575/1386575408.JPEG 1x, /data/Photos/700x500w/13865/1386575/1386575408.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13865/1386580/1386580769.JPEG" srcset="/data/Photos/450x450w/13865/1386580/1386580769.JPEG 1x, /data/Photos/700x500w/13865/1386580/1386580769.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13865/1386580/1386580784.JPEG" srcset="/data/Photos/450x450w/13865/1386580/1386580784.JPEG 1x, /data/Photos/700x500w/13865/1386580/1386580784.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://unite-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Unite Hostel Barcelona</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQ1NjcxMDgmbWhsYXQ9NDEuMzkwOTkmbWhsb25nPTIuMTk2NDU=">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">8</div> <div class="item__review-text">Good</div> <div class="item__review-count">(8286 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located 550 metres from Playa de Bogatell, Unite Hostel Barcelona offers 424 rooms along with a lift, a snack and drink vending machine onsite. Offering Wi-Fi, this Barcelona hostel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly91bml0ZS1ob3N0ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="452094"> <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/8305/830541/830541311.JPEG" srcset="/data/Photos/450x450w/8305/830541/830541311.JPEG 1x, /data/Photos/700x500w/8305/830541/830541311.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9730/973014/973014436.JPEG" srcset="/data/Photos/450x450w/9730/973014/973014436.JPEG 1x, /data/Photos/700x500w/9730/973014/973014436.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13930/1393031/1393031330.JPEG" srcset="/data/Photos/450x450w/13930/1393031/1393031330.JPEG 1x, /data/Photos/700x500w/13930/1393031/1393031330.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13983/1398343/1398343391.JPEG" srcset="/data/Photos/450x450w/13983/1398343/1398343391.JPEG 1x, /data/Photos/700x500w/13983/1398343/1398343391.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13983/1398346/1398346376.JPEG" srcset="/data/Photos/450x450w/13983/1398346/1398346376.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346376.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13983/1398346/1398346634.JPEG" srcset="/data/Photos/450x450w/13983/1398346/1398346634.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346634.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://kabul-party-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Kabul Party Hostel Barcelona</a> </p> <div class="item__distance"> <div class="item__distance-text"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQ1MjA5NCZtaGxhdD00MS4zNzk1NyZtaGxvbmc9Mi4xNzUyNg==">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Exceptional location </span> <div class="item__grade-details">This property boasts exceptional location. It has a score 9.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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(4884 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Kabul Party Hostel Barcelona, located 11 minutes on foot from the Gothic Cathedral of Barcelona, features Wi-Fi throughout the property.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9rYWJ1bC1wYXJ0eS1ob3N0ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="561898"> <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/6958/695863/695863932.JPEG" srcset="/data/Photos/450x450w/6958/695863/695863932.JPEG 1x, /data/Photos/700x500w/6958/695863/695863932.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580692/1580692545.JPEG" srcset="/data/Photos/450x450w/15806/1580692/1580692545.JPEG 1x, /data/Photos/700x500w/15806/1580692/1580692545.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16243/1624324/1624324595.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324595.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324595.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16243/1624324/1624324597.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324597.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324597.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16243/1624324/1624324600.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324600.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324600.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16243/1624324/1624324603.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324603.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324603.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://black-swan-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Black Swan 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"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTU2MTg5OCZtaGxhdD00MS4zOTEyNSZtaGxvbmc9Mi4xNzc4NQ==">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.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">(4 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located a 20-minute walk from the large Roman Catholic church "Basilica of the Sagrada Familia", Black Swan Hostel offers non-smoking rooms.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ibGFjay1zd2FuLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="820436"> <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/10758/1075815/1075815568.JPEG" srcset="/data/Photos/450x450w/10758/1075815/1075815568.JPEG 1x, /data/Photos/700x500w/10758/1075815/1075815568.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15861/1586131/1586131809.JPEG" srcset="/data/Photos/450x450w/15861/1586131/1586131809.JPEG 1x, /data/Photos/700x500w/15861/1586131/1586131809.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540029/1540029748.JPEG" srcset="/data/Photos/450x450w/15400/1540029/1540029748.JPEG 1x, /data/Photos/700x500w/15400/1540029/1540029748.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540029/1540029883.JPEG" srcset="/data/Photos/450x450w/15400/1540029/1540029883.JPEG 1x, /data/Photos/700x500w/15400/1540029/1540029883.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540029/1540029799.JPEG" srcset="/data/Photos/450x450w/15400/1540029/1540029799.JPEG 1x, /data/Photos/700x500w/15400/1540029/1540029799.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15400/1540029/1540029769.JPEG" srcset="/data/Photos/450x450w/15400/1540029/1540029769.JPEG 1x, /data/Photos/700x500w/15400/1540029/1540029769.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-one-paralelo.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Onefam Paralelo</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.6 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTgyMDQzNiZtaGxhdD00MS4zNzIxOTUmbWhsb25nPTIuMTY1MTg5">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.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">9.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(953 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring Wi-Fi throughout the property, Onefam Paralelo hostel offers accommodation 19 minutes' stroll from Placa d'Espanya. Located just a short stroll from Victoria Theatre, this Barcelona hostel is providing…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtb25lLXBhcmFsZWxvLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="862436"> <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/7497/749721/749721578.JPEG" srcset="/data/Photos/450x450w/7497/749721/749721578.JPEG 1x, /data/Photos/700x500w/7497/749721/749721578.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15539/1553909/1553909953.JPEG" srcset="/data/Photos/450x450w/15539/1553909/1553909953.JPEG 1x, /data/Photos/700x500w/15539/1553909/1553909953.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15539/1553910/1553910028.JPEG" srcset="/data/Photos/450x450w/15539/1553910/1553910028.JPEG 1x, /data/Photos/700x500w/15539/1553910/1553910028.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15523/1552354/1552354981.JPEG" srcset="/data/Photos/450x450w/15523/1552354/1552354981.JPEG 1x, /data/Photos/700x500w/15523/1552354/1552354981.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/2438/243869/243869089.JPEG" srcset="/data/Photos/450x450w/2438/243869/243869089.JPEG 1x, /data/Photos/700x500w/2438/243869/243869089.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7497/749722/749722490.JPEG" srcset="/data/Photos/450x450w/7497/749722/749722490.JPEG 1x, /data/Photos/700x500w/7497/749722/749722490.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://sant-jordi-hostel-rock-palace.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Sant Jordi Hostels Rock Palace</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"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg2MjQzNiZtaGxhdD00MS4zOTA0NCZtaGxvbmc9Mi4xNjA5OA==">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.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">8.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3253 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring a lift and a vending machine, the comfortable Sant Jordi Hostels Rock Palace Barcelona is located 250 metres from Galeria Joan Gaspar. Offering bag storage, the 2-star designer…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zYW50LWpvcmRpLWhvc3RlbC1yb2NrLXBhbGFjZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="805915"> <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/14925/1492593/1492593961.jpeg" srcset="/data/Photos/450x450w/14925/1492593/1492593961.jpeg 1x, /data/Photos/700x500w/14925/1492593/1492593961.jpeg 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15592/1559297/1559297314.JPEG" srcset="/data/Photos/450x450w/15592/1559297/1559297314.JPEG 1x, /data/Photos/700x500w/15592/1559297/1559297314.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16308/1630877/1630877997.JPEG" srcset="/data/Photos/450x450w/16308/1630877/1630877997.JPEG 1x, /data/Photos/700x500w/16308/1630877/1630877997.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16308/1630877/1630877998.JPEG" srcset="/data/Photos/450x450w/16308/1630877/1630877998.JPEG 1x, /data/Photos/700x500w/16308/1630877/1630877998.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16308/1630877/1630877999.JPEG" srcset="/data/Photos/450x450w/16308/1630877/1630877999.JPEG 1x, /data/Photos/700x500w/16308/1630877/1630877999.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16308/1630878/1630878001.JPEG" srcset="/data/Photos/450x450w/16308/1630878/1630878001.JPEG 1x, /data/Photos/700x500w/16308/1630878/1630878001.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://rodamon-barcelona-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">The Central House Barcelona Gracia</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="L21hcD9taGlkPTgwNTkxNSZtaGxhdD00MS4zOTU3Jm1obG9uZz0yLjE1ODMy">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Exceptional location </span> <div class="item__grade-details">This property boasts exceptional location. It has a score 9.5 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">(2593 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star The Central House Barcelona Gracia hostel, located merely 0.7 km from Barcelona Egyptian Museum, features Wi-Fi throughout the property. This hostel is situated near a tube…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9yb2RhbW9uLWJhcmNlbG9uYS1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="343567"> <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/4479/447945/447945159.JPEG" srcset="/data/Photos/450x450w/4479/447945/447945159.JPEG 1x, /data/Photos/700x500w/4479/447945/447945159.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15895/1589532/1589532636.JPEG" srcset="/data/Photos/450x450w/15895/1589532/1589532636.JPEG 1x, /data/Photos/700x500w/15895/1589532/1589532636.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15523/1552352/1552352596.JPEG" srcset="/data/Photos/450x450w/15523/1552352/1552352596.JPEG 1x, /data/Photos/700x500w/15523/1552352/1552352596.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13709/1370910/1370910476.JPEG" srcset="/data/Photos/450x450w/13709/1370910/1370910476.JPEG 1x, /data/Photos/700x500w/13709/1370910/1370910476.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13709/1370918/1370918246.JPEG" srcset="/data/Photos/450x450w/13709/1370918/1370918246.JPEG 1x, /data/Photos/700x500w/13709/1370918/1370918246.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12598/1259838/1259838958.JPEG" srcset="/data/Photos/450x450w/12598/1259838/1259838958.JPEG 1x, /data/Photos/700x500w/12598/1259838/1259838958.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://sant-jordi-sagrada-familia-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Sant Jordi Hostels Sagrada Familia</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.7 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM0MzU2NyZtaGxhdD00MS40MDk5MDgyOTQ2Nzc3Jm1obG9uZz0yLjE3OTE1MDEwNDUyMjcx">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 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">(3328 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a terrace, a shared lounge, and a library, the 2-star Sant Jordi Hostels Sagrada Familia Barcelona is set within 5 minutes' drive of the large Roman Catholic church…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zYW50LWpvcmRpLXNhZ3JhZGEtZmFtaWxpYS1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="237845"> <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/7247/724750/724750489.JPEG" srcset="/data/Photos/450x450w/7247/724750/724750489.JPEG 1x, /data/Photos/700x500w/7247/724750/724750489.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13178/1317801/1317801301.JPEG" srcset="/data/Photos/450x450w/13178/1317801/1317801301.JPEG 1x, /data/Photos/700x500w/13178/1317801/1317801301.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9918/991816/991816579.JPEG" srcset="/data/Photos/450x450w/9918/991816/991816579.JPEG 1x, /data/Photos/700x500w/9918/991816/991816579.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8879/887933/887933140.JPEG" srcset="/data/Photos/450x450w/8879/887933/887933140.JPEG 1x, /data/Photos/700x500w/8879/887933/887933140.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7991/799144/799144716.JPEG" srcset="/data/Photos/450x450w/7991/799144/799144716.JPEG 1x, /data/Photos/700x500w/7991/799144/799144716.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7991/799146/799146915.JPEG" srcset="/data/Photos/450x450w/7991/799146/799146915.JPEG 1x, /data/Photos/700x500w/7991/799146/799146915.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://equity-point-centric.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Safestay Barcelona Passeig De Gracia (Adults Only)</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"> 600 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIzNzg0NSZtaGxhdD00MS4zOTA4Nzk2NSZtaGxvbmc9Mi4xNjU3NjU3NjI=">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.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">9.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring Wi-Fi in the rooms, the 2-star Safestay Barcelona Passeig De Gracia hostel offers accommodation nearly a 5-minute drive from Basilica of the Sagrada Familia. This Barcelona…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9lcXVpdHktcG9pbnQtY2VudHJpYy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="11672181"> <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/12652/1265296/1265296705.JPEG" srcset="/data/Photos/450x450w/12652/1265296/1265296705.JPEG 1x, /data/Photos/700x500w/12652/1265296/1265296705.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15439/1543948/1543948366.JPEG" srcset="/data/Photos/450x450w/15439/1543948/1543948366.JPEG 1x, /data/Photos/700x500w/15439/1543948/1543948366.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15438/1543813/1543813591.JPEG" srcset="/data/Photos/450x450w/15438/1543813/1543813591.JPEG 1x, /data/Photos/700x500w/15438/1543813/1543813591.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14003/1400303/1400303636.JPEG" srcset="/data/Photos/450x450w/14003/1400303/1400303636.JPEG 1x, /data/Photos/700x500w/14003/1400303/1400303636.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12699/1269929/1269929935.JPEG" srcset="/data/Photos/450x450w/12699/1269929/1269929935.JPEG 1x, /data/Photos/700x500w/12699/1269929/1269929935.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12699/1269929/1269929077.JPEG" srcset="/data/Photos/450x450w/12699/1269929/1269929077.JPEG 1x, /data/Photos/700x500w/12699/1269929/1269929077.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://zero-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Latroupe Poblenou Beach</a> </p> <div class="item__distance"> <div class="item__distance-text"> 3.4 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTExNjcyMTgxJm1obGF0PTQxLjQwMDM3Jm1obG9uZz0yLjIwNTc=">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.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(4137 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a lift and a tour desk, Jacobs Inn Barcelona hostel is located a 10-minute ride from Aquarium Barcelona. This Barcelona hostel lies in the Sant Marti district of…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly96ZXJvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="605956"> <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/13401/1340124/1340124011.JPEG" srcset="/data/Photos/450x450w/13401/1340124/1340124011.JPEG 1x, /data/Photos/700x500w/13401/1340124/1340124011.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607673/1607673480.JPEG" srcset="/data/Photos/450x450w/16076/1607673/1607673480.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673480.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607673/1607673482.JPEG" srcset="/data/Photos/450x450w/16076/1607673/1607673482.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673482.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607673/1607673483.JPEG" srcset="/data/Photos/450x450w/16076/1607673/1607673483.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673483.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607673/1607673541.JPEG" srcset="/data/Photos/450x450w/16076/1607673/1607673541.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673541.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16076/1607673/1607673542.JPEG" srcset="/data/Photos/450x450w/16076/1607673/1607673542.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673542.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://urbany-hostel-bcn-go.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Urbany Hostel Bcn Go!</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"> 800 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTYwNTk1NiZtaGxhdD00MS4zODQ0OTM5Jm1obG9uZz0yLjE2MTI4NzI=">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 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">(5 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring a swimming pool, the 2-star Urbany Hostel Bcn Go! Barcelona is situated only 14 minutes' walk from Fundacio Antoni Tapies. Offering a range of amenities, including a lift…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly91cmJhbnktaG9zdGVsLWJjbi1nby5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="1344052"> <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/8066/806648/806648991.JPEG" srcset="/data/Photos/450x450w/8066/806648/806648991.JPEG 1x, /data/Photos/700x500w/8066/806648/806648991.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15399/1539926/1539926083.JPEG" srcset="/data/Photos/450x450w/15399/1539926/1539926083.JPEG 1x, /data/Photos/700x500w/15399/1539926/1539926083.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15399/1539926/1539926023.JPEG" srcset="/data/Photos/450x450w/15399/1539926/1539926023.JPEG 1x, /data/Photos/700x500w/15399/1539926/1539926023.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15399/1539926/1539926122.JPEG" srcset="/data/Photos/450x450w/15399/1539926/1539926122.JPEG 1x, /data/Photos/700x500w/15399/1539926/1539926122.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15399/1539926/1539926101.JPEG" srcset="/data/Photos/450x450w/15399/1539926/1539926101.JPEG 1x, /data/Photos/700x500w/15399/1539926/1539926101.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15399/1539926/1539926029.JPEG" srcset="/data/Photos/450x450w/15399/1539926/1539926029.JPEG 1x, /data/Photos/700x500w/15399/1539926/1539926029.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-one-ramblas.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Onefam Ramblas</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="L21hcD9taGlkPTEzNDQwNTImbWhsYXQ9NDEuMzczNjgmbWhsb25nPTIuMTc0MTk=">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.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">9.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1287 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a sun terrace and various recreational opportunities, the 2-star Onefam Ramblas hostel is set within a 10-minute drive of Estadi Olimpic Stadium. The modern hostel is situated…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtb25lLXJhbWJsYXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="243028"> <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/12731/1273103/1273103023.JPEG" srcset="/data/Photos/450x450w/12731/1273103/1273103023.JPEG 1x, /data/Photos/700x500w/12731/1273103/1273103023.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273102/1273102639.JPEG" srcset="/data/Photos/450x450w/12731/1273102/1273102639.JPEG 1x, /data/Photos/700x500w/12731/1273102/1273102639.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273101/1273101907.JPEG" srcset="/data/Photos/450x450w/12731/1273101/1273101907.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101907.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273103/1273103527.JPEG" srcset="/data/Photos/450x450w/12731/1273103/1273103527.JPEG 1x, /data/Photos/700x500w/12731/1273103/1273103527.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6311/631174/631174695.JPEG" srcset="/data/Photos/450x450w/6311/631174/631174695.JPEG 1x, /data/Photos/700x500w/6311/631174/631174695.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273103/1273103746.JPEG" srcset="/data/Photos/450x450w/12731/1273103/1273103746.JPEG 1x, /data/Photos/700x500w/12731/1273103/1273103746.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://pere-tarres-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Alberg Pere Tarres</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.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTI0MzAyOCZtaGxhdD00MS4zODgxNiZtaGxvbmc9Mi4xMzM2Nw==">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 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a terrace with a tennis table and chairs, the youth 2-star Alberg Pere Tarres Barcelona is around 10 minutes by car from Parc Guell. Offering Wi-Fi, this…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wZXJlLXRhcnJlcy1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="606605"> <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/7028/702828/702828628.JPEG" srcset="/data/Photos/450x450w/7028/702828/702828628.JPEG 1x, /data/Photos/700x500w/7028/702828/702828628.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9384/938467/938467957.JPEG" srcset="/data/Photos/450x450w/9384/938467/938467957.JPEG 1x, /data/Photos/700x500w/9384/938467/938467957.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8153/815340/815340446.JPEG" srcset="/data/Photos/450x450w/8153/815340/815340446.JPEG 1x, /data/Photos/700x500w/8153/815340/815340446.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7181/718138/718138873.JPEG" srcset="/data/Photos/450x450w/7181/718138/718138873.JPEG 1x, /data/Photos/700x500w/7181/718138/718138873.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7181/718140/718140718.JPEG" srcset="/data/Photos/450x450w/7181/718140/718140718.JPEG 1x, /data/Photos/700x500w/7181/718140/718140718.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7181/718138/718138921.JPEG" srcset="/data/Photos/450x450w/7181/718138/718138921.JPEG 1x, /data/Photos/700x500w/7181/718138/718138921.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://amistat-beach-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Amistat Beach Hostel Barcelona</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.4 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTYwNjYwNSZtaGxhdD00MS40MDAzNDkmbWhsb25nPTIuMjA1ODY=">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">8.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(149 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Amistat Beach Hostel Barcelona is situated near an entertainment district, about 10 minutes by car from Guell Palace. Featuring Wi-Fi throughout the property, this hostel is…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hbWlzdGF0LWJlYWNoLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="708129"> <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/9478/947868/947868892.JPEG" srcset="/data/Photos/450x450w/9478/947868/947868892.JPEG 1x, /data/Photos/700x500w/9478/947868/947868892.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13416/1341645/1341645437.JPEG" srcset="/data/Photos/450x450w/13416/1341645/1341645437.JPEG 1x, /data/Photos/700x500w/13416/1341645/1341645437.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13416/1341661/1341661046.JPEG" srcset="/data/Photos/450x450w/13416/1341661/1341661046.JPEG 1x, /data/Photos/700x500w/13416/1341661/1341661046.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13416/1341653/1341653411.JPEG" srcset="/data/Photos/450x450w/13416/1341653/1341653411.JPEG 1x, /data/Photos/700x500w/13416/1341653/1341653411.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13416/1341654/1341654158.JPEG" srcset="/data/Photos/450x450w/13416/1341654/1341654158.JPEG 1x, /data/Photos/700x500w/13416/1341654/1341654158.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13416/1341654/1341654422.JPEG" srcset="/data/Photos/450x450w/13416/1341654/1341654422.JPEG 1x, /data/Photos/700x500w/13416/1341654/1341654422.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://free-hostels-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Free Hostels Barcelona</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.2 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTcwODEyOSZtaGxhdD00MS4zODg1OTY5Jm1obG9uZz0yLjE0NDQ4MDQ=">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">9</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(6 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, the 2-star Free Hostels Barcelona is located within 5 minutes' walk of the performing arts theater "Aquitania Theatre". Offering Wi-Fi…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mcmVlLWhvc3RlbHMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="933994"> <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/13897/1389752/1389752555.JPEG" srcset="/data/Photos/450x450w/13897/1389752/1389752555.JPEG 1x, /data/Photos/700x500w/13897/1389752/1389752555.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15513/1551327/1551327457.JPEG" srcset="/data/Photos/450x450w/15513/1551327/1551327457.JPEG 1x, /data/Photos/700x500w/15513/1551327/1551327457.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16197/1619774/1619774794.JPEG" srcset="/data/Photos/450x450w/16197/1619774/1619774794.JPEG 1x, /data/Photos/700x500w/16197/1619774/1619774794.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15960/1596070/1596070364.JPEG" srcset="/data/Photos/450x450w/15960/1596070/1596070364.JPEG 1x, /data/Photos/700x500w/15960/1596070/1596070364.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14990/1499007/1499007067.JPEG" srcset="/data/Photos/450x450w/14990/1499007/1499007067.JPEG 1x, /data/Photos/700x500w/14990/1499007/1499007067.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14990/1499006/1499006929.JPEG" srcset="/data/Photos/450x450w/14990/1499006/1499006929.JPEG 1x, /data/Photos/700x500w/14990/1499006/1499006929.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://bed-and-bike-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Bed And Bike Barcelona</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTkzMzk5NCZtaGxhdD00MS4zOTcwOTMmbWhsb25nPTIuMTc2MjU1">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">8.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1874 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Bed And Bike Barcelona Hostel, located 25 minutes' walk from the Prominent Placa de Catalunya Central Square, features Wi-Fi in the rooms.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iZWQtYW5kLWJpa2UtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="797725"> <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/15435/1543561/1543561375.JPEG" srcset="/data/Photos/450x450w/15435/1543561/1543561375.JPEG 1x, /data/Photos/700x500w/15435/1543561/1543561375.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16263/1626368/1626368792.JPEG" srcset="/data/Photos/450x450w/16263/1626368/1626368792.JPEG 1x, /data/Photos/700x500w/16263/1626368/1626368792.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16263/1626368/1626368788.JPEG" srcset="/data/Photos/450x450w/16263/1626368/1626368788.JPEG 1x, /data/Photos/700x500w/16263/1626368/1626368788.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16272/1627223/1627223367.JPEG" srcset="/data/Photos/450x450w/16272/1627223/1627223367.JPEG 1x, /data/Photos/700x500w/16272/1627223/1627223367.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15398/1539868/1539868012.JPEG" srcset="/data/Photos/450x450w/15398/1539868/1539868012.JPEG 1x, /data/Photos/700x500w/15398/1539868/1539868012.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15398/1539868/1539868054.JPEG" srcset="/data/Photos/450x450w/15398/1539868/1539868054.JPEG 1x, /data/Photos/700x500w/15398/1539868/1539868054.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://factory-gardens-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">The Loft Hostel Barcelona La Pedrera</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.2 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTc5NzcyNSZtaGxhdD00MS4zOTY0MyZtaGxvbmc9Mi4xNjM4Ng==">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.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">9.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1 review)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring free Wi Fi throughout the venue, The Loft Hostel offers accommodation near the fantastical Gaudi-designed Casa Batllo Apartments.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mYWN0b3J5LWdhcmRlbnMtaG9zdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="918582"> <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/13487/1348734/1348734539.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734539.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734539.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13487/1348734/1348734563.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734563.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734563.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13487/1348734/1348734950.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734950.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734950.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13487/1348734/1348734980.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734980.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734980.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13487/1348735/1348735409.JPEG" srcset="/data/Photos/450x450w/13487/1348735/1348735409.JPEG 1x, /data/Photos/700x500w/13487/1348735/1348735409.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13487/1348740/1348740038.JPEG" srcset="/data/Photos/450x450w/13487/1348740/1348740038.JPEG 1x, /data/Photos/700x500w/13487/1348740/1348740038.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://arc-house-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Arc House Barcelona</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTkxODU4MiZtaGxhdD00MS4zOTExMiZtaGxvbmc9Mi4xODQyOA==">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">7</div> <div class="item__review-text">Good</div> <div class="item__review-count">(1329 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Arc House Barcelona Hostel is a youth venue, which is set only 0.9 km from Picasso Art Museum. The accommodation is placed in the very heart of Barcelona within 18…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hcmMtaG91c2UtaG9zdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="431910"> <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/7737/773757/773757433.JPEG" srcset="/data/Photos/450x450w/7737/773757/773757433.JPEG 1x, /data/Photos/700x500w/7737/773757/773757433.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7389/738972/738972154.JPEG" srcset="/data/Photos/450x450w/7389/738972/738972154.JPEG 1x, /data/Photos/700x500w/7389/738972/738972154.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6640/664008/664008498.JPEG" srcset="/data/Photos/450x450w/6640/664008/664008498.JPEG 1x, /data/Photos/700x500w/6640/664008/664008498.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6640/664009/664009419.JPEG" srcset="/data/Photos/450x450w/6640/664009/664009419.JPEG 1x, /data/Photos/700x500w/6640/664009/664009419.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6640/664009/664009485.JPEG" srcset="/data/Photos/450x450w/6640/664009/664009485.JPEG 1x, /data/Photos/700x500w/6640/664009/664009485.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6640/664009/664009554.JPEG" srcset="/data/Photos/450x450w/6640/664009/664009554.JPEG 1x, /data/Photos/700x500w/6640/664009/664009554.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://itaca-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Itaca 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"> 500 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQzMTkxMCZtaGxhdD00MS4zODUzJm1obG9uZz0yLjE3NTQ2">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Exceptional location </span> <div class="item__grade-details">This property boasts exceptional location. It has a score 9.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">8.8</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1072 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Providing baggage storage for guests, the 2-star Itaca Hostel Barcelona is located nearly a 5-minute ride from Museum of the History of Barcelona. Featuring Wi-Fi, this hostel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9pdGFjYS1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="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.hotelbcn-barcelona.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">(2508 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Onefam Sants Hostel Barcelona is located approximately 15 minutes by car from Basilica of the Sagrada Familia and boasts a shared lounge and recreational facilities.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtb25lLXNhbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="879758"> <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/15807/1580796/1580796099.JPEG" srcset="/data/Photos/450x450w/15807/1580796/1580796099.JPEG 1x, /data/Photos/700x500w/15807/1580796/1580796099.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15884/1588436/1588436515.JPEG" srcset="/data/Photos/450x450w/15884/1588436/1588436515.JPEG 1x, /data/Photos/700x500w/15884/1588436/1588436515.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13574/1357456/1357456808.JPEG" srcset="/data/Photos/450x450w/13574/1357456/1357456808.JPEG 1x, /data/Photos/700x500w/13574/1357456/1357456808.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13574/1357460/1357460231.JPEG" srcset="/data/Photos/450x450w/13574/1357460/1357460231.JPEG 1x, /data/Photos/700x500w/13574/1357460/1357460231.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13574/1357466/1357466834.JPEG" srcset="/data/Photos/450x450w/13574/1357466/1357466834.JPEG 1x, /data/Photos/700x500w/13574/1357466/1357466834.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13576/1357653/1357653794.JPEG" srcset="/data/Photos/450x450w/13576/1357653/1357653794.JPEG 1x, /data/Photos/700x500w/13576/1357653/1357653794.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://jam-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Casa Jam Barcelona</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.2 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg3OTc1OCZtaGxhdD00MS40MDQ3MzMzJm1obG9uZz0yLjE1OTcwNTc=">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.2 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">(1352 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Situated at a distance of 350 metres from Virreina Square, Casa Jam Barcelona Hostel offers a terrace for guests to unwind. Offering Wi-Fi, the Barcelona hostel also boasts a…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9qYW0taG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="519662"> <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/15532/1553278/1553278120.JPEG" srcset="/data/Photos/450x450w/15532/1553278/1553278120.JPEG 1x, /data/Photos/700x500w/15532/1553278/1553278120.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15881/1588157/1588157827.JPEG" srcset="/data/Photos/450x450w/15881/1588157/1588157827.JPEG 1x, /data/Photos/700x500w/15881/1588157/1588157827.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15532/1553278/1553278201.JPEG" srcset="/data/Photos/450x450w/15532/1553278/1553278201.JPEG 1x, /data/Photos/700x500w/15532/1553278/1553278201.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15532/1553278/1553278153.JPEG" srcset="/data/Photos/450x450w/15532/1553278/1553278153.JPEG 1x, /data/Photos/700x500w/15532/1553278/1553278153.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15553/1555308/1555308343.JPEG" srcset="/data/Photos/450x450w/15553/1555308/1555308343.JPEG 1x, /data/Photos/700x500w/15553/1555308/1555308343.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15881/1588157/1588157838.JPEG" srcset="/data/Photos/450x450w/15881/1588157/1588157838.JPEG 1x, /data/Photos/700x500w/15881/1588157/1588157838.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://primavera-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Primavera 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"> 1.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUxOTY2MiZtaGxhdD00MS4zOTgyNiZtaGxvbmc9Mi4xNjg1OTg=">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.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">9</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2054 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Primavera Hostel Barcelona features a cash machine and a lift, and is situated 25 minutes' stroll from Placa de Catalunya. Offering Wi-Fi, the family-friendly hotel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wcmltYXZlcmEtaG9zdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="529251"> <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/15351/1535153/1535153026.JPEG" srcset="/data/Photos/450x450w/15351/1535153/1535153026.JPEG 1x, /data/Photos/700x500w/15351/1535153/1535153026.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15351/1535150/1535150308.JPEG" srcset="/data/Photos/450x450w/15351/1535150/1535150308.JPEG 1x, /data/Photos/700x500w/15351/1535150/1535150308.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15351/1535151/1535151463.JPEG" srcset="/data/Photos/450x450w/15351/1535151/1535151463.JPEG 1x, /data/Photos/700x500w/15351/1535151/1535151463.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15351/1535152/1535152930.JPEG" srcset="/data/Photos/450x450w/15351/1535152/1535152930.JPEG 1x, /data/Photos/700x500w/15351/1535152/1535152930.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15351/1535145/1535145889.JPEG" srcset="/data/Photos/450x450w/15351/1535145/1535145889.JPEG 1x, /data/Photos/700x500w/15351/1535145/1535145889.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15351/1535146/1535146483.JPEG" srcset="/data/Photos/450x450w/15351/1535146/1535146483.JPEG 1x, /data/Photos/700x500w/15351/1535146/1535146483.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://twentytu-hightech-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Twentytu Hostel Barcelona</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.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUyOTI1MSZtaGxhdD00MS4zOTkmbWhsb25nPTIuMTg4NQ==">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.2 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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring a lift, a snack and drink vending machine onsite, the eco-friendly 2-star Twentytu Hostel Barcelona is situated in the Sant Marti district of Barcelona, 5 minutes by…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly90d2VudHl0dS1oaWdodGVjaC1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="438987"> <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/13241/1324171/1324171882.JPEG" srcset="/data/Photos/450x450w/13241/1324171/1324171882.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171882.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13241/1324174/1324174837.JPEG" srcset="/data/Photos/450x450w/13241/1324174/1324174837.JPEG 1x, /data/Photos/700x500w/13241/1324174/1324174837.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13241/1324171/1324171681.JPEG" srcset="/data/Photos/450x450w/13241/1324171/1324171681.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171681.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10397/1039741/1039741402.JPEG" srcset="/data/Photos/450x450w/10397/1039741/1039741402.JPEG 1x, /data/Photos/700x500w/10397/1039741/1039741402.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9997/999725/999725793.JPEG" srcset="/data/Photos/450x450w/9997/999725/999725793.JPEG 1x, /data/Photos/700x500w/9997/999725/999725793.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9979/997932/997932213.JPEG" srcset="/data/Photos/450x450w/9979/997932/997932213.JPEG 1x, /data/Photos/700x500w/9979/997932/997932213.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://buba-house.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Buba House</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"> 800 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQzODk4NyZtaGxhdD00MS4zOTA0OSZtaGxvbmc9Mi4xNjI1OA==">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.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">(2170 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The comfortable Buba House Hostel Barcelona is situated near an entertainment district, 14 minutes on foot from Barcelona Museum of Contemporary Art. Featuring Wi-Fi throughout the property, this 5…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9idWJhLWhvdXNlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="367781"> <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/7240/724048/724048735.JPEG" srcset="/data/Photos/450x450w/7240/724048/724048735.JPEG 1x, /data/Photos/700x500w/7240/724048/724048735.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16182/1618274/1618274998.JPEG" srcset="/data/Photos/450x450w/16182/1618274/1618274998.JPEG 1x, /data/Photos/700x500w/16182/1618274/1618274998.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16182/1618275/1618275003.JPEG" srcset="/data/Photos/450x450w/16182/1618275/1618275003.JPEG 1x, /data/Photos/700x500w/16182/1618275/1618275003.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16023/1602332/1602332463.JPEG" srcset="/data/Photos/450x450w/16023/1602332/1602332463.JPEG 1x, /data/Photos/700x500w/16023/1602332/1602332463.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16023/1602332/1602332468.JPEG" srcset="/data/Photos/450x450w/16023/1602332/1602332468.JPEG 1x, /data/Photos/700x500w/16023/1602332/1602332468.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16023/1602332/1602332469.JPEG" srcset="/data/Photos/450x450w/16023/1602332/1602332469.JPEG 1x, /data/Photos/700x500w/16023/1602332/1602332469.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://equity-point-gothic.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Safestay Barcelona Gothic</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"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM2Nzc4MSZtaGxhdD00MS4zODQwNTYzJm1obG9uZz0yLjE3OTYxNjM=">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.2 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.6</div> <div class="item__review-text">Good</div> <div class="item__review-count">(2494 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located within a 600-metre distance of Gothic Quarter Centre, Safestay Barcelona Gothic hostel offers Wi-Fi throughout the property and public parking. Situated a minute's walk from Jaume I…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9lcXVpdHktcG9pbnQtZ290aGljLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="346445"> <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/12351/1235134/1235134769.JPEG" srcset="/data/Photos/450x450w/12351/1235134/1235134769.JPEG 1x, /data/Photos/700x500w/12351/1235134/1235134769.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14985/1498537/1498537828.JPEG" srcset="/data/Photos/450x450w/14985/1498537/1498537828.JPEG 1x, /data/Photos/700x500w/14985/1498537/1498537828.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580451/1580451565.JPEG" srcset="/data/Photos/450x450w/15804/1580451/1580451565.JPEG 1x, /data/Photos/700x500w/15804/1580451/1580451565.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11307/1130723/1130723826.JPEG" srcset="/data/Photos/450x450w/11307/1130723/1130723826.JPEG 1x, /data/Photos/700x500w/11307/1130723/1130723826.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11307/1130729/1130729628.JPEG" srcset="/data/Photos/450x450w/11307/1130729/1130729628.JPEG 1x, /data/Photos/700x500w/11307/1130729/1130729628.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11161/1116158/1116158313.JPEG" srcset="/data/Photos/450x450w/11161/1116158/1116158313.JPEG 1x, /data/Photos/700x500w/11161/1116158/1116158313.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://sun-moon-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Sun & Moon 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"> 700 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM0NjQ0NSZtaGxhdD00MS4zODA5NTUmbWhsb25nPTIuMTc0ODc4">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.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">4</div> <div class="item__review-text">Acceptable</div> <div class="item__review-count">(1 review)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The budget Sun & Moon Hostel Barcelona is nearly a 10-minute drive from Camp Nou and offers cars for rent. Situated within convenient reach of Liceu, this 2-star cosy…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zdW4tbW9vbi1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="431653"> <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/8884/888426/888426808.JPEG" srcset="/data/Photos/450x450w/8884/888426/888426808.JPEG 1x, /data/Photos/700x500w/8884/888426/888426808.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599653/1599653572.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653572.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653572.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599653/1599653573.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653573.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653573.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599653/1599653580.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653580.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653580.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599653/1599653582.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653582.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653582.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15996/1599653/1599653583.JPEG" srcset="/data/Photos/450x450w/15996/1599653/1599653583.JPEG 1x, /data/Photos/700x500w/15996/1599653/1599653583.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://equity-point-sea.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Sea Hostel Barcelona</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.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQzMTY1MyZtaGxhdD00MS4zNzUzNCZtaGxvbmc9Mi4xODk3OA==">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.6</div> <div class="item__review-text">Good</div> <div class="item__review-count">(706 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Sea Hostel Barcelona, located 2.5 km from Placa de Catalunya, features Wi-Fi throughout the property.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9lcXVpdHktcG9pbnQtc2VhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="1367311"> <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/11545/1154527/1154527956.JPEG" srcset="/data/Photos/450x450w/11545/1154527/1154527956.JPEG 1x, /data/Photos/700x500w/11545/1154527/1154527956.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11841/1184131/1184131864.JPEG" srcset="/data/Photos/450x450w/11841/1184131/1184131864.JPEG 1x, /data/Photos/700x500w/11841/1184131/1184131864.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11545/1154525/1154525928.JPEG" srcset="/data/Photos/450x450w/11545/1154525/1154525928.JPEG 1x, /data/Photos/700x500w/11545/1154525/1154525928.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11545/1154526/1154526696.JPEG" srcset="/data/Photos/450x450w/11545/1154526/1154526696.JPEG 1x, /data/Photos/700x500w/11545/1154526/1154526696.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10833/1083352/1083352111.JPEG" srcset="/data/Photos/450x450w/10833/1083352/1083352111.JPEG 1x, /data/Photos/700x500w/10833/1083352/1083352111.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10834/1083492/1083492298.JPEG" srcset="/data/Photos/450x450w/10834/1083492/1083492298.JPEG 1x, /data/Photos/700x500w/10834/1083492/1083492298.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://azul-bb-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Factory Suites Barcelona</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"> 1.2 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTEzNjczMTEmbWhsYXQ9NDEuMzk2ODc2MzcmbWhsb25nPTIuMTY5MDQ3NzQ=">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.2 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">(469 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The pet-friendly 3-star Factory Suites Barcelona hostel, situated approximately 10 minutes' drive from the 19th-century formal Ciutadella Park, offers a terrace and a shared lounge. Offering Wi…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9henVsLWJiLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="870230"> <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/15903/1590368/1590368184.JPEG" srcset="/data/Photos/450x450w/15903/1590368/1590368184.JPEG 1x, /data/Photos/700x500w/15903/1590368/1590368184.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15903/1590368/1590368183.JPEG" srcset="/data/Photos/450x450w/15903/1590368/1590368183.JPEG 1x, /data/Photos/700x500w/15903/1590368/1590368183.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15903/1590368/1590368170.JPEG" srcset="/data/Photos/450x450w/15903/1590368/1590368170.JPEG 1x, /data/Photos/700x500w/15903/1590368/1590368170.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15903/1590368/1590368185.JPEG" srcset="/data/Photos/450x450w/15903/1590368/1590368185.JPEG 1x, /data/Photos/700x500w/15903/1590368/1590368185.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15903/1590368/1590368191.JPEG" srcset="/data/Photos/450x450w/15903/1590368/1590368191.JPEG 1x, /data/Photos/700x500w/15903/1590368/1590368191.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15903/1590368/1590368174.JPEG" srcset="/data/Photos/450x450w/15903/1590368/1590368174.JPEG 1x, /data/Photos/700x500w/15903/1590368/1590368174.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ideal-youth-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Ideal Youth 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"> 800 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg3MDIzMCZtaGxhdD00MS4zNzk4Jm1obG9uZz0yLjE3MzU0">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">5.2</div> <div class="item__review-text">Average</div> <div class="item__review-count">(2665 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located approximately a 5-minute walk from Liceu tube station, the comfortable 2-star Ideal Youth Hostel Barcelona features a snack and drink vending machine, and a lift.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9pZGVhbC15b3V0aC1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="801844"> <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/2502/250222/250222157.JPEG" srcset="/data/Photos/450x450w/2502/250222/250222157.JPEG 1x, /data/Photos/700x500w/2502/250222/250222157.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/3773/377323/377323777.JPEG" srcset="/data/Photos/450x450w/3773/377323/377323777.JPEG 1x, /data/Photos/700x500w/3773/377323/377323777.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/3773/377323/377323795.JPEG" srcset="/data/Photos/450x450w/3773/377323/377323795.JPEG 1x, /data/Photos/700x500w/3773/377323/377323795.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11679/1167965/1167965422.JPEG" srcset="/data/Photos/450x450w/11679/1167965/1167965422.JPEG 1x, /data/Photos/700x500w/11679/1167965/1167965422.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11679/1167966/1167966916.JPEG" srcset="/data/Photos/450x450w/11679/1167966/1167966916.JPEG 1x, /data/Photos/700x500w/11679/1167966/1167966916.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11679/1167964/1167964792.JPEG" srcset="/data/Photos/450x450w/11679/1167964/1167964792.JPEG 1x, /data/Photos/700x500w/11679/1167964/1167964792.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hola-hostal-eixample.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hola Hostal Eixample</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTgwMTg0NCZtaGxhdD00MS4zOTY4ODExMDM1MTU2Jm1obG9uZz0yLjE3NzI0OTkwODQ0NzI3">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 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">(3477 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Hola Hostal Eixample Barcelona is situated just 5 minutes' walk from Atrium Theatre and features bicycles for rent. Offering Wi-Fi, this Barcelona hostel also boasts a…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob2xhLWhvc3RhbC1laXhhbXBsZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="762785"> <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/16322/1632265/1632265291.JPEG" srcset="/data/Photos/450x450w/16322/1632265/1632265291.JPEG 1x, /data/Photos/700x500w/16322/1632265/1632265291.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273073/1273073383.JPEG" srcset="/data/Photos/450x450w/12730/1273073/1273073383.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073383.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14999/1499960/1499960308.JPEG" srcset="/data/Photos/450x450w/14999/1499960/1499960308.JPEG 1x, /data/Photos/700x500w/14999/1499960/1499960308.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14999/1499960/1499960518.JPEG" srcset="/data/Photos/450x450w/14999/1499960/1499960518.JPEG 1x, /data/Photos/700x500w/14999/1499960/1499960518.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16322/1632265/1632265292.JPEG" srcset="/data/Photos/450x450w/16322/1632265/1632265292.JPEG 1x, /data/Photos/700x500w/16322/1632265/1632265292.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16330/1633005/1633005908.JPEG" srcset="/data/Photos/450x450w/16330/1633005/1633005908.JPEG 1x, /data/Photos/700x500w/16330/1633005/1633005908.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://factory-house-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Factory Hostels Barcelona</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.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTc2Mjc4NSZtaGxhdD00MS40MTI0MDQmbWhsb25nPTIuMTU2NTc0">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 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">(1675 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering various recreational opportunities and a library for guests' leisure, the lovely Factory Hostels Barcelona is situated in the very heart of Barcelona 10 minutes' drive from Gothic Quarter Centre.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mYWN0b3J5LWhvdXNlLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="550765"> <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/1756/175684/175684122.JPEG" srcset="/data/Photos/450x450w/1756/175684/175684122.JPEG 1x, /data/Photos/700x500w/1756/175684/175684122.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/644/64497/64497028.JPEG" srcset="/data/Photos/450x450w/644/64497/64497028.JPEG 1x, /data/Photos/700x500w/644/64497/64497028.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580696/1580696257.JPEG" srcset="/data/Photos/450x450w/15806/1580696/1580696257.JPEG 1x, /data/Photos/700x500w/15806/1580696/1580696257.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/1756/175684/175684152.JPEG" srcset="/data/Photos/450x450w/1756/175684/175684152.JPEG 1x, /data/Photos/700x500w/1756/175684/175684152.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/1756/175684/175684182.JPEG" srcset="/data/Photos/450x450w/1756/175684/175684182.JPEG 1x, /data/Photos/700x500w/1756/175684/175684182.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580696/1580696323.JPEG" srcset="/data/Photos/450x450w/15806/1580696/1580696323.JPEG 1x, /data/Photos/700x500w/15806/1580696/1580696323.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://360-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">360 Hostel Centro</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"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTU1MDc2NSZtaGxhdD00MS4zOTE2MSZtaGxvbmc9Mi4xNzc0NA==">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.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">360 Hostel Centro Barcelona is 19 minutes' stroll from Sala Razzmatazz Nightclub and offers bicycles for rent. Luggage storage and a restaurant are offered for the guests of this Barcelona…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly8zNjAtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="720094"> <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/2355/235500/235500973.JPEG" srcset="/data/Photos/450x450w/2355/235500/235500973.JPEG 1x, /data/Photos/700x500w/2355/235500/235500973.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15881/1588187/1588187959.JPEG" srcset="/data/Photos/450x450w/15881/1588187/1588187959.JPEG 1x, /data/Photos/700x500w/15881/1588187/1588187959.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15881/1588187/1588187985.JPEG" srcset="/data/Photos/450x450w/15881/1588187/1588187985.JPEG 1x, /data/Photos/700x500w/15881/1588187/1588187985.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15893/1589392/1589392584.JPEG" srcset="/data/Photos/450x450w/15893/1589392/1589392584.JPEG 1x, /data/Photos/700x500w/15893/1589392/1589392584.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15893/1589392/1589392656.JPEG" srcset="/data/Photos/450x450w/15893/1589392/1589392656.JPEG 1x, /data/Photos/700x500w/15893/1589392/1589392656.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15892/1589297/1589297103.JPEG" srcset="/data/Photos/450x450w/15892/1589297/1589297103.JPEG 1x, /data/Photos/700x500w/15892/1589297/1589297103.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://diagonal-house.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Diagonal House Hostel</a> </p> <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="L21hcD9taGlkPTcyMDA5NCZtaGxhdD00MS4zOTcyODgyJm1obG9uZz0yLjE2MTU1NzE=">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 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.8</div> <div class="item__review-text">Good</div> <div class="item__review-count">(1617 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Diagonal House Hostel Barcelona lies a 5-minute ride from Gothic Quarter Centre, offering 7 rooms and featuring various recreational opportunities and a game area. Offering Wi-Fi, the hostel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9kaWFnb25hbC1ob3VzZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="597220"> <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/6835/683547/683547915.JPEG" srcset="/data/Photos/450x450w/6835/683547/683547915.JPEG 1x, /data/Photos/700x500w/6835/683547/683547915.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7213/721376/721376524.JPEG" srcset="/data/Photos/450x450w/7213/721376/721376524.JPEG 1x, /data/Photos/700x500w/7213/721376/721376524.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7213/721377/721377136.JPEG" srcset="/data/Photos/450x450w/7213/721377/721377136.JPEG 1x, /data/Photos/700x500w/7213/721377/721377136.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7213/721377/721377349.JPEG" srcset="/data/Photos/450x450w/7213/721377/721377349.JPEG 1x, /data/Photos/700x500w/7213/721377/721377349.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7213/721377/721377391.JPEG" srcset="/data/Photos/450x450w/7213/721377/721377391.JPEG 1x, /data/Photos/700x500w/7213/721377/721377391.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7214/721413/721413787.JPEG" srcset="/data/Photos/450x450w/7214/721413/721413787.JPEG 1x, /data/Photos/700x500w/7214/721413/721413787.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-one-gaudi.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Rocket Hostels Gracia</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.2 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTU5NzIyMCZtaGxhdD00MS40MDk5ODg0MDMzMjAzJm1obG9uZz0yLjE0ODYwMDEwMTQ3MDk1">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 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">(1124 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Rocket Hostels Gracia Barcelona is situated near an entertainment district, just 0.8 km from Parc Guell. Featuring Wi-Fi throughout the property, the hostel is within a…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtb25lLWdhdWRpLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="609432"> <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/5442/544288/544288878.JPEG" srcset="/data/Photos/450x450w/5442/544288/544288878.JPEG 1x, /data/Photos/700x500w/5442/544288/544288878.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9998/999824/999824967.JPEG" srcset="/data/Photos/450x450w/9998/999824/999824967.JPEG 1x, /data/Photos/700x500w/9998/999824/999824967.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9979/997970/997970310.JPEG" srcset="/data/Photos/450x450w/9979/997970/997970310.JPEG 1x, /data/Photos/700x500w/9979/997970/997970310.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8931/893197/893197012.JPEG" srcset="/data/Photos/450x450w/8931/893197/893197012.JPEG 1x, /data/Photos/700x500w/8931/893197/893197012.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7862/786205/786205164.JPEG" srcset="/data/Photos/450x450w/7862/786205/786205164.JPEG 1x, /data/Photos/700x500w/7862/786205/786205164.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/5442/544289/544289751.JPEG" srcset="/data/Photos/450x450w/5442/544289/544289751.JPEG 1x, /data/Photos/700x500w/5442/544289/544289751.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://casa-kessler-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Casa Kessler Barcelona</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 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTYwOTQzMiZtaGxhdD00MS4zOTAxNCZtaGxvbmc9Mi4xNTg5Mg==">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.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">9.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1 review)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering 31 rooms, Casa Kessler Barcelona Hostel boasts a location merely 5 minutes on foot from FGC - Provenca. Featuring a private parking garage, the Barcelona hostel is located about a…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jYXNhLWtlc3NsZXItYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="1032629"> <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/2016/201671/201671338.JPEG" srcset="/data/Photos/450x450w/2016/201671/201671338.JPEG 1x, /data/Photos/700x500w/2016/201671/201671338.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15006/1500605/1500605641.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605641.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605641.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15006/1500605/1500605659.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605659.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605659.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15006/1500605/1500605674.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605674.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605674.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15006/1500605/1500605677.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605677.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605677.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15006/1500605/1500605716.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605716.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605716.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ant-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Ant Hostel Barcelona</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"> 1.4 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTEwMzI2MjkmbWhsYXQ9NDEuMzkwNTEmbWhsb25nPTIuMTg1MTk=">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">7</div> <div class="item__review-text">Good</div> <div class="item__review-count">(2614 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Ant Hostel Barcelona in the Sant Marti district of Barcelona provides the convenience of public parking nearby. Offering Wi-Fi, the Barcelona hostel also boasts a location nearly 10 minutes'…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hbnQtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="1209189"> <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/15891/1589184/1589184157.JPEG" srcset="/data/Photos/450x450w/15891/1589184/1589184157.JPEG 1x, /data/Photos/700x500w/15891/1589184/1589184157.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4339/433976/433976637.JPEG" srcset="/data/Photos/450x450w/4339/433976/433976637.JPEG 1x, /data/Photos/700x500w/4339/433976/433976637.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4339/433982/433982790.JPEG" srcset="/data/Photos/450x450w/4339/433982/433982790.JPEG 1x, /data/Photos/700x500w/4339/433982/433982790.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4498/449858/449858637.JPEG" srcset="/data/Photos/450x450w/4498/449858/449858637.JPEG 1x, /data/Photos/700x500w/4498/449858/449858637.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4609/460954/460954962.JPEG" srcset="/data/Photos/450x450w/4609/460954/460954962.JPEG 1x, /data/Photos/700x500w/4609/460954/460954962.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4337/433766/433766793.JPEG" srcset="/data/Photos/450x450w/4337/433766/433766793.JPEG 1x, /data/Photos/700x500w/4337/433766/433766793.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://dream-cube-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Dream Cube 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.5 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTEyMDkxODkmbWhsYXQ9NDEuMzkwNzcmbWhsb25nPTIuMTQxMTY=">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">7.6</div> <div class="item__review-text">Good</div> <div class="item__review-count">(2664 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 charming 2-star Dream Cube Hostel Barcelona offers accommodation within 25 minutes' walk of The Magic Fountain.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9kcmVhbS1jdWJlLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="826398"> <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/1293/129310/129310677.JPEG" srcset="/data/Photos/450x450w/1293/129310/129310677.JPEG 1x, /data/Photos/700x500w/1293/129310/129310677.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7844/784472/784472859.JPEG" srcset="/data/Photos/450x450w/7844/784472/784472859.JPEG 1x, /data/Photos/700x500w/7844/784472/784472859.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6315/631527/631527378.JPEG" srcset="/data/Photos/450x450w/6315/631527/631527378.JPEG 1x, /data/Photos/700x500w/6315/631527/631527378.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12584/1258415/1258415335.JPEG" srcset="/data/Photos/450x450w/12584/1258415/1258415335.JPEG 1x, /data/Photos/700x500w/12584/1258415/1258415335.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12375/1237575/1237575658.JPEG" srcset="/data/Photos/450x450w/12375/1237575/1237575658.JPEG 1x, /data/Photos/700x500w/12375/1237575/1237575658.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4463/446312/446312289.JPEG" srcset="/data/Photos/450x450w/4463/446312/446312289.JPEG 1x, /data/Photos/700x500w/4463/446312/446312289.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://barcelona-central-garden.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Barcelona Central Garden Hostal</a> </p> <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="L21hcD9taGlkPTgyNjM5OCZtaGxhdD00MS4zOTI2Jm1obG9uZz0yLjE2OTM4">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Exceptional location </span> <div class="item__grade-details">This property boasts exceptional location. It has a score 9.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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(755 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Situated about a 10-minute walk from Girona tube station, Barcelona Central Garden Hostal features a shared lounge and various recreational opportunities. Offering bag storage, the Barcelona hostel is just…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iYXJjZWxvbmEtY2VudHJhbC1nYXJkZW4uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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.hotelbcn-barcelona.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">8.8</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(29 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a snack and drink vending machine, and a lift, the youth 5-star Hostel One Les Corts Barcelona is located nearly 10 minutes' walk from Jardines de la Maternitat.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mZWV0dXAteWVsbG93LW5lc3QtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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.hotelbcn-barcelona.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> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The family-friendly 2-star Centre Esplai Albergue El Prat de Llobregat, located approximately 10 minutes' drive from Mercader Palace Museum, offers guests a lift and a vending machine. Offering…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jZW50cmUtZXNwbGFpLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="349766"> <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/15804/1580456/1580456267.JPEG" srcset="/data/Photos/450x450w/15804/1580456/1580456267.JPEG 1x, /data/Photos/700x500w/15804/1580456/1580456267.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580456/1580456315.JPEG" srcset="/data/Photos/450x450w/15804/1580456/1580456315.JPEG 1x, /data/Photos/700x500w/15804/1580456/1580456315.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580456/1580456243.JPEG" srcset="/data/Photos/450x450w/15804/1580456/1580456243.JPEG 1x, /data/Photos/700x500w/15804/1580456/1580456243.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580456/1580456317.JPEG" srcset="/data/Photos/450x450w/15804/1580456/1580456317.JPEG 1x, /data/Photos/700x500w/15804/1580456/1580456317.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580456/1580456335.JPEG" srcset="/data/Photos/450x450w/15804/1580456/1580456335.JPEG 1x, /data/Photos/700x500w/15804/1580456/1580456335.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580456/1580456353.JPEG" srcset="/data/Photos/450x450w/15804/1580456/1580456353.JPEG 1x, /data/Photos/700x500w/15804/1580456/1580456353.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hip-karma-hostel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hip Karma 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"> 700 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTM0OTc2NiZtaGxhdD00MS4zOTA1Jm1obG9uZz0yLjE3NjQ1">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 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">(24 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 2-star Hip Karma Hostel is located in the heart of Barcelona and provides bag storage for guests' convenience. Featuring Wi-Fi throughout the property, this Barcelona hostel is…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9oaXAta2FybWEtaG9zdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="530387"> <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/1580645/1580645021.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645021.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645021.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4184/418492/418492161.JPEG" srcset="/data/Photos/450x450w/4184/418492/418492161.JPEG 1x, /data/Photos/700x500w/4184/418492/418492161.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580645/1580645017.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645017.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645017.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15806/1580645/1580645093.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645093.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645093.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6404/640412/640412895.JPEG" srcset="/data/Photos/450x450w/6404/640412/640412895.JPEG 1x, /data/Photos/700x500w/6404/640412/640412895.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6404/640410/640410252.JPEG" srcset="/data/Photos/450x450w/6404/640410/640410252.JPEG 1x, /data/Photos/700x500w/6404/640410/640410252.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hostel-new-york.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hostel New York</a> </p> <div class="item__distance"> <div class="item__distance-text"> 1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUzMDM4NyZtaGxhdD00MS4zODA0NSZtaGxvbmc9Mi4xNzk0Nw==">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 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a lift and a vending machine, the youth Hostel New York Barcelona is located 7 minutes' stroll from Museum of the History of Barcelona. Offering Wi-Fi, this Barcelona…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtbmV3LXlvcmsuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="439383"> <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/9980/998037/998037036.JPEG" srcset="/data/Photos/450x450w/9980/998037/998037036.JPEG 1x, /data/Photos/700x500w/9980/998037/998037036.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/1413/141353/141353793.JPEG" srcset="/data/Photos/450x450w/1413/141353/141353793.JPEG 1x, /data/Photos/700x500w/1413/141353/141353793.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/1413/141353/141353676.JPEG" srcset="/data/Photos/450x450w/1413/141353/141353676.JPEG 1x, /data/Photos/700x500w/1413/141353/141353676.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14993/1499393/1499393503.JPEG" srcset="/data/Photos/450x450w/14993/1499393/1499393503.JPEG 1x, /data/Photos/700x500w/14993/1499393/1499393503.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14993/1499393/1499393527.JPEG" srcset="/data/Photos/450x450w/14993/1499393/1499393527.JPEG 1x, /data/Photos/700x500w/14993/1499393/1499393527.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11975/1197511/1197511720.JPEG" srcset="/data/Photos/450x450w/11975/1197511/1197511720.JPEG 1x, /data/Photos/700x500w/11975/1197511/1197511720.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hellobcn-hostel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hellobcn Youth Hostel Barcelona</a> </p> <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="L21hcD9taGlkPTQzOTM4MyZtaGxhdD00MS4zNzM2Jm1obG9uZz0yLjE2OTIx">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> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Hellobcn Youth Hostel Barcelona, located 2.4 km from Ciutadella Park, features a snack and drink vending machine, and a lift. Offering Wi-Fi, the hostel also boasts a location just…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9oZWxsb2Jjbi1ob3N0ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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.hotelbcn-barcelona.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">(3040 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The stylish Live & Dream Hostel Barcelona is within a 10-minute drive of Cathedral of Barcelona and features a lift and a tour desk onsite. Offering Wi-Fi, this hostel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9saXZlLWRyZWFtLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="818838"> <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/10091/1009102/1009102858.JPEG" srcset="/data/Photos/450x450w/10091/1009102/1009102858.JPEG 1x, /data/Photos/700x500w/10091/1009102/1009102858.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11785/1178541/1178541529.JPEG" srcset="/data/Photos/450x450w/11785/1178541/1178541529.JPEG 1x, /data/Photos/700x500w/11785/1178541/1178541529.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15672/1567207/1567207757.JPEG" srcset="/data/Photos/450x450w/15672/1567207/1567207757.JPEG 1x, /data/Photos/700x500w/15672/1567207/1567207757.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10113/1011362/1011362107.JPEG" srcset="/data/Photos/450x450w/10113/1011362/1011362107.JPEG 1x, /data/Photos/700x500w/10113/1011362/1011362107.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10113/1011362/1011362122.JPEG" srcset="/data/Photos/450x450w/10113/1011362/1011362122.JPEG 1x, /data/Photos/700x500w/10113/1011362/1011362122.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10140/1014066/1014066772.JPEG" srcset="/data/Photos/450x450w/10140/1014066/1014066772.JPEG 1x, /data/Photos/700x500w/10140/1014066/1014066772.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://fabrizzios-terrace.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Fabrizzios Terrace 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"> 800 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTgxODgzOCZtaGxhdD00MS4zOTM1NCZtaGxvbmc9Mi4xNzI2Ng==">Show map</div> </div> <div class="item__grade"> <span class="item__grade-text"> Exceptional location </span> <div class="item__grade-details">This property boasts exceptional location. It has a score 9.5 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">(1904 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a lending library and a sunbathing terrace, the youth Fabrizzios Terrace Hostel offers quick access to Gothic Quarter Centre, which is 1.4 km away. It also features free Wi…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9mYWJyaXp6aW9zLXRlcnJhY2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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"> <span class="pagination__link pagination__link--active">1</span> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/type/hostels-11/2/" data-part="2"> 2 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/type/hostels-11/3/" data-part="3"> 3 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/type/hostels-11/4/" data-part="4"> 4 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/type/hostels-11/5/" data-part="5"> 5 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/type/hostels-11/6/" data-part="6"> 6 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/type/hostels-11/7/" data-part="7"> 7 </a> </li> <li class="pagination__control last"> <a class="pagination__control-link" href="/en/type/hostels-11/2/" data-part="2"> <svg class="pagination__control-icon pagination__control-icon--right icon icon-new-arrow"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </a> </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.hotelbcn-barcelona.com/en/type/hotels-12/">Hotels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/type/apartments-3/">Apartments in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/type/guest-houses-10/">Guest houses in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/type/hostels-11/">Hostels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/type/aparthotels-2/">Aparthotels in Barcelona</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> landmarks <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.hotelbcn-barcelona.com/en/near-camp-nou-233617/">Spotify Camp Nou</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/near-port-vell-357451/">Port Vell</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/near-port-of-barcelona-76377/">Port of Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/near-placa-catalunya-rail-station-156226/">Plaça de Catalunya Train Station</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/near-la-sagrada-familia-76366/">La Sagrada Familia</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.hotelbcn-barcelona.com/en/5-stars/">5 star hotels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/4-stars/">4 star hotels in Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/3-stars/">3 star hotels in Barcelona</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.hotelbcn-barcelona.com/en/theme/luxury-hotels-14/">Luxury hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/theme/cheap-and-budget-hotels-9/">Cheap and budget hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/theme/beach-hotels-2/">Beach hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/theme/pool-hotels-34/">Hotels with indoor pool</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/en/theme/central-hotels-8/">Central 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://w-barcelona.hotelbcn-barcelona.com/en/">W Barcelona</a> <a class="footer-extra-offers-list__link" href="https://hilton-barcelona.hotelbcn-barcelona.com/en/">Hilton Barcelona</a> <a class="footer-extra-offers-list__link" href="https://arts.hotelbcn-barcelona.com/en/">Hotel Arts Barcelona</a> <a class="footer-extra-offers-list__link" href="https://colon.hotelbcn-barcelona.com/en/">Lamaro Hotel</a> <a class="footer-extra-offers-list__link" href="https://hotel-1898.hotelbcn-barcelona.com/en/">Hotel 1898</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 © hotelbcn-barcelona.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: 'hotelbcn-barcelona.com', page: 'hotel_list', type: 'destination', lang_id: '1', lang: 'en', day: '30', month: '12', year: '2024', id: '2730870779', track: 'ze14JEgps7gDycgW', 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.hotelbcn-barcelona.com', sid: '116206', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '45', c_id: 45, theme: '9001', map_params: { provider: '2', key: '' , lat: '41.386993', long: '2.170052' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2024-12-31', to: '2025-01-01', 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: 'sa8ctpr24', v: '8ca872491fb9808265374b6d9b9466c0' }; 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:'30', currentMonth:'12', currentYear:'2024', logId: '2730870779', track: 'ze14JEgps7gDycgW', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelbcn-barcelona.com', siteId:'116206', nid:'28', siteDomain: 'hotelbcn-barcelona.com', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n28-301224-s116206-wze14JEgps7gDycgW-d9001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2024-12-31', dataTo:'2025-01-01', 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:'sa8ctpr24', stopSpamValue:'8ca872491fb9808265374b6d9b9466c0', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.hotelbcn-barcelona.com"]); _paq.push(["setDomains", ["*.hotelbcn-barcelona.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116206]); _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=116206" 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>

CINXE.COM

Hostels in Barcelona, Spain