3-star hotels in Barcelona

<!DOCTYPE html> <html xml:lang="en" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>3-star hotels in Barcelona</title> <meta name="keywords" content="All 3 stars Barcelona hotels, Barcelona Spain hotels, Barcelona luxury hotels, cheap and budget hotels in Barcelona, Barcelona centre hotel, Barcelona airport hotel, Barcelona hotel deals, Barcelona hotel rooms and rates" /> <meta name="description" content="Find cozy 3-star hotels in Barcelona - Online hotel 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/80.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.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin></noscript> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.hotelbcn-barcelona.com/zh/3-stars/" title="Chinese"> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotelbcn-barcelona.com/cs/3-stars/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotelbcn-barcelona.com/da/3-stars/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotelbcn-barcelona.com/de/3-stars/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotelbcn-barcelona.com/en/3-stars/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotelbcn-barcelona.com/es/3-stars/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotelbcn-barcelona.com/fr/3-stars/" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.hotelbcn-barcelona.com/el/3-stars/" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotelbcn-barcelona.com/he/3-stars/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotelbcn-barcelona.com/it/3-stars/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.hotelbcn-barcelona.com/ja/3-stars/" title="Japanese"> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.hotelbcn-barcelona.com/ko/3-stars/" title="Korean"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.hotelbcn-barcelona.com/hu/3-stars/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotelbcn-barcelona.com/nl/3-stars/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotelbcn-barcelona.com/no/3-stars/" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotelbcn-barcelona.com/pl/3-stars/" title="Polish"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.hotelbcn-barcelona.com/pt/3-stars/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotelbcn-barcelona.com/ru/3-stars/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotelbcn-barcelona.com/sv/3-stars/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.hotelbcn-barcelona.com/tr/3-stars/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotelbcn-barcelona.com/uk/3-stars/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotelbcn-barcelona.com/en/3-stars/"> <link rel="next" href="/en/3-stars/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": "3 stars" } } ] } </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="LzMtc3RhcnMvP2N1cnJlbmN5PTE="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTM="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTc="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTEx"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTIx"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTQ4"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTQ5"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTU3"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTY2"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTQ="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTEz"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTc3"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTIz"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTEw"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTEy"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTIy"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTEzNQ=="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTEzNg=="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTEzNw=="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTE0Mg=="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTI0"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTE1"> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTE1MQ=="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTk="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTg="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTE2Mg=="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTE2Ng=="> <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="LzMtc3RhcnMvP2N1cnJlbmN5PTI="> <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="L2FyLzMtc3RhcnMv"> العربية </span> </li> <li class="dropdown__list-item"> <a href="/zh/3-stars/" class="dropdown__list-link js-link"> 简体中文 </a> </li> <li class="dropdown__list-item"> <a href="/cs/3-stars/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/3-stars/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/3-stars/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/3-stars/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/3-stars/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/3-stars/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el/3-stars/" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he/3-stars/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/3-stars/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja/3-stars/" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <a href="/ko/3-stars/" class="dropdown__list-link js-link"> 한국어 </a> </li> <li class="dropdown__list-item"> <a href="/hu/3-stars/" class="dropdown__list-link js-link"> Magyar </a> </li> <li class="dropdown__list-item"> <a href="/nl/3-stars/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/3-stars/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl/3-stars/" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <a href="/pt/3-stars/" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru/3-stars/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/3-stars/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr/3-stars/" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk/3-stars/" 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">Book a 3-star hotel in Barcelona in a few clicks</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">22</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-22"> </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">23</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> night)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-23"> </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">3 stars</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="MyBzdGFyIGhvdGVscyBpbiBCYXJjZWxvbmE=" style="display: none"></span> <div class="list-description"> <picture> <source srcset="/img/lide/450x450/0/0/80.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">Choose your perfect 3-star hotel in Barcelona</p> <div class="list-description__text"><span><span>Something truly dignified pops up in your mind when you think about </span><span>3-star hotels in Barcelona</span><span>. Whether picturesque views of inner yards or the vivid buzz of the main streets are your priority, be prepared to find the right option without extra hassle. Immerse yourself into the most exciting preparations for your Barcelona vacation by looking through the ever-expanding list of 3-star hotels. Small but fashionable apartments that won't cost you an arm and a leg are waiting for you. Many of them are situated almost on Plaça Catalunya, in the downtown of Barcelona, where most tourist routes originate. The Gothic Quarter, Las Ramblas, and many other major sights are nearby as well!</span></span></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">315 3-star hotels 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">(52)</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">(144)</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">(60)</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">(23)</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">(36)</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">(58)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Stars_4" type="checkbox" name="Stars[]" value="4" /> <label class="item__label" for="Stars_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 item__list-text--stars"> <a href="/en/4-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> </a> <span class="item__list-count filter-count">(302)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox is-checked"> <input class="item__checkbox" id="Stars_3" type="checkbox" name="Stars[]" value="3" checked/> <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">(315)</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">(355)</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">(5960)</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">(20)</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">(187)</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">(48)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="Rating_1" type="checkbox" name="Rating[]" value="1" /> <label class="item__label" for="Rating_1"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Average 3+ <span class="item__list-count filter-count">(2)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="DistrictID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Districts <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_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">(90)</span> </span> </label> </li> <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">(70)</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">(17)</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">(13)</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">(12)</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">(7)</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">(4)</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">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_903414" type="checkbox" name="DistrictID[]" value="903414" /> <label class="item__label" for="DistrictID_903414"> <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 Fira 2 <span class="item__list-count filter-count">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_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">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="DistrictID_907206" type="checkbox" name="DistrictID[]" value="907206" /> <label class="item__label" for="DistrictID_907206"> <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"> Castelledefels Beach <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">(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">(212)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_132421" type="checkbox" name="LandmarkID[]" value="132421" /> <label class="item__label" for="LandmarkID_132421"> <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"> Institucion Teresiana <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_162373" type="checkbox" name="LandmarkID[]" value="162373" /> <label class="item__label" for="LandmarkID_162373"> <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"> FGC - Provença <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_162369" type="checkbox" name="LandmarkID[]" value="162369" /> <label class="item__label" for="LandmarkID_162369"> <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"> The Fundació Antoni Tàpies <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_156228" type="checkbox" name="LandmarkID[]" value="156228" /> <label class="item__label" for="LandmarkID_156228"> <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 Gràcia - Rail Station <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_119675" type="checkbox" name="LandmarkID[]" value="119675" /> <label class="item__label" for="LandmarkID_119675"> <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"> Adoracion Nocturna Femenina <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_357436" type="checkbox" name="LandmarkID[]" value="357436" /> <label class="item__label" for="LandmarkID_357436"> <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 Gràcia Train Station <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_84696" type="checkbox" name="LandmarkID[]" value="84696" /> <label class="item__label" for="LandmarkID_84696"> <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 Milà <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_84705" type="checkbox" name="LandmarkID[]" value="84705" /> <label class="item__label" for="LandmarkID_84705"> <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"> Centro Cultural la Pedrera <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_1794398" type="checkbox" name="LandmarkID[]" value="1794398" /> <label class="item__label" for="LandmarkID_1794398"> <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"> Carrer de Balmes <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_357433" type="checkbox" name="LandmarkID[]" value="357433" /> <label class="item__label" for="LandmarkID_357433"> <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 Pedrera <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_132424" type="checkbox" name="LandmarkID[]" value="132424" /> <label class="item__label" for="LandmarkID_132424"> <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"> Bunker Store <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_119677" type="checkbox" name="LandmarkID[]" value="119677" /> <label class="item__label" for="LandmarkID_119677"> <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 Asia <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_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">(223)</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">(223)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_156225" type="checkbox" name="LandmarkID[]" value="156225" /> <label class="item__label" for="LandmarkID_156225"> <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 Pedrera Casa Mila <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_1811414" type="checkbox" name="LandmarkID[]" value="1811414" /> <label class="item__label" for="LandmarkID_1811414"> <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 Chamber of Commerce <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_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">(222)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="LandmarkID_132282" type="checkbox" name="LandmarkID[]" value="132282" /> <label class="item__label" for="LandmarkID_132282"> <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"> Agrupacio del Bergueda <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_132261" type="checkbox" name="LandmarkID[]" value="132261" /> <label class="item__label" for="LandmarkID_132261"> <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"> Acteon C L <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_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">(221)</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">(216)</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">(215)</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">(211)</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">(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">(206)</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">(203)</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">(199)</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">(197)</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">(196)</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">(187)</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">(182)</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">(173)</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">(168)</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">(163)</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">(157)</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">(150)</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">(150)</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">(148)</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">(93)</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">(67)</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">(57)</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">(28)</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">(17)</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">(14)</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">(7)</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">(6)</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">(97)</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">(25)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1338" type="checkbox" name="AmenityID[]" value="1338" /> <label class="item__label" for="AmenityID_1338"> <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"> Private bathroom <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="AmenityID_1340" type="checkbox" name="AmenityID[]" value="1340" /> <label class="item__label" for="AmenityID_1340"> <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"> Separate living room <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1353" type="checkbox" name="AmenityID[]" value="1353" /> <label class="item__label" for="AmenityID_1353"> <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"> Individual heating <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_1349" type="checkbox" name="AmenityID[]" value="1349" /> <label class="item__label" for="AmenityID_1349"> <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 heating <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="AmenityID_1351" type="checkbox" name="AmenityID[]" value="1351" /> <label class="item__label" for="AmenityID_1351"> <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"> Separate bedroom <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="AmenityID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Hotel facilities <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_97" type="checkbox" name="AmenityID[]" value="97" /> <label class="item__label" for="AmenityID_97"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Wi-Fi <span class="item__list-count filter-count">(240)</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">(164)</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">(142)</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">(59)</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">(53)</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">(52)</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">(34)</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">(9)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_33" type="checkbox" name="AmenityID[]" value="33" /> <label class="item__label" for="AmenityID_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"> Casino <span class="item__list-count filter-count">(2)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="AmenityID_105" type="checkbox" name="AmenityID[]" value="105" /> <label class="item__label" for="AmenityID_105"> <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"> Indoor swimming pool <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="AmenityID_1115" type="checkbox" name="AmenityID[]" value="1115" /> <label class="item__label" for="AmenityID_1115"> <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 check-in <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="AmenityID_1148" type="checkbox" name="AmenityID[]" value="1148" /> <label class="item__label" for="AmenityID_1148"> <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"> Outdoor car park <span class="item__list-count filter-count">(1)</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_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">(224)</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">(33)</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">(24)</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">(19)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_11" type="checkbox" name="TypeID[]" value="11" /> <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">(13)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_28" type="checkbox" name="TypeID[]" value="28" /> <label class="item__label" for="TypeID_28"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> <a href="/en/type/love-hotels-28/" class="item__list-link js-filter-popup"> Love hotel </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="TypeID_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"> Resort </a> <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <div data-filter="ThemeID"> <fieldset class="item filters-popup__item js-filter-item f-row"> <p class="item__title js-show-filters-phone"> Thematic hotels <svg class="item__open-icon phone-show"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow"></use> </svg> </p> <ul class="item__list js-show-filters"> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_8" type="checkbox" name="ThemeID[]" value="8" /> <label class="item__label" for="ThemeID_8"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Central hotels <span class="item__list-count filter-count">(282)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_9" type="checkbox" name="ThemeID[]" value="9" /> <label class="item__label" for="ThemeID_9"> <span class="item__box"> <svg class="item__icon-checkbox" width="30px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#filter-check-mark"></use> </svg> </span> <span class="item__list-text filter-name"> Cheap and budget hotels <span class="item__list-count filter-count">(250)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_35" type="checkbox" name="ThemeID[]" value="35" /> <label class="item__label" for="ThemeID_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"> Luxury accommodations <span class="item__list-count filter-count">(211)</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">(188)</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">(161)</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">(111)</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">(65)</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">(54)</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">(51)</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">(43)</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">(40)</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">(26)</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">(19)</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">(17)</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">(16)</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">(14)</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">(4)</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">(3)</span> </span> </label> </li> <li class="item__list-item adv-checkbox js-adv-checkbox"> <input class="item__checkbox" id="ThemeID_7" type="checkbox" name="ThemeID[]" value="7" /> <label class="item__label" for="ThemeID_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"> Casino 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_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_34" type="checkbox" name="ThemeID[]" value="34" /> <label class="item__label" for="ThemeID_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"> Hotels with indoor pool <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_38" type="checkbox" name="ThemeID[]" value="38" /> <label class="item__label" for="ThemeID_38"> <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"> New Hotels <span class="item__list-count filter-count">(1)</span> </span> </label> </li> </ul> </fieldset> </div> <fieldset class="item filters-popup__item filters-popup__item--name f-row search-by-name-filter"> <div class="item__wrapper item__wrapper--input"> <p class="item__title">Hotel name</p> <input class="item__input input-text s-query js-filter-by-name" value="" name="Name" placeholder="Hotel name or brand"/> </div> </fieldset> </div> <div class="filters-popup__footer"> <div class="filters-popup__btn-action filters-popup__btn-action--cancel btn btn-outline js-filter-clear">Clear all</div> <div class="filters-popup__btn-action filters-popup__btn-action--submit btn btn-outline js-filter-submit">Apply Filters</div> </div> </div> </div> </form> <div class="filters-popup-bcg js-filter__bcg"></div> <div class="sunset__content"> <div class="new-container hotel-list-container"> <div class="js-hotellist-hotels hotel-list"> <ul class="hotels-list hotel-list__list" > <li class="item hotel-list__list-item "> <div class="item__wrapper" data-multihotelavail-hotel-id="337294"> <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/15960/1596020/1596020908.JPEG" srcset="/data/Photos/450x450w/15960/1596020/1596020908.JPEG 1x, /data/Photos/700x500w/15960/1596020/1596020908.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15968/1596867/1596867832.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867832.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867832.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15968/1596867/1596867810.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867810.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867810.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15968/1596867/1596867786.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867786.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867786.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15968/1596867/1596867801.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867801.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867801.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15968/1596867/1596867825.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867825.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867825.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://room-mate-emma.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Allegro 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="L21hcD9taGlkPTMzNzI5NCZtaGxhdD00MS4zOTI2Nzg1NjQyMTgzNjUmbWhsb25nPTIuMTU2NDMzMDE2MDYxNzgz">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.8</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2687 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located approximately 5 minutes' drive from Placa de Catalunya, the 3-star Allegro Barcelona hotel is housed in a striking-style building merely 6 minutes on foot from La Central.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9yb29tLW1hdGUtZW1tYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="6864554"> <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/13498/1349827/1349827072.JPEG" srcset="/data/Photos/450x450w/13498/1349827/1349827072.JPEG 1x, /data/Photos/700x500w/13498/1349827/1349827072.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13498/1349829/1349829727.JPEG" srcset="/data/Photos/450x450w/13498/1349829/1349829727.JPEG 1x, /data/Photos/700x500w/13498/1349829/1349829727.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13458/1345899/1345899704.JPEG" srcset="/data/Photos/450x450w/13458/1345899/1345899704.JPEG 1x, /data/Photos/700x500w/13458/1345899/1345899704.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13498/1349825/1349825419.JPEG" srcset="/data/Photos/450x450w/13498/1349825/1349825419.JPEG 1x, /data/Photos/700x500w/13498/1349825/1349825419.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13498/1349827/1349827195.JPEG" srcset="/data/Photos/450x450w/13498/1349827/1349827195.JPEG 1x, /data/Photos/700x500w/13498/1349827/1349827195.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13498/1349828/1349828251.JPEG" srcset="/data/Photos/450x450w/13498/1349828/1349828251.JPEG 1x, /data/Photos/700x500w/13498/1349828/1349828251.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ona-hotels-terra.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Occidental Barcelona 1929</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="L21hcD9taGlkPTY4NjQ1NTQmbWhsYXQ9NDEuMzc1Mjg5OTE2OTkyMiZtaGxvbmc9Mi4xNDc2OTgxNjM5ODYyMQ==">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.8</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(5023 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The comfortable 3-star Occidental Barcelona 1929 Hotel, located just 10 minutes on foot from CaixaForum Barcelona Art Gallery, offers an outdoor swimming pool and 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="aHR0cHM6Ly9vbmEtaG90ZWxzLXRlcnJhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88969"> <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/1273169/1273169947.JPEG" srcset="/data/Photos/450x450w/12731/1273169/1273169947.JPEG 1x, /data/Photos/700x500w/12731/1273169/1273169947.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273167/1273167955.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167955.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167955.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15892/1589252/1589252156.JPEG" srcset="/data/Photos/450x450w/15892/1589252/1589252156.JPEG 1x, /data/Photos/700x500w/15892/1589252/1589252156.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273167/1273167910.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167910.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167910.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11286/1128673/1128673833.JPEG" srcset="/data/Photos/450x450w/11286/1128673/1128673833.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673833.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11286/1128673/1128673845.JPEG" srcset="/data/Photos/450x450w/11286/1128673/1128673845.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673845.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hotel-gaudi-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Gaudi Hotel</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"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTY5Jm1obGF0PTQxLjM3ODk0Jm1obG9uZz0yLjE3NDA0">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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(7159 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 3-star Gaudi Hotel features a lift and a vending machine and is located a mere 0.7 km from the Gothic Cathedral of Barcelona, one of the divine tourist…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob3RlbC1nYXVkaS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="88926"> <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/7045/704573/704573395.JPEG" srcset="/data/Photos/450x450w/7045/704573/704573395.JPEG 1x, /data/Photos/700x500w/7045/704573/704573395.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273157/1273157956.JPEG" srcset="/data/Photos/450x450w/12731/1273157/1273157956.JPEG 1x, /data/Photos/700x500w/12731/1273157/1273157956.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273158/1273158304.JPEG" srcset="/data/Photos/450x450w/12731/1273158/1273158304.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158304.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273158/1273158937.JPEG" srcset="/data/Photos/450x450w/12731/1273158/1273158937.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158937.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273159/1273159186.JPEG" srcset="/data/Photos/450x450w/12731/1273159/1273159186.JPEG 1x, /data/Photos/700x500w/12731/1273159/1273159186.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273159/1273159816.JPEG" srcset="/data/Photos/450x450w/12731/1273159/1273159816.JPEG 1x, /data/Photos/700x500w/12731/1273159/1273159816.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://granvia.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Granvia</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"> 400 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTI2Jm1obGF0PTQxLjM5MDAwMDg2Jm1obG9uZz0yLjE2OTQ5NDE5">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.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="item__review"> <div class="item__review-number">8.8</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2181 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a ballroom and a luggage room, the wonderful Hotel Granvia Barcelona lies in Eixample with many trendy bars and clubs found here, especially in the gay section, about 5…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ncmFudmlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="97318"> <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/12199/1219954/1219954360.JPEG" srcset="/data/Photos/450x450w/12199/1219954/1219954360.JPEG 1x, /data/Photos/700x500w/12199/1219954/1219954360.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273080/1273080829.JPEG" srcset="/data/Photos/450x450w/12730/1273080/1273080829.JPEG 1x, /data/Photos/700x500w/12730/1273080/1273080829.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273081/1273081009.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081009.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081009.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273083/1273083937.JPEG" srcset="/data/Photos/450x450w/12730/1273083/1273083937.JPEG 1x, /data/Photos/700x500w/12730/1273083/1273083937.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10045/1004509/1004509377.JPEG" srcset="/data/Photos/450x450w/10045/1004509/1004509377.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509377.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10045/1004509/1004509488.JPEG" srcset="/data/Photos/450x450w/10045/1004509/1004509488.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509488.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://rialto.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Rialto</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"> 700 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTk3MzE4Jm1obGF0PTQxLjM4MjA1Jm1obG9uZz0yLjE3NjQyNg==">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">(3573 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">About a 5-minute walk from Jaume I underground station, the 3-star Hotel Rialto is located in a shopping area of Barcelona, merely 5 minutes' walk from Las Ramblas…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9yaWFsdG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="459680"> <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/12732/1273230/1273230343.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230343.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230343.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12732/1273230/1273230481.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230481.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230481.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12732/1273230/1273230811.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230811.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230811.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12732/1273230/1273230973.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230973.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230973.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12080/1208030/1208030974.JPEG" srcset="/data/Photos/450x450w/12080/1208030/1208030974.JPEG 1x, /data/Photos/700x500w/12080/1208030/1208030974.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12732/1273230/1273230592.JPEG" srcset="/data/Photos/450x450w/12732/1273230/1273230592.JPEG 1x, /data/Photos/700x500w/12732/1273230/1273230592.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://andante-hotel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Andante Hotel</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.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTQ1OTY4MCZtaGxhdD00MS4zNzY3MTIxJm1obG9uZz0yLjE3MjgwMDE=">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3690 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Andante Hotel Barcelona, located just 600 metres from Las Ramblas and 10 minutes' stroll from Mercado de La Boqueria, features a swimming pool for guests to take a dip in.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hbmRhbnRlLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="194940"> <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/1580438/1580438645.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438645.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438645.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580438/1580438619.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438619.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438619.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7062/706209/706209466.JPEG" srcset="/data/Photos/450x450w/7062/706209/706209466.JPEG 1x, /data/Photos/700x500w/7062/706209/706209466.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580438/1580438543.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438543.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438543.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580438/1580438599.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438599.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438599.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15804/1580438/1580438499.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438499.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438499.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://barcelona-house.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Barcelona 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> </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="L21hcD9taGlkPTE5NDk0MCZtaGxhdD00MS4zNzk0MyZtaGxvbmc9Mi4xNzYxNA==">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</div> <div class="item__review-text">Good</div> <div class="item__review-count">(7251 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Barcelona House Hotel, situated in Ciutat Vella district, 0.4 km from the pedestrian Las Ramblas Street, boasts a satellite TV and a flat screen TV. Guests have access to a…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iYXJjZWxvbmEtaG91c2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="109117"> <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/12732/1273203/1273203118.JPEG" srcset="/data/Photos/450x450w/12732/1273203/1273203118.JPEG 1x, /data/Photos/700x500w/12732/1273203/1273203118.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16023/1602327/1602327359.JPEG" srcset="/data/Photos/450x450w/16023/1602327/1602327359.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327359.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16023/1602327/1602327365.JPEG" srcset="/data/Photos/450x450w/16023/1602327/1602327365.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327365.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15382/1538250/1538250289.JPEG" srcset="/data/Photos/450x450w/15382/1538250/1538250289.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250289.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15382/1538250/1538250292.JPEG" srcset="/data/Photos/450x450w/15382/1538250/1538250292.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250292.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15553/1555317/1555317097.JPEG" srcset="/data/Photos/450x450w/15553/1555317/1555317097.JPEG 1x, /data/Photos/700x500w/15553/1555317/1555317097.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://continental-barcelona-hotel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Continental 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"> 100 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTEwOTExNyZtaGxhdD00MS4zODUwOCZtaGxvbmc9Mi4xNzA2Ng==">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</div> <div class="item__review-text">Good</div> <div class="item__review-count">(1886 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring bicycle and car rentals, as well as Wi-Fi throughout the property, the 3-star Hotel Continental Barcelona is just 1.1 km from Picasso Museum. This cosy hotel also…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jb250aW5lbnRhbC1iYXJjZWxvbmEtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="88836"> <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/6704/670421/670421343.JPEG" srcset="/data/Photos/450x450w/6704/670421/670421343.JPEG 1x, /data/Photos/700x500w/6704/670421/670421343.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12253/1225343/1225343669.JPEG" srcset="/data/Photos/450x450w/12253/1225343/1225343669.JPEG 1x, /data/Photos/700x500w/12253/1225343/1225343669.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6704/670421/670421040.JPEG" srcset="/data/Photos/450x450w/6704/670421/670421040.JPEG 1x, /data/Photos/700x500w/6704/670421/670421040.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6704/670428/670428477.JPEG" srcset="/data/Photos/450x450w/6704/670428/670428477.JPEG 1x, /data/Photos/700x500w/6704/670428/670428477.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6704/670422/670422042.JPEG" srcset="/data/Photos/450x450w/6704/670422/670422042.JPEG 1x, /data/Photos/700x500w/6704/670422/670422042.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6704/670428/670428795.JPEG" srcset="/data/Photos/450x450w/6704/670428/670428795.JPEG 1x, /data/Photos/700x500w/6704/670428/670428795.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://jazz.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Jazz</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"> 400 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODM2Jm1obGF0PTQxLjM4NjAyJm1obG9uZz0yLjE2NTcy">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">(3178 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located a 10-minute drive from Aquarium Barcelona, the 3-star Hotel Jazz Barcelona is within 5 minutes' walk of Goya Theatre. Situated a short way from Placa de Catalunya…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9qYXp6LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88854"> <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/1273056/1273056370.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056370.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056370.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273056/1273056541.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056541.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056541.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273056/1273056442.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056442.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056442.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273055/1273055617.JPEG" srcset="/data/Photos/450x450w/12730/1273055/1273055617.JPEG 1x, /data/Photos/700x500w/12730/1273055/1273055617.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273056/1273056727.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056727.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056727.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273056/1273056829.JPEG" srcset="/data/Photos/450x450w/12730/1273056/1273056829.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056829.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://nouvel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Nouvel</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"> 200 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODU0Jm1obGF0PTQxLjM4NTMzJm1obG9uZz0yLjE3MTU4">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</div> <div class="item__review-text">Good</div> <div class="item__review-count">(3064 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located at a distance of 500 metres from Cathedral of Barcelona, which is considered to be a sacred place of worship, the 3-star Hotel Nouvel Barcelona offers a lobby…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ub3V2ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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">(8271 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="2668644"> <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/11119/1111918/1111918161.JPEG" srcset="/data/Photos/450x450w/11119/1111918/1111918161.JPEG 1x, /data/Photos/700x500w/11119/1111918/1111918161.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/11030/1103055/1103055003.JPEG" srcset="/data/Photos/450x450w/11030/1103055/1103055003.JPEG 1x, /data/Photos/700x500w/11030/1103055/1103055003.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7753/775315/775315984.JPEG" srcset="/data/Photos/450x450w/7753/775315/775315984.JPEG 1x, /data/Photos/700x500w/7753/775315/775315984.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7753/775314/775314085.JPEG" srcset="/data/Photos/450x450w/7753/775314/775314085.JPEG 1x, /data/Photos/700x500w/7753/775314/775314085.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7753/775315/775315438.JPEG" srcset="/data/Photos/450x450w/7753/775315/775315438.JPEG 1x, /data/Photos/700x500w/7753/775315/775315438.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7753/775313/775313575.JPEG" srcset="/data/Photos/450x450w/7753/775313/775313575.JPEG 1x, /data/Photos/700x500w/7753/775313/775313575.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://rec-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Rec Barcelona - 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> <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="L21hcD9taGlkPTI2Njg2NDQmbWhsYXQ9NDEuMzkwMjUmbWhsb25nPTIuMTgwMDY=">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">(3620 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring a lift and a tour desk, the 3-star Hotel Rec Barcelona - Adults Only is located at a distance of 500 metres from Chocolate Museum. Featuring a rooftop swimming…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9yZWMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88823"> <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/15379/1537919/1537919620.JPEG" srcset="/data/Photos/450x450w/15379/1537919/1537919620.JPEG 1x, /data/Photos/700x500w/15379/1537919/1537919620.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16005/1600558/1600558061.JPEG" srcset="/data/Photos/450x450w/16005/1600558/1600558061.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558061.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15422/1542248/1542248725.JPEG" srcset="/data/Photos/450x450w/15422/1542248/1542248725.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248725.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15422/1542248/1542248722.JPEG" srcset="/data/Photos/450x450w/15422/1542248/1542248722.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248722.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15422/1542248/1542248575.JPEG" srcset="/data/Photos/450x450w/15422/1542248/1542248575.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248575.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15422/1542248/1542248605.JPEG" srcset="/data/Photos/450x450w/15422/1542248/1542248605.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248605.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://hcc-montblanc.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hcc Montblanc</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"> 400 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODIzJm1obGF0PTQxLjM4Nzg4Jm1obG9uZz0yLjE3MzU2">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">(2393 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Boasting a bar, a sundeck and sun loungers, the 3-star Hcc Montblanc Hotel Barcelona is located close to the large Placa de Catalunya Square. The huge circular Magic Fountain…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9oY2MtbW9udGJsYW5jLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88763"> <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/6930/693075/693075144.JPEG" srcset="/data/Photos/450x450w/6930/693075/693075144.JPEG 1x, /data/Photos/700x500w/6930/693075/693075144.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15802/1580287/1580287755.JPEG" srcset="/data/Photos/450x450w/15802/1580287/1580287755.JPEG 1x, /data/Photos/700x500w/15802/1580287/1580287755.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15803/1580390/1580390205.JPEG" srcset="/data/Photos/450x450w/15803/1580390/1580390205.JPEG 1x, /data/Photos/700x500w/15803/1580390/1580390205.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15803/1580390/1580390219.JPEG" srcset="/data/Photos/450x450w/15803/1580390/1580390219.JPEG 1x, /data/Photos/700x500w/15803/1580390/1580390219.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14985/1498521/1498521103.JPEG" srcset="/data/Photos/450x450w/14985/1498521/1498521103.JPEG 1x, /data/Photos/700x500w/14985/1498521/1498521103.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14985/1498521/1498521220.JPEG" srcset="/data/Photos/450x450w/14985/1498521/1498521220.JPEG 1x, /data/Photos/700x500w/14985/1498521/1498521220.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://astoria-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Astoria</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.6 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4NzYzJm1obGF0PTQxLjM5NDA3NSZtaGxvbmc9Mi4xNTM2ODU=">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2222 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a bureau de change and a lift, the classic Hotel Astoria is located near the shopping district of Barcelona. Featuring a convenient location near an underground station, this 3…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hc3RvcmlhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88908"> <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/1273123/1273123825.JPEG" srcset="/data/Photos/450x450w/12731/1273123/1273123825.JPEG 1x, /data/Photos/700x500w/12731/1273123/1273123825.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273122/1273122877.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122877.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122877.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16102/1610215/1610215984.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215984.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215984.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16102/1610215/1610215985.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215985.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215985.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16102/1610215/1610215986.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215986.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215986.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16102/1610215/1610215987.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215987.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215987.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://b-hotel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">B Hotel</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 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTA4Jm1obGF0PTQxLjM3NjQ4MiZtaGxvbmc9Mi4xNTA0Nzc=">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.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3264 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The trendy 3-star B Hotel Barcelona, located 700 metres from The Magic Fountain, features a solarium and recreational facilities. Boasting a central location about a 25-minute stroll from…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9iLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88835"> <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/10019/1001983/1001983269.JPEG" srcset="/data/Photos/450x450w/10019/1001983/1001983269.JPEG 1x, /data/Photos/700x500w/10019/1001983/1001983269.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273082/1273082620.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082620.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082620.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273082/1273082521.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082521.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082521.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16254/1625479/1625479260.JPEG" srcset="/data/Photos/450x450w/16254/1625479/1625479260.JPEG 1x, /data/Photos/700x500w/16254/1625479/1625479260.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14984/1498490/1498490239.JPEG" srcset="/data/Photos/450x450w/14984/1498490/1498490239.JPEG 1x, /data/Photos/700x500w/14984/1498490/1498490239.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14984/1498490/1498490194.JPEG" srcset="/data/Photos/450x450w/14984/1498490/1498490194.JPEG 1x, /data/Photos/700x500w/14984/1498490/1498490194.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://europark-hotel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Europark</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.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODM1Jm1obGF0PTQxLjM5NjIxNyZtaGxvbmc9Mi4xNzAwNjI4">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.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3719 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The excellent Europark Hotel enjoys an excellent location in the very heart of Barcelona, within 10 minutes' walk of Passeig de Gracia. Offering a solarium and an outdoor swimming pool…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ldXJvcGFyay1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88990"> <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/14730/1473037/1473037546.JPEG" srcset="/data/Photos/450x450w/14730/1473037/1473037546.JPEG 1x, /data/Photos/700x500w/14730/1473037/1473037546.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273191/1273191985.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191985.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191985.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273193/1273193131.JPEG" srcset="/data/Photos/450x450w/12731/1273193/1273193131.JPEG 1x, /data/Photos/700x500w/12731/1273193/1273193131.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273193/1273193263.JPEG" srcset="/data/Photos/450x450w/12731/1273193/1273193263.JPEG 1x, /data/Photos/700x500w/12731/1273193/1273193263.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12079/1207948/1207948363.JPEG" srcset="/data/Photos/450x450w/12079/1207948/1207948363.JPEG 1x, /data/Photos/700x500w/12079/1207948/1207948363.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/1289/128910/128910855.JPEG" srcset="/data/Photos/450x450w/1289/128910/128910855.JPEG 1x, /data/Photos/700x500w/1289/128910/128910855.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://soho-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Soho</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"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTkwJm1obGF0PTQxLjM4MzQyJm1obG9uZz0yLjE1OTg3">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.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2276 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located in the heart of Barcelona, the 3-star Hotel Soho offers fast access to The Magic Fountain, a 20-minute stroll away. The hotel features a plunge pool and…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zb2hvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88842"> <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/16236/1623646/1623646474.JPEG" srcset="/data/Photos/450x450w/16236/1623646/1623646474.JPEG 1x, /data/Photos/700x500w/16236/1623646/1623646474.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16053/1605366/1605366136.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366136.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366136.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16053/1605366/1605366137.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366137.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366137.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16053/1605366/1605366139.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366139.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366139.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16053/1605366/1605366149.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366149.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366149.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16053/1605366/1605366154.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366154.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366154.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://catalonia-sagrada-familia.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Catalonia 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> <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="L21hcD9taGlkPTg4ODQyJm1obGF0PTQxLjQwNzg3Jm1obG9uZz0yLjE4NTM4">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.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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(9280 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The comfortable 3-star Catalonia Sagrada Familia Hotel is located 20 km from Barcelona-El Prat airport and offers a seasonal outdoor pool as well as a gym facility. The…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jYXRhbG9uaWEtc2FncmFkYS1mYW1pbGlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88777"> <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/16002/1600213/1600213603.JPEG" srcset="/data/Photos/450x450w/16002/1600213/1600213603.JPEG 1x, /data/Photos/700x500w/16002/1600213/1600213603.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16263/1626349/1626349990.JPEG" srcset="/data/Photos/450x450w/16263/1626349/1626349990.JPEG 1x, /data/Photos/700x500w/16263/1626349/1626349990.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16272/1627203/1627203502.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203502.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203502.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16272/1627203/1627203517.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203517.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203517.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16272/1627203/1627203521.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203521.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203521.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16272/1627203/1627203525.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203525.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203525.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://arc-la-rambla.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Arc La Rambla</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 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4Nzc3Jm1obGF0PTQxLjM3ODIwOCZtaGxvbmc9Mi4xNzU2">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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3148 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The perfect Arc La Rambla Hotel Barcelona, located in Ciutat Vella, which is the oldest district and the main representation of Barcelona's history, about a 5-minute ride from Placa…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hcmMtbGEtcmFtYmxhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88817"> <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/14318/1431860/1431860515.JPEG" srcset="/data/Photos/450x450w/14318/1431860/1431860515.JPEG 1x, /data/Photos/700x500w/14318/1431860/1431860515.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16286/1628645/1628645887.JPEG" srcset="/data/Photos/450x450w/16286/1628645/1628645887.JPEG 1x, /data/Photos/700x500w/16286/1628645/1628645887.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273172/1273172545.JPEG" srcset="/data/Photos/450x450w/12731/1273172/1273172545.JPEG 1x, /data/Photos/700x500w/12731/1273172/1273172545.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273172/1273172854.JPEG" srcset="/data/Photos/450x450w/12731/1273172/1273172854.JPEG 1x, /data/Photos/700x500w/12731/1273172/1273172854.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273172/1273172662.JPEG" srcset="/data/Photos/450x450w/12731/1273172/1273172662.JPEG 1x, /data/Photos/700x500w/12731/1273172/1273172662.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273172/1273172785.JPEG" srcset="/data/Photos/450x450w/12731/1273172/1273172785.JPEG 1x, /data/Photos/700x500w/12731/1273172/1273172785.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://h10-raco-del-pi.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">H10 Raco Del Pi</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"> 500 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODE3Jm1obGF0PTQxLjM4MzM0Jm1obG9uZz0yLjE3Mzk3">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">(955 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Situated a 10-minute drive from The Magic Fountain, the wonderful H10 Raco Del Pi Hotel Barcelona offers a business centre with a range of business amenities. One will enjoy…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9oMTAtcmFjby1kZWwtcGkuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="88976"> <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/4376/437656/437656122.JPEG" srcset="/data/Photos/450x450w/4376/437656/437656122.JPEG 1x, /data/Photos/700x500w/4376/437656/437656122.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273036/1273036558.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036558.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036558.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273036/1273036741.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036741.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036741.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273036/1273036903.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036903.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036903.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273036/1273036816.JPEG" srcset="/data/Photos/450x450w/12730/1273036/1273036816.JPEG 1x, /data/Photos/700x500w/12730/1273036/1273036816.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15880/1588074/1588074759.JPEG" srcset="/data/Photos/450x450w/15880/1588074/1588074759.JPEG 1x, /data/Photos/700x500w/15880/1588074/1588074759.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ramblas.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Ramblas Hotel</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"> 900 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTc2Jm1obGF0PTQxLjM3OTA4Jm1obG9uZz0yLjE3NDg1">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">7.2</div> <div class="item__review-text">Good</div> <div class="item__review-count">(3385 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located only 14 minutes on foot from El Born, the 3-star Ramblas Hotel Barcelona offers bright rooms 10 minutes' drive away Placa d'Espanya. Guests will appreciate the views of…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9yYW1ibGFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88816"> <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/15369/1536954/1536954550.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954550.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954550.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15369/1536954/1536954082.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954082.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954082.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15369/1536953/1536953143.JPEG" srcset="/data/Photos/450x450w/15369/1536953/1536953143.JPEG 1x, /data/Photos/700x500w/15369/1536953/1536953143.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15369/1536954/1536954460.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954460.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954460.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15369/1536954/1536954517.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954517.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954517.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15369/1536954/1536954535.JPEG" srcset="/data/Photos/450x450w/15369/1536954/1536954535.JPEG 1x, /data/Photos/700x500w/15369/1536954/1536954535.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://oriente-atiram.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Oriente Atiram</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"> 800 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODE2Jm1obGF0PTQxLjM3OTgmbWhsb25nPTIuMTc0MjE=">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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2390 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Within 5 minutes' walk of Liceu underground station, the 3-star Oriente Atiram Hotel lies in a shopping area of Barcelona and offers a luggage room and a restaurant. Located…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9vcmllbnRlLWF0aXJhbS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88897"> <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/8010/801004/801004101.JPEG" srcset="/data/Photos/450x450w/8010/801004/801004101.JPEG 1x, /data/Photos/700x500w/8010/801004/801004101.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16110/1611054/1611054590.JPEG" srcset="/data/Photos/450x450w/16110/1611054/1611054590.JPEG 1x, /data/Photos/700x500w/16110/1611054/1611054590.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15803/1580330/1580330669.JPEG" srcset="/data/Photos/450x450w/15803/1580330/1580330669.JPEG 1x, /data/Photos/700x500w/15803/1580330/1580330669.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15435/1543553/1543553830.JPEG" srcset="/data/Photos/450x450w/15435/1543553/1543553830.JPEG 1x, /data/Photos/700x500w/15435/1543553/1543553830.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15435/1543553/1543553911.JPEG" srcset="/data/Photos/450x450w/15435/1543553/1543553911.JPEG 1x, /data/Photos/700x500w/15435/1543553/1543553911.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15435/1543555/1543555171.JPEG" srcset="/data/Photos/450x450w/15435/1543555/1543555171.JPEG 1x, /data/Photos/700x500w/15435/1543555/1543555171.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://silken-sant-gervasi.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Silken Sant Gervasi</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODk3Jm1obGF0PTQxLjQwNDYwNzMyJm1obG9uZz0yLjEzODg3NjUwMg==">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">8.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2487 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located 10 minutes by car from the Prominent Placa de Catalunya Central Square, the elegant 3-star Silken Sant Gervasi Hotel Barcelona offers Wi-Fi in public areas and a…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zaWxrZW4tc2FudC1nZXJ2YXNpLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88904"> <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/832397/832397186.JPEG" srcset="/data/Photos/450x450w/8323/832397/832397186.JPEG 1x, /data/Photos/700x500w/8323/832397/832397186.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16220/1622009/1622009270.JPEG" srcset="/data/Photos/450x450w/16220/1622009/1622009270.JPEG 1x, /data/Photos/700x500w/16220/1622009/1622009270.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16220/1622009/1622009269.JPEG" srcset="/data/Photos/450x450w/16220/1622009/1622009269.JPEG 1x, /data/Photos/700x500w/16220/1622009/1622009269.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12045/1204582/1204582237.JPEG" srcset="/data/Photos/450x450w/12045/1204582/1204582237.JPEG 1x, /data/Photos/700x500w/12045/1204582/1204582237.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15880/1588037/1588037741.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037741.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037741.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7793/779389/779389719.JPEG" srcset="/data/Photos/450x450w/7793/779389/779389719.JPEG 1x, /data/Photos/700x500w/7793/779389/779389719.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://sagrada-familia.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel 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> <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="L21hcD9taGlkPTg4OTA0Jm1obGF0PTQxLjQwNTkmbWhsb25nPTIuMTcxNTQ=">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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3247 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The comfortable 3-star Hotel Sagrada Familia boasts a fitness centre and a summer terrace as well as a setting a few metres from the residential district of Barcelona. Located…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zYWdyYWRhLWZhbWlsaWEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="2731101"> <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/15921/1592110/1592110769.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110769.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110769.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15921/1592110/1592110739.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110739.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110739.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15921/1592110/1592110740.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110740.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110740.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15921/1592110/1592110749.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110749.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110749.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15921/1592110/1592110753.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110753.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110753.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15921/1592110/1592110734.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110734.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110734.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://motel-one-barcelona-ciutadella.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Motel One Barcelona-Ciutadella</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTI3MzExMDEmbWhsYXQ9NDEuMzkwMTMmbWhsb25nPTIuMTg0NjM=">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.8</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(10869 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Motel One Barcelona-Ciutadella is located in the Sant Marti district and offers views of Ciutadella Park. This motel comes with 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="aHR0cHM6Ly9tb3RlbC1vbmUtYmFyY2Vsb25hLWNpdXRhZGVsbGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="88787"> <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/14075/1407557/1407557972.JPEG" srcset="/data/Photos/450x450w/14075/1407557/1407557972.JPEG 1x, /data/Photos/700x500w/14075/1407557/1407557972.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541542/1541542081.JPEG" srcset="/data/Photos/450x450w/15415/1541542/1541542081.JPEG 1x, /data/Photos/700x500w/15415/1541542/1541542081.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541542/1541542192.JPEG" srcset="/data/Photos/450x450w/15415/1541542/1541542192.JPEG 1x, /data/Photos/700x500w/15415/1541542/1541542192.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541542/1541542096.JPEG" srcset="/data/Photos/450x450w/15415/1541542/1541542096.JPEG 1x, /data/Photos/700x500w/15415/1541542/1541542096.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541541/1541541301.JPEG" srcset="/data/Photos/450x450w/15415/1541541/1541541301.JPEG 1x, /data/Photos/700x500w/15415/1541541/1541541301.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15415/1541542/1541542051.JPEG" srcset="/data/Photos/450x450w/15415/1541542/1541542051.JPEG 1x, /data/Photos/700x500w/15415/1541542/1541542051.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://h10-catalunya-plaza-boutique-hotel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Boutique Hotel H10 Catalunya Plaza</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"> 200 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4Nzg3Jm1obGF0PTQxLjM4NzA4MDQzJm1obG9uZz0yLjE2ODY0MTA5">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1487 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The charming Boutique Hotel H10 Catalunya Plaza Barcelona enjoys a perfect location, around 5 minutes' drive from places of worship like Cathedral of Barcelona, and provides guests with a restaurant…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9oMTAtY2F0YWx1bnlhLXBsYXphLWJvdXRpcXVlLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88826"> <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/16308/1630862/1630862588.JPEG" srcset="/data/Photos/450x450w/16308/1630862/1630862588.JPEG 1x, /data/Photos/700x500w/16308/1630862/1630862588.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16308/1630862/1630862589.JPEG" srcset="/data/Photos/450x450w/16308/1630862/1630862589.JPEG 1x, /data/Photos/700x500w/16308/1630862/1630862589.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16308/1630862/1630862590.JPEG" srcset="/data/Photos/450x450w/16308/1630862/1630862590.JPEG 1x, /data/Photos/700x500w/16308/1630862/1630862590.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12877/1287739/1287739597.JPEG" srcset="/data/Photos/450x450w/12877/1287739/1287739597.JPEG 1x, /data/Photos/700x500w/12877/1287739/1287739597.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12877/1287739/1287739615.JPEG" srcset="/data/Photos/450x450w/12877/1287739/1287739615.JPEG 1x, /data/Photos/700x500w/12877/1287739/1287739615.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12877/1287747/1287747451.JPEG" srcset="/data/Photos/450x450w/12877/1287747/1287747451.JPEG 1x, /data/Photos/700x500w/12877/1287747/1287747451.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://leonardo-hotel-barcelona-las-ramblas.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Leonardo Hotel Barcelona Las 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> <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="L21hcD9taGlkPTg4ODI2Jm1obGF0PTQxLjM4MDEyOTg5MzY0ODEzJm1obG9uZz0yLjE3MTA5NDY0MTA4OTQzOTQ=">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">(3890 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 3-star Leonardo Hotel Barcelona Las Ramblas is nestled near an entertainment district, around a 25-minute walk from Placa d'Espanya.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9sZW9uYXJkby1ob3RlbC1iYXJjZWxvbmEtbGFzLXJhbWJsYXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="7115765"> <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/12240/1224094/1224094783.JPEG" srcset="/data/Photos/450x450w/12240/1224094/1224094783.JPEG 1x, /data/Photos/700x500w/12240/1224094/1224094783.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15203/1520324/1520324113.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324113.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324113.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15203/1520324/1520324962.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324962.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324962.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9468/946804/946804813.JPEG" srcset="/data/Photos/450x450w/9468/946804/946804813.JPEG 1x, /data/Photos/700x500w/9468/946804/946804813.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9553/955395/955395037.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395037.JPEG 1x, /data/Photos/700x500w/9553/955395/955395037.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9553/955395/955395202.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395202.JPEG 1x, /data/Photos/700x500w/9553/955395/955395202.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://acta-voraport.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Acta Voraport</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.9 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTcxMTU3NjUmbWhsYXQ9NDEuMzk5MTIxMzQ0Mzk3MzEmbWhsb25nPTIuMjAwNTU0NDAxMzI3MzUwNA==">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.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">(13943 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located 2.2 km from Basilica of the Sagrada Familia, the 3-star Acta Voraport Hotel Barcelona features Wi-Fi throughout the property and a private parking lot on site. Nestled…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hY3RhLXZvcmFwb3J0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="315085"> <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/8309/830984/830984468.JPEG" srcset="/data/Photos/450x450w/8309/830984/830984468.JPEG 1x, /data/Photos/700x500w/8309/830984/830984468.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13525/1352517/1352517034.JPEG" srcset="/data/Photos/450x450w/13525/1352517/1352517034.JPEG 1x, /data/Photos/700x500w/13525/1352517/1352517034.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13525/1352503/1352503831.JPEG" srcset="/data/Photos/450x450w/13525/1352503/1352503831.JPEG 1x, /data/Photos/700x500w/13525/1352503/1352503831.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13525/1352507/1352507827.JPEG" srcset="/data/Photos/450x450w/13525/1352507/1352507827.JPEG 1x, /data/Photos/700x500w/13525/1352507/1352507827.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16191/1619170/1619170462.JPEG" srcset="/data/Photos/450x450w/16191/1619170/1619170462.JPEG 1x, /data/Photos/700x500w/16191/1619170/1619170462.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/1752/175251/175251936.JPEG" srcset="/data/Photos/450x450w/1752/175251/175251936.JPEG 1x, /data/Photos/700x500w/1752/175251/175251936.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://praktik-rambla.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Praktik Rambla</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"> 500 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTMxNTA4NSZtaGxhdD00MS4zODkwOSZtaGxvbmc9Mi4xNjU5Mg==">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2213 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 3-star Praktik Rambla Hotel enjoys a central location in the very heart of Barcelona, only a 14-minute stroll from a popular place of worship such as Cathedral…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wcmFrdGlrLXJhbWJsYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="526631"> <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/14986/1498675/1498675780.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675780.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675780.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14986/1498675/1498675681.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675681.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675681.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14986/1498675/1498675699.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675699.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675699.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14986/1498675/1498675792.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675792.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675792.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13236/1323646/1323646318.JPEG" srcset="/data/Photos/450x450w/13236/1323646/1323646318.JPEG 1x, /data/Photos/700x500w/13236/1323646/1323646318.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12970/1297028/1297028830.JPEG" srcset="/data/Photos/450x450w/12970/1297028/1297028830.JPEG 1x, /data/Photos/700x500w/12970/1297028/1297028830.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://citadines-ramblas-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Citadines Ramblas 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"> 300 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUyNjYzMSZtaGxhdD00MS4zODM4NDgmbWhsb25nPTIuMTcxNDQ2">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3613 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Citadines Ramblas Barcelona hotel, located 5 minutes' walk from Liceu tube station, offers a sunbathing terrace and a prime touristic area. Among the various facilities of this chic aparthotel, you…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jaXRhZGluZXMtcmFtYmxhcy1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="288896"> <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/1273118626.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118626.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118626.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273117/1273117939.JPEG" srcset="/data/Photos/450x450w/12731/1273117/1273117939.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117939.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273118/1273118173.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118173.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118173.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273118/1273118548.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118548.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118548.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273118/1273118887.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118887.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118887.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273118/1273118464.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118464.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118464.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://denit-hotel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Denit 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"> 300 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTI4ODg5NiZtaGxhdD00MS4zODY5NjgyNDQyMjY5MyZtaGxvbmc9Mi4xNzI2MDY3MzU5OTgwMDQ=">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">(1293 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering bicycles for rent, the 3-star Hotel Denit Barcelona lies 5 minutes on foot from Portal de l'Angel Thoroughfare. Thanks to its prime location, the recently renovated hotel stands…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9kZW5pdC1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88967"> <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/1273176/1273176478.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176478.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176478.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273176/1273176208.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176208.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176208.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273176/1273176019.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176019.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176019.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273176/1273176091.JPEG" srcset="/data/Photos/450x450w/12731/1273176/1273176091.JPEG 1x, /data/Photos/700x500w/12731/1273176/1273176091.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16298/1629887/1629887862.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887862.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887862.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16298/1629887/1629887863.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887863.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887863.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://suizo.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Suizo</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"> 800 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTY3Jm1obGF0PTQxLjM4MzgwMjU1Jm1obG9uZz0yLjE3ODI3OTU0">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(2187 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Overlooking the city, Hotel Suizo Barcelona is around 5 minutes by car from Placa Sant Jaume Square. This perfect hotel also provides Wi-Fi available in public areas.</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zdWl6by5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88759"> <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/13345/1334547/1334547761.JPEG" srcset="/data/Photos/450x450w/13345/1334547/1334547761.JPEG 1x, /data/Photos/700x500w/13345/1334547/1334547761.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15880/1588037/1588037559.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037559.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037559.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15946/1594669/1594669392.JPEG" srcset="/data/Photos/450x450w/15946/1594669/1594669392.JPEG 1x, /data/Photos/700x500w/15946/1594669/1594669392.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15946/1594669/1594669409.JPEG" srcset="/data/Photos/450x450w/15946/1594669/1594669409.JPEG 1x, /data/Photos/700x500w/15946/1594669/1594669409.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15946/1594669/1594669419.JPEG" srcset="/data/Photos/450x450w/15946/1594669/1594669419.JPEG 1x, /data/Photos/700x500w/15946/1594669/1594669419.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15946/1594669/1594669446.JPEG" srcset="/data/Photos/450x450w/15946/1594669/1594669446.JPEG 1x, /data/Photos/700x500w/15946/1594669/1594669446.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://catalonia-portal-de-langel.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Catalonia Portal De L'Angel</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"> 300 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4NzU5Jm1obGF0PTQxLjM4NTYxMSZtaGxvbmc9Mi4xNzI5MjkwMDAwMDAwNw==">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.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3150 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 3-star Catalonia Portal De L'Angel Hotel Barcelona, located approximately a 5-minute walk from Placa de Catalunya tube station, offers a courtyard and a garden. Guests will enjoy…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jYXRhbG9uaWEtcG9ydGFsLWRlLWxhbmdlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88906"> <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/14984/1498481/1498481959.JPEG" srcset="/data/Photos/450x450w/14984/1498481/1498481959.JPEG 1x, /data/Photos/700x500w/14984/1498481/1498481959.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15440/1544097/1544097631.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097631.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097631.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15440/1544097/1544097562.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097562.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097562.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15440/1544097/1544097406.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097406.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097406.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15440/1544097/1544097613.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097613.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097613.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15440/1544097/1544097508.JPEG" srcset="/data/Photos/450x450w/15440/1544097/1544097508.JPEG 1x, /data/Photos/700x500w/15440/1544097/1544097508.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://auto-hogar.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Best Auto Hogar</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="L21hcD9taGlkPTg4OTA2Jm1obGF0PTQxLjM3NTA5Jm1obG9uZz0yLjE2OTM3MQ==">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">7.6</div> <div class="item__review-text">Good</div> <div class="item__review-count">(6277 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Located in the centre of Barcelona, Hotel Best Auto Hogar offers fast access to the monumental church "Basilica of the Sagrada Familia", about 10 minutes away by car. This 3…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hdXRvLWhvZ2FyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88869"> <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/1273126/1273126918.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126918.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126918.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7070/707056/707056954.JPEG" srcset="/data/Photos/450x450w/7070/707056/707056954.JPEG 1x, /data/Photos/700x500w/7070/707056/707056954.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273126/1273126555.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126555.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126555.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273126/1273126618.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126618.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126618.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7531/753104/753104930.JPEG" srcset="/data/Photos/450x450w/7531/753104/753104930.JPEG 1x, /data/Photos/700x500w/7531/753104/753104930.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7531/753103/753103154.JPEG" srcset="/data/Photos/450x450w/7531/753103/753103154.JPEG 1x, /data/Photos/700x500w/7531/753103/753103154.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://park-hotel-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Park Hotel</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4ODY5Jm1obGF0PTQxLjM4NDIzJm1obG9uZz0yLjE4NDQz">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(3667 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The comfortable Park Hotel Barcelona enjoys a great location nearly 25 minutes' walk from Montjuic Castle, to satisfy the historical interest of the guests, and offers a storage for belongings…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wYXJrLWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88963"> <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/1273127/1273127491.JPEG" srcset="/data/Photos/450x450w/12731/1273127/1273127491.JPEG 1x, /data/Photos/700x500w/12731/1273127/1273127491.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7015/701513/701513839.JPEG" srcset="/data/Photos/450x450w/7015/701513/701513839.JPEG 1x, /data/Photos/700x500w/7015/701513/701513839.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273124/1273124116.JPEG" srcset="/data/Photos/450x450w/12731/1273124/1273124116.JPEG 1x, /data/Photos/700x500w/12731/1273124/1273124116.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273125/1273125532.JPEG" srcset="/data/Photos/450x450w/12731/1273125/1273125532.JPEG 1x, /data/Photos/700x500w/12731/1273125/1273125532.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273126/1273126234.JPEG" srcset="/data/Photos/450x450w/12731/1273126/1273126234.JPEG 1x, /data/Photos/700x500w/12731/1273126/1273126234.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273127/1273127608.JPEG" srcset="/data/Photos/450x450w/12731/1273127/1273127608.JPEG 1x, /data/Photos/700x500w/12731/1273127/1273127608.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://del-mar-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Del Mar</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.3 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTYzJm1obGF0PTQxLjM4MjImbWhsb25nPTIuMTgzOTg=">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">(2726 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">About a 10-minute walk from Barceloneta underground station, Hotel Del Mar is located in a shopping area of Barcelona, just a 6-minute walk from Humboldt Penguins Zoo. The…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9kZWwtbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88900"> <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/2459/245996/245996789.JPEG" srcset="/data/Photos/450x450w/2459/245996/245996789.JPEG 1x, /data/Photos/700x500w/2459/245996/245996789.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273154/1273154563.JPEG" srcset="/data/Photos/450x450w/12731/1273154/1273154563.JPEG 1x, /data/Photos/700x500w/12731/1273154/1273154563.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273154/1273154452.JPEG" srcset="/data/Photos/450x450w/12731/1273154/1273154452.JPEG 1x, /data/Photos/700x500w/12731/1273154/1273154452.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15802/1580288/1580288619.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288619.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288619.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15802/1580288/1580288243.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288243.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288243.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15746/1574676/1574676677.JPEG" srcset="/data/Photos/450x450w/15746/1574676/1574676677.JPEG 1x, /data/Photos/700x500w/15746/1574676/1574676677.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://lleo-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Lleo</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"> 400 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTAwJm1obGF0PTQxLjM4NTcmbWhsb25nPTIuMTY2NDM=">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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(6570 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Offering a solarium and an outdoor swimming pool, Hotel Lleo Barcelona is situated in Ciutat Vella, which is the oldest district and the main representation of Barcelona's history, approximately 10…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9sbGVvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="99881"> <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/6806/680683/680683152.JPEG" srcset="/data/Photos/450x450w/6806/680683/680683152.JPEG 1x, /data/Photos/700x500w/6806/680683/680683152.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15746/1574687/1574687828.JPEG" srcset="/data/Photos/450x450w/15746/1574687/1574687828.JPEG 1x, /data/Photos/700x500w/15746/1574687/1574687828.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15746/1574687/1574687756.JPEG" srcset="/data/Photos/450x450w/15746/1574687/1574687756.JPEG 1x, /data/Photos/700x500w/15746/1574687/1574687756.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/10895/1089573/1089573682.JPEG" srcset="/data/Photos/450x450w/10895/1089573/1089573682.JPEG 1x, /data/Photos/700x500w/10895/1089573/1089573682.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9254/925453/925453447.JPEG" srcset="/data/Photos/450x450w/9254/925453/925453447.JPEG 1x, /data/Photos/700x500w/9254/925453/925453447.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9254/925453/925453165.JPEG" srcset="/data/Photos/450x450w/9254/925453/925453165.JPEG 1x, /data/Photos/700x500w/9254/925453/925453165.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ciutat-vella.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Ciutat Vella</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"> 400 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTk5ODgxJm1obGF0PTQxLjM4NTA0NCZtaGxvbmc9Mi4xNjY0NTg0">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</div> <div class="item__review-text">Good</div> <div class="item__review-count">(4556 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring a central location in the very heart of the city, the stylish Ciutat Vella Hotel Barcelona is nearly a 5-minute stroll from Raval. This Barcelona hotel boasts views…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jaXV0YXQtdmVsbGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="743616"> <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/3784/378445/378445438.JPEG" srcset="/data/Photos/450x450w/3784/378445/378445438.JPEG 1x, /data/Photos/700x500w/3784/378445/378445438.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15882/1588200/1588200603.JPEG" srcset="/data/Photos/450x450w/15882/1588200/1588200603.JPEG 1x, /data/Photos/700x500w/15882/1588200/1588200603.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4190/419069/419069946.JPEG" srcset="/data/Photos/450x450w/4190/419069/419069946.JPEG 1x, /data/Photos/700x500w/4190/419069/419069946.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4190/419070/419070003.JPEG" srcset="/data/Photos/450x450w/4190/419070/419070003.JPEG 1x, /data/Photos/700x500w/4190/419070/419070003.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4190/419069/419069928.JPEG" srcset="/data/Photos/450x450w/4190/419069/419069928.JPEG 1x, /data/Photos/700x500w/4190/419069/419069928.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/4190/419069/419069940.JPEG" srcset="/data/Photos/450x450w/4190/419069/419069940.JPEG 1x, /data/Photos/700x500w/4190/419069/419069940.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://yurbban-trafalgar.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Yurbban Trafalgar Hotel</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"> 600 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTc0MzYxNiZtaGxhdD00MS4zODg5MzE2Jm1obG9uZz0yLjE3NjAxMDQ=">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">(1477 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Boasting a gym and a solarium, Yurbban Trafalgar Hotel Barcelona lies just 0.7 km from Picasso Museum. This hotel features an outdoor swimming pool and 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="aHR0cHM6Ly95dXJiYmFuLXRyYWZhbGdhci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="88942"> <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/1273122/1273122007.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122007.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122007.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273119/1273119757.JPEG" srcset="/data/Photos/450x450w/12731/1273119/1273119757.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119757.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273120/1273120051.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120051.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120051.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273120/1273120138.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120138.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120138.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273120/1273120276.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120276.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120276.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12731/1273120/1273120492.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120492.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120492.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ciutat-de-barcelona.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Ciutat De 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 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTQyJm1obGF0PTQxLjM4NTg0MSZtaGxvbmc9Mi4xODEwMw==">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">(1395 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Ciutat De Barcelona Hotel, located within 5 minutes' drive of Picasso Museum and merely 7 minutes' stroll from Humboldt Penguins Zoo, features a rooftop swimming pool for guests to take…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jaXV0YXQtZGUtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="741522"> <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/1069/106960/106960026.JPEG" srcset="/data/Photos/450x450w/1069/106960/106960026.JPEG 1x, /data/Photos/700x500w/1069/106960/106960026.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15875/1587521/1587521774.JPEG" srcset="/data/Photos/450x450w/15875/1587521/1587521774.JPEG 1x, /data/Photos/700x500w/15875/1587521/1587521774.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15875/1587521/1587521775.JPEG" srcset="/data/Photos/450x450w/15875/1587521/1587521775.JPEG 1x, /data/Photos/700x500w/15875/1587521/1587521775.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7755/775550/775550899.JPEG" srcset="/data/Photos/450x450w/7755/775550/775550899.JPEG 1x, /data/Photos/700x500w/7755/775550/775550899.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7755/775560/775560892.JPEG" srcset="/data/Photos/450x450w/7755/775560/775560892.JPEG 1x, /data/Photos/700x500w/7755/775560/775560892.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/1069/106946/106946346.JPEG" srcset="/data/Photos/450x450w/1069/106946/106946346.JPEG 1x, /data/Photos/700x500w/1069/106946/106946346.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://praktik-bakery.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Praktik Bakery</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="L21hcD9taGlkPTc0MTUyMiZtaGxhdD00MS4zOTYyNDQwNSZtaGxvbmc9Mi4xNjMzNjc4Ng==">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">(2643 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Featuring Wi-Fi throughout the property, Praktik Bakery Hotel Barcelona is within 25 minutes' walk of Mercado de La Boqueria Public Market. Featuring 68 rooms with views of the street…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wcmFrdGlrLWJha2VyeS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="219802"> <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/1273059/1273059100.JPEG" srcset="/data/Photos/450x450w/12730/1273059/1273059100.JPEG 1x, /data/Photos/700x500w/12730/1273059/1273059100.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273059/1273059250.JPEG" srcset="/data/Photos/450x450w/12730/1273059/1273059250.JPEG 1x, /data/Photos/700x500w/12730/1273059/1273059250.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273059/1273059718.JPEG" srcset="/data/Photos/450x450w/12730/1273059/1273059718.JPEG 1x, /data/Photos/700x500w/12730/1273059/1273059718.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273058/1273058344.JPEG" srcset="/data/Photos/450x450w/12730/1273058/1273058344.JPEG 1x, /data/Photos/700x500w/12730/1273058/1273058344.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273058/1273058689.JPEG" srcset="/data/Photos/450x450w/12730/1273058/1273058689.JPEG 1x, /data/Photos/700x500w/12730/1273058/1273058689.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273057/1273057381.JPEG" srcset="/data/Photos/450x450w/12730/1273057/1273057381.JPEG 1x, /data/Photos/700x500w/12730/1273057/1273057381.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://holiday-inn-express-barcelona-city-22.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Holiday Inn Express Barcelona City 22@, An Ihg Hotel</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.9 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTIxOTgwMiZtaGxhdD00MS40MDE0MzkmbWhsb25nPTIuMTk3OTYz">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">8.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(9473 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, Holiday Inn Express Barcelona City 22@, An Ihg Hotel lies 18 minutes' walk from Design Museum of Barcelona. The inn also provides car…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9ob2xpZGF5LWlubi1leHByZXNzLWJhcmNlbG9uYS1jaXR5LTIyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="116567"> <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/1273043/1273043008.JPEG" srcset="/data/Photos/450x450w/12730/1273043/1273043008.JPEG 1x, /data/Photos/700x500w/12730/1273043/1273043008.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273038/1273038571.JPEG" srcset="/data/Photos/450x450w/12730/1273038/1273038571.JPEG 1x, /data/Photos/700x500w/12730/1273038/1273038571.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273043/1273043704.JPEG" srcset="/data/Photos/450x450w/12730/1273043/1273043704.JPEG 1x, /data/Photos/700x500w/12730/1273043/1273043704.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273037/1273037884.JPEG" srcset="/data/Photos/450x450w/12730/1273037/1273037884.JPEG 1x, /data/Photos/700x500w/12730/1273037/1273037884.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13282/1328215/1328215748.JPEG" srcset="/data/Photos/450x450w/13282/1328215/1328215748.JPEG 1x, /data/Photos/700x500w/13282/1328215/1328215748.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13282/1328217/1328217173.JPEG" srcset="/data/Photos/450x450w/13282/1328217/1328217173.JPEG 1x, /data/Photos/700x500w/13282/1328217/1328217173.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://sant-agusti.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Sant Agusti</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"> 700 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTExNjU2NyZtaGxhdD00MS4zODA1Jm1obG9uZz0yLjE3MTYx">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.8</div> <div class="item__review-text">Good</div> <div class="item__review-count">(4588 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The impressive 3-star Hotel Sant Agusti Barcelona, situated a 5-minute drive from The Magic Fountain, offers a shared lounge and various recreational opportunities. Staying at the pet-friendly…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9zYW50LWFndXN0aS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="5237443"> <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/12309/1230982/1230982163.JPEG" srcset="/data/Photos/450x450w/12309/1230982/1230982163.JPEG 1x, /data/Photos/700x500w/12309/1230982/1230982163.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/7691/769128/769128187.JPEG" srcset="/data/Photos/450x450w/7691/769128/769128187.JPEG 1x, /data/Photos/700x500w/7691/769128/769128187.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8284/828489/828489365.JPEG" srcset="/data/Photos/450x450w/8284/828489/828489365.JPEG 1x, /data/Photos/700x500w/8284/828489/828489365.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8284/828489/828489551.JPEG" srcset="/data/Photos/450x450w/8284/828489/828489551.JPEG 1x, /data/Photos/700x500w/8284/828489/828489551.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8284/828489/828489596.JPEG" srcset="/data/Photos/450x450w/8284/828489/828489596.JPEG 1x, /data/Photos/700x500w/8284/828489/828489596.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/8307/830784/830784623.JPEG" srcset="/data/Photos/450x450w/8307/830784/830784623.JPEG 1x, /data/Photos/700x500w/8307/830784/830784623.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://praktik-essens.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Praktik Essens</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"> 500 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTUyMzc0NDMmbWhsYXQ9NDEuMzkwMzEmbWhsb25nPTIuMTY4MDY=">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.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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1770 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 3-star Praktik Essens Hotel Barcelona is 18 minutes' stroll from Plaza Real, featuring a sundeck and a terrace. This Barcelona hotel lies in Eixample with many trendy bars…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wcmFrdGlrLWVzc2Vucy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="752020"> <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/6647/664799/664799133.JPEG" srcset="/data/Photos/450x450w/6647/664799/664799133.JPEG 1x, /data/Photos/700x500w/6647/664799/664799133.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15875/1587525/1587525238.JPEG" srcset="/data/Photos/450x450w/15875/1587525/1587525238.JPEG 1x, /data/Photos/700x500w/15875/1587525/1587525238.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6647/664799/664799127.JPEG" srcset="/data/Photos/450x450w/6647/664799/664799127.JPEG 1x, /data/Photos/700x500w/6647/664799/664799127.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6437/643720/643720923.JPEG" srcset="/data/Photos/450x450w/6437/643720/643720923.JPEG 1x, /data/Photos/700x500w/6437/643720/643720923.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/5605/560523/560523549.JPEG" srcset="/data/Photos/450x450w/5605/560523/560523549.JPEG 1x, /data/Photos/700x500w/5605/560523/560523549.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6647/664795/664795959.JPEG" srcset="/data/Photos/450x450w/6647/664795/664795959.JPEG 1x, /data/Photos/700x500w/6647/664795/664795959.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://praktik-vinoteca.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Praktik Vinoteca</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"> 700 m to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTc1MjAyMCZtaGxhdD00MS4zODkzMiZtaGxvbmc9Mi4xNjI0Mw==">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">(3030 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Nestled in Eixample with many trendy bars and clubs found here, especially in the gay section, approximately 5 minutes on foot from Galeria Joan Gaspar, the stunning Praktik Vinoteca Hotel…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9wcmFrdGlrLXZpbm90ZWNhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88974"> <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/14987/1498752/1498752952.JPEG" srcset="/data/Photos/450x450w/14987/1498752/1498752952.JPEG 1x, /data/Photos/700x500w/14987/1498752/1498752952.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15891/1589126/1589126297.JPEG" srcset="/data/Photos/450x450w/15891/1589126/1589126297.JPEG 1x, /data/Photos/700x500w/15891/1589126/1589126297.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14160/1416063/1416063144.JPEG" srcset="/data/Photos/450x450w/14160/1416063/1416063144.JPEG 1x, /data/Photos/700x500w/14160/1416063/1416063144.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13064/1306466/1306466341.JPEG" srcset="/data/Photos/450x450w/13064/1306466/1306466341.JPEG 1x, /data/Photos/700x500w/13064/1306466/1306466341.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13064/1306470/1306470967.JPEG" srcset="/data/Photos/450x450w/13064/1306470/1306470967.JPEG 1x, /data/Photos/700x500w/13064/1306470/1306470967.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/13064/1306470/1306470979.JPEG" srcset="/data/Photos/450x450w/13064/1306470/1306470979.JPEG 1x, /data/Photos/700x500w/13064/1306470/1306470979.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://ilunion-auditori.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Ilunion Auditori</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="L21hcD9taGlkPTg4OTc0Jm1obGF0PTQxLjM5NTkwMSZtaGxvbmc9Mi4xODEzNDU=">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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(5869 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Ilunion Auditori Barcelona hotel offers 108 rooms around 5 minutes' drive from Basilica of the Sagrada Familia. Situated 20 km from Barcelona-El Prat airport, this hotel features 24-hour…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9pbHVuaW9uLWF1ZGl0b3JpLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZW4v"> 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="88772"> <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/1273064/1273064989.JPEG" srcset="/data/Photos/450x450w/12730/1273064/1273064989.JPEG 1x, /data/Photos/700x500w/12730/1273064/1273064989.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12730/1273065/1273065415.JPEG" srcset="/data/Photos/450x450w/12730/1273065/1273065415.JPEG 1x, /data/Photos/700x500w/12730/1273065/1273065415.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/6930/693045/693045552.JPEG" srcset="/data/Photos/450x450w/6930/693045/693045552.JPEG 1x, /data/Photos/700x500w/6930/693045/693045552.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15802/1580288/1580288049.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288049.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288049.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15802/1580288/1580288023.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288023.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288023.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15802/1580288/1580288221.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288221.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288221.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://onix-fira.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Onix Fira</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 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4NzcyJm1obGF0PTQxLjM3Njk3OTQ0NjAxOTQyNiZtaGxvbmc9Mi4xNDk4MTExNDkwOTc0NjAz">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">7.6</div> <div class="item__review-text">Good</div> <div class="item__review-count">(4326 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">Providing guests with a snack and drink vending machine, and a lift, the 3-star Onix Fira Hotel is located near the entertainment district of Barcelona, only 350 metres from…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9vbml4LWZpcmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="88964"> <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/6702/670227/670227720.JPEG" srcset="/data/Photos/450x450w/6702/670227/670227720.JPEG 1x, /data/Photos/700x500w/6702/670227/670227720.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15803/1580332/1580332221.JPEG" srcset="/data/Photos/450x450w/15803/1580332/1580332221.JPEG 1x, /data/Photos/700x500w/15803/1580332/1580332221.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15803/1580335/1580335315.JPEG" srcset="/data/Photos/450x450w/15803/1580335/1580335315.JPEG 1x, /data/Photos/700x500w/15803/1580335/1580335315.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9955/995595/995595538.JPEG" srcset="/data/Photos/450x450w/9955/995595/995595538.JPEG 1x, /data/Photos/700x500w/9955/995595/995595538.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9955/995595/995595037.JPEG" srcset="/data/Photos/450x450w/9955/995595/995595037.JPEG 1x, /data/Photos/700x500w/9955/995595/995595037.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9955/995595/995595328.JPEG" srcset="/data/Photos/450x450w/9955/995595/995595328.JPEG 1x, /data/Photos/700x500w/9955/995595/995595328.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://aparthotel-silver.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Aparthotel Silver</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.4 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTg4OTY0Jm1obGF0PTQxLjQwMjA5Jm1obG9uZz0yLjE1MTE2">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.6</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1351 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The 3-star Aparthotel Silver Barcelona is located near a shopping district within 25 minutes' walk of CosmoCaixa Barcelona Museum. 45 rooms and the snack bar are available during the…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hcGFydGhvdGVsLXNpbHZlci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VuLw=="> 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="126243"> <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/6989/698939/698939070.JPEG" srcset="/data/Photos/450x450w/6989/698939/698939070.JPEG 1x, /data/Photos/700x500w/6989/698939/698939070.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12788/1278883/1278883648.JPEG" srcset="/data/Photos/450x450w/12788/1278883/1278883648.JPEG 1x, /data/Photos/700x500w/12788/1278883/1278883648.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12788/1278883/1278883702.JPEG" srcset="/data/Photos/450x450w/12788/1278883/1278883702.JPEG 1x, /data/Photos/700x500w/12788/1278883/1278883702.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/12788/1278883/1278883783.JPEG" srcset="/data/Photos/450x450w/12788/1278883/1278883783.JPEG 1x, /data/Photos/700x500w/12788/1278883/1278883783.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15920/1592049/1592049502.JPEG" srcset="/data/Photos/450x450w/15920/1592049/1592049502.JPEG 1x, /data/Photos/700x500w/15920/1592049/1592049502.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/9805/980526/980526646.JPEG" srcset="/data/Photos/450x450w/9805/980526/980526646.JPEG 1x, /data/Photos/700x500w/9805/980526/980526646.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://chic-basic-ramblas.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Sixties 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> <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.1 km to the city centre </div> <div class="show-map item__distance-button js-change-view" data-internal="L21hcD9taGlkPTEyNjI0MyZtaGxhdD00MS4zNzY4NCZtaGxvbmc9Mi4xNzQ4OTI0">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.4</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(4965 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The chic Sixties Ramblas hotel enjoys a prime location in the very heart of Barcelona, 1 km from a popular place of worship such as Cathedral of Barcelona. Located 6…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9jaGljLWJhc2ljLXJhbWJsYXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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="88756"> <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/15802/1580288/1580288135.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288135.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288135.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/16065/1606541/1606541260.JPEG" srcset="/data/Photos/450x450w/16065/1606541/1606541260.JPEG 1x, /data/Photos/700x500w/16065/1606541/1606541260.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15802/1580287/1580287677.JPEG" srcset="/data/Photos/450x450w/15802/1580287/1580287677.JPEG 1x, /data/Photos/700x500w/15802/1580287/1580287677.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15447/1544795/1544795131.JPEG" srcset="/data/Photos/450x450w/15447/1544795/1544795131.JPEG 1x, /data/Photos/700x500w/15447/1544795/1544795131.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/15447/1544795/1544795128.JPEG" srcset="/data/Photos/450x450w/15447/1544795/1544795128.JPEG 1x, /data/Photos/700x500w/15447/1544795/1544795128.JPEG 2x" alt="" loading="lazy" /> <img class="item__image" src="/data/Photos/450x450w/14984/1498481/1498481461.JPEG" srcset="/data/Photos/450x450w/14984/1498481/1498481461.JPEG 1x, /data/Photos/700x500w/14984/1498481/1498481461.JPEG 2x" alt="" loading="lazy" /> </div> </div> </div> <div class="item__content"> <p class="item__title"> <a href="https://aranea.hotelbcn-barcelona.com/en/" target="_blank" class="item__title-link">Hotel Best Aranea</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="L21hcD9taGlkPTg4NzU2Jm1obGF0PTQxLjM5ODM5Jm1obG9uZz0yLjE3NTcx">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.2</div> <div class="item__review-text">Excellent</div> <div class="item__review-count">(1567 reviews)</div> </div> </div> <div class="item__footer js-item-footer item__footer--loaded"> <div class="item__description">The cosy 3-star Hotel Best Aranea Barcelona features an ideal location a mere 5 minutes on foot from Atrium Theatre and welcomes guests with a sunbathing terrace, loungers, and…</div> <div class="item__button-wrapper item__button-wrapper--show"> <div class="item__button js-new-window" data-new-window="aHR0cHM6Ly9hcmFuZWEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lbi8="> 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/3-stars/2/" data-part="2"> 2 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/3-stars/3/" data-part="3"> 3 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/3-stars/4/" data-part="4"> 4 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/3-stars/5/" data-part="5"> 5 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/3-stars/6/" data-part="6"> 6 </a> </li> <li class="pagination__item"> <a class="pagination__link" href="/en/3-stars/7/" data-part="7"> 7 </a> </li> <li class="pagination__control last"> <a class="pagination__control-link" href="/en/3-stars/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/">Colon Hotel Barcelona</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: '21', month: '12', year: '2024', id: '2623356572', track: 'qe13GESjLYfjtH8p', 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":"\/3-stars\/?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-22', to: '2024-12-23', 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: 'eu1hivpkgfg6', v: '66f5693b5d52451bd11b4f55d067177e' }; 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:'21', currentMonth:'12', currentYear:'2024', logId: '2623356572', track: 'qe13GESjLYfjtH8p', 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-221224-s116206-wqe13GESjLYfjtH8p-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-22', dataTo:'2024-12-23', 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:'eu1hivpkgfg6', stopSpamValue:'66f5693b5d52451bd11b4f55d067177e', }; </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.7bc16a60526873d992d8c4b7de710ff9.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.7bc16a60526873d992d8c4b7de710ff9.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.6da58efd0376538f5e0dd65078d17f52.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.6da58efd0376538f5e0dd65078d17f52.js"></script> </body> </html>

CINXE.COM

3-star hotels in Barcelona