CINXE.COM

<!DOCTYPE html> <html xml:lang="en" lang="en" class="en-lang"> <head> <meta name="keywords" content="B Hotel Barcelona, B Hotel Barcelona reservation, B Hotel Barcelona cheap" /> <meta name="description" content="B Hotel Barcelona - 3 star hotel. Offering a solarium and recreational facilities, as well as the views of the courtyard, the trendy B Hotel Barcelona is located within 25 minutes' walk of Camp …" /> <meta name="robots" content="max-image-preview:large"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"/> <title>B Hotel Barcelona, Spain</title> <link rel="canonical" href="https://b-hotel.catalonia-hotels.com/en/" /> <link rel="alternate" hreflang="ar" type="text/html" href="https://b-hotel.catalonia-hotels.com/ar/" title="Arabic" /> <link rel="alternate" hreflang="zh" type="text/html" href="https://b-hotel.catalonia-hotels.com/zh/" title="Chinese" /> <link rel="alternate" hreflang="cs" type="text/html" href="https://b-hotel.catalonia-hotels.com/cs/" title="Czech" /> <link rel="alternate" hreflang="da" type="text/html" href="https://b-hotel.catalonia-hotels.com/da/" title="Danish" /> <link rel="alternate" hreflang="de" type="text/html" href="https://b-hotel.catalonia-hotels.com/de/" title="Deutch" /> <link rel="alternate" hreflang="en" type="text/html" href="https://b-hotel.catalonia-hotels.com/en/" title="English" /> <link rel="alternate" hreflang="es" type="text/html" href="https://b-hotel.catalonia-hotels.com/es/" title="Spanish" /> <link rel="alternate" hreflang="fr" type="text/html" href="https://b-hotel.catalonia-hotels.com/fr/" title="French" /> <link rel="alternate" hreflang="el" type="text/html" href="https://b-hotel.catalonia-hotels.com/el/" title="Greek" /> <link rel="alternate" hreflang="he" type="text/html" href="https://b-hotel.catalonia-hotels.com/he/" title="Hebrew" /> <link rel="alternate" hreflang="it" type="text/html" href="https://b-hotel.catalonia-hotels.com/it/" title="Italiano" /> <link rel="alternate" hreflang="ja" type="text/html" href="https://b-hotel.catalonia-hotels.com/ja/" title="Japanese" /> <link rel="alternate" hreflang="ko" type="text/html" href="https://b-hotel.catalonia-hotels.com/ko/" title="Korean" /> <link rel="alternate" hreflang="hu" type="text/html" href="https://b-hotel.catalonia-hotels.com/hu/" title="Hungarian" /> <link rel="alternate" hreflang="nl" type="text/html" href="https://b-hotel.catalonia-hotels.com/nl/" title="Dutch" /> <link rel="alternate" hreflang="pl" type="text/html" href="https://b-hotel.catalonia-hotels.com/pl/" title="Polish" /> <link rel="alternate" hreflang="pt" type="text/html" href="https://b-hotel.catalonia-hotels.com/pt/" title="Portuguese" /> <link rel="alternate" hreflang="ru" type="text/html" href="https://b-hotel.catalonia-hotels.com/ru/" title="Russian" /> <link rel="alternate" hreflang="sv" type="text/html" href="https://b-hotel.catalonia-hotels.com/sv/" title="Swedish" /> <link rel="alternate" hreflang="tr" type="text/html" href="https://b-hotel.catalonia-hotels.com/tr/" title="Turkish" /> <link importance="high" rel="preload" href="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/quicksand/v24/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wg.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2"> <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/new/designs/80/build/hotel-static-css/style.f0af9ca90544cc6fe9f445a61b650712.css"> <style>/*! */@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.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:Montserrat;font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.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:Montserrat;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.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:Montserrat;font-style:normal;font-weight:600;font-display:optional;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:optional;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.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,summary,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{min-height:100%}*,:after,:before{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select:focus{outline:none}select::-ms-expand{display:none}.jupiter{min-width:320px;font:normal 14px/14px Montserrat,sans-serif;background-color:#f2f2f2}.jupiter__wrapper-page{position:relative;z-index:10}.jupiter__wrapper-content{position:relative;margin:0 auto;padding:0 70px;width:100%}@media(max-width:1040px){.jupiter__wrapper-content{padding:0 15px}}.jupiter__section{min-height:500px;width:100%;margin-bottom:30px;padding:0 150px}@media(max-width:1200px){.jupiter__section{padding:0 100px}}@media(max-width:1040px){.jupiter__section{padding:0 15px}}@media only screen and (max-width:767px){.jupiter__section{min-height:auto}}.jupiter__section-title{width:100%;padding:30px 0;font:500 24px/30px Montserrat,sans-serif;text-transform:uppercase;color:#333e50;text-align:center;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.jupiter__section-title{font:500 18px/24px Montserrat,sans-serif;padding:20px 0}}.jupiter__section-wrapper{min-height:410px;width:100%;display:flex}@media(max-width:1040px){.jupiter__section-wrapper{flex-direction:column}}@media only screen and (max-width:767px){.jupiter__section-wrapper{min-height:auto}}.jupiter__section-block{min-height:410px;width:50%;background:#fff}@media(max-width:1040px){.jupiter__section-block{width:100%}}@media only screen and (max-width:767px){.jupiter__section-block{min-height:auto}}.jupiter__section-block--no-bg{background:none}.jupiter.is-disable-scroll{position:relative;overflow:hidden;height:100%}.jupiter .clearfix:after{content:"";display:table;clear:both}.jupiter img{max-width:100%}.jupiter .accordion-arrow{pointer-events:none}.jupiter .accordion.is-active .accordion-arrow{-webkit-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%)}.jupiter .key-advantages{margin:20px 0 30px}.jupiter .key-advantages h3{font:600 18px/22px Montserrat,sans-serif;margin:0 0 10px 20px}.jupiter-book .footer__content-block,.jupiter-book .header__burger,.jupiter-book .header__menu-container{display:none!important}.jupiter-book .header__logo-title{pointer-events:none!important;cursor:default!important}.jupiter-404 .jupiter__wrapper-page{margin:0;padding:20px;height:calc(100% - 40px);background:none}.jupiter-404 .footer,.jupiter-404 .header__currency.dropdown,.jupiter-404 .header__lang.dropdown{display:none!important}.jupiter-contact .jupiter__wrapper-page{background:#fff;margin-bottom:0}.jupiter .header{z-index:10;position:relative;width:100%;margin-bottom:25px;border-bottom:1px solid rgba(97,107,120,.2)}@media only screen and (max-width:1024px){.jupiter .header--with-bookings .header__inner{padding-top:36px}}@media only screen and (max-width:1024px){.jupiter .header--with-bookings .header__burger{top:65px}}.jupiter .header--with-bookings .header__logo{padding:0}@media only screen and (max-width:767px){.jupiter .header--with-bookings .header__logo{padding:10px 0}}@media only screen and (max-width:1300px){.jupiter .header--with-bookings .menu__column--center{position:static;top:auto;left:auto;-webkit-transform:none;transform:none}}@media only screen and (max-width:767px){.jupiter .header--with-bookings .menu__column--center{position:relative}}@media only screen and (max-width:767px){.jupiter .header{margin-bottom:15px}.jupiter .header.is-active .menu{display:flex}}.jupiter .header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto;padding:0 140px}@media only screen and (max-width:1300px){.jupiter .header__inner{padding:0 70px}}@media only screen and (max-width:1200px){.jupiter .header__inner{padding:0 20px}}@media only screen and (max-width:1024px){.jupiter .header__inner{padding:0 10px}}@media only screen and (max-width:767px){.jupiter .header__inner{padding:0}}.jupiter .header__mobile{display:none}@media only screen and (max-width:767px){.jupiter .header__mobile{display:flex;align-items:center;justify-content:center;width:100%}}.jupiter .header__menu{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0}@media only screen and (max-width:1024px){.jupiter .header__menu{padding:10px 0}}@media only screen and (max-width:767px){.jupiter .header__menu{display:none;z-index:10000;position:fixed;top:0;right:0;left:0;height:100%;padding:0;overflow-y:auto;background:#fff}}@media only screen and (max-width:1300px){.jupiter .header__logo{padding:12px 0}}@media only screen and (max-width:767px){.jupiter .header__logo{padding:10px 0}}.jupiter .header__burger{display:none}@media only screen and (max-width:767px){.jupiter .header__burger{display:block;position:absolute;top:29px;right:15px}.jupiter .header__burger svg{width:20px;height:20px;fill:#333e50;display:block}}.jupiter .header__close-btn{display:none}@media only screen and (max-width:767px){.jupiter .header__close-btn{display:block;position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.jupiter .header__close-btn svg{width:16px;height:16px;fill:#333e50;display:block}}@media only screen and (min-width:768px){.jupiter .header-logo:hover{text-decoration:none}}.jupiter .header-logo__wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.jupiter .header-logo__text{color:#353e4e;font:700 24px/32px Playfair Display,sans-serif;letter-spacing:.73px;text-align:center;text-transform:uppercase}@media only screen and (max-width:1024px){.jupiter .header-logo__text{font-size:22px}}@media only screen and (max-width:767px){.jupiter .header-logo__text{font-size:20px;line-height:27px}}.jupiter .header-logo__above,.jupiter .header-logo__under{display:flex;position:relative;align-items:center;justify-content:stretch}.jupiter .header-logo__above-text,.jupiter .header-logo__under-text{color:#616b78;font:300 10px/12px Montserrat,sans-serif;white-space:nowrap}.jupiter .header-logo__above-text{padding-right:5px}.jupiter .header-logo__above:after{width:100%;height:1px;background:#c7cacd;content:""}.jupiter .header-logo__under{margin-top:1px}.jupiter .header-logo__under-text{padding-left:5px}.jupiter .header-logo__under:before{width:100%;height:1px;background:#c7cacd;content:""}@media only screen and (max-width:767px){.jupiter .menu{flex-direction:column;align-items:stretch;justify-content:stretch}}.jupiter .menu__column{display:flex;align-items:center}@media only screen and (max-width:767px){.jupiter .menu__column{flex-direction:column;align-items:stretch;order:2;padding:0 10px}}.jupiter .menu__column--center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (max-width:767px){.jupiter .menu__column--center{display:flex;position:relative;top:auto;left:auto;align-items:center;justify-content:center;order:1;padding:0;-webkit-transform:none;transform:none;border-bottom:1px solid #cfd2d6}}.jupiter .menu__item{padding:11px 25px}@media only screen and (max-width:1300px){.jupiter .menu__item{padding:11px 20px}}@media only screen and (max-width:767px){.jupiter .menu__item{padding:20px 0;border-bottom:1px solid #cfd2d6}}@media only screen and (max-width:767px){.jupiter .menu__button{display:flex;align-items:center;justify-content:space-between}}.jupiter .bookings-block{display:flex;align-items:center}@media only screen and (max-width:1024px){.jupiter .bookings-block{position:absolute;top:0;left:0;justify-content:center;width:100%;height:36px;background:#383838}}.jupiter .bookings-block__link{display:flex;flex-direction:column;align-items:center;cursor:pointer}@media only screen and (min-width:768px){.jupiter .bookings-block__link:hover .bookings-block__text{text-decoration:underline}}@media only screen and (max-width:1024px){.jupiter .bookings-block__link{flex-direction:row}}.jupiter .bookings-block__icon{display:block;fill:#616b78;flex-shrink:0;height:16px;margin-bottom:6px}@media only screen and (max-width:1024px){.jupiter .bookings-block__icon{height:12px;fill:#fff;margin-right:3px;margin-bottom:0;transition:all .3s ease-in-out}}.jupiter .bookings-block__text{color:#111;font:500 10px/12px Montserrat,sans-serif;letter-spacing:.62px;text-transform:uppercase;white-space:nowrap;transition:all .2s ease}@media only screen and (max-width:1024px){.jupiter .bookings-block__text{color:#fff}}@media only screen and (max-width:767px){.jupiter .bookings-block__text{line-height:36px;letter-spacing:1px}}.jupiter .bookings-block__text--title{font-weight:400}.jupiter .accordion-btn{cursor:pointer}@media only screen and (min-width:768px){.jupiter .accordion-btn:hover .accordion-btn__text{text-decoration:underline}}@media only screen and (max-width:767px){.jupiter .accordion-btn.active .accordion-btn__arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.jupiter .accordion-btn__wrap{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:767px){.jupiter .accordion-btn__wrap{flex-direction:row}}.jupiter .accordion-btn__icon{display:block;fill:#616b78;flex-shrink:0;height:16px;margin-bottom:6px}@media only screen and (max-width:767px){.jupiter .accordion-btn__icon{margin-right:10px;margin-bottom:0;transition:all .3s ease-in-out}}.jupiter .accordion-btn__text{color:#111;font:400 10px/12px Montserrat,sans-serif;letter-spacing:.62px;text-transform:uppercase;transition:all .2s ease}@media only screen and (max-width:767px){.jupiter .accordion-btn__text{font-size:12px;line-height:20px;letter-spacing:1px}}.jupiter .accordion-btn__arrow{fill:#616b78;display:none}@media only screen and (max-width:767px){.jupiter .accordion-btn__arrow{display:block}}.jupiter .dropdown{position:relative}@media only screen and (min-width:768px){.jupiter .dropdown:hover .dropdown__container{display:block}.jupiter .dropdown:hover .accordion-btn__text{text-decoration:underline}}.jupiter .dropdown__container{display:none;position:absolute;top:100%;right:25px;width:auto;padding:20px;border:1px solid rgba(51,62,80,.2);background:#fff}@media only screen and (max-width:767px){.jupiter .dropdown__container{position:static;padding:15px 0;border:none}}.jupiter .dropdown__container.active{display:block}.jupiter .dropdown__container--collections{right:auto;left:25px;padding:40px}@media only screen and (max-width:767px){.jupiter .dropdown__container--collections{margin-top:20px;padding:0;border-top:1px solid #cfd2d6}}.jupiter .dropdown__list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px 20px}@media only screen and (max-width:767px){.jupiter .dropdown__list{display:block}}.jupiter .dropdown__link{display:flex;align-items:center;width:100%;padding:12px 20px;text-decoration:none;cursor:pointer;transition:all .2s ease}@media only screen and (max-width:767px){.jupiter .dropdown__link{width:100%;padding:10px 30px}}@media only screen and (min-width:768px){.jupiter .dropdown__link:hover{background:#edeff1}}.jupiter .dropdown__link.is-active{background:#edeff1;cursor:default;pointer-events:none}.jupiter .dropdown__link.is-active .dropdown__name{font-weight:500}.jupiter .dropdown__name{min-width:135px;color:#111;font:400 14px/22px Montserrat,sans-serif;text-decoration:none;white-space:nowrap}@media only screen and (max-width:767px){.jupiter .dropdown__name{min-width:0}}.jupiter .dropdown__icon{display:block;flex-shrink:0;width:22px;height:22px;margin-right:15px}@media only screen and (max-width:767px){.jupiter .dropdown__icon{width:20px;height:20px;margin-right:10px}}.jupiter .dropdown__code{flex-shrink:0;width:46px;color:#111;font:600 14px/22px Montserrat,sans-serif;text-align:left;white-space:nowrap}.jupiter .mega-menu{display:grid;grid-template-columns:repeat(2,1fr);min-width:500px;grid-gap:50px;text-align:left}@media only screen and (max-width:767px){.jupiter .mega-menu{display:block}}.jupiter .mega-menu__head{display:none}@media only screen and (max-width:767px){.jupiter .mega-menu__head{display:flex;align-items:center;justify-content:space-between;padding:20px 15px 20px 30px;border-bottom:1px solid #cfd2d6}.jupiter .mega-menu__head-text{color:#111;font:600 12px/20px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase}.jupiter .mega-menu__head-icon{flex-shrink:0;width:16px;height:16px;fill:#333e50;display:block}}.jupiter .mega-menu__back-btn{display:none}@media only screen and (max-width:767px){.jupiter .mega-menu__back-btn{display:flex;align-items:center;padding:20px 10px}.jupiter .mega-menu__back-btn-icon{flex-shrink:0;width:8px;height:12px;fill:#616b78;display:block;margin-right:15px}.jupiter .mega-menu__back-btn-text{color:#616b78;font:400 12px/20px Montserrat,sans-serif}}.jupiter .mega-menu__title{margin-bottom:15px}@media only screen and (max-width:767px){.jupiter .mega-menu__title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 0;padding:0 0 0 30px}}.jupiter .mega-menu__title-text{color:#111;font:600 18px/28px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}@media only screen and (max-width:767px){.jupiter .mega-menu__title-text{font-size:10px;line-height:18px}}.jupiter .mega-menu__title-arrow{fill:#616b78;display:none;width:8px;height:12px}@media only screen and (max-width:767px){.jupiter .mega-menu__title-arrow{display:block}}.jupiter .mega-menu__subtitle{display:block;color:#111;font:600 14px/22px Montserrat,sans-serif;white-space:nowrap}.jupiter .mega-menu__subtitle:first-letter{text-transform:uppercase}@media only screen and (max-width:767px){.jupiter .mega-menu__container{display:none;z-index:10100;position:fixed;top:0;right:0;left:0;height:100%;overflow-y:auto;background:#fff}.jupiter .mega-menu__container.active{display:block}}@media only screen and (max-width:767px){.jupiter .mega-menu__list{padding:0 10px 0 32px}}.jupiter .mega-menu__list-item{margin-top:5px}@media only screen and (max-width:767px){.jupiter .mega-menu__list-item{margin-top:0;margin-bottom:10px}}.jupiter .mega-menu__list-item--title{margin-top:40px;margin-bottom:10px}@media only screen and (max-width:767px){.jupiter .mega-menu__list-item--title{margin-top:25px}}.jupiter .mega-menu__link{display:block;color:#111;font:400 14px/22px Montserrat,sans-serif}@media only screen and (min-width:768px){.jupiter .mega-menu__link:hover{text-decoration:underline}}.jupiter .footer{position:relative;width:100%;background:#383838;color:#fff;padding:0 150px}@media(max-width:1200px){.jupiter .footer{padding:0 100px}}.jupiter .footer__content-block{width:100%;padding:70px 0;display:flex;align-items:center}.jupiter .footer__social{width:50%;display:flex;flex-direction:column;padding-right:35px}.jupiter .footer__social-list{display:flex;padding-bottom:30px;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2)}.jupiter .footer__social-item{height:35px;width:40px;margin-right:10px;background:hsla(0,0%,100%,.2)}.jupiter .footer__social-item:last-child{margin-right:0}.jupiter .footer__social-link{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.jupiter .footer__social-icon{height:18px;width:18px;pointer-events:none;fill:#fff}.jupiter .footer__subscribe{padding-top:30px}.jupiter .footer__subscribe-description{margin-bottom:30px;font:normal 16px/24px Montserrat,sans-serif;color:hsla(0,0%,100%,.5)}.jupiter .footer__info{width:50%;display:flex}.jupiter .footer__info-block{width:100%;border-left:1px solid hsla(0,0%,100%,.2)}.jupiter .footer__info-list{display:block;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;padding-left:30px}@media(max-width:414px){.jupiter .footer__info-list{-webkit-column-count:1;-moz-column-count:1;column-count:1}}.jupiter .footer__info-item{margin-bottom:15px;-webkit-column-break-inside:avoid;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.jupiter .footer__info-link{font:normal 16px/20px Montserrat,sans-serif;color:hsla(0,0%,100%,.5)}.jupiter .footer__info-img,.jupiter .footer__info-text{padding-left:28px}.jupiter .footer__company-link{cursor:pointer}.jupiter .footer__contact-link{position:relative;display:flex;align-items:center}.jupiter .footer__contact-link-icon{fill:hsla(0,0%,100%,.6);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:18px;width:18px}.jupiter .footer__copyright{padding:26px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid hsla(0,0%,100%,.2)}.jupiter .footer__copyright-title{color:hsla(0,0%,100%,.5);font:normal 14px/18px Montserrat,sans-serif}.jupiter .footer__payment{display:flex;align-items:center}.jupiter .footer__payment-img{height:30px;width:100px;margin-right:30px}.jupiter .footer__payment-img:last-child{margin-right:0}.jupiter .footer__payment-icon{height:100%;width:100%;pointer-events:none}.jupiter .footer__block-title{font:normal 18px/22px Montserrat,sans-serif;margin-bottom:25px;padding-left:30px;color:hsla(0,0%,100%,.9)}.jupiter .footer__block-title--no-padding-left{padding-left:0}.jupiter .footer__block-title-arrow{display:none}.jupiter .subscribe__form{display:flex;align-items:center}.jupiter .subscribe__input{width:calc(100% - 200px);background:transparent;font:normal 14px/18px Montserrat,sans-serif;padding:10px 20px;border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.5);border-radius:0!important;-webkit-appearance:none}.jupiter .subscribe__btn{cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;height:40px;width:200px;background:#ffbf00;border:2px solid #ffbf00;padding:0 5px;font:500 16px/20px Montserrat,sans-serif;color:#fff;text-transform:uppercase}.jupiter .modal{display:none;z-index:9900;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:70px;overflow:hidden;background:rgba(0,0,0,.7)}.jupiter .modal__btn-close{z-index:8000;position:absolute;top:0;right:0;padding:24px;cursor:pointer}.jupiter .modal__btn-close-icon{width:22px;height:22px;pointer-events:none;fill:#fff}.jupiter .modal__content{height:100%;overflow:hidden}.jupiter .check-avail-modal__btn-close,.jupiter .modal.is-touch .modal__btn-close{display:none}.jupiter .check-avail-modal__background{display:none;z-index:11;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .3s}.jupiter .check-avail-modal__background.showed{display:block}.jupiter .check-avail-modal:has(.check-avail-modal__background.showed) .main__booking-container{z-index:12}.jupiter .select2-container{z-index:9995}.jupiter .select2-results{padding:5px 0}.jupiter .select2.select2-container.select2-container--default.select2-container--open .select2-selection--single{border:1px solid #ffbf00}.jupiter .select2.select2-container.select2-container--default .select2-selection--single.is-error{border:1px solid #ee3943}.jupiter .select2.select2-container.select2-container--default.select2-container--open .select2-selection__rendered{height:100%}.jupiter .select2-container--default .select2-results>.select2-results__options{max-height:none}.jupiter .select2-container--default .select2-selection--single{border-radius:0;outline:none}.jupiter .select2-dropdown{border-radius:0}.jupiter .select2-results__option{padding:4px;font:500 16px/20px Montserrat,sans-serif;text-align:center}.jupiter .select2-container--open .select2-dropdown{top:calc(100% + 5px)}.jupiter .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:after{-webkit-transform:rotateX(180deg) translateX(-50%) translateY(50%);transform:rotateX(180deg) translateX(-50%) translateY(50%)}.jupiter .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}.jupiter .select2-container--default .select2-selection--single .select2-selection__arrow:after{position:absolute;top:50%;left:50%;width:15px;height:15px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(/new/designs/80/build/images/down-arrow.png) no-repeat 50%;background-size:contain;content:""}.jupiter .select2-container--default .select2-results__option--highlighted[aria-selected]{background:#f5f7f9;color:#ffbf00}.jupiter .select2-container--open .select2-dropdown--below{border:1px solid #b0b0b0}.jupiter .select2-container--default .select2-selection--single .select2-selection__rendered{font:500 16px/26px Montserrat,sans-serif;text-align:center}.jupiter .select2-container--default .select2-results__option[aria-selected=true]{background:none}.jupiter .slick-list,.jupiter .slick-slide>div,.jupiter .slick-track{height:100%}.jupiter .page__gallery{position:relative;height:410px;overflow:hidden;background:none}.jupiter .page__gallery-arrow-icon{width:25px;height:25px;fill:#333e50}.jupiter .page__gallery--full-width{width:100%}.jupiter .page__gallery-count{display:none;color:#333e50;font:500 14px/18px Montserrat,sans-serif}.jupiter .page__gallery-img,.jupiter .page__gallery-item,.jupiter .page__gallery-slider{width:100%;height:100%}.jupiter .page__gallery-img{-o-object-fit:cover;object-fit:cover;background-size:cover;background-repeat:no-repeat}.jupiter .page__gallery .slick-slide{display:inline-block;height:100%}.jupiter .page__gallery .slick-arrow{display:none;z-index:3;position:absolute;width:50px;height:50px;padding:0;border:none;background:hsla(0,0%,100%,.8);color:transparent;font-size:0;cursor:pointer}.jupiter .page__gallery .slick-arrow:active,.jupiter .page__gallery .slick-arrow:focus,.jupiter .page__gallery .slick-arrow:hover{outline:none}.jupiter .page__gallery .slick-arrow:hover{background:rgba(255,191,0,.5)}.jupiter .page__gallery .slick-arrow:hover .page__gallery-arrow-icon{fill:#fff}.jupiter .page__gallery .slick-arrow.slick-prev{right:50px;bottom:0}.jupiter .page__gallery .slick-arrow.slick-prev .page__gallery-arrow-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jupiter .page__gallery .slick-arrow.slick-next{right:0;bottom:0}.jupiter .page__gallery .slick-arrow.slick-next .page__gallery-arrow-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jupiter .page__all-img{display:flex;z-index:3;position:absolute;bottom:15px;left:15px;align-items:center;padding:5px;color:#fff;font:600 14px/18px Montserrat,sans-serif;cursor:pointer}.jupiter .page__all-img:hover{background:rgba(255,191,0,.5)}.jupiter .page__all-img-icon{width:20px;height:20px;margin-right:10px}.jupiter .page__modal{overflow:hidden}.jupiter .page__modal .page__gallery-arrow-icon{width:25px;height:25px;fill:#ffbf00}.jupiter .page__modal-nav{z-index:3000;position:absolute;right:70px;bottom:70px;left:70px;height:80px;padding:10px 40px;overflow:hidden;background:rgba(51,62,80,.6)}.jupiter .page__modal-nav .slick-slide{margin-right:10px}.jupiter .page__modal-nav-slider{overflow:hidden}.jupiter .page__modal-nav-slider--few-item .slick-list{text-align:center}.jupiter .page__modal-nav-slider--few-item .page__modal-img,.jupiter .page__modal-nav-slider--few-item .slick-slide{max-width:100px!important}.jupiter .page__modal-nav .page__modal-img{height:60px;-o-object-fit:cover;object-fit:cover}.jupiter .page__modal-nav .slick-track--no-transform{display:inline-block!important;width:auto!important;-webkit-transform:none!important;transform:none!important}.jupiter .page__modal .slick-slider.is-touch .slick-arrow{display:none!important}.jupiter .page__modal .slick-slide{display:inline-block;height:100%}@media(max-width:767px){.jupiter .page__modal .slick-slide{width:calc(100vw - 20px)!important}}.jupiter .page__modal-count{position:absolute;bottom:28px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff}.jupiter .page__modal-item{font-size:0;line-height:0;text-align:center;cursor:pointer}.jupiter .page__modal-img,.jupiter .page__modal-item,.jupiter .page__modal-slider{width:100%;height:100%}.jupiter .page__modal-img{-o-object-fit:contain;object-fit:contain}.jupiter .page__modal-slider .page__modal-img{-o-object-fit:cover;object-fit:cover}.jupiter .page__modal .slick-arrow{display:none;z-index:2000;position:absolute;width:50px;height:50px;padding:0;border:1px solid #ffbf00;background:none;color:transparent;font-size:0;cursor:pointer}.jupiter .page__modal .slick-arrow:active,.jupiter .page__modal .slick-arrow:focus,.jupiter .page__modal .slick-arrow:hover{outline:none}.jupiter .page__modal .slick-arrow:hover{background:#ffbf00}.jupiter .page__modal .slick-arrow:hover .page__gallery-arrow-icon{fill:#fff}.jupiter .page__modal .slick-arrow:active{background:none}.jupiter .page__modal .slick-arrow:active .page__gallery-arrow-icon{fill:#ffbf00}.jupiter .page__modal .slick-arrow.slick-prev{top:50%;left:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jupiter .page__modal .slick-arrow.slick-next{top:50%;right:10px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jupiter .page__red-btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 10px;border:2px solid #ffbf00;font:500 16px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jupiter .page__red-btn,.jupiter .page__red-btn--inverse-color-none-red:hover{background:#ffbf00;color:#fff}.jupiter .page__red-btn--inverse-color-none-red:active,.jupiter .page__red-btn--inverse-color-red-none:hover{background:none;color:#ffbf00}.jupiter .page__red-btn--inverse-color-red-none:active{background:#ffbf00;color:#fff}.jupiter .page__red-btn--inverse-color-red-white:hover{background:#fff;color:#ffbf00}.jupiter .page__red-btn--inverse-color-red-white:active{background:#ffbf00;color:#fff}.jupiter .datepicker{position:relative;width:50%;height:100%}.jupiter .datepicker.is-no-click{pointer-events:none}.jupiter .datepicker.is-active{border:1px solid #ffbf00}.jupiter .datepicker.is-active .datepicker__field-number{color:#ffbf00}.jupiter .datepicker__wrapper{display:flex;position:relative;align-items:center;height:100%;padding:5px 36px 5px 20px;border:1px solid #d6d8dc;background:#fff;cursor:pointer}.jupiter .datepicker.is-open .datepicker__wrapper{border-color:#ffbf00}.jupiter .datepicker.is-open .datepicker__field-number{color:#ffbf00}.jupiter .datepicker.is-open .icon-down-arrow{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.jupiter .datepicker.is-open .datepicker__dropdown{display:block}.jupiter .datepicker.is-error{border:1px solid #ffbf00!important}.jupiter .datepicker.is-error .datepicker__field-number{color:#ffbf00!important}.jupiter .datepicker.is-error .icon-down-arrow{-webkit-transform:rotateX(180deg)!important;transform:rotateX(180deg)!important}.jupiter .datepicker.is-error .datepicker__dropdown{display:block!important}.jupiter .datepicker__field{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 20px)}@media only screen and (max-width:767px){.jupiter .datepicker__field{width:calc(100% - 25px)}}.jupiter .datepicker__field-number{margin-right:10px;color:#333e50;font:400 28px/34px Montserrat,sans-serif}@media only screen and (max-width:767px){.jupiter .datepicker__field-number{margin-right:5px}}.jupiter .datepicker__field-subtext{color:#616b78;font:400 14px/18px Montserrat,sans-serif}.jupiter .datepicker__field-subtext:first-letter{text-transform:uppercase}@media only screen and (max-width:767px){.jupiter .datepicker__field-subtext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.jupiter .datepicker__field-text{overflow:hidden;color:#333e50;font:400 14px/18px Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}.jupiter .datepicker__field-text:first-letter{text-transform:uppercase}.jupiter .datepicker__field-img{z-index:1;position:absolute;top:50%;right:5px;width:30px;height:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width:767px){.jupiter .datepicker__field-img{width:20px}}.jupiter .datepicker__field-img-icon{width:100%;height:100%;fill:#333e50}.jupiter .datepicker__dropdown{display:none;z-index:2000;position:absolute;top:calc(100% + 5px);left:0;width:260px;padding:15px 20px;border:1px solid rgba(51,62,80,.2);background:#fff}@media only screen and (max-width:767px){.jupiter .datepicker__dropdown--children{margin-left:-100%}}@media only screen and (max-width:767px){.jupiter .datepicker__dropdown{position:static;min-width:200%;margin-top:5px}}.jupiter .datepicker__dropdown-title{margin-bottom:15px;color:#333e50;font:500 16px/20px Montserrat,sans-serif;white-space:nowrap}.jupiter .datepicker__dropdown-control{display:flex;align-items:center;margin-bottom:15px}.jupiter .datepicker__dropdown-control-btn{display:flex;justify-content:center;width:26px;height:26px;border:2px solid #ffbf00;border-radius:50%;color:#ffbf00;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jupiter .datepicker__dropdown-control-btn:hover{background:#ffbf00;color:#fff}.jupiter .datepicker__dropdown-control-minus{margin-right:15px;font:400 40px/16px Montserrat,sans-serif}.jupiter .datepicker__dropdown-control-plus{font:400 24px/22px Montserrat,sans-serif}.jupiter .datepicker__dropdown-control-count{margin-right:15px;color:#333e50;font:500 16px/20px Montserrat,sans-serif}.jupiter .datepicker__dropdown-select{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.jupiter .datepicker__dropdown-select.is-error{margin-bottom:5px;row-gap:10px}.jupiter .datepicker__dropdown-select.is-error .select2{margin-bottom:0}.jupiter .datepicker__dropdown-select-item{width:33.3333333333%;padding:0 5px}.jupiter .datepicker__dropdown-select-error{display:none;margin-bottom:5px;color:#ee3943;font:300 12px/16px Montserrat,sans-serif}.jupiter .datepicker__dropdown-select-native{width:calc(33.3% - 7px);height:28px;border:1px solid #b0b0b0;border-radius:0;outline:none;background:none}.jupiter .datepicker__dropdown-select-native.is-error{border:1px solid #ee3943}.jupiter .datepicker__dropdown-btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border:1px solid #ffbf00;color:#ffbf00;font:600 16px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jupiter .datepicker__dropdown-btn:hover{background:#ffbf00;color:#fff}.jupiter .datepicker__custom-arrow{width:20px;height:20px}.jupiter .datepicker__custom-arrow--left{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jupiter .datepicker__custom-arrow--right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jupiter .main__datepicker-wrapper--calendar{z-index:4}.jupiter .main__datepicker-wrapper .date-picker-wrapper{z-index:1;position:absolute;padding:0;border:none;background:#fff;box-shadow:none}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper{width:100%}}.jupiter .main__datepicker-wrapper .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.jupiter .main__datepicker-wrapper .date-picker-wrapper.single-date{width:auto}.jupiter .main__datepicker-wrapper .date-picker-wrapper.no-shortcuts{padding:0}.jupiter .main__datepicker-wrapper .date-picker-wrapper.no-topbar{padding-top:12px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-header,.jupiter .main__datepicker-wrapper .date-picker-wrapper .drp_top-bar,.jupiter .main__datepicker-wrapper .date-picker-wrapper.two-months.no-gap .month1 .next,.jupiter .main__datepicker-wrapper .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer{display:flex;align-items:center;justify-content:flex-end;padding:22px 20px 23px;border:1px solid #d4d4d8;border-top:unset;font:500 14px/24px Montserrat,sans-serif}@media only screen and (max-width:1024px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer{padding:10px 15px}}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer{width:100%;padding:20px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer .calendar-hover-range{margin-right:5px;color:#616b78;text-transform:capitalize}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer .calendar-hover-nights{color:#111}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month{padding-bottom:20px}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month{width:100%;margin:0}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-wrapper{display:flex;position:relative;justify-content:space-between;width:100%;padding:20px 20px 0;border:1px solid #d4d4d8;border-radius:0;cursor:default}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;padding:20px 10px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-head{width:100%}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:20px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .next,.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .prev{display:block;padding:0;background-image:url(/new/designs/80/build/images/down-arrow.svg);background-size:contain;background-repeat:no-repeat;cursor:pointer;opacity:1}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .next.is-disabled,.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .prev.is-disabled{cursor:default;opacity:.3;pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .next{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-align:right}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .prev{-webkit-transform:rotate(90deg);transform:rotate(90deg);text-align:left}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow{width:20px;height:30px;font-size:0;line-height:30px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow.is-disabled{pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow.is-disabled .prev{cursor:default;opacity:.3;pointer-events:none}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow{width:30px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-name{font-size:0;line-height:0;text-transform:capitalize}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;color:#111;font:600 16px/20px Montserrat,sans-serif}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-gap{width:1px;background:#d4d4d8}.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name{max-width:500px;margin:0 auto;border-bottom:none}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name__item{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:40px;color:#616b78;font:600 12px/15px Montserrat,sans-serif;text-transform:capitalize}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name__item{width:14.2857142857%}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month1{margin-right:15px}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month1{margin:0;padding-bottom:20px;border-bottom:1px solid #d4d4d8}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month2{margin-left:15px}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month2{margin-top:20px;margin-left:0;padding-bottom:0}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .days-container{padding:0}.jupiter .main__datepicker-wrapper .date-picker-wrapper .days-row{display:flex;width:100%}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .days-row{max-width:500px;margin:0 auto}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day{width:14.2857142857%;height:48px;cursor:default;transition:background-color .3s}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day{height:unset}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-lastMonth,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-nextMonth{cursor:default;pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-checked,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-hovering{background-color:#fffbc2}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background-color:#ffbf00}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected .price__mark{color:#fff}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected:not(.is-checked) .day-text--with-price:after,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected:not(.is-checked) .price__tooltip,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-hovering .day-text--with-price:after,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-hovering .price__tooltip,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected:not(.is-checked) .day-text--with-price:after,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected:not(.is-checked) .price__tooltip{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:6px;border:1px solid transparent;color:#616b78;font:600 14px/18px Montserrat,sans-serif;text-align:center;transition:color .3s}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text--with-price{position:relative}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text--with-price:hover:after{display:block;position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-top-color:#333e50;content:""}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text--with-price:hover .price__tooltip{visibility:visible;opacity:1}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text{padding:3px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid.checked,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid.tmp{display:flex}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.lastMonth,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.nextMonth{background-color:transparent;color:#d6d8dc;cursor:default;pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid .price__mark--lowest,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.lastMonth .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.lastMonth .price__mark--lowest,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.nextMonth .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.nextMonth .price__mark--lowest{color:#d6d8dc}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.valid{color:#111;cursor:pointer;opacity:1}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.valid{height:42px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#ffbf00;color:#fff;opacity:1}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected .price__mark{color:#fff}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected .price__mark--lowest,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected .price__mark--lowest{color:#00a58e}@media only screen and (max-width:1024px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-number{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .select-wrapper{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}.jupiter .main__datepicker-wrapper .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.jupiter .main__datepicker-wrapper .date-picker-wrapper .select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:-1px;left:0;margin:0;padding:0;border:0;outline:0;background:transparent;color:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.jupiter .main__datepicker-wrapper .date-picker-wrapper .date-range-length-tip,.jupiter .main__datepicker-wrapper .date-picker-wrapper .hide,.jupiter .main__datepicker-wrapper .date-picker-wrapper .selected-days,.jupiter .main__datepicker-wrapper .date-picker-wrapper.single-month .time,.jupiter .main__datepicker-wrapper .date-picker-wrapper .time{display:none}.jupiter .price{line-height:12px}.jupiter .price__mark{color:#616b78;font-size:10px;line-height:12px;transition:color .3s}.jupiter .price__mark--lowest{color:#00a58e}.jupiter .price__tooltip{display:block;visibility:hidden;z-index:1;position:absolute;bottom:calc(100% + 12px);left:50%;min-width:140px;padding:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#333e50;color:#fff;font:500 12px/18px Montserrat,sans-serif;white-space:nowrap;opacity:0;transition:all .3s}.jupiter .price__tooltip-text{white-space:nowrap}.jupiter .price__tooltip-curr-price span{font-weight:600}.jupiter .book-frame{overflow:hidden;width:100%;max-width:1060px;margin:0 auto}.jupiter .book-frame iframe{width:100%;height:3500px;overflow:hidden}.jupiter .main{position:relative;width:100%;min-height:605px;padding-bottom:20px}@media only screen and (max-width:767px){.jupiter .main{min-height:auto}}.jupiter .main__hotel{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:30px}@media only screen and (max-width:767px){.jupiter .main__hotel{margin-bottom:15px}}.jupiter .main__hotel-title{color:#111;font:500 34px/50px Montserrat,sans-serif;letter-spacing:1px;text-align:center;text-transform:uppercase}.jupiter .main__hotel-ex-name{margin:5px 0;color:#616b78;font:400 12px/16px Montserrat,sans-serif;text-align:center}.jupiter .main__hotel-subtitle{color:#353e4e;font:italic 400 14px/18px Playfair Display,sans-serif;text-align:center;margin-top:10px}.jupiter .main__hotel-title-block{display:flex;flex-direction:column;align-items:center}.jupiter .main__container{position:relative;width:100%;min-height:500px}.jupiter .main__container.is-fixed-form .main__booking-container{z-index:7000;position:fixed;top:0;bottom:auto;min-height:110px;padding:30px 70px 0;background:#383838}.jupiter .main__container.is-fixed-form .main__booking-title{display:none}.jupiter .main__slider{position:relative;width:100%;height:500px;overflow:hidden}.jupiter .main__slider .slick-slide{display:inline-block}.jupiter .main__slider .slick-arrow{display:none!important}.jupiter .main__booking-container{display:flex;z-index:1;position:absolute;top:0;right:0;bottom:auto;left:0;flex-direction:column;width:100%;min-height:150px;background:#383838}.jupiter .main__booking-title{display:flex;align-items:center;justify-content:center;width:100%;height:55px;min-height:55px;color:#fff;font:500 18px/22px Montserrat,sans-serif}.jupiter .main__booking-title--modal{display:none;margin-bottom:20px;color:#fff}.jupiter .main__booking-btn{display:flex;align-items:center;justify-content:center;width:250px;height:50px;border:2px solid #ffbf00;outline:none;background:#ffbf00;color:#fff;font:600 16px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer}.jupiter .main__form{position:relative;width:100%}.jupiter .main__form-container{display:flex;position:relative;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;min-height:50px;margin:0 0 10px}.jupiter .main__datepicker{display:flex;align-items:center;width:calc(100% - 280px)}.jupiter .main__datepicker-wrapper{display:flex;align-items:center;justify-content:center;width:60%;height:50px}.jupiter .main__datepicker-wrapper--small{width:40%}.jupiter .main__rating{display:flex;position:absolute;top:30px;left:40px;flex-direction:column;align-items:flex-start;justify-content:space-between;width:280px;min-height:200px}.jupiter .main__rating-container{position:relative;width:100%;min-height:70px;margin:0 0 10px;padding:10px 15px;background:rgba(51,62,80,.5)}.jupiter .main__rating-container-view{display:flex;align-items:center}.jupiter .main__rating-title{margin-bottom:10px;color:#fff;font:500 16px/20px Montserrat,sans-serif}.jupiter .main__rating-img{width:100px;height:32px;margin:0 10px 0 0}.jupiter .main__rating-link{color:#fff}.jupiter .main__review{position:relative;width:100%;height:auto;min-height:122px;overflow:hidden;background:rgba(51,62,80,.5)}.jupiter .main__review .page__gallery-arrow-icon{fill:#fff}.jupiter .main__review .slick-arrow:hover{background:none}.jupiter .main__review-title{padding:15px 35px;color:#fff;font:normal 12px/16px Montserrat,sans-serif;text-align:center}.jupiter .main__review-text{padding:0 15px;color:#fff;font:normal 14px/21px Montserrat,sans-serif;text-align:left}.jupiter .main__review .slick-arrow{width:20px;height:20px;border:none;background:none}.jupiter .main__review .slick-arrow.slick-prev{top:10px;left:12px}.jupiter .main__review .slick-arrow.slick-next{top:10px;right:12px}.jupiter .main__choose-us{position:absolute;top:auto;right:40px;bottom:30px;min-width:280px}.jupiter .main .menu-page{z-index:10;position:absolute;top:0;left:-70px;min-width:70px;height:100vh;background:#fff;box-shadow:4px 0 8px 0 rgba(0,0,0,.05)}.jupiter .main .menu-page.is-active{position:fixed;top:0;left:0;min-height:100vh}.jupiter .main .menu-page.is-active .menu-page__list{top:145px}.jupiter .main .menu-page.is-active .menu-page__item{padding-right:25px}.jupiter .main .menu-page.is-active .menu-page-text-active{display:block}.jupiter .main .menu-page.is-fixed,.jupiter .main .menu-page.is-show{position:fixed;top:0;left:0}.jupiter .main .menu-page.is-fixed .menu-page__list{top:0}.jupiter .main .menu-page.is-fixed-form{top:110px}.jupiter .main .menu-page.is-fixed-form .menu-page__list{top:0}.jupiter .main .menu-page__btn-menu{background:#f5f7f9;cursor:pointer}.jupiter .main .menu-page__btn-menu-container{position:relative;width:70px!important;height:45px!important}.jupiter .main .menu-page__btn-menu-icon{width:26px;height:20px;pointer-events:none}.jupiter .main .menu-page__btn-menu-text{display:none;color:#333e50;font:500 15px/20px Montserrat,sans-serif;text-transform:uppercase}.jupiter .main .menu-page__list{position:relative}.jupiter .main .menu-page__item{position:relative;border-bottom:1px solid #eaebed}.jupiter .main .menu-page__item:hover{background:#f5f7f9}.jupiter .main .menu-page__item-link{display:flex;align-items:center;text-decoration:none}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-icon{fill:#ffbf00}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-text{color:#ffbf00}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-img-block{border-left:4px solid #ffbf00}.jupiter .main .menu-page__item-img-block{display:flex;align-items:center;justify-content:center;width:70px;height:75px;border-left:4px solid transparent}.jupiter .main .menu-page__item-icon{width:24px;height:24px;pointer-events:none;fill:#616b78}.jupiter .main .menu-page__item-text{display:none;min-width:250px;color:#616b78;font:normal 18px/22px Montserrat,sans-serif;white-space:nowrap}.jupiter .main__open-form{display:none;z-index:7000;position:fixed;top:44px;right:0;left:0;height:70px;padding:15px 20px;background:#383838}.jupiter .main__open-form.is-show{display:block}.jupiter .main__open-form.is-hide{display:none!important}.jupiter .main__open-form-btn{height:40px}.jupiter .main--form-on-top .main__booking-container{top:auto;bottom:0}.jupiter .main--form-on-top .main__choose-us{top:30px;bottom:auto}.jupiter .main--form-on-top .main-photo__img--1{-o-object-position:0 0;object-position:0 0}.jupiter .main--form-on-top .main-photo__img--2{-o-object-position:0 -25px;object-position:0 -25px}.jupiter .main--form-on-top .main-photo__img--3{-o-object-position:0 -50px;object-position:0 -50px}.jupiter .main--form-on-top .main-photo__img--4{-o-object-position:0 -75px;object-position:0 -75px}.jupiter .main--form-on-top .main-photo__img--5{-o-object-position:0 -100px;object-position:0 -100px}.jupiter .main--form-on-top .main-photo__img--6{-o-object-position:0 -125px;object-position:0 -125px}.jupiter .main--form-on-top .main-photo__img--7{-o-object-position:0 -150px;object-position:0 -150px}.jupiter .main--form-on-top .main-photo__img--8{-o-object-position:0 -175px;object-position:0 -175px}.jupiter .main--form-on-top .main-photo__img--9{-o-object-position:0 -200px;object-position:0 -200px}.jupiter .main--form-on-top .main-photo__img--10{-o-object-position:0 -225px;object-position:0 -225px}.jupiter .main--form-on-top .main-photo__img--11{-o-object-position:0 -250px;object-position:0 -250px}.jupiter .main--form-on-top .main-photo__img--12{-o-object-position:0 -275px;object-position:0 -275px}.jupiter .main--form-on-top .main-photo__img--13{-o-object-position:0 -300px;object-position:0 -300px}.jupiter .main--form-on-top .main-photo__img--14{-o-object-position:0 -325px;object-position:0 -325px}.jupiter .main--form-on-top .main-photo__img--15{-o-object-position:0 -350px;object-position:0 -350px}.jupiter .main--form-on-top .main-photo__img--16{-o-object-position:0 -375px;object-position:0 -375px}.jupiter .main--form-on-top .main-photo__img--17{-o-object-position:0 -400px;object-position:0 -400px}.jupiter .main--form-on-top .main-photo__img--18{-o-object-position:0 -425px;object-position:0 -425px}.jupiter .main--form-on-top .main-photo__img--19{-o-object-position:0 -450px;object-position:0 -450px}.jupiter .main--form-on-top .main-photo__img--20{-o-object-position:0 -475px;object-position:0 -475px}.jupiter .choose-us__wrapper{margin-bottom:10px;padding:15px 25px;background:rgba(51,62,80,.5)}.jupiter .choose-us__btn{position:relative;padding-right:25px;color:#fff;font:500 15px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer}.jupiter .choose-us__btn.is-active{margin-bottom:0}.jupiter .choose-us__btn-arrow{position:absolute;top:50%;right:0;width:20px;height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;fill:#fff}.jupiter .choose-us__list{margin-top:15px}.jupiter .choose-us__list-item{display:flex;align-items:center;margin:0 0 10px}.jupiter .choose-us__icon{width:25px;height:25px;margin-right:5px}.jupiter .choose-us__title{color:#fff;font:500 14px/18px Montserrat,sans-serif}.jupiter .choose-us__subtitle{color:hsla(0,0%,100%,.5);font:500 12px/15px Montserrat,sans-serif}.jupiter .choose-us__all-img{display:flex;align-items:center;padding:15px 20px;background:rgba(51,62,80,.5);cursor:pointer}.jupiter .choose-us__all-img-icon{width:25px;height:25px;pointer-events:none}.jupiter .choose-us__text{width:calc(100% - 25px);padding-left:10px;color:#fff;font:600 14px/18px Montserrat,sans-serif;text-decoration:underline;pointer-events:none}.jupiter .main-photo__img{display:block;width:100%;height:25px;-o-object-fit:cover;object-fit:cover}.jupiter .main-photo__img--1{-o-object-position:0 0;object-position:0 0}.jupiter .main-photo__img--2{-o-object-position:0 -25px;object-position:0 -25px}.jupiter .main-photo__img--3{-o-object-position:0 -50px;object-position:0 -50px}.jupiter .main-photo__img--4{-o-object-position:0 -75px;object-position:0 -75px}.jupiter .main-photo__img--5{-o-object-position:0 -100px;object-position:0 -100px}.jupiter .main-photo__img--6{-o-object-position:0 -125px;object-position:0 -125px}.jupiter .main-photo__img--7{-o-object-position:0 -150px;object-position:0 -150px}.jupiter .main-photo__img--8{-o-object-position:0 -175px;object-position:0 -175px}.jupiter .main-photo__img--9{-o-object-position:0 -200px;object-position:0 -200px}.jupiter .main-photo__img--10{-o-object-position:0 -225px;object-position:0 -225px}.jupiter .main-photo__img--11{-o-object-position:0 -250px;object-position:0 -250px}.jupiter .main-photo__img--12{-o-object-position:0 -275px;object-position:0 -275px}.jupiter .main-photo__img--13{-o-object-position:0 -300px;object-position:0 -300px}.jupiter .main-photo__img--14{-o-object-position:0 -325px;object-position:0 -325px}.jupiter .main-photo__img--15{-o-object-position:0 -350px;object-position:0 -350px}.jupiter .main-photo__img--16{-o-object-position:0 -375px;object-position:0 -375px}.jupiter .main-photo__img--17{-o-object-position:0 -400px;object-position:0 -400px}.jupiter .main-photo__img--18{-o-object-position:0 -425px;object-position:0 -425px}.jupiter .main-photo__img--19{-o-object-position:0 -450px;object-position:0 -450px}.jupiter .main-photo__img--20{-o-object-position:0 -475px;object-position:0 -475px}.jupiter .main-photo--best-imgs{display:flex;align-items:flex-start}.jupiter .main-photo__best-img{max-width:none}.jupiter .check-avail-modal--pinned{z-index:11;position:fixed;top:0;left:0;width:100%;z-index:13;display:none}.jupiter .check-avail-modal--pinned.active,.jupiter .check-avail-modal--pinned .check-avail-modal__background{display:block}.jupiter .check-avail-modal--pinned .main__booking-container{min-height:0;padding:20px 0;z-index:7001;bottom:auto}.jupiter .check-avail-modal--pinned .main__booking-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.jupiter .check-avail-modal--pinned .main__booking-title{line-height:1.2;text-transform:capitalize}.jupiter .check-avail-modal--pinned .main__booking-name{font:600 18px/1.2 Playfair Display,sans-serif;text-wrap:nowrap;display:flex;align-items:center;justify-content:center;color:#fff}.jupiter .check-avail-modal--pinned .main__booking-starts{display:flex;align-items:center;justify-content:center}.jupiter .check-avail-modal--pinned .main__booking-starts svg{fill:#ffbf00;margin-left:4px}.jupiter .check-avail-modal--pinned .main__booking-title{display:inline;height:auto;min-height:auto}.jupiter .check-avail-modal--pinned .main__form-container{height:50px}.jupiter .check-avail-modal--pinned .main__booking-btn,.jupiter .check-avail-modal--pinned .main__datepicker-wrapper{height:40px}.jupiter .check-avail-modal--pinned .datepicker__field-number{font:500 20px/1.2 Montserrat,sans-serif}.jupiter .check-avail-modal--pinned .datepicker__field-text{font:500 14px/1.2 Montserrat,sans-serif}.jupiter .check-avail-modal--pinned .datepicker__field-subtext{font:400 12px/1.2 Montserrat,sans-serif}.jupiter .closest-days{display:none;position:relative;top:12px;order:1;color:#fff;font:400 14px/1.2 Montserrat,sans-serif}@media only screen and (max-width:767px){.jupiter .closest-days{display:block;align-self:flex-start;margin:5px 0 30px}}.jupiter .closest-days__btn{cursor:pointer}.jupiter .closest-days__btn.active{color:#ffbf00}.jupiter .closest-days__btn.disabled{color:#aeaeae}.jupiter .closest-days__btn:hover{color:#ffbf00}.jupiter .closest-days.in-calendar{display:block;top:auto;order:0;margin-right:auto;color:#111;font-weight:500}@media only screen and (max-width:767px){.jupiter .closest-days.in-calendar{display:none}}.jupiter .closest-days.in-calendar .closest-days__btn{margin-right:6px;padding:10px 20px;background-color:#f5f7f9}@media only screen and (max-width:1024px){.jupiter .closest-days.in-calendar .closest-days__btn{padding:5px 10px;margin-right:3px}}.jupiter .closest-days.in-calendar .closest-days__btn.active,.jupiter .closest-days.in-calendar .closest-days__btn:hover{background-color:#ffbf00;color:#fff}.jupiter .closest-days.in-calendar .closest-days__divider{display:none}.jupiter .overview{margin-bottom:50px}.jupiter .overview__property{width:100%;margin-bottom:15px}.jupiter .overview__property-list{width:100%;display:flex;align-items:center;justify-content:space-between}.jupiter .overview__property-item{min-height:140px;width:100%;padding:10px 15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 5px}.jupiter .overview__property-item:first-child{margin-left:0}.jupiter .overview__property-item:last-child{margin-right:0}.jupiter .overview__property-icon{height:30px;width:30px;margin-bottom:5px;fill:#ffbf00}.jupiter .overview__property-title{width:100%;text-align:center;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#616b78;font:500 16px/24px Montserrat,sans-serif}.jupiter .overview__property-value{font:500 20px/36px Montserrat,sans-serif}.jupiter .overview__property-value--small{font:500 14px/30px Montserrat,sans-serif}.jupiter .overview__description{padding-right:40px;background:none}.jupiter .overview__description.is-show .overview__btn-more{display:none}.jupiter .overview__description.is-show .overview__btn-less{display:block}.jupiter .overview__description.is-show .overview__btn-arrow{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.jupiter .overview__description.is-show .overview__text{max-height:none}.jupiter .overview__text{overflow:hidden;margin-bottom:16px;max-height:312px}.jupiter .overview__text-item{margin-bottom:24px;font:400 16px/24px Montserrat,sans-serif;color:#616b78}.jupiter .overview__text-item:last-child{margin-bottom:0}.jupiter .overview__btn{cursor:pointer;display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:500 16px/20px Montserrat,sans-serif;color:#333e50}.jupiter .overview__btn-arrow{height:20px;width:20px;margin-left:5px}.jupiter .overview__btn-less{display:none}.jupiter .overview__like{width:100%;margin-bottom:20px}.jupiter .overview__like-message{display:inline-flex;align-items:center;padding:10px 15px 10px 0;border-radius:30px;font:500 14px/18px Montserrat,sans-serif;color:#27c79a}.jupiter .overview__like-message-icon{fill:#27c79a;height:20px;width:20px;margin-right:10px}.jupiter .badge{display:flex;align-items:center;padding:7px 16px 7px 14px;gap:4px;border-radius:30px;background:#e6e6e6;color:#1a232c;font:600 9px/11px Montserrat,sans-serif;text-transform:uppercase}@media(max-width:1040px){.jupiter .badge{margin-top:10px}}.jupiter .badge__icon{width:18px;height:18px}.jupiter .badge__anchor{display:inline-block;margin-top:2px;color:#74b71a;font:600 12px/10px Montserrat,sans-serif;text-transform:none}.jupiter .breadcrumbs{display:flex;align-items:center;margin-top:20px}@media only screen and (max-width:767px){.jupiter .breadcrumbs{flex-wrap:wrap;justify-content:center;margin-top:10px}}.jupiter .breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Montserrat,sans-serif;color:#999ba0}.jupiter .breadcrumbs-item__link{color:#999ba0;text-decoration:underline}.jupiter .breadcrumbs-item__arrow{margin:1px 6px 0}@media(max-width:1040px){.jupiter .footer{padding:0 15px}.jupiter .footer__content-block{flex-direction:column}.jupiter .footer__social{width:100%;padding-right:0}.jupiter .footer__info{width:100%}.jupiter .footer__info-block--no-padding-left-tablet .footer__block-title,.jupiter .footer__info-block--no-padding-left-tablet .footer__info-list{padding-left:0}.jupiter .footer__company{border:none;padding-left:0}.jupiter .footer__copyright{flex-direction:column;align-items:flex-start}.jupiter .footer__copyright-title{margin-bottom:20px}.jupiter .subscribe__form{margin-bottom:45px}}@media(max-width:767px){.jupiter .footer__content-block{padding:30px 0 0}.jupiter .footer__social-list{padding-bottom:20px}.jupiter .footer__social-link{margin-right:5px}.jupiter .footer__social-link:last-child{margin-right:0}.jupiter .footer__subscribe-description{margin-bottom:20px;font-size:14px}.jupiter .footer__info{flex-direction:column}.jupiter .footer__info-list{padding-left:0}.jupiter .footer__info-item{margin-bottom:10px}.jupiter .footer__info-link{font-size:14px}.jupiter .footer__info-block{width:100%;border-left:none;border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:15px}.jupiter .footer__copyright{border-top:none}.jupiter .footer__copyright-title{font-size:12px}.jupiter .footer__payment{width:100%;justify-content:space-between}.jupiter .footer__payment-img{margin:0;width:33.3333333333%}.jupiter .footer__block-title{position:relative;margin-bottom:15px;padding-right:30px;padding-left:0;font-size:16px}.jupiter .footer__block-title-arrow{display:block;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:5px;height:20px;width:20px;fill:#fff}.jupiter .subscribe__form{margin-bottom:30px;flex-direction:column}.jupiter .subscribe__input{width:100%;margin-bottom:10px;font-size:14px}.jupiter .subscribe__btn{width:100%;font-size:14px}}@media(max-width:1040px){.jupiter .main__hotel-title{font:500 28px/34px Montserrat,sans-serif}.jupiter .main__form-container{flex-direction:column;margin:0 0 10px}.jupiter .main__review{display:none}.jupiter .main .menu-page{display:none;height:44px;position:fixed;top:0;right:0;left:0;box-shadow:0 1px 8px 3px rgba(0,0,0,.05)}.jupiter .main .menu-page.is-hide{display:none!important}.jupiter .main .menu-page.is-active{min-height:40px}.jupiter .main .menu-page__list{background:#fff;overflow-x:auto;white-space:nowrap}.jupiter .main .menu-page__item{display:inline-block;border-bottom:none;margin-right:15px}.jupiter .main .menu-page__item-img-block{height:40px;width:32px;border-left:none}.jupiter .main .menu-page__item-text{display:block;min-width:0;text-transform:uppercase;font:normal 13px/16px Montserrat,sans-serif}.jupiter .main .menu-page__item-icon{height:18px;width:18px}.jupiter .main .menu-page__item-link{border-bottom:4px solid #fff}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-img-block{border-left:none}.jupiter .main .menu-page__item-link.is-item-now{border-bottom:4px solid #ffbf00}.jupiter .main .menu-page__btn-menu{display:none}.jupiter .main .menu-page.is-fixed-form{top:0}.jupiter .main__booking-container{min-height:170px}.jupiter .main__booking-title{font:600 20px/24px Montserrat,sans-serif}.jupiter .main__datepicker{width:100%}.jupiter .main__datepicker-wrapper{position:relative;margin-bottom:15px}.jupiter .main__container.is-fixed-form .main__booking-container{top:40px}.jupiter .main__container.is-fixed-form.is-hide .main__booking-container{display:none!important}}@media(max-width:767px){.jupiter .main{min-height:auto;padding-bottom:10px}.jupiter .main__container{min-height:auto;display:flex;flex-direction:column-reverse}.jupiter .main__hotel{min-height:87px}.jupiter .main__hotel-title{font:500 22px/27px Montserrat,sans-serif}.jupiter .main__hotel-subtitle{font:italic 400 12px/15px Playfair Display,sans-serif;margin-top:10px}.jupiter .main__slider{height:190px}.jupiter .main__form{width:100%}.jupiter .main__form-container{margin:0 0 20px}.jupiter .main__booking-container{align-items:center;justify-content:center;position:static;background:#383838;min-height:115px}.jupiter .main__booking-title{text-align:center;font:600 15px/20px Montserrat,sans-serif}.jupiter .main__booking-title--modal{font:500 16px/22px Montserrat,sans-serif;text-transform:none}.jupiter .main__booking-btn{width:100%}.jupiter .main__choose-us{top:auto;right:0;left:0;bottom:0}.jupiter .main__rating{position:static;display:flex;min-height:70px;min-width:100%;width:100%}.jupiter .main__rating-container{background:#f5f7f9}.jupiter .main__rating-title{color:#333e50;font-weight:700}.jupiter .main__rating-link{color:#333e50}.jupiter .main__datepicker{flex-direction:column}.jupiter .main__datepicker-wrapper{position:relative;height:unset;width:100%;align-items:start}.jupiter .main__datepicker-wrapper--smal{width:100%}.jupiter .main--form-on-top .main__container{display:block}.jupiter .main--form-on-top .main__choose-us{top:auto;right:0;bottom:0;left:0}.jupiter .choose-us__wrapper{display:none}.jupiter .choose-us__all-img{padding:5px;justify-content:center}.jupiter .choose-us__all-img-icon{height:20px;width:20px}.jupiter .choose-us__text{width:auto;padding-left:5px;font:600 12px/16px Montserrat,sans-serif}.jupiter .check-avail-modal.is-open-check-avail-modal{display:block;position:fixed;overflow:hidden;height:100%;width:100%;padding:10px;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:9900}.jupiter .check-avail-modal.is-open-check-avail-modal .check-avail-modal__btn-close{display:block;cursor:pointer;position:absolute;top:0;right:0;padding:24px;z-index:8000}.jupiter .check-avail-modal.is-open-check-avail-modal .check-avail-modal__btn-close-icon{height:22px;width:22px;pointer-events:none;fill:#fff}.jupiter .check-avail-modal.is-open-check-avail-modal .date-picker-wrapper{z-index:1000}.jupiter .check-avail-modal.is-open-check-avail-modal .month1{width:100%;padding-right:0}.jupiter .check-avail-modal.is-open-check-avail-modal .main__form{width:100%}.jupiter .check-avail-modal.is-open-check-avail-modal .datepicker,.jupiter .check-avail-modal.is-open-check-avail-modal .datepicker--small{width:50%}.jupiter .check-avail-modal.is-open-check-avail-modal .main__datepicker{display:flex;flex-direction:column}.jupiter .check-avail-modal.is-open-check-avail-modal .main__datepicker-wrapper{margin-bottom:20px}.jupiter .check-avail-modal.is-open-check-avail-modal .main__datepicker-wrapper--small{margin-bottom:30px}.jupiter .check-avail-modal.is-open-check-avail-modal .main__booking-btn{width:100%}.jupiter .check-avail-modal.is-open-check-avail-modal .main__booking-container{height:100%;overflow-y:auto;background:#383838;padding-top:60px;justify-content:flex-start}.jupiter .check-avail-modal.is-open-check-avail-modal .main__booking-title{display:flex;font:500 16px/22px Montserrat,sans-serif;text-transform:none;margin-bottom:20px}}@media(max-width:1040px){.jupiter .overview__property-list{align-items:flex-start;flex-wrap:wrap}.jupiter .overview__property-item{width:calc(33.33333% - 5px);margin:0 0 10px}.jupiter .overview__description{padding-right:10px;margin-bottom:30px;min-height:0}}@media(max-width:767px){.jupiter .overview .jupiter__section-title{padding-bottom:10px}.jupiter .overview__details .page__gallery-item:nth-of-type(2) img{height:0}.jupiter .overview__property-item{height:130px;width:calc(50% - 5px)}.jupiter .overview__description{padding:0}.jupiter .overview__like{margin-bottom:0}.jupiter .overview__like-message{font:500 12px/16px Montserrat,sans-serif}.jupiter .overview__text{max-height:212px;margin-bottom:5px}.jupiter .overview__text-item{margin-bottom:20px;font:400 14px/21px Montserrat,sans-serif}}@media(max-width:1040px){.jupiter .page__modal-nav{left:20px;right:20px}.jupiter .page__modal-count{display:none}.jupiter .page__modal .slick-arrow{background:hsla(0,0%,100%,.8);border:none}.jupiter .page__modal .slick-arrow:before{border:3px solid #333e50}.jupiter .page__modal .slick-arrow.slick-prev{left:30px}.jupiter .page__modal .slick-arrow.slick-next{right:30px}.jupiter .modal{padding:20px}.jupiter .modal.is-touch .page__modal-nav{display:none}.jupiter .datepicker{position:static}.jupiter .datepicker__dropdown{width:100%}}@media(max-width:1040px)and (orientation:landscape){.jupiter .page__modal-nav{display:none}.jupiter .page__modal-img{-o-object-fit:cover;object-fit:cover}}@media(max-width:767px){.jupiter .page__gallery{height:285px;min-height:0}.jupiter .page__gallery--padding-bottom{padding-bottom:65px}.jupiter .page__gallery--padding-top{padding-top:65px}.jupiter .page__gallery--no-photo-height{height:190px!important}.jupiter .page__gallery-count{display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:17px}.jupiter .page__gallery .slick-arrow{background:none;border:1px solid #ffbf00}.jupiter .page__gallery .slick-arrow:before{border:3px solid #ffbf00}.jupiter .page__gallery .slick-arrow.slick-prev{left:0}.jupiter .page__gallery .slick-arrow.slick-next{right:0}.jupiter .page__gallery-arrow-icon{fill:#ffbf00}.jupiter .page__all-img{bottom:75px}.jupiter .page__modal-nav{display:none}.jupiter .page__modal .slick-arrow.slick-prev{left:10px}.jupiter .page__modal .slick-arrow.slick-next{right:10px}.jupiter .page__modal-img{-o-object-fit:contain;object-fit:contain}.jupiter .page__red-btn{width:100%;font:500 14px/18px Montserrat,sans-serif}.jupiter .modal{padding:10px}.jupiter .datepicker{position:static}.jupiter .datepicker__wrapper{padding:5px 30px 5px 10px}.jupiter .datepicker__field-number{font:400 24px/30px Montserrat,sans-serif}.jupiter .datepicker__field-subtext,.jupiter .datepicker__field-text{font:400 12px/16px Montserrat,sans-serif}.jupiter .datepicker__dropdown{width:100%}}/*! */</style> <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/new/designs/80/build/hotel/style.f0af9ca90544cc6fe9f445a61b650712.css"> <script type="application/ld+json"> { "@type": "Hotel", "image": "/data/Photos/OriginalPhoto/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG", "priceRange" : "From US$ 75", "description": "Offering a solarium and recreational facilities, as well as the views of the courtyard, the trendy B Hotel Barcelona is located within 25 minutes' walk of Camp Nou. Guests, while staying next to a bus stop, are invited to get re-energised using a swimming pool, a solarium and an outdoor swimming pool.", "@context": "https://schema.org", "address": { "addressCountry": "Spain", "addressRegion": "Barcelona", "addressLocality": "Gran Via De Les Corts Catalanes 389", "streetAddress": "Gran Via De Les Corts Catalanes 389", "postalCode": "08015", "@type": "PostalAddress" }, "name": "B Hotel Barcelona", "checkinTime": "15:00-23:59", "checkoutTime": "07:00-12:00", "hasMap": "https://www.google.com/maps/place/41.376482,2.150477/@41.376482,2.150477,17z", "telephone": "34935529500", "email": "b-hotel@nnhotels.es", "alternateName": ["b hotel bcn","b hotel barcelona spain","hotel b hotel barcelona","b-hotel","b hotel barcelona","b hotel","b hotel barcelona spain","b hotel barcelona spain","hotel b hotel barcelona","b-hotel barcelona"], "starRating": { "@type": "Rating", "ratingValue": "3" }, "aggregateRating" : { "@type" : "AggregateRating", "reviewCount" : "3365", "ratingValue" : "8.6", "bestRating" : "10" }, "url": "https://b-hotel.catalonia-hotels.com/en/" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item":{ "name": "Catalonia-hotels" , "@id":"https://www.catalonia-hotels.com/en/" } }, { "@type": "ListItem", "position":"2", "item":{ "name": "⭐3 stars⭐" , "@id":"https://www.catalonia-hotels.com/en/3-stars/" } }, { "@type": "ListItem", "position":"3", "item":{ "name": "Hotels🏨" , "@id":"https://www.catalonia-hotels.com/en/type/hotels-12/" } }, { "@type": "ListItem", "position":"4", "item":{ "name": "Barcelona🗺️" , "@id":"https://www.catalonia-hotels.com/en/barcelona-hotels-45/" } }, { "@type": "ListItem", "position":"5", "item":{ "name": "🏨B Hotel Barcelona" } } ] } </script> <script type="application/ld+json"> [ { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/14657/1465745/1465745975/b-hotel-barcelona-photo-51.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215985/b-hotel-barcelona-photo-4.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123279/b-hotel-barcelona-photo-18.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123075/b-hotel-barcelona-photo-17.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874955/b-hotel-barcelona-photo-95.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122232/b-hotel-barcelona-photo-32.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122610/b-hotel-barcelona-photo-62.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155943/1155943122/b-hotel-barcelona-photo-75.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216181/b-hotel-barcelona-photo-60.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1381/138144/138144519/b-hotel-barcelona-photo-81.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215986/b-hotel-barcelona-photo-5.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122154/b-hotel-barcelona-photo-31.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273120/1273120918/b-hotel-barcelona-photo-29.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155943/1155943461/b-hotel-barcelona-photo-74.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215990/b-hotel-barcelona-photo-11.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273121/1273121593/b-hotel-barcelona-photo-83.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215984/b-hotel-barcelona-photo-3.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216170/b-hotel-barcelona-photo-44.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874958/b-hotel-barcelona-photo-96.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874964/b-hotel-barcelona-photo-97.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216176/b-hotel-barcelona-photo-13.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216171/b-hotel-barcelona-photo-45.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/9422/942263/942263890/b-hotel-barcelona-photo-65.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/3121/312134/312134153/b-hotel-barcelona-photo-100.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/14730/1473033/1473033082/b-hotel-barcelona-photo-46.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216158/b-hotel-barcelona-photo-12.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874937/b-hotel-barcelona-photo-92.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122559/b-hotel-barcelona-photo-35.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273124/1273124044/b-hotel-barcelona-photo-40.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216161/b-hotel-barcelona-photo-25.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155943/1155943332/b-hotel-barcelona-photo-59.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874979/b-hotel-barcelona-photo-79.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/15801/1580141/1580141314/b-hotel-barcelona-photo-10.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874910/b-hotel-barcelona-photo-77.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123354/b-hotel-barcelona-photo-19.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874907/b-hotel-barcelona-photo-87.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122382/b-hotel-barcelona-photo-33.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216167/b-hotel-barcelona-photo-82.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216156/b-hotel-barcelona-photo-38.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/2234/223491/223491071/b-hotel-barcelona-photo-76.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122112/b-hotel-barcelona-photo-70.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122424/b-hotel-barcelona-photo-34.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216154/b-hotel-barcelona-photo-43.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122508/b-hotel-barcelona-photo-50.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123498/b-hotel-barcelona-photo-21.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155942/1155942927/b-hotel-barcelona-photo-55.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155943/1155943059/b-hotel-barcelona-photo-67.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874940/b-hotel-barcelona-photo-93.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273121/1273121833/b-hotel-barcelona-photo-68.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/14730/1473033/1473033541/b-hotel-barcelona-photo-73.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122331/b-hotel-barcelona-photo-37.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123009/b-hotel-barcelona-photo-16.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123435/b-hotel-barcelona-photo-20.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215988/b-hotel-barcelona-photo-7.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/14730/1473033/1473033031/b-hotel-barcelona-photo-64.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155943/1155943182/b-hotel-barcelona-photo-57.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216169/b-hotel-barcelona-photo-78.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122004/b-hotel-barcelona-photo-48.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216165/b-hotel-barcelona-photo-98.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/2258/225823/225823550/b-hotel-barcelona-photo-86.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122475/b-hotel-barcelona-photo-49.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874916/b-hotel-barcelona-photo-88.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216168/b-hotel-barcelona-photo-39.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/14730/1473031/1473031981/b-hotel-barcelona-photo-72.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/14730/1473031/1473031912/b-hotel-barcelona-photo-63.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123156/b-hotel-barcelona-photo-41.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874991/b-hotel-barcelona-photo-80.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216160/b-hotel-barcelona-photo-84.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874922/b-hotel-barcelona-photo-90.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122757/b-hotel-barcelona-photo-36.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122076/b-hotel-barcelona-photo-69.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123216/b-hotel-barcelona-photo-61.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/14730/1473033/1473033133/b-hotel-barcelona-photo-47.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122652/b-hotel-barcelona-photo-53.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155943/1155943257/b-hotel-barcelona-photo-58.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/11559/1155943/1155943002/b-hotel-barcelona-photo-56.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273121/1273121314/b-hotel-barcelona-photo-42.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215989/b-hotel-barcelona-photo-30.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122877/b-hotel-barcelona-photo-2.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122952/b-hotel-barcelona-photo-15.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123906/b-hotel-barcelona-photo-23.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/8415/841575/841575317/b-hotel-barcelona-photo-85.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215987/b-hotel-barcelona-photo-6.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216157/b-hotel-barcelona-photo-24.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273122/1273122286/b-hotel-barcelona-photo-71.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874982/b-hotel-barcelona-photo-99.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874928/b-hotel-barcelona-photo-91.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216163/b-hotel-barcelona-photo-9.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273121/1273121374/b-hotel-barcelona-photo-27.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216180/b-hotel-barcelona-photo-54.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273121/1273121089/b-hotel-barcelona-photo-26.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610216/1610216162/b-hotel-barcelona-photo-8.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874952/b-hotel-barcelona-photo-94.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273121/1273121653/b-hotel-barcelona-photo-14.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273123/1273123765/b-hotel-barcelona-photo-22.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/16102/1610215/1610215991/b-hotel-barcelona-photo-52.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/9422/942264/942264160/b-hotel-barcelona-photo-66.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/7558/755874/755874919/b-hotel-barcelona-photo-89.JPEG", "creditText": "B Hotel" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/12731/1273120/1273120774/b-hotel-barcelona-photo-28.JPEG", "creditText": "B Hotel" } ] </script> </head> <body class="jupiter page jupiter-main"> <header class="header js-header-mobile-modal"> <div class="header__inner"> <div class="header__mobile"> <div class="header__logo header-logo j-link" data-code="aHR0cHM6Ly93d3cuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </div> <div class="header__burger js-header-mobile-modal-trigger"> <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5625 3.5H0.4375C0.321468 3.5 0.210188 3.45391 0.128141 3.37186C0.0460936 3.28981 0 3.17853 0 3.0625C0 2.94647 0.0460936 2.83519 0.128141 2.75314C0.210188 2.67109 0.321468 2.625 0.4375 2.625H13.5625C13.6785 2.625 13.7898 2.67109 13.8719 2.75314C13.9539 2.83519 14 2.94647 14 3.0625C14 3.17853 13.9539 3.28981 13.8719 3.37186C13.7898 3.45391 13.6785 3.5 13.5625 3.5Z"/><path d="M13.5625 7.875H0.4375C0.321468 7.875 0.210188 7.82891 0.128141 7.74686C0.0460936 7.66481 0 7.55353 0 7.4375C0 7.32147 0.0460936 7.21019 0.128141 7.12814C0.210188 7.04609 0.321468 7 0.4375 7H13.5625C13.6785 7 13.7898 7.04609 13.8719 7.12814C13.9539 7.21019 14 7.32147 14 7.4375C14 7.55353 13.9539 7.66481 13.8719 7.74686C13.7898 7.82891 13.6785 7.875 13.5625 7.875Z"/><path d="M13.5625 12.25H0.4375C0.321468 12.25 0.210188 12.2039 0.128141 12.1219C0.0460936 12.0398 0 11.9285 0 11.8125C0 11.6965 0.0460936 11.5852 0.128141 11.5031C0.210188 11.4211 0.321468 11.375 0.4375 11.375H13.5625C13.6785 11.375 13.7898 11.4211 13.8719 11.5031C13.9539 11.5852 14 11.6965 14 11.8125C14 11.9285 13.9539 12.0398 13.8719 12.1219C13.7898 12.2039 13.6785 12.25 13.5625 12.25Z"/> </svg> </div> </div> <div class="header__menu menu js-header-mobile-accordion"> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M4.375 0H15.625C18.0413 0 20 1.95875 20 4.375V15.625C20 18.0413 18.0413 20 15.625 20H4.375C1.95875 20 0 18.0413 0 15.625V4.375C0 1.95875 1.95875 0 4.375 0ZM15.625 18.75C17.3509 18.75 18.75 17.3509 18.75 15.625V4.375C18.75 2.6491 17.3509 1.25 15.625 1.25H4.375C2.6491 1.25 1.25 2.6491 1.25 4.375V15.625C1.25 17.3509 2.6491 18.75 4.375 18.75H15.625Z" /><path d="M6.25 4.375H5C4.6548 4.375 4.375 4.6548 4.375 5V6.25C4.375 6.5952 4.6548 6.875 5 6.875H6.25C6.5952 6.875 6.875 6.5952 6.875 6.25V5C6.875 4.6548 6.5952 4.375 6.25 4.375Z" /><path d="M6.25 8.75H5C4.6548 8.75 4.375 9.0298 4.375 9.375V10.625C4.375 10.9702 4.6548 11.25 5 11.25H6.25C6.5952 11.25 6.875 10.9702 6.875 10.625V9.375C6.875 9.0298 6.5952 8.75 6.25 8.75Z" /><path d="M6.25 13.125H5C4.6548 13.125 4.375 13.4048 4.375 13.75V15C4.375 15.3452 4.6548 15.625 5 15.625H6.25C6.5952 15.625 6.875 15.3452 6.875 15V13.75C6.875 13.4048 6.5952 13.125 6.25 13.125Z" /><rect x="8.125" y="5" width="7.5" height="1.25" /><rect x="8.125" y="9.375" width="7.5" height="1.25" /><rect x="8.125" y="13.75" width="7.5" height="1.25" /> </svg> <div class="accordion-btn__text">Collections</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--collections js-header-dropdown-content"> <div class="mega-menu js-mega-menu-accordion"> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Hotels</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Hotels</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">All collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/hotels-12/" class="mega-menu__link js-link">Hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/aparthotels-2/" class="mega-menu__link js-link">Aparthotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">Bed & Breakfasts in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/hostels-11/" class="mega-menu__link js-link">Hostels in Barcelona</a> </li> <li class="mega-menu__list-item mega-menu__list-item--title"> <span class="mega-menu__subtitle">By rating</span> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/5-stars/" class="mega-menu__link js-link">5 star hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/4-stars/" class="mega-menu__link js-link">4 star hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/3-stars/" class="mega-menu__link js-link">3 star hotels in Barcelona</a> </li> </ul> </div> </div> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Holiday rentals</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Holiday rentals</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">All collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/apartments-3/" class="mega-menu__link js-link">Apartments in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/villas-24/" class="mega-menu__link js-link">Villas in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/homestays-32/" class="mega-menu__link js-link">Homestays in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/holiday-homes-33/" class="mega-menu__link js-link">Holiday homes in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/guest-houses-10/" class="mega-menu__link js-link">Guest houses in Barcelona</a> </li> </ul> </div> </div> </div> </div> </div> <div class="menu__item"> <div class="menu__button accordion-btn accordion-btn--link j-link" data-code="L2VuL3N1cHBvcnQv"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="19" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20"> <path d="M16.6,8.2L16.6,8.2V7c0-3.9-3.1-7-7-7c-4,0-7.1,3.1-7.1,7v1.2H2.2c-1,0-1.9,1-1.9,2.1v3.1c0,1.1,0.9,2,1.9,2l0,0H4c0.2,0,0.5-0.2,0.5-0.5l0,0V8.8c0-0.2-0.1-0.6-0.5-0.6H3.5V7c0-3.4,2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1v1.2h-0.5c-0.2,0-0.5,0.2-0.5,0.6v6.1c0,0.2,0.1,0.5,0.4,0.5l0,0h0.6v0.1c-0.7,1-1.9,1.6-3.1,1.5c-0.2-1.4-1.6-2.1-2.9-1.9c-1.1,0.2-2,1.2-2,2.4c0,1.4,1.1,2.5,2.5,2.5c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.5-0.7,0.6-1.2c1.5,0,3-0.7,3.9-2l0.5-0.7c1.1-0.1,1.7-0.7,1.7-1.7v-3C18.6,9.4,17.7,8.2,16.6,8.2z M3.5,14.4H2.3c-0.5,0-1-0.5-1-1l0,0v-3.1c0-0.6,0.4-1.1,1-1.1h1.2V14.4z M11.5,17.4c0,0.4-0.1,0.7-0.4,1s-0.6,0.5-1.1,0.5c-0.7,0-1.5-0.6-1.5-1.5c0-0.7,0.6-1.5,1.5-1.5C10.9,16,11.5,16.6,11.5,17.4L11.5,17.4z M17.6,13.7c0,0.6-0.6,0.7-1,0.7h-1V9.2h1c0.5,0,1,0.7,1,1.4V13.7z"/> </svg> <div class="accordion-btn__text">Support</div> </div> <svg class="accordion-btn__arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> </div> </div> <div class="menu__column menu__column--center"> <div class="header__logo"> <a class="header-logo" href="https://www.catalonia-hotels.com/en/"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </a> </div> <div class="header__close-btn js-header-mobile-modal-close"> <svg width="16" height="16" viewBox="0 0 16 16" fill="#333E50" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> </div> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9939 4.47969 15.5203 0.00609306 10 0ZM19.2535 9.63034H16.4101C16.384 8.27011 16.1678 6.92027 15.7676 5.62C16.387 5.34304 16.976 5.00276 17.5253 4.60449C18.583 6.07343 19.1841 7.82158 19.2535 9.63034ZM15.5393 4.91905C16.0768 4.67177 16.5888 4.37247 17.0681 4.0254C16.026 2.78897 14.6793 1.84579 13.1611 1.28906C14.2338 2.29059 15.0495 3.53569 15.5393 4.91905ZM12.5813 10.3691H15.6758C15.6505 11.6342 15.4543 12.8901 15.0924 14.1025C14.232 13.7815 13.3411 13.5489 12.4336 13.4083C12.5259 12.3706 12.5739 11.3256 12.5813 10.3691ZM15.0963 5.89746C14.2359 6.2185 13.345 6.4511 12.4375 6.5917C12.5261 7.63306 12.5852 8.67811 12.5852 9.63084H15.6724C15.6495 8.36612 15.4557 7.11026 15.0963 5.89746ZM14.8524 5.19971C14.0459 5.5027 13.2108 5.72297 12.3598 5.85702C12.1456 3.8777 11.7615 2.00916 11.167 0.93457C12.7253 1.47002 14.0621 3.04683 14.8524 5.19971ZM11.7167 13.3234C11.7906 12.426 11.846 11.4437 11.846 10.3691H8.16797C8.17905 11.4585 8.22336 12.4408 8.29722 13.3234C9.43371 13.2001 10.5802 13.2001 11.7167 13.3234ZM8.15332 9.63097C8.15332 8.55637 8.20871 7.5741 8.28257 6.67676C8.85038 6.73852 9.42114 6.76935 9.99232 6.76908C10.5659 6.76958 11.1392 6.7388 11.7094 6.67676C11.7833 7.55933 11.8276 8.5416 11.8387 9.63097H8.15332ZM11.643 5.95615C11.2737 2.51819 10.4798 0.738281 9.99972 0.738281C9.51967 0.738281 8.72572 2.51819 8.35645 5.93769C8.90187 6.00333 9.45043 6.03906 9.99972 6.04478C10.5487 6.0452 11.0973 6.01561 11.643 5.95615ZM8.83284 0.93457V0.938263C8.2383 2.01286 7.85426 3.89247 7.64008 5.86071C6.78894 5.72547 5.95378 5.50399 5.14746 5.19971C5.93771 3.04683 7.27449 1.47002 8.83284 0.93457ZM4.32812 9.63084H7.41527C7.41527 8.67811 7.47805 7.63306 7.57037 6.5917C6.66283 6.4511 5.772 6.2185 4.91158 5.89746C4.54964 7.10993 4.35342 8.36575 4.32812 9.63084ZM7.57037 13.4083H7.56298C6.65544 13.5489 5.76461 13.7815 4.9042 14.1025C4.5448 12.8897 4.35102 11.6339 4.32812 10.3691H7.41527C7.41527 11.3219 7.47805 12.3669 7.57037 13.4083ZM4.46057 4.91905C4.95461 3.53417 5.77547 2.28897 6.85348 1.28906C5.32504 1.84021 3.96777 2.78242 2.91699 4.02171C3.40074 4.3709 3.91778 4.67145 4.46057 4.91905ZM2.478 4.60449V4.61188C3.0273 5.01014 3.61634 5.35043 4.23575 5.62739C3.835 6.92512 3.61745 8.27242 3.58952 9.63034H0.746094C0.816625 7.82121 1.41905 6.07301 2.478 4.60449ZM0.746094 10.3691C0.815564 12.1779 1.41665 13.9261 2.47431 15.395C3.02356 14.9967 3.61265 14.6563 4.23206 14.3795C3.83186 13.0792 3.6156 11.7294 3.58952 10.3691H0.746094ZM2.93164 15.9747C3.41091 15.6277 3.92296 15.3284 4.46044 15.0811C4.94969 16.4657 5.76547 17.7121 6.83858 18.7147C5.32003 18.1569 3.97332 17.2125 2.93164 15.9747ZM7.64008 14.1436C6.78908 14.2776 5.95391 14.4979 5.14746 14.8009C5.93771 16.9537 7.27449 18.5306 8.83284 19.066C8.2383 17.9914 7.85426 16.1229 7.64008 14.1436ZM9.99972 19.2614C9.51967 19.2614 8.72572 17.4815 8.35645 14.0435C9.44747 13.9243 10.5483 13.9243 11.6393 14.0435C11.2737 17.4815 10.4798 19.2614 9.99972 19.2614ZM11.1669 19.062V19.0657C12.7253 18.5303 14.062 16.9535 14.8523 14.8006C14.046 14.4963 13.2108 14.2748 12.3597 14.1396C12.1455 16.1078 11.7614 17.9874 11.1669 19.062ZM13.1465 18.711V18.6926C14.222 17.6979 15.0427 16.4593 15.5394 15.0811C16.0822 15.3287 16.5992 15.6292 17.083 15.9784C16.0322 17.2177 14.6749 18.1599 13.1465 18.711ZM17.5224 15.3691V15.395C18.5813 13.9265 19.1838 12.1783 19.2543 10.3691H16.4109C16.3812 11.7208 16.1637 13.0619 15.7646 14.3536C16.3841 14.6306 16.9731 14.9709 17.5224 15.3691Z" /> </svg> <div class="accordion-btn__text">English</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--languages js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link js-link j-link" data-code="L2FyLw=="> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ar.svg" width="20" height="20" class="dropdown__icon" alt="ar" loading="lazy"> <div class="dropdown__name">العربية</div> </div> <a class="dropdown__link " href="/zh/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-zh.svg" width="20" height="20" class="dropdown__icon" alt="zh" loading="lazy"> <div class="dropdown__name">简体中文</div> </a> <a class="dropdown__link " href="/cs/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-cs.svg" width="20" height="20" class="dropdown__icon" alt="cs" loading="lazy"> <div class="dropdown__name">Čeština</div> </a> <a class="dropdown__link " href="/da/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-da.svg" width="20" height="20" class="dropdown__icon" alt="da" loading="lazy"> <div class="dropdown__name">Dansk</div> </a> <a class="dropdown__link " href="/de/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-de.svg" width="20" height="20" class="dropdown__icon" alt="de" loading="lazy"> <div class="dropdown__name">Deutsch</div> </a> <a class="dropdown__link is-active" href="/en/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-en.svg" width="20" height="20" class="dropdown__icon" alt="en" > <div class="dropdown__name">English</div> </a> <a class="dropdown__link " href="/es/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-es.svg" width="20" height="20" class="dropdown__icon" alt="es" loading="lazy"> <div class="dropdown__name">Español</div> </a> <a class="dropdown__link " href="/fr/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-fr.svg" width="20" height="20" class="dropdown__icon" alt="fr" loading="lazy"> <div class="dropdown__name">Français</div> </a> <div class="dropdown__link js-link j-link" data-code="L2VsLw=="> <img src="/new/designs/80/common/img/flags/lang-flags/lang-el.svg" width="20" height="20" class="dropdown__icon" alt="el" loading="lazy"> <div class="dropdown__name">Ελληνικά</div> </div> <a class="dropdown__link " href="/he/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-he.svg" width="20" height="20" class="dropdown__icon" alt="he" loading="lazy"> <div class="dropdown__name">עברית</div> </a> <a class="dropdown__link " href="/it/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-it.svg" width="20" height="20" class="dropdown__icon" alt="it" loading="lazy"> <div class="dropdown__name">Italiano</div> </a> <div class="dropdown__link js-link j-link" data-code="L2phLw=="> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ja.svg" width="20" height="20" class="dropdown__icon" alt="ja" loading="lazy"> <div class="dropdown__name">日本語</div> </div> <a class="dropdown__link " href="/ko/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ko.svg" width="20" height="20" class="dropdown__icon" alt="ko" loading="lazy"> <div class="dropdown__name">한국어</div> </a> <div class="dropdown__link js-link j-link" data-code="L2h1Lw=="> <img src="/new/designs/80/common/img/flags/lang-flags/lang-hu.svg" width="20" height="20" class="dropdown__icon" alt="hu" loading="lazy"> <div class="dropdown__name">Magyar</div> </div> <a class="dropdown__link " href="/nl/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-nl.svg" width="20" height="20" class="dropdown__icon" alt="nl" loading="lazy"> <div class="dropdown__name">Nederlands</div> </a> <a class="dropdown__link " href="/pl/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pl.svg" width="20" height="20" class="dropdown__icon" alt="pl" loading="lazy"> <div class="dropdown__name">Polski</div> </a> <a class="dropdown__link " href="/pt/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pt.svg" width="20" height="20" class="dropdown__icon" alt="pt" loading="lazy"> <div class="dropdown__name">Português</div> </a> <a class="dropdown__link " href="/ru/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ru.svg" width="20" height="20" class="dropdown__icon" alt="ru" loading="lazy"> <div class="dropdown__name">Русский</div> </a> <a class="dropdown__link " href="/sv/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-sv.svg" width="20" height="20" class="dropdown__icon" alt="sv" loading="lazy"> <div class="dropdown__name">Svenska</div> </a> <a class="dropdown__link " href="/tr/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-tr.svg" width="20" height="20" class="dropdown__icon" alt="tr" loading="lazy"> <div class="dropdown__name">Türkçe</div> </a> </div> </div> </div> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M2.92891 17.0711C4.81766 18.9598 7.32891 20 10 20C12.6711 20 15.1824 18.9599 17.0711 17.0711C18.9598 15.1823 20 12.6711 20 10C20 7.32891 18.9598 4.81766 17.0711 2.92891C15.1823 1.04016 12.6711 0 10 0C7.32891 0 4.81762 1.04012 2.92891 2.92891C1.0402 4.8177 0 7.32891 0 10C0 12.6711 1.04016 15.1823 2.92891 17.0711ZM1.25 10C1.25 5.17523 5.17523 1.25 10 1.25C14.8248 1.25 18.75 5.17523 18.75 10C18.75 14.8248 14.8248 18.75 10 18.75C5.17523 18.75 1.25 14.8248 1.25 10Z"/> <path d="M10 9.375C9.13844 9.375 8.4375 8.67406 8.4375 7.8125C8.4375 6.95094 9.13844 6.25 10 6.25C10.8616 6.25 11.5625 6.95094 11.5625 7.8125C11.5625 8.15766 11.8423 8.4375 12.1875 8.4375C12.5327 8.4375 12.8125 8.15766 12.8125 7.8125C12.8125 6.47652 11.8759 5.35594 10.625 5.07086V4.375C10.625 4.02984 10.3452 3.75 10 3.75C9.6548 3.75 9.375 4.02984 9.375 4.375V5.07086C8.12414 5.35594 7.1875 6.47652 7.1875 7.8125C7.1875 9.36332 8.44918 10.625 10 10.625C10.8616 10.625 11.5625 11.3259 11.5625 12.1875C11.5625 13.0491 10.8616 13.75 10 13.75C9.13844 13.75 8.4375 13.0491 8.4375 12.1875C8.4375 11.8423 8.1577 11.5625 7.8125 11.5625C7.4673 11.5625 7.1875 11.8423 7.1875 12.1875C7.1875 13.5235 8.12414 14.6441 9.375 14.9291V15.625C9.375 15.9702 9.6548 16.25 10 16.25C10.3452 16.25 10.625 15.9702 10.625 15.625V14.9291C11.8759 14.6441 12.8125 13.5235 12.8125 12.1875C12.8125 10.6367 11.5508 9.375 10 9.375Z"/> </svg> <div class="accordion-btn__text">USD</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--currencies js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link j-link is-active" data-code="Lz9jdXJyZW5jeT0x"> <div class="dropdown__code">USD</div> <div class="dropdown__name">U.S. dollar</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0z"> <div class="dropdown__code">EUR</div> <div class="dropdown__name">Euro</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT03"> <div class="dropdown__code">GBP</div> <div class="dropdown__name">Pound sterling</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xMQ=="> <div class="dropdown__code">AUD</div> <div class="dropdown__name">Australian dollar</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0yMQ=="> <div class="dropdown__code">CAD</div> <div class="dropdown__name">Canadian dollar</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT00OA=="> <div class="dropdown__code">BRL</div> <div class="dropdown__name">Brazilian real</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT00OQ=="> <div class="dropdown__code">BGN</div> <div class="dropdown__name">Bulgarian lev</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT01Nw=="> <div class="dropdown__code">CNY</div> <div class="dropdown__name">Chinese yuan</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT02Ng=="> <div class="dropdown__code">CZK</div> <div class="dropdown__name">Czech koruna</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT00"> <div class="dropdown__code">DKK</div> <div class="dropdown__name">Danish krone</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xMw=="> <div class="dropdown__code">HKD</div> <div class="dropdown__name">Hong Kong dollar</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT03Nw=="> <div class="dropdown__code">ILS</div> <div class="dropdown__name">Israeli new sheqel</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0yMw=="> <div class="dropdown__code">JPY</div> <div class="dropdown__name">Japanese yen</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xMA=="> <div class="dropdown__code">MYR</div> <div class="dropdown__name">Malaysian ringgit</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xMg=="> <div class="dropdown__code">NZD</div> <div class="dropdown__name">New Zealand dollar</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0yMg=="> <div class="dropdown__code">NOK</div> <div class="dropdown__name">Norwegian krone</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xMzU="> <div class="dropdown__code">PLN</div> <div class="dropdown__name">Polish zloty</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xMzY="> <div class="dropdown__code">RON</div> <div class="dropdown__name">Romanian leu</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xMzc="> <div class="dropdown__code">RUB</div> <div class="dropdown__name">Russian ruble</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xNDI="> <div class="dropdown__code">SAR</div> <div class="dropdown__name">Saudi riyal</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0yNA=="> <div class="dropdown__code">SGD</div> <div class="dropdown__name">Singapore dollar</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xNQ=="> <div class="dropdown__code">ZAR</div> <div class="dropdown__name">South African rand</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xNTE="> <div class="dropdown__code">KRW</div> <div class="dropdown__name">South Korean won</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT05"> <div class="dropdown__code">SEK</div> <div class="dropdown__name">Swedish krona</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT04"> <div class="dropdown__code">CHF</div> <div class="dropdown__name">Swiss franc</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xNjI="> <div class="dropdown__code">TRY</div> <div class="dropdown__name">Turkish lira</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0xNjY="> <div class="dropdown__code">UAH</div> <div class="dropdown__name">Ukrainian hryvnia</div> </div> <div class="dropdown__link j-link" data-code="Lz9jdXJyZW5jeT0y"> <div class="dropdown__code">THB</div> <div class="dropdown__name">Thai baht</div> </div> </div> </div> </div> </div> </div> </div> </header> <div class="jupiter__wrapper-page"> <div class="main jupiter__wrapper-content "> <div class="main__hotel"> <h1 class="main__hotel-title" > B Hotel Barcelona </h1> <p class="main__hotel-subtitle">Gran Via De Les Corts Catalanes 389, Barcelona, Spain</p> <div class="breadcrumbs"> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/" target="_blank">Catalonia-hotels</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/3-stars/" target="_blank">3 stars</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/type/hotels-12/" target="_blank">Hotels</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/barcelona-hotels-45/" target="_blank">Barcelona</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <span class="breadcrumbs-item__text">B Hotel Barcelona</span> </div> </div> </div> <div class="main__open-form j-btn-open-form-container"> <div class="main__booking-btn main__open-form-btn j-check-avail-modal-btn-open">Get Prices</div> </div> <div class="main__container j-main-container"> <div class="main__slider" > <div class="page__gallery-slider"> <div class="page__gallery-item main-photo "> <picture class="js-open-gallery-popup" data-modal="overview"> <source srcset="/data/Photos/700x500w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" media="(max-width: 768px)"> <img class="main-photo__img main-photo__img--1" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" /> <img class="main-photo__img main-photo__img--2" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--3" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--4" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--5" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--6" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--7" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--8" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--9" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--10" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--11" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--12" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--13" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--14" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--15" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--16" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--17" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--18" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--19" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> <img class="main-photo__img main-photo__img--20" importance="high" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" /> </picture> </div> </div> <div class="main__choose-us choose-us j-accordion-desktop-wrapper"> <div class="choose-us__all-img js-open-gallery-popup" data-modal="overview"> <svg class="choose-us__all-img-icon icon-photo-camera"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#photo-camera"></use> </svg> <h3 class="choose-us__text">Open all photos</h3> </div> </div> </div> <div class="check-avail-modal js-check-avail-modal"> <div class="check-avail-modal__btn-close j-check-avail-modal-btn-close"> <svg class="modal__btn-close-icon icon-close-button"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#close-button"></use> </svg> </div> <div class="check-avail-modal__background js-check-avail-background"></div> <div class="main__booking-container check-form j-form-container"> <div class="jupiter__wrapper-content"> <h3 class="main__booking-title">Enter dates to see available properties</h3> <form class="main__form avail-form j-avail-form" action="https://b-hotel.catalonia-hotels.com/en/" method="get" autocomplete="off"> <div class="main__form-container check-form-wrapper"> <div class="main__datepicker"> <div class="main__datepicker-wrapper main__datepicker-wrapper--calendar j-calendar-wrapper"> <div class="datepicker date-wrapper-from j-open-calendar j-date-from-field"> <div class="datepicker__wrapper"> <div class="datepicker__field-number j-date-day">25 </div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month"> March</div> <div class="datepicker__field-subtext j-date-week"> Tuesday</div> </div> <div class="datepicker__field-img"> <svg class="datepicker__field-img-icon icon-calendar"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#calendar"></use> </svg> </div> <div hidden class="js-plural-night-1"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> night) </div> </div> <div hidden class="js-plural-night-2"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> nights) </div> </div> <div hidden class="js-plural-night-5"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> nights) </div> </div> <input class="main__datepicker-from-input j-date-from" type="hidden" name="from" value="2025-03-25"> </div> </div> <div class="datepicker date-wrapper-to j-open-calendar j-date-to-field"> <div class="datepicker__wrapper"> <div class="datepicker__field-number j-date-day">26</div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month"> March</div> <div class="datepicker__field-subtext j-date-week">Wednesday </div> </div> <div class="datepicker__field-img"> <svg class="datepicker__field-img-icon icon-calendar"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#calendar"></use> </svg> </div> <input class="main__datepicker-to-input j-date-to" type="hidden" name="to" value="2025-03-26"> </div> </div> <div class="js-price-container" hidden> <div class="price js-price" data-day="2025-03-25"> <span class="price__mark"> 208 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 25 Mar</p> <p class="price__tooltip-curr-price">USD <span>208</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-26"> <span class="price__mark"> 250 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 26 Mar</p> <p class="price__tooltip-curr-price">USD <span>250</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-27"> <span class="price__mark"> 304 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 27 Mar</p> <p class="price__tooltip-curr-price">USD <span>304</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-28"> <span class="price__mark"> 250 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 28 Mar</p> <p class="price__tooltip-curr-price">USD <span>250</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-29"> <span class="price__mark"> 343 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 29 Mar</p> <p class="price__tooltip-curr-price">USD <span>343</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-30"> <span class="price__mark price__mark--lowest"> 168 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 30 Mar</p> <p class="price__tooltip-curr-price">USD <span>168</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-31"> <span class="price__mark"> 187 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 31 Mar</p> <p class="price__tooltip-curr-price">USD <span>187</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-01"> <span class="price__mark"> 187 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 01 Apr</p> <p class="price__tooltip-curr-price">USD <span>187</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-02"> <span class="price__mark"> 265 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 02 Apr</p> <p class="price__tooltip-curr-price">USD <span>265</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-03"> <span class="price__mark"> 250 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 03 Apr</p> <p class="price__tooltip-curr-price">USD <span>250</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-04"> <span class="price__mark"> 323 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 04 Apr</p> <p class="price__tooltip-curr-price">USD <span>323</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-05"> <span class="price__mark"> 323 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 05 Apr</p> <p class="price__tooltip-curr-price">USD <span>323</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-06"> <span class="price__mark"> 206 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 06 Apr</p> <p class="price__tooltip-curr-price">USD <span>206</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-07"> <span class="price__mark"> 206 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 07 Apr</p> <p class="price__tooltip-curr-price">USD <span>206</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-08"> <span class="price__mark"> 315 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 08 Apr</p> <p class="price__tooltip-curr-price">USD <span>315</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-09"> <span class="price__mark"> 268 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 09 Apr</p> <p class="price__tooltip-curr-price">USD <span>268</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-10"> <span class="price__mark"> 226 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 10 Apr</p> <p class="price__tooltip-curr-price">USD <span>226</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-11"> <span class="price__mark"> 284 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 11 Apr</p> <p class="price__tooltip-curr-price">USD <span>284</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-12"> <span class="price__mark"> 265 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 12 Apr</p> <p class="price__tooltip-curr-price">USD <span>265</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-13"> <span class="price__mark"> 206 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 13 Apr</p> <p class="price__tooltip-curr-price">USD <span>206</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-14"> <span class="price__mark"> 226 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 14 Apr</p> <p class="price__tooltip-curr-price">USD <span>226</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-15"> <span class="price__mark"> 245 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 15 Apr</p> <p class="price__tooltip-curr-price">USD <span>245</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-16"> <span class="price__mark"> 226 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 16 Apr</p> <p class="price__tooltip-curr-price">USD <span>226</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-17"> <span class="price__mark"> 245 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 17 Apr</p> <p class="price__tooltip-curr-price">USD <span>245</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-18"> <span class="price__mark"> 265 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 18 Apr</p> <p class="price__tooltip-curr-price">USD <span>265</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-19"> <span class="price__mark"> 304 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 19 Apr</p> <p class="price__tooltip-curr-price">USD <span>304</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-20"> <span class="price__mark"> 226 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 20 Apr</p> <p class="price__tooltip-curr-price">USD <span>226</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-21"> <span class="price__mark"> 226 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 21 Apr</p> <p class="price__tooltip-curr-price">USD <span>226</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-22"> <span class="price__mark"> 279 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 22 Apr</p> <p class="price__tooltip-curr-price">USD <span>279</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-23"> <span class="price__mark"> 226 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 23 Apr</p> <p class="price__tooltip-curr-price">USD <span>226</span> / 1 night</p> </div> </div> </div> </div> <div class="main__datepicker-wrapper main__datepicker-wrapper--small"> <div class="datepicker j-guests-wrapper"> <div class="datepicker__wrapper j-guests-field"> <div class="datepicker__field-number j-guests-field-number" data-guest-type="adults">2</div> <div class="datepicker__field"> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="1"> adult</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="2"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="3"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="4"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="5"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="6"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="7"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="8"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="9"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="10"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="11"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="12"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="13"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="14"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="15"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="16"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="17"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="18"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="19"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="20"> adults</div> </div> <div class="datepicker__field-img"> <svg class="datepicker__field-img-icon icon-down-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> </div> <div class="datepicker__dropdown j-guest-dropdown"> <div class="datepicker__dropdown-title">Number of adults:</div> <div class="datepicker__dropdown-control"> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-minus j-guest-btn-minus" data-guest-type="adults">-</div> <div class="datepicker__dropdown-control-count j-guest-count" data-guest-type="adults" data-guest-value="2"> 2</div> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-plus j-guest-btn-plus" data-guest-type="adults">+</div> </div> <input class="main__datepicker-adults-input j-guest-input" type="hidden" name="adults" value="2"> </div> </div> <div class="datepicker j-guests-wrapper"> <div class="datepicker__wrapper j-guests-field"> <div class="datepicker__field-number j-guests-field-number" data-guest-type="children">0</div> <div class="datepicker__field"> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="0"> children</div> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="1"> child</div> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="2"> children</div> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="3"> children</div> </div> <div class="datepicker__field-img"> <svg class="datepicker__field-img-icon icon-down-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> </div> <div class="datepicker__dropdown datepicker__dropdown--children j-guest-dropdown"> <div class="datepicker__dropdown-title">Number of children</div> <div class="datepicker__dropdown-control"> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-minus j-guest-btn-minus" data-guest-type="children">- </div> <div class="datepicker__dropdown-control-count j-guest-count j-guest-child-count" data-guest-type="children" data-guest-value="0">0</div> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-plus j-guest-btn-plus" data-guest-type="children">+ </div> <input class="main__datepicker-adults-input j-guest-input" type="hidden" name="children" value="0"> </div> <div class="datepicker__dropdown-title j-guest-child-title" style="display: none"> Ages of children:</div> <div class="datepicker__dropdown-select j-dropdown-select"></div> <div class="datepicker__dropdown-select-error j-guest-child-error-hide j-guest-child-error"> Specify the age of a child</div> <div class="datepicker__dropdown-select-error j-guest-child-error-hide j-guest-child-error-plural"> Specify the age of children</div> </div> </div> </div> </div> <div class="main__closest-days closest-days js-closest-days"> <span class="closest-days__btn js-closest-days-btn" data-checkin="2025-03-24" data-checkout="2025-03-25" data-day="tonight">Tonight</span> <span class="closest-days__divider">/</span> <span class="closest-days__btn js-closest-days-btn" data-checkin="2025-03-25" data-checkout="2025-03-26" data-day="tomorrow">Tomorrow night</span> </div> <button type="submit" class="main__booking-btn page__red-btn--inverse-color-red-white j-main-booking-btn">Get Prices</button> </div> </form> </div> </div> </div> <div class="menu-page j-side-menu"> <ul class="menu-page__list j-menu-page-list"> <li class="menu-page__item menu-page__btn-menu j-side-menu-btn"> <div class="menu-page__item-link"> <span class="menu-page__item-img-block menu-page__btn-menu-container"> <svg class="menu-page__btn-menu-icon icon-menu"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#menu"></use> </svg> </span> <span class="menu-page__btn-menu-text menu-page-text-active">Menu</span> </div> </li> <li class="menu-page__item j-side-menu-item"> <a class="menu-page__item-link j-side-menu-link" href="#" data-menu-target-block="overview"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-overview"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#overview"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Overview</span> </a> </li> <li class="menu-page__item j-side-menu-item"> <a class="menu-page__item-link j-side-menu-link" href="#" data-menu-target-block="map"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-map"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#map"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Map</span> </a> </li> <li class="menu-page__item j-side-menu-item"> <a class="menu-page__item-link j-side-menu-link" href="#" data-menu-target-block="rooms"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-room"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#room"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Rooms</span> </a> </li> <li class="menu-page__item j-side-menu-item"> <a class="menu-page__item-link j-side-menu-link" href="#" data-menu-target-block="amenities"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-amenities"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Amenities</span> </a> </li> <li class="menu-page__item j-side-menu-item"> <a class="menu-page__item-link j-side-menu-link" href="#" data-menu-target-block="info"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-info"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#info"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Important information</span> </a> </li> <li class="menu-page__item"> <a class="menu-page__item-link" href="https://b-hotel.catalonia-hotels.com/en/contact-us/"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-contacts"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#contacts"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Contacts</span> </a> </li> <li class="menu-page__item"> <a class="menu-page__item-link" href="https://b-hotel.catalonia-hotels.com/en/location/"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-location-new"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#location-new"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Location</span> </a> </li> </ul> </div> </div> </div> <div class="overview jupiter__section j-blocks-link-target jupiter__wrapper-content" data-name-block="overview"> <h2 class="jupiter__section-title" >Overview of B Hotel</h2> <div class="overview__details jupiter__section-wrapper"> <div class="overview__description j-article-description jupiter__section-block" data-description="overview"> <div class="overview__like"> <div class="overview__like-message"> <svg class="overview__like-message-icon icon-like"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#like"></use> </svg> Visitors’ most-liked accommodation in Catalonia </div> </div> <div class="overview__text"> <p class="overview__text-item">Offering a solarium and recreational facilities, as well as the views of the courtyard, the trendy B Hotel Barcelona is located within 25 minutes' walk of Camp Nou. Guests, while staying next to a bus stop, are invited to get re-energised using a swimming pool, a solarium and an outdoor swimming pool.</p> <p class="overview__text-item">The hotel has 84 rooms appointed with a flat-screen TV with satellite channels, as well as self-catering options such as a minibar fridge. They are furnished with modern-style decor. A separate toilet and a shower are available in private bathrooms.</p> <p class="overview__text-item">The 3-star hotel is a short distance from The Magic Fountain and right in the centre of Barcelona. Plaza Real is within 25 minutes' walk of the contemporary B Barcelona, which is also situated nearly 5 minutes' walk from Placa d'Espanya. There is the listed Parc Guell 3.8 km away, and Sants Estacio d'Autobus bus station within walking distance of this Barcelona property. For those travelling from afar, Barcelona-El Prat airport is 18 minutes' drive away.</p> <p class="overview__text-item">The B Barcelona features a buffet breakfast. Guests can unwind at the on-site rooftop bar with a favourite drink. Guests can enjoy fabulous views from this bar. Can Valles has its own variety of Spanish meals and is just a 5-minute walk away.</p> <p class="overview__text-item">A rooftop swimming pool and a sun deck can be booked at the designer hotel at an extra charge. The ski facilities include a storage for belongings and ski equipment. The boutique B offers a conference room where guests can use a work desk and a xerox.</p> <div class="overview__text-item"> <div data="checktime"> <div> <b>Check-in:</b> <span>from 15:00 until 23:59</span> </div> <div> <b>Check-out:</b> <span>from 07:00 until 12:00</span> </div> </div> <div data="beds"><ul><li><b>Children and extra beds</b></li><li>There are no extra beds provided in a room.</li></ul></div> </div> </div> <div class="overview__btn j-article-btn-more"> <span class="overview__btn-more">More</span> <span class="overview__btn-less">Less</span> <svg class="overview__btn-arrow icon-down-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> </div> <div class="jupiter__section-block page__gallery j-gallery-wrapper "> <div class="page__gallery-slider j-gallery-slider page__gallery--padding-bottom"> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122877/b-hotel-barcelona-photo-2.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215984/b-hotel-barcelona-photo-3.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215985/b-hotel-barcelona-photo-4.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215986/b-hotel-barcelona-photo-5.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215987/b-hotel-barcelona-photo-6.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215988/b-hotel-barcelona-photo-7.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216162/b-hotel-barcelona-photo-8.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216163/b-hotel-barcelona-photo-9.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/15801/1580141/1580141314/b-hotel-barcelona-photo-10.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215990/b-hotel-barcelona-photo-11.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216158/b-hotel-barcelona-photo-12.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216176/b-hotel-barcelona-photo-13.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273121/1273121653/b-hotel-barcelona-photo-14.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122952/b-hotel-barcelona-photo-15.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123009/b-hotel-barcelona-photo-16.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123075/b-hotel-barcelona-photo-17.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123279/b-hotel-barcelona-photo-18.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123354/b-hotel-barcelona-photo-19.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123435/b-hotel-barcelona-photo-20.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123498/b-hotel-barcelona-photo-21.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123765/b-hotel-barcelona-photo-22.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123906/b-hotel-barcelona-photo-23.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216157/b-hotel-barcelona-photo-24.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216161/b-hotel-barcelona-photo-25.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273121/1273121089/b-hotel-barcelona-photo-26.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273121/1273121374/b-hotel-barcelona-photo-27.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273120/1273120774/b-hotel-barcelona-photo-28.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273120/1273120918/b-hotel-barcelona-photo-29.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215989/b-hotel-barcelona-photo-30.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122154/b-hotel-barcelona-photo-31.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122232/b-hotel-barcelona-photo-32.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122382/b-hotel-barcelona-photo-33.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122424/b-hotel-barcelona-photo-34.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122559/b-hotel-barcelona-photo-35.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122757/b-hotel-barcelona-photo-36.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122331/b-hotel-barcelona-photo-37.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216156/b-hotel-barcelona-photo-38.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216168/b-hotel-barcelona-photo-39.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273124/1273124044/b-hotel-barcelona-photo-40.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123156/b-hotel-barcelona-photo-41.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273121/1273121314/b-hotel-barcelona-photo-42.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216154/b-hotel-barcelona-photo-43.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216170/b-hotel-barcelona-photo-44.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216171/b-hotel-barcelona-photo-45.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/14730/1473033/1473033082/b-hotel-barcelona-photo-46.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/14730/1473033/1473033133/b-hotel-barcelona-photo-47.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122004/b-hotel-barcelona-photo-48.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122475/b-hotel-barcelona-photo-49.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122508/b-hotel-barcelona-photo-50.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/14657/1465745/1465745975/b-hotel-barcelona-photo-51.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610215/1610215991/b-hotel-barcelona-photo-52.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122652/b-hotel-barcelona-photo-53.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216180/b-hotel-barcelona-photo-54.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155942/1155942927/b-hotel-barcelona-photo-55.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155943/1155943002/b-hotel-barcelona-photo-56.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155943/1155943182/b-hotel-barcelona-photo-57.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155943/1155943257/b-hotel-barcelona-photo-58.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155943/1155943332/b-hotel-barcelona-photo-59.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216181/b-hotel-barcelona-photo-60.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273123/1273123216/b-hotel-barcelona-photo-61.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122610/b-hotel-barcelona-photo-62.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/14730/1473031/1473031912/b-hotel-barcelona-photo-63.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/14730/1473033/1473033031/b-hotel-barcelona-photo-64.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/9422/942263/942263890/b-hotel-barcelona-photo-65.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/9422/942264/942264160/b-hotel-barcelona-photo-66.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155943/1155943059/b-hotel-barcelona-photo-67.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273121/1273121833/b-hotel-barcelona-photo-68.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122076/b-hotel-barcelona-photo-69.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122112/b-hotel-barcelona-photo-70.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273122/1273122286/b-hotel-barcelona-photo-71.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/14730/1473031/1473031981/b-hotel-barcelona-photo-72.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/14730/1473033/1473033541/b-hotel-barcelona-photo-73.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155943/1155943461/b-hotel-barcelona-photo-74.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/11559/1155943/1155943122/b-hotel-barcelona-photo-75.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/2234/223491/223491071/b-hotel-barcelona-photo-76.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874910/b-hotel-barcelona-photo-77.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216169/b-hotel-barcelona-photo-78.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874979/b-hotel-barcelona-photo-79.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874991/b-hotel-barcelona-photo-80.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1381/138144/138144519/b-hotel-barcelona-photo-81.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216167/b-hotel-barcelona-photo-82.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/12731/1273121/1273121593/b-hotel-barcelona-photo-83.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216160/b-hotel-barcelona-photo-84.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/8415/841575/841575317/b-hotel-barcelona-photo-85.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/2258/225823/225823550/b-hotel-barcelona-photo-86.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874907/b-hotel-barcelona-photo-87.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874916/b-hotel-barcelona-photo-88.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874919/b-hotel-barcelona-photo-89.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874922/b-hotel-barcelona-photo-90.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874928/b-hotel-barcelona-photo-91.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874937/b-hotel-barcelona-photo-92.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874940/b-hotel-barcelona-photo-93.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874952/b-hotel-barcelona-photo-94.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874955/b-hotel-barcelona-photo-95.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874958/b-hotel-barcelona-photo-96.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874964/b-hotel-barcelona-photo-97.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/16102/1610216/1610216165/b-hotel-barcelona-photo-98.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/7558/755874/755874982/b-hotel-barcelona-photo-99.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/3121/312134/312134153/b-hotel-barcelona-photo-100.JPEG" alt=""> </div> </div> <div class="page__all-img js-open-gallery-popup" data-modal="overview"> <svg class="page__all-img-icon icon-photo-camera"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#photo-camera"></use> </svg> All photos </div> <div class="page__gallery-count j-gallery-count"></div> </div> </div> <div class="video-block"> <iframe class="video-block__video" src="https://www.youtube.com/embed/NbofHbKUiws" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> </div> <div class="map jupiter__section j-blocks-link-target" data-name-block="map"> <h2 class="jupiter__section-title">Map</h2> <h3 class="jupiter__section-subtitle" >Directions to B Hotel</h3> <div class="map__wrapper jupiter__section-wrapper"> <div class="local-attractions map__attractions jupiter__section-block j-local-attractions"> <h2 class="local-attractions__title">Local Attractions</h2> <div class="local-attractions__item "> <div class="local-attractions__img"> <svg class="local-attractions__img-icon svg-icon-airports"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#airports"></use> </svg> </div> <div class="local-attractions__description"> <h4 class="local-attractions__description-category">Airports</h4> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Barcelona-El Prat</div> <div class="local-attractions__description-distance">13.6 km</div> </div> </div> </div> <div class="local-attractions__item "> <div class="local-attractions__img"> <svg class="local-attractions__img-icon svg-icon-local_attractions"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#local_attractions"></use> </svg> </div> <div class="local-attractions__description"> <h4 class="local-attractions__description-category">Attractions</h4> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Barcelona.de</div> <div class="local-attractions__description-distance">400 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Rocafort Metro</div> <div class="local-attractions__description-distance">500 m</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-ramblas-156223/" target="_blank">Ramblas</a> <div class="local-attractions__description-distance">2.1 km</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-liceu-122521/" target="_blank">liceu</a> <div class="local-attractions__description-distance">2.1 km</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-casa-batllo-84685/" target="_blank">Casa Batlló</a> <div class="local-attractions__description-distance">2.2 km</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-catedral-de-barcelona-76360/" target="_blank">Catedral de Barcelona</a> <div class="local-attractions__description-distance">2.3 km</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-plaza-catalunya-76376/" target="_blank">Plaza Catalunya</a> <div class="local-attractions__description-distance">2.4 km</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-la-sagrada-familia-76366/" target="_blank">La Sagrada Familia</a> <div class="local-attractions__description-distance">3.6 km</div> </div> </div> </div> <div class="local-attractions__item local-attractions__item-last "> <div class="local-attractions__img"> <svg class="local-attractions__img-icon svg-icon-train"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#train"></use> </svg> </div> <div class="local-attractions__description"> <h4 class="local-attractions__description-category">Train stations</h4> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Barcelona Sants Railway Station</div> <div class="local-attractions__description-distance">1 km</div> </div> </div> </div> </div> <div class="map__container jupiter__section-block"> <div id="mapbox" class="map__content js-mapbox"></div> </div> </div> </div> <div class="room-block room-block--no-min-height jupiter__section j-blocks-link-target" data-name-block="rooms" id="rooms"> <h2 class="jupiter__section-title" >Rooms & Availability at B Hotel</h2> <div class="js-cont-rooms j-accordion-wrapper" data-accordion="rooms"> <svg class="room-loader__img-icon icon-loading"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#loading"></use> </svg> </div> </div> <div class="amenities jupiter__section j-blocks-link-target" data-name-block="amenities"> <h2 class="jupiter__section-title" >Features of B Hotel Barcelona</h2> <div class="amenities__container jupiter__section-wrapper"> <div class="amenities__container-block jupiter__section-block"> <h3 class="amenities__subtitle">Most popular facilities</h3> <div class="amenities__box"> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-wi-fi"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#wi-fi"></use> </svg> </div> <p class="amenities__box-item-text">Wi-Fi</p> </div> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> <p class="amenities__box-item-abstract-text">24-hour reception</p> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-24-hour-check-in"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#24-hour-check-in"></use> </svg> </div> <p class="amenities__box-item-text">24-hour services</p> </div> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-early-late"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#early-late"></use> </svg> </div> <p class="amenities__box-item-text">Express check-in/ -out</p> </div> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> <p class="amenities__box-item-abstract-text">Infinity pool</p> <p class="amenities__box-item-abstract-text">Rooftop pool</p> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-swimming-pool"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#swimming-pool"></use> </svg> </div> <p class="amenities__box-item-text">Swimming Pool</p> </div> </div> </div> <div class="amenities__details jupiter__section-block j-article-description j-accordion-wrapper" data-accordion="amenities" data-description="amenities"> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-1"></use> </svg> <h4 class="amenities__title-text">General</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">No smoking on site</li> <li class="amenities__list-item">Wi-Fi</li> <li class="amenities__list-item">Parking</li> <li class="amenities__list-item">Safe deposit box</li> <li class="amenities__list-item">24-hour reception</li> <li class="amenities__list-item">Express check-in/ -out</li> <li class="amenities__list-item">No pets allowed</li> <li class="amenities__list-item">Luggage storage</li> <li class="amenities__list-item">Lift</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-3114"></use> </svg> <h4 class="amenities__title-text">Dining</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">Snack bar</li> <li class="amenities__list-item">Bar/ Lounge area</li> <li class="amenities__list-item">Packed lunches</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-2"></use> </svg> <h4 class="amenities__title-text">Leisure & Sports</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">Infinity pool</li> <li class="amenities__list-item">Rooftop pool</li> <li class="amenities__list-item">Sun loungers</li> <li class="amenities__list-item">Sun terrace</li> <li class="amenities__list-item">Solarium</li> <li class="amenities__list-item">Pool with view</li> <li class="amenities__list-item">Shallow end</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-3"></use> </svg> <h4 class="amenities__title-text">Services</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">Laundry</li> <li class="amenities__list-item">Dry cleaning</li> <li class="amenities__list-item">Tours/Ticket assistance</li> <li class="amenities__list-item">Business centre</li> <li class="amenities__list-item">Meeting/ Banquet facilities</li> <li class="amenities__list-item">Fax/Photocopying</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion amenities__title--last-child j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-492"></use> </svg> <h4 class="amenities__title-text">Room Amenities</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">Air conditioning</li> <li class="amenities__list-item">Heating</li> <li class="amenities__list-item">Mini-bar</li> <li class="amenities__list-item">Soundproofed rooms</li> <li class="amenities__list-item">Terrace</li> <li class="amenities__list-item">Tea and coffee facilities</li> <li class="amenities__list-item">Ironing facilities</li> <li class="amenities__list-item">Free toiletries</li> <li class="amenities__list-item">Flat-screen TV</li> <li class="amenities__list-item">AM/FM alarm clock</li> <li class="amenities__list-item">Cots</li> <li class="amenities__list-item">Parquet floor</li> </ul> </div> <div class="amenities__btn j-article-btn-more"> <div class="amenities__btn-more">More</div> <div class="amenities__btn-less">Less</div> <svg class="amenities__btn-arrow icon-down-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> </div> </div> </div> <div class="important-information jupiter__section j-blocks-link-target" data-name-block="info"> <h2 class="jupiter__section-title">Important information</h2> <div class="important-information__container j-important-information-container important-information__container--full-width jupiter__section-wrapper"> <div class="important-information__host-info jupiter__section-block js-importantinfo-height-source"> <div class="host-info"> <h3 class="important-information__title" >Hotel B Hotel Policy</h3> <div class="host-info__policy"> <div data="checktime"> <div> <b>Check-in:</b> <span>from 15:00 until 23:59</span> </div> <div> <b>Check-out:</b> <span>from 07:00 until 12:00</span> </div> </div> <div data="beds"><ul><li><b>Children and extra beds</b></li><li>There are no extra beds provided in a room.</li></ul></div> </div> </div> <div class="important-information__contacts"> <div class="hotel-contacts"> <h3 class="hotel-contacts__title" > B Hotel contacts</h3> <div class="hotel-contacts__inner"> <div class="hotel-contacts__item"> <span class="hotel-contacts__key">Email:</span> <span class="hotel-contacts__value">b-hotel@nnhotels.es</span> </div> <div class="hotel-contacts__item"> <span class="hotel-contacts__key">Phone:</span> <span class="hotel-contacts__value">34935529500</span> </div> </div> </div> </div> </div> </div> </div> <div class="other-hotels-container"> <div class="other-hotels other-hotels-container__block other-hotels-container__block--inner"> <h3 class="other-hotels__title">Popular hotels similar to B Hotel in Catalonia</h3> <div class="other-hotels__slider other-hotels-slider js-inner-other-hotels-slider"> <div class="other-hotels-slider__hotels js-slider-inner"> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9kZW5pdC1ob3RlbC5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12731/1273118/1273118626/img-denit-hotel-barcelona-1.JPEG" alt="Denit Hotel" title="Denit Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://denit-hotel.catalonia-hotels.com/en/" target="_blank">Denit Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer D Estruc, 24-26, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">79 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC12aWxhbWFyaS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15805/1580534/1580534683/img-hotel-vilamari-barcelona-1.JPEG" alt="Vilamari Hotel" title="Vilamari Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-vilamari.catalonia-hotels.com/en/" target="_blank">Vilamari Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Vilamari, 34-36, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">171 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9heXJlLWhvdGVsLWNhc3BlLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16463/1646331/1646331103/img-ayre-hotel-caspe-barcelona-1.JPEG" alt="Sercotel Caspe Hotel" title="Sercotel Caspe Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ayre-hotel-caspe.catalonia-hotels.com/en/" target="_blank">Sercotel Caspe Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">C/ Caspe 103, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">90 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jYWxpZm9ybmlhLWJhcmNlbG9uYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16350/1635084/1635084587/img-california-hotel-barcelona-1.JPEG" alt="California Hotel" title="California Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://california-barcelona.catalonia-hotels.com/en/" target="_blank">California Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Rauric, 14, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">61 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zdW5vdGVsLWNsdWItY2VudHJhbC5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15410/1541098/1541098279/img-sunotel-club-central-barcelona-1.JPEG" alt="Sunotel Club Central Hotel" title="Sunotel Club Central Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://sunotel-club-central.catalonia-hotels.com/en/" target="_blank">Sunotel Club Central Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Valencia, 157, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">219 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9vbGl2aWEtYmFsbWVzLWhvdGVsLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6449/644954/644954424/img-olivia-balmes-hotel-barcelona-1.JPEG" alt="Olivia Balmes Hotel" title="Olivia Balmes Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://olivia-balmes-hotel.catalonia-hotels.com/en/" target="_blank">Olivia Balmes Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer De Balmes, 117, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">163 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9vZC1iYXJjZWxvbmEuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/14439/1443922/1443922990/img-od-hotel-barcelona-1.JPEG" alt="Eurostars Central Hotel" title="Eurostars Central Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://od-barcelona.catalonia-hotels.com/en/" target="_blank">Eurostars Central Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Calle Aragon 300, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">163 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wZXRpdC1wYWxhY2UtYm9xdWVyaWEtZ2FyZGVuLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12730/1273067/1273067902/img-petit-palace-boqueria-garden-barcelona-1.JPEG" alt="Petit Palace Boqueria Garden Hotel" title="Petit Palace Boqueria Garden Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://petit-palace-boqueria-garden.catalonia-hotels.com/en/" target="_blank">Petit Palace Boqueria Garden Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer De La Boqueria, 10, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">117 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1tZXJpZGlhbmEuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16498/1649898/1649898205/img-ibis-meridiana-hotel-barcelona-1.JPEG" alt="Ibis Meridiana Hotel" title="Ibis Meridiana Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ibis-barcelona-meridiana.catalonia-hotels.com/en/" target="_blank">Ibis Meridiana Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Passeig Andreu Nin, 9, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">127 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly92aWxsYS1vbGltcGljLXN1aXRlcy1ob3RlbC1zcGEuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16463/1646337/1646337684/img-villa-olimpic-suites-hotel-and-spa-barcelona-1.JPEG" alt="& Spa Olimpica Hotel" title="& Spa Olimpica Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://villa-olimpic-suites-hotel-spa.catalonia-hotels.com/en/" target="_blank">& Spa Olimpica Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Pallars, 121-125, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">190 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9uZWdyZXNjby1wcmluY2Vzcy5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/5362/536279/536279289/img-negresco-princess-hotel-barcelona-1.JPEG" alt="Negresco Princess 4* Sup Hotel" title="Negresco Princess 4* Sup Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://negresco-princess.catalonia-hotels.com/en/" target="_blank">Negresco Princess 4* Sup Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Roger De Lluria, 16-18, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">79 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9heXJlLWhvdGVsLXJvc2VsbG9uLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6832/683292/683292831/img-ayre-hotel-rosellon-barcelona-1.JPEG" alt="Sercotel Rosellon Hotel" title="Sercotel Rosellon Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ayre-hotel-rosellon.catalonia-hotels.com/en/" target="_blank">Sercotel Rosellon Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Rossello, 390, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">196 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hY3R1YWwuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/9254/925452/925452130/img-actual-hotel-barcelona-1.JPEG" alt="Actual Hotel" title="Actual Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://actual.catalonia-hotels.com/en/" target="_blank">Actual Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Rossello, 238, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">233 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hYy1ob3RlbC1iYXJjZWxvbmEtZm9ydW0uY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16431/1643135/1643135979/img-ac-hotel-forum-barcelona-1.JPEG" alt="Ac Forum By Marriott Hotel" title="Ac Forum By Marriott Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ac-hotel-barcelona-forum.catalonia-hotels.com/en/" target="_blank">Ac Forum By Marriott Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Paseo Taulat 278, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">194 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hYmJhLWdhcmRlbi5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12731/1273137/1273137307/img-abba-garden-hotel-esplugues-de-llobregat-1.JPEG" alt="Abba Garden Hotel" title="Abba Garden Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://abba-garden.catalonia-hotels.com/en/" target="_blank">Abba Garden Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">C/ Santa Rosa, 33, Esplugues de Llobregat, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">121 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly90d28taG90ZWwtYmFyY2Vsb25hLWJ5LWF4ZWwuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16156/1615686/1615686154/img-two-hotel-by-axel-barcelona-1.JPEG" alt="Axel Two 4 Sup - Adults Only Hotel" title="Axel Two 4 Sup - Adults Only Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://two-hotel-barcelona-by-axel.catalonia-hotels.com/en/" target="_blank">Axel Two 4 Sup - Adults Only Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Calabria 90-92, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">202 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly90aGUtc2VycmFzLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10372/1037211/1037211733/img-the-serras-hotel-barcelona-1.JPEG" alt="Serras Hotel" title="Serras Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://the-serras.catalonia-hotels.com/en/" target="_blank">Serras Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Passeig De Colom, 9, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">336 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcmFuZWEuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15802/1580288/1580288135/img-aranea-hotel-barcelona-1.JPEG" alt="Best Aranea Hotel" title="Best Aranea Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://aranea.catalonia-hotels.com/en/" target="_blank">Best Aranea Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Consell De Cent, 444, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">180 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jcmFtLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/14364/1436411/1436411413/img-cram-hotel-barcelona-1.JPEG" alt="Cram Hotel" title="Cram Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://cram.catalonia-hotels.com/en/" target="_blank">Cram Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Aribau, 54, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">97 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wZXN0YW5hLWFyZW5hLWJhcmNlbG9uYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/11498/1149887/1149887554/img-pestana-arena-hotel-barcelona-1.JPEG" alt="Pestana Arena Hotel" title="Pestana Arena Hotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://pestana-arena-barcelona.catalonia-hotels.com/en/" target="_blank">Pestana Arena Hotel</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Consell De Cent, 51-53, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">73 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> </div> <div class="other-hotels-slider__nav js-slider-nav"></div> </div> </div> <div class="other-hotels other-hotels-container__block other-hotels-container__block--outer" style="display: none"> <h3 class="other-hotels__title">TOP most booked hotels worldwide</h3> <div class="other-hotels__slider other-hotels-slider"> <div class="other-hotels-slider__hotels"> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9sZW9uYXJkby1ob3RlbC1iYXJjZWxvbmEtbGFzLXJhbWJsYXMudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16437/1643753/1643753131/img-leonardo-hotel-las-ramblas-barcelona-1.JPEG" alt="Leonardo Las Ramblas Spain" title="Leonardo Las Ramblas Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://leonardo-hotel-barcelona-las-ramblas.topbarcelonahotels.com/en/" target="_blank">Leonardo Las Ramblas Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Junta De Comercio, 8,10,12, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">65 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9vaGxhLWVpeGFtcGxlLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12732/1273241/1273241563/img-ohla-eixample-hotel-barcelona-1.JPEG" alt="Ohla Eixample Spain" title="Ohla Eixample Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ohla-eixample.topbarcelonahotels.com/en/" target="_blank">Ohla Eixample Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer Corsega, 289, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">236 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ub2J1LWhvdGVsLWJhcmNlbG9uYS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15535/1553578/1553578237/img-nobu-hotel-barcelona-1.JPEG" alt="Nobu Spain" title="Nobu Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://nobu-hotel-barcelona.topbarcelonahotels.com/en/" target="_blank">Nobu Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Avenida De Roma, 4, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">282 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9tZXJjdXJlLWJhcmNlbG9uYS1jb25kb3IudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15235/1523505/1523505709/img-mercure-condor-barcelona-1.JPEG" alt="Mercure Condor Spain" title="Mercure Condor Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://mercure-barcelona-condor.topbarcelonahotels.com/en/" target="_blank">Mercure Condor Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Via Augusta, 127, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">61 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYWxtZXMudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/2807/280777/280777521/img-balmes-hotel-barcelona-1.JPEG" alt="Balmes, A Member Of Preferred & Spain" title="Balmes, A Member Of Preferred & Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://balmes.topbarcelonahotels.com/en/" target="_blank">Balmes, A Member Of Preferred & Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Mallorca, 216, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">75 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9mZWVsLWF0LXNhbnRzLWFwYXJ0bWVudHMudG9wLWhvdGVscy10YXJyYWdvbmEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15894/1589467/1589467852/img-feel-at-sants-apartments-barcelona-1.JPEG" alt="Feel At Sants Spain" title="Feel At Sants Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://feel-at-sants-apartments.top-hotels-tarragona.com/en/" target="_blank">Feel At Sants Spain</a> <p class="other-hotel__address">Carrer De Sants 137, Barcelona, Es, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">143 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jbGFzc3ktYmNuLWJhcmNlbG9uYS0wODAyOC50b3AtaG90ZWxzLXRhcnJhZ29uYS5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10241/1024150/1024150660/img-classy-bcn-08028-barcelona-1.JPEG" alt="Classy Bcn Spain" title="Classy Bcn Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://classy-bcn-barcelona-08028.top-hotels-tarragona.com/en/" target="_blank">Classy Bcn Spain</a> <p class="other-hotel__address">Carrer De Pavia, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">195 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcGFydGFtZW50LWNvbmRlLWd1ZWxsLnRvcC1ob3RlbHMtdGFycmFnb25hLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/9172/917219/917219008/img-apartament-conde-guell-barcelona-1.JPEG" alt="Apartament Conde Gueell Spain" title="Apartament Conde Gueell Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://apartament-conde-guell.top-hotels-tarragona.com/en/" target="_blank">Apartament Conde Gueell Spain</a> <p class="other-hotel__address">Comte De Gueell, 30, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">279 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC1hZ3VlcmUuYWRlamUtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/9927/992728/992728024/img-hotel-aguere-la-laguna-tenerife-1.JPEG" alt="Aguere Spain" title="Aguere Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-aguere.adeje-hotels.com/en/" target="_blank">Aguere Spain</a> <p class="other-hotel__address">C/ La carrera, 55, La Laguna (Tenerife), Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">67 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jYW1waW5nLWlnYXJhLWRlLXNhbi1zZWJhc3RpYW4uYmFzcXVlY291bnRyeWhvdGVscy5vcmcvZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/11955/1195595/1195595773/img-camping-igara-de-villa-san-sebastian-1.JPEG" alt="Camping Igara De Spain" title="Camping Igara De Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://camping-igara-de-san-sebastian.basquecountryhotels.org/en/" target="_blank">Camping Igara De Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Camino De Igara, 195, San Sebastian, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">98 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wcmVzdGlnZS1jb3JhbC1wbGF0amEudG9wY29zdGFicmF2YWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12441/1244120/1244120686/img-prestige-coral-platja-hotel-roses-1.JPEG" alt="Platja Spain" title="Platja Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://prestige-coral-platja.topcostabravahotels.com/en/" target="_blank">Platja Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Av. De Rhode, 28, Roses, Es, Roses, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">53 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcGFydGhvdGVsLWFsY3VkaWEtYmVhY2guYWxsbWFsbG9yY2Fob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/14076/1407665/1407665381/img-aparthotel-alcudia-beach-port-de-alcudia-mallorca-1.JPEG" alt="Alcudia Beach Spain" title="Alcudia Beach Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://aparthotel-alcudia-beach.allmallorcahotels.com/en/" target="_blank">Alcudia Beach Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Avenida Nicolas Riera Marsa, 6, Port de Alcudia (Mallorca), Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">204 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9pYmlzLW1hZHJpZC1jZW50cm8tbGFzLXZlbnRhcy5iZXN0aG90ZWxzdG9sZWRvLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15440/1544001/1544001244/img-ibis-centro-las-ventas-hotel-madrid-1.JPEG" alt="Ibis Centro Las Ventas Spain" title="Ibis Centro Las Ventas Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ibis-madrid-centro-las-ventas.besthotelstoledo.com/en/" target="_blank">Ibis Centro Las Ventas Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Calle de Julio Camba 1 Esq Alcala, Madrid, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">134 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9mZXJndXMtc3R5bGUtcGxhemEtcGFyaXMudG9wY29zdGFicmF2YWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15440/1544097/1544097016/img-fergus-style-plaza-paris-hotel-lloret-de-mar-1.JPEG" alt="Alegria Plaza Paris 4*sup Spain" title="Alegria Plaza Paris 4*sup Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://fergus-style-plaza-paris.topcostabravahotels.com/en/" target="_blank">Alegria Plaza Paris 4*sup Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">C/ Placa Paris, 5, Lloret De Mar, Es, Lloret de Mar, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">51 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC1jbHViLXNpcm9jby1zb2xvLWFkdWx0b3MuaW4tY2FuYXJ5LWlzbGFuZHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15373/1537303/1537303645/img-hotel-club-siroco-adults-only-teguise-costa-teguise-1.JPEG" alt="Siroco - Adults Only 18 Spain" title="Siroco - Adults Only 18 Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-club-siroco-solo-adultos.in-canary-islands.com/en/" target="_blank">Siroco - Adults Only 18 Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Avenida Islas Canarias, 17, Costa Teguise, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">111 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9mZXJyZXJhLWJsYW5jYS1jYWxhLWRvci1tYWxsb3JjYS5hbGxtYWxsb3JjYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12724/1272420/1272420889/img-ferrera-blanca-aparthotel-cala-dor-cala-d-or-mallorca-1.JPEG" alt="Marsenses Ferrera Blanca Family Spain" title="Marsenses Ferrera Blanca Family Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ferrera-blanca-cala-dor-mallorca.allmallorcahotels.com/en/" target="_blank">Marsenses Ferrera Blanca Family Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Sa Partio s/n, Cala d'Or (Mallorca), Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">297 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9lZGVuLXJvYy50b3Bjb3N0YWJyYXZhaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12550/1255075/1255075135/img-eden-roc-hotel-sant-feliu-de-guixols-1.JPEG" alt="Eden Roc & Spa By Brava Spain" title="Eden Roc & Spa By Brava Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://eden-roc.topcostabravahotels.com/en/" target="_blank">Eden Roc & Spa By Brava Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Punta Port Salvi S/N, Sant Feliu De Guixols, Es, Sant Feliu de Guixols, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">313 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jYXNhcy1kZWwtbWFyLW9saXZhLmluLWNhbmFyeS1pc2xhbmRzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12807/1280765/1280765881/img-sol-beach-house-fuerteventura-hotel-costa-calma-1.JPEG" alt="Innside By Melia Fuerteventura - Adults Only Spain" title="Innside By Melia Fuerteventura - Adults Only Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://casas-del-mar-oliva.in-canary-islands.com/en/" target="_blank">Innside By Melia Fuerteventura - Adults Only Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Playa Barca, S/N, Costa Calma, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">232 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wZW5zaW9uLXBheXZpLmJpYXJyaXR6aG90ZWxzLmluZm8vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12408/1240857/1240857310/img-pension-payvi-pamplona-1.JPEG" alt="Payvi Spain" title="Payvi Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://pension-payvi.biarritzhotels.info/en/" target="_blank">Payvi Spain</a> <p class="other-hotel__address">Avenida Pio Xii, 24, Pamplona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">48 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly90aGItZmVsaXAuYWxsbWFsbG9yY2Fob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7830/783070/783070128/img-thb-felip-hotel-porto-cristo-1.JPEG" alt="Thb Felip - Adults Only Spain" title="Thb Felip - Adults Only Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://thb-felip.allmallorcahotels.com/en/" target="_blank">Thb Felip - Adults Only Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer Dels Bordils, 41, Manacor, Es, Porto Cristo, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">82 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <div class="footer__content-block"> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-twitter"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#twitter"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-facebook-logo"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#facebook-logo"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-google-plus-logo"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#google-plus-logo"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-linkedin-letters"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#linkedin-letters"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-skype"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#skype"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-instagram-big-logo"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#instagram-big-logo"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-youtube-play"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#youtube-play"></use> </svg> </div> </li> </ul> <div class="footer__subscribe subscribe"> <div class="footer__block-title footer__block-title--no-padding-left">Stay up-to-date</div> <p class="footer__subscribe-description"> By subscribing to our newsletter, you will be the first to get our latest news and promotions. </p> <form class="subscribe__form" method="post" action="/" autocomplete="off"> <input class="subscribe__input" type="email" placeholder="Your email"> <button class="subscribe__btn page__red-btn--inverse-color-red-none" type="submit">Subscribe</button> </form> </div> </div> <div class="footer__info j-no-scroll"> <div class="footer__info-block footer__info-block--no-padding-left-tablet footer__company j-accordion-wrapper" data-accordion="footer"> <p class="footer__block-title accordion j-accordion-title"> Company <svg class="footer__block-title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </p> <ul class="footer__info-list j-accordion-content"> <li class="footer__info-item"> <span class="footer__info-link footer__company-link j-link" data-code="aHR0cHM6Ly93d3cuY2F0YWxvbmlhLWhvdGVscy5jb20vYWJvdXQ=">About Us</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link">Terms of Use</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link">Privacy statement</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link j-link" data-code="aHR0cHM6Ly93d3cuY2F0YWxvbmlhLWhvdGVscy5jb20vYWRkLWhvdGVs">Add your property</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link j-link" data-code="L2VuL3N1cHBvcnQv">Help</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link">FAQ</span> </li> </ul> </div> </div> </div> <div class="footer__copyright"> <span class="footer__copyright-title">Hotel Reservation System | 2025 © catalonia-hotels.com. All rights reserved</span> <ul class="footer__payment"> <li class="footer__payment-img"> <svg class="footer__payment-icon icon-pci"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#pci"></use> </svg> </li> <li class="footer__payment-img"> <svg class="footer__payment-icon icon-mastercard"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#mastercard"></use> </svg> </li> <li class="footer__payment-img"> <svg class="footer__payment-icon icon-visa"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#visa"></use> </svg> </li> </ul> </div> </footer> </div> <div class="room-loader j-rooms-loader"> <div class="room-loader__wrapper"> <div class="room-loader__wrapper-in"> <div class="room-loader__img"> <svg class="room-loader__img-icon icon-loading"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#loading"></use> </svg> </div> <div class="room-loader__text"> Please wait while we are checking availability. </div> </div> </div> </div> <div class="page__modal modal j-modal j-gallery-wrapper" data-modal-block="overview"> <div class="modal__btn-close j-modal-btn-close"> <svg class="modal__btn-close-icon icon-close-button"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#close-button"></use> </svg> </div> <div class="modal__content"> <div class="page__modal-slider j-modal-gallery-slider"> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122877/b-hotel-barcelona-photo-2.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215984/b-hotel-barcelona-photo-3.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215985/b-hotel-barcelona-photo-4.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215986/b-hotel-barcelona-photo-5.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215987/b-hotel-barcelona-photo-6.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215988/b-hotel-barcelona-photo-7.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216162/b-hotel-barcelona-photo-8.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216163/b-hotel-barcelona-photo-9.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/15801/1580141/1580141314/b-hotel-barcelona-photo-10.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215990/b-hotel-barcelona-photo-11.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216158/b-hotel-barcelona-photo-12.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216176/b-hotel-barcelona-photo-13.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273121/1273121653/b-hotel-barcelona-photo-14.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122952/b-hotel-barcelona-photo-15.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123009/b-hotel-barcelona-photo-16.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123075/b-hotel-barcelona-photo-17.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123279/b-hotel-barcelona-photo-18.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123354/b-hotel-barcelona-photo-19.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123435/b-hotel-barcelona-photo-20.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123498/b-hotel-barcelona-photo-21.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123765/b-hotel-barcelona-photo-22.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123906/b-hotel-barcelona-photo-23.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216157/b-hotel-barcelona-photo-24.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216161/b-hotel-barcelona-photo-25.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273121/1273121089/b-hotel-barcelona-photo-26.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273121/1273121374/b-hotel-barcelona-photo-27.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273120/1273120774/b-hotel-barcelona-photo-28.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273120/1273120918/b-hotel-barcelona-photo-29.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215989/b-hotel-barcelona-photo-30.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122154/b-hotel-barcelona-photo-31.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122232/b-hotel-barcelona-photo-32.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122382/b-hotel-barcelona-photo-33.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122424/b-hotel-barcelona-photo-34.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122559/b-hotel-barcelona-photo-35.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122757/b-hotel-barcelona-photo-36.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122331/b-hotel-barcelona-photo-37.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216156/b-hotel-barcelona-photo-38.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216168/b-hotel-barcelona-photo-39.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273124/1273124044/b-hotel-barcelona-photo-40.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123156/b-hotel-barcelona-photo-41.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273121/1273121314/b-hotel-barcelona-photo-42.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216154/b-hotel-barcelona-photo-43.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216170/b-hotel-barcelona-photo-44.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216171/b-hotel-barcelona-photo-45.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/14730/1473033/1473033082/b-hotel-barcelona-photo-46.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/14730/1473033/1473033133/b-hotel-barcelona-photo-47.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122004/b-hotel-barcelona-photo-48.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122475/b-hotel-barcelona-photo-49.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122508/b-hotel-barcelona-photo-50.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/14657/1465745/1465745975/b-hotel-barcelona-photo-51.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610215/1610215991/b-hotel-barcelona-photo-52.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122652/b-hotel-barcelona-photo-53.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216180/b-hotel-barcelona-photo-54.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155942/1155942927/b-hotel-barcelona-photo-55.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155943/1155943002/b-hotel-barcelona-photo-56.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155943/1155943182/b-hotel-barcelona-photo-57.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155943/1155943257/b-hotel-barcelona-photo-58.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155943/1155943332/b-hotel-barcelona-photo-59.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216181/b-hotel-barcelona-photo-60.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273123/1273123216/b-hotel-barcelona-photo-61.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122610/b-hotel-barcelona-photo-62.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/14730/1473031/1473031912/b-hotel-barcelona-photo-63.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/14730/1473033/1473033031/b-hotel-barcelona-photo-64.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/9422/942263/942263890/b-hotel-barcelona-photo-65.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/9422/942264/942264160/b-hotel-barcelona-photo-66.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155943/1155943059/b-hotel-barcelona-photo-67.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273121/1273121833/b-hotel-barcelona-photo-68.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122076/b-hotel-barcelona-photo-69.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122112/b-hotel-barcelona-photo-70.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273122/1273122286/b-hotel-barcelona-photo-71.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/14730/1473031/1473031981/b-hotel-barcelona-photo-72.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/14730/1473033/1473033541/b-hotel-barcelona-photo-73.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155943/1155943461/b-hotel-barcelona-photo-74.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/11559/1155943/1155943122/b-hotel-barcelona-photo-75.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/2234/223491/223491071/b-hotel-barcelona-photo-76.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874910/b-hotel-barcelona-photo-77.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216169/b-hotel-barcelona-photo-78.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874979/b-hotel-barcelona-photo-79.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874991/b-hotel-barcelona-photo-80.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1381/138144/138144519/b-hotel-barcelona-photo-81.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216167/b-hotel-barcelona-photo-82.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/12731/1273121/1273121593/b-hotel-barcelona-photo-83.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216160/b-hotel-barcelona-photo-84.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/8415/841575/841575317/b-hotel-barcelona-photo-85.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/2258/225823/225823550/b-hotel-barcelona-photo-86.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874907/b-hotel-barcelona-photo-87.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874916/b-hotel-barcelona-photo-88.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874919/b-hotel-barcelona-photo-89.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874922/b-hotel-barcelona-photo-90.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874928/b-hotel-barcelona-photo-91.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874937/b-hotel-barcelona-photo-92.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874940/b-hotel-barcelona-photo-93.JPEG" alt="B Hotel Barcelona Spain" title="B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874952/b-hotel-barcelona-photo-94.JPEG" alt="B Hotel Barcelona 3*, Spain" title="B Hotel Barcelona 3*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874955/b-hotel-barcelona-photo-95.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874958/b-hotel-barcelona-photo-96.JPEG" alt="*** B Hotel Barcelona Spain" title="*** B Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874964/b-hotel-barcelona-photo-97.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/16102/1610216/1610216165/b-hotel-barcelona-photo-98.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/7558/755874/755874982/b-hotel-barcelona-photo-99.JPEG" alt="B Hotel Barcelona 3*," title="B Hotel Barcelona 3*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/3121/312134/312134153/b-hotel-barcelona-photo-100.JPEG" alt="B Hotel Barcelona" title="B Hotel Barcelona" > </div> </div> <div class="page__modal-nav"> <div class="page__modal-nav-slider j-slider-nav"> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123825/b-hotel-barcelona-photo-1.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122877/b-hotel-barcelona-photo-2.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215984/b-hotel-barcelona-photo-3.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215985/b-hotel-barcelona-photo-4.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215986/b-hotel-barcelona-photo-5.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215987/b-hotel-barcelona-photo-6.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215988/b-hotel-barcelona-photo-7.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216162/b-hotel-barcelona-photo-8.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216163/b-hotel-barcelona-photo-9.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/15801/1580141/1580141314/b-hotel-barcelona-photo-10.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215990/b-hotel-barcelona-photo-11.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216158/b-hotel-barcelona-photo-12.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216176/b-hotel-barcelona-photo-13.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273121/1273121653/b-hotel-barcelona-photo-14.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122952/b-hotel-barcelona-photo-15.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123009/b-hotel-barcelona-photo-16.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123075/b-hotel-barcelona-photo-17.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123279/b-hotel-barcelona-photo-18.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123354/b-hotel-barcelona-photo-19.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123435/b-hotel-barcelona-photo-20.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123498/b-hotel-barcelona-photo-21.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123765/b-hotel-barcelona-photo-22.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123906/b-hotel-barcelona-photo-23.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216157/b-hotel-barcelona-photo-24.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216161/b-hotel-barcelona-photo-25.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273121/1273121089/b-hotel-barcelona-photo-26.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273121/1273121374/b-hotel-barcelona-photo-27.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273120/1273120774/b-hotel-barcelona-photo-28.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273120/1273120918/b-hotel-barcelona-photo-29.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215989/b-hotel-barcelona-photo-30.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122154/b-hotel-barcelona-photo-31.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122232/b-hotel-barcelona-photo-32.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122382/b-hotel-barcelona-photo-33.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122424/b-hotel-barcelona-photo-34.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122559/b-hotel-barcelona-photo-35.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122757/b-hotel-barcelona-photo-36.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122331/b-hotel-barcelona-photo-37.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216156/b-hotel-barcelona-photo-38.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216168/b-hotel-barcelona-photo-39.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273124/1273124044/b-hotel-barcelona-photo-40.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123156/b-hotel-barcelona-photo-41.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273121/1273121314/b-hotel-barcelona-photo-42.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216154/b-hotel-barcelona-photo-43.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216170/b-hotel-barcelona-photo-44.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216171/b-hotel-barcelona-photo-45.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/14730/1473033/1473033082/b-hotel-barcelona-photo-46.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/14730/1473033/1473033133/b-hotel-barcelona-photo-47.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122004/b-hotel-barcelona-photo-48.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122475/b-hotel-barcelona-photo-49.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122508/b-hotel-barcelona-photo-50.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/14657/1465745/1465745975/b-hotel-barcelona-photo-51.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610215/1610215991/b-hotel-barcelona-photo-52.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122652/b-hotel-barcelona-photo-53.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216180/b-hotel-barcelona-photo-54.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155942/1155942927/b-hotel-barcelona-photo-55.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155943/1155943002/b-hotel-barcelona-photo-56.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155943/1155943182/b-hotel-barcelona-photo-57.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155943/1155943257/b-hotel-barcelona-photo-58.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155943/1155943332/b-hotel-barcelona-photo-59.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216181/b-hotel-barcelona-photo-60.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273123/1273123216/b-hotel-barcelona-photo-61.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122610/b-hotel-barcelona-photo-62.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/14730/1473031/1473031912/b-hotel-barcelona-photo-63.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/14730/1473033/1473033031/b-hotel-barcelona-photo-64.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/9422/942263/942263890/b-hotel-barcelona-photo-65.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/9422/942264/942264160/b-hotel-barcelona-photo-66.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155943/1155943059/b-hotel-barcelona-photo-67.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273121/1273121833/b-hotel-barcelona-photo-68.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122076/b-hotel-barcelona-photo-69.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122112/b-hotel-barcelona-photo-70.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273122/1273122286/b-hotel-barcelona-photo-71.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/14730/1473031/1473031981/b-hotel-barcelona-photo-72.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/14730/1473033/1473033541/b-hotel-barcelona-photo-73.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155943/1155943461/b-hotel-barcelona-photo-74.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/11559/1155943/1155943122/b-hotel-barcelona-photo-75.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/2234/223491/223491071/b-hotel-barcelona-photo-76.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874910/b-hotel-barcelona-photo-77.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216169/b-hotel-barcelona-photo-78.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874979/b-hotel-barcelona-photo-79.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874991/b-hotel-barcelona-photo-80.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1381/138144/138144519/b-hotel-barcelona-photo-81.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216167/b-hotel-barcelona-photo-82.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/12731/1273121/1273121593/b-hotel-barcelona-photo-83.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216160/b-hotel-barcelona-photo-84.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/8415/841575/841575317/b-hotel-barcelona-photo-85.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/2258/225823/225823550/b-hotel-barcelona-photo-86.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874907/b-hotel-barcelona-photo-87.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874916/b-hotel-barcelona-photo-88.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874919/b-hotel-barcelona-photo-89.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874922/b-hotel-barcelona-photo-90.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874928/b-hotel-barcelona-photo-91.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874937/b-hotel-barcelona-photo-92.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874940/b-hotel-barcelona-photo-93.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874952/b-hotel-barcelona-photo-94.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874955/b-hotel-barcelona-photo-95.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874958/b-hotel-barcelona-photo-96.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874964/b-hotel-barcelona-photo-97.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/16102/1610216/1610216165/b-hotel-barcelona-photo-98.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/7558/755874/755874982/b-hotel-barcelona-photo-99.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/3121/312134/312134153/b-hotel-barcelona-photo-100.JPEG" alt=""> </div> </div> </div> </div> <div class="page__modal-count j-gallery-count"></div> </div> <div class="mo-exit-popup js-exit-popup"> <div class="mo-exit-popup__content js-exit-popup-content"> <div class="mo-exit-popup__description"> <h3 class="mo-exit-popup__title">Travelling to Catalonia?</h3> <p class="mo-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="mo-exit-popup__text">Great locations and deals for every budget.</p> <div class="mo-exit-popup__btns"> <button class="mo-exit-popup__btn mo-exit-popup__btn--accent js-exit-popup-accept-btn" type="button"> View deals </button> <button class="mo-exit-popup__btn mo-exit-popup__btn--empty js-exit-popup-close-btn" type="button"> No, thanks </button> </div> <div class="mo-exit-popup__toggle"> <div class="mo-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#checked"> </use> </svg> </div> <p class="mo-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> </div> <img class="mo-exit-popup__img" src="/new/designs/80/hotel/img/exit-popup.svg" alt="main-img"> <div class="mo-exit-popup__close js-exit-popup-close-btn"> <svg class="mo-exit-popup__close-icon svg-icon svg-icon-popup-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#exit-popup-close"> </use> </svg> <p class="mo-exit-popup__close-text">Close, I need more options</p> </div> </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> <script type="text/javascript">window.travel = window.travel || {}; travel.options = { siteDomain: 'catalonia-hotels.com', page:'main', typeObject:'hotel', currencyId:'1', languageId:'1', language:'en', currentDay:'24', currentMonth:'03', currentYear:'2025', logId:'4053752323', track: 'Vf1ZpLyBmh97O9BL', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.catalonia-hotels.com', siteId:'126989', tob: false , nid:'55', guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, hotelName: 'B Hotel', siteNetworkId:'55', hotelDestinationId:'45', objectId:'88908', hotelExtId:'39077', hotelTheme:'8001', hotelDestinationName:"Barcelona", hotelCountry:"Spain", hotelStars:'3', hotelIsApartment:'0', hotelTypeId:'12', popprice:'1', endpointHotelAttractions: {"data":{"923468":{"id":"923468","distance":"2.1 km","minutes":"25-min walk from property"},"561761":{"id":"561761","distance":"2.2 km","minutes":"27-min walk from property"},"4576166":{"id":"4576166","distance":"2.3 km","minutes":"28-min walk from property"},"684553":{"id":"684553","distance":"3.6 km","minutes":"44-min walk from property"},"677144":{"id":"677144","distance":"1.4 km","minutes":"17-min walk from property"},"2922856":{"id":"2922856","distance":"2.3 km","minutes":"28-min walk from property"},"3236976":{"id":"3236976","distance":"2 km","minutes":"25-min walk from property"}},"ids":["923468","561761","4576166","684553","677144","2922856","3236976"]}, endpointHotelRestaurants: {"data":{"535499":{"id":"535499","distance":"60 m","minutes":"1-min walk from property"},"1653749":{"id":"1653749","distance":"170 m","minutes":"3-min walk from property"},"527801":{"id":"527801","distance":"150 m","minutes":"2-min walk from property"},"1654166":{"id":"1654166","distance":"100 m","minutes":"2-min walk from property"},"1653843":{"id":"1653843","distance":"70 m","minutes":"1-min walk from property"},"1654236":{"id":"1654236","distance":"120 m","minutes":"2-min walk from property"},"2150449":{"id":"2150449","distance":"140 m","minutes":"2-min walk from property"},"551347":{"id":"551347","distance":"170 m","minutes":"3-min walk from property"},"2770619":{"id":"2770619","distance":"60 m","minutes":"1-min walk from property"},"2170830":{"id":"2170830","distance":"60 m","minutes":"1-min walk from property"}},"ids":["535499","1653749","527801","1654166","1653843","1654236","2150449","551347","2770619","2170830"]}, attractionInfoInDescription: {"landmarks":[{"id":"974547","name":"Sants Estacio d'Autobus"},{"id":"2069504","name":"Placa d'Espanya"},{"id":"2697419","name":"The Magic Fountain"},{"id":"727498","name":"the listed Parc Guell"},{"id":"10831","name":"Plaza Real"},{"id":"2737265","name":"Camp Nou"},{"id":"508284","name":"Can Valles"}]}, clickTrip:{ currentType:"tab", hotelDestinationDomainName:"catalonia-hotels.com", hotelBookingDestinationType: "city", hotelBookingCityId:"-372490", hotelBookingTypeId:234, hotelBookingId:91198, subAccount:"clicktrip-bn-n55-250325-b_hotel-i88908-s126989-wVf1ZpLyBmh97O9BL-cu_tab-d8001-dc3" }, mapParameters:{ mapProvider:'2', mapKey:'' ,hotelLatitude:'41.376482' ,hotelLongitude:'2.150477' }, availableParams:{ use:'0', dataFrom:'2025-03-25', dataTo:'2025-03-26', guestsAdults:'2', guestsChildren:'0' }, alertMessages:{ messageName:'Please enter your name', messageEmail:'Please enter a valid email address', messageSubject:'Please choose subject', messageMessage:'Please enter message', messageReview:'Please enter text', messageReviewCons:'Please enter text', messageMonth:'Please choose month', messageYear:'Please choose year', messageRating:'Please rate this property', next:'Next', prev:'Previous', messageCalendar:'Enter your dates and check our special offers', messageChildrenTitle: 'Ages of children:' } , stopSpamKey:'etrqdrpvf' , stopSpamValue:'c476b93a270f6b3e679dededa1d69786' };</script> <script> travel.options.validPricesInCalendar = !!'1' </script> <script src="/new/designs/80/build/hotel-vendors/script.5d93ecab39b395b1b2b46c140d5fcfcf.js"></script> <script src="/new/designs/80/build/hotel/script.5d93ecab39b395b1b2b46c140d5fcfcf.js"></script> </body> </html>