CINXE.COM

Ohla Barcelona Hotel , Spain

<!DOCTYPE html> <html xml:lang="en" lang="en" class="en-lang"> <head> <meta name="keywords" content="Ohla Barcelona Barcelona, Ohla Barcelona Barcelona reservation, Ohla Barcelona Barcelona cheap" /> <meta name="description" content="Hotel Ohla Barcelona Barcelona - 5 star hotel. Featuring a currency exchange and a lift, the 5-star Ohla Barcelona Hotel is 10 minutes' drive from Basilica of the Sagrada Familia. The hotel, located around …" /> <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>Ohla Barcelona Hotel , Spain</title> <link rel="canonical" href="https://ohla-barcelona.topbarcelonahotels.com/en/" /> <link rel="alternate" hreflang="ar" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/ar/" title="Arabic" /> <link rel="alternate" hreflang="zh" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/zh/" title="Chinese" /> <link rel="alternate" hreflang="cs" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/cs/" title="Czech" /> <link rel="alternate" hreflang="da" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/da/" title="Danish" /> <link rel="alternate" hreflang="de" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/de/" title="Deutch" /> <link rel="alternate" hreflang="en" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/en/" title="English" /> <link rel="alternate" hreflang="es" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/es/" title="Spanish" /> <link rel="alternate" hreflang="fr" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/fr/" title="French" /> <link rel="alternate" hreflang="el" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/el/" title="Greek" /> <link rel="alternate" hreflang="he" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/he/" title="Hebrew" /> <link rel="alternate" hreflang="it" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/it/" title="Italiano" /> <link rel="alternate" hreflang="ja" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/ja/" title="Japanese" /> <link rel="alternate" hreflang="ko" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/ko/" title="Korean" /> <link rel="alternate" hreflang="hu" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/hu/" title="Hungarian" /> <link rel="alternate" hreflang="nl" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/nl/" title="Dutch" /> <link rel="alternate" hreflang="pl" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/pl/" title="Polish" /> <link rel="alternate" hreflang="pt" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/pt/" title="Portuguese" /> <link rel="alternate" hreflang="ru" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/ru/" title="Russian" /> <link rel="alternate" hreflang="sv" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/sv/" title="Swedish" /> <link rel="alternate" hreflang="tr" type="text/html" href="https://ohla-barcelona.topbarcelonahotels.com/tr/" title="Turkish" /> <link importance="high" rel="preload" href="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-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.4772c7159f11b62b00f04005e4214611.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{margin-right:15px}.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;min-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}.jupiter .datepicker__dropdown-select .select2{margin-bottom:15px}.jupiter .datepicker__dropdown-select.is-error{margin-bottom:5px}.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:50px;height:28px;border:1px solid #b0b0b0;border-radius:0;outline:none;background:none}.jupiter .datepicker__dropdown-select-native:not(:nth-child(3)){margin-right:15px}.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.4772c7159f11b62b00f04005e4214611.css"> <script type="application/ld+json"> { "@type": "Hotel", "image": "/data/Imgs/OriginalPhoto/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG", "priceRange" : "From US$ 321", "description": "Featuring a currency exchange and a lift, the 5-star Ohla Barcelona Hotel is 10 minutes&#039; drive from Basilica of the Sagrada Familia. The hotel, located around 25 minutes on foot from Placa d&#039;Espanya, boasts a swimming pool along with a treatment room, a solarium, and a sauna.", "@context": "https://schema.org", "address": { "addressCountry": "Spain", "addressRegion": "Barcelona", "addressLocality": "Via Laietana 49", "streetAddress": "Via Laietana 49", "postalCode": "08003", "@type": "PostalAddress" }, "name": "Ohla Barcelona Hotel", "checkinTime": "15:00-23:59", "checkoutTime": "04:00-12:00", "hasMap": "https://www.google.com/maps/place/41.387079,2.174427/@41.387079,2.174427,17z", "telephone": "34933415050", "email": "info@ohlahotel.com", "alternateName": ["ohla barcelona","ohla barcelona","hotel ohla barcelona","ohla hotel barcelona","ohla barcelona hotel","ohla hotel barcelona","ohla barcelona","ohla barcelona","hotel ohla barcelona","ohla barcelona hotel"], "starRating": { "@type": "Rating", "ratingValue": "5" }, "aggregateRating" : { "@type" : "AggregateRating", "reviewCount" : "1838", "ratingValue" : "9.1", "bestRating" : "10" }, "url": "https://ohla-barcelona.topbarcelonahotels.com/en/" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item":{ "name": "Topbarcelonahotels" , "@id":"https://www.topbarcelonahotels.com/en/" } }, { "@type": "ListItem", "position":"2", "item":{ "name": "⭐5 stars⭐" , "@id":"https://www.topbarcelonahotels.com/en/5-stars/" } }, { "@type": "ListItem", "position":"3", "item":{ "name": "Hotels🏨" , "@id":"https://www.topbarcelonahotels.com/en/type/hotels-12/" } }, { "@type": "ListItem", "position":"4", "item":{ "name": "🏨Ohla Barcelona Hotel" } } ] } </script> <script type="application/ld+json"> [ { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/9438/943843/943843432/img-ohla-hotel-barcelona-26.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073569/img-ohla-hotel-barcelona-34.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072327/img-ohla-hotel-barcelona-54.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075045/img-ohla-hotel-barcelona-84.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207915/1207915696/img-ohla-hotel-barcelona-61.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074181/img-ohla-hotel-barcelona-30.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/10143/1014375/1014375379/img-ohla-hotel-barcelona-80.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/2463/246321/246321021/img-ohla-hotel-barcelona-90.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273076/1273076746/img-ohla-hotel-barcelona-4.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15844/1584446/1584446368/img-ohla-hotel-barcelona-8.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/3965/396513/396513051/img-ohla-hotel-barcelona-33.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15197/1519713/1519713484/img-ohla-hotel-barcelona-10.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075846/img-ohla-hotel-barcelona-53.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073146/img-ohla-hotel-barcelona-50.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207914/1207914745/img-ohla-hotel-barcelona-64.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073218/img-ohla-hotel-barcelona-70.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074892/img-ohla-hotel-barcelona-89.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15197/1519713/1519713343/img-ohla-hotel-barcelona-9.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207915/1207915360/img-ohla-hotel-barcelona-32.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8353/835354/835354886/img-ohla-hotel-barcelona-24.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12956/1295636/1295636497/img-ohla-hotel-barcelona-39.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273076/1273076515/img-ohla-hotel-barcelona-2.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273076/1273076872/img-ohla-hotel-barcelona-5.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/3965/396513/396513033/img-ohla-hotel-barcelona-47.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8353/835357/835357841/img-ohla-hotel-barcelona-28.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072837/img-ohla-hotel-barcelona-57.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8353/835355/835355408/img-ohla-hotel-barcelona-23.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/5219/521940/521940552/img-ohla-hotel-barcelona-99.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075474/img-ohla-hotel-barcelona-66.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12956/1295637/1295637553/img-ohla-hotel-barcelona-74.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073752/img-ohla-hotel-barcelona-67.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15844/1584446/1584446289/img-ohla-hotel-barcelona-7.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/1888/188858/188858219/img-ohla-hotel-barcelona-27.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073830/img-ohla-hotel-barcelona-72.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8353/835354/835354874/img-ohla-hotel-barcelona-25.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074724/img-ohla-hotel-barcelona-46.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580487/1580487341/img-ohla-hotel-barcelona-20.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072444/img-ohla-hotel-barcelona-98.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273077/1273077523/img-ohla-hotel-barcelona-11.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8353/835357/835357808/img-ohla-hotel-barcelona-22.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074289/img-ohla-hotel-barcelona-44.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074802/img-ohla-hotel-barcelona-35.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074052/img-ohla-hotel-barcelona-48.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/3905/390595/390595593/img-ohla-hotel-barcelona-95.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207913/1207913764/img-ohla-hotel-barcelona-75.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273076/1273076611/img-ohla-hotel-barcelona-3.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073653/img-ohla-hotel-barcelona-60.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074355/img-ohla-hotel-barcelona-13.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074940/img-ohla-hotel-barcelona-31.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072546/img-ohla-hotel-barcelona-55.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075891/img-ohla-hotel-barcelona-56.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8329/832955/832955372/img-ohla-hotel-barcelona-79.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074484/img-ohla-hotel-barcelona-65.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/14315/1431545/1431545173/img-ohla-hotel-barcelona-85.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073323/img-ohla-hotel-barcelona-76.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073011/img-ohla-hotel-barcelona-21.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207915/1207915060/img-ohla-hotel-barcelona-52.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074010/img-ohla-hotel-barcelona-45.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/13302/1330216/1330216823/img-ohla-hotel-barcelona-18.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207914/1207914907/img-ohla-hotel-barcelona-36.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073419/img-ohla-hotel-barcelona-71.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072723/img-ohla-hotel-barcelona-92.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073614/img-ohla-hotel-barcelona-69.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273076/1273076419/img-ohla-hotel-barcelona-29.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072798/img-ohla-hotel-barcelona-81.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/14321/1432161/1432161793/img-ohla-hotel-barcelona-91.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075147/img-ohla-hotel-barcelona-68.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/14347/1434796/1434796267/img-ohla-hotel-barcelona-63.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074994/img-ohla-hotel-barcelona-42.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072582/img-ohla-hotel-barcelona-58.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207914/1207914532/img-ohla-hotel-barcelona-62.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075924/img-ohla-hotel-barcelona-94.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075744/img-ohla-hotel-barcelona-41.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8329/832955/832955771/img-ohla-hotel-barcelona-77.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273076/1273076212/img-ohla-hotel-barcelona-16.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273073/1273073281/img-ohla-hotel-barcelona-49.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580487/1580487333/img-ohla-hotel-barcelona-6.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075567/img-ohla-hotel-barcelona-15.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/10143/1014375/1014375328/img-ohla-hotel-barcelona-97.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/10143/1014375/1014375520/img-ohla-hotel-barcelona-82.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207915/1207915603/img-ohla-hotel-barcelona-43.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8329/832956/832956029/img-ohla-hotel-barcelona-78.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/13302/1330225/1330225271/img-ohla-hotel-barcelona-19.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207915/1207915747/img-ohla-hotel-barcelona-40.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8353/835354/835354862/img-ohla-hotel-barcelona-83.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273074/1273074133/img-ohla-hotel-barcelona-37.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207915/1207915798/img-ohla-hotel-barcelona-38.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/10308/1030846/1030846240/img-ohla-hotel-barcelona-87.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/5219/521940/521940576/img-ohla-hotel-barcelona-96.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273076/1273076083/img-ohla-hotel-barcelona-73.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/2463/246321/246321053/img-ohla-hotel-barcelona-59.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8420/842020/842020634/img-ohla-hotel-barcelona-100.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/10308/1030846/1030846117/img-ohla-hotel-barcelona-86.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273075/1273075249/img-ohla-hotel-barcelona-14.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207916/1207916293/img-ohla-hotel-barcelona-93.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12079/1207914/1207914613/img-ohla-hotel-barcelona-51.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273072/1273072651/img-ohla-hotel-barcelona-12.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/10308/1030846/1030846519/img-ohla-hotel-barcelona-88.JPEG", "creditText": "Ohla Barcelona" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/13302/1330205/1330205216/img-ohla-hotel-barcelona-17.JPEG", "creditText": "Ohla Barcelona" } ] </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="aHR0cHM6Ly93d3cudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <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"> Barcelona </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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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"> Barcelona </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> <div class="dropdown__link js-link j-link" data-code="L3poLw=="> <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> </div> <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> <div class="dropdown__link js-link j-link" data-code="L2tvLw=="> <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> </div> <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" > Hotel Ohla Barcelona </h1> <p class="main__hotel-subtitle">Via Laietana 49, Barcelona, Spain</p> <div class="breadcrumbs"> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.topbarcelonahotels.com/en/" target="_blank">Topbarcelonahotels</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.topbarcelonahotels.com/en/5-stars/" target="_blank">5 stars</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.topbarcelonahotels.com/en/type/hotels-12/" target="_blank">Hotels</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <span class="breadcrumbs-item__text">Ohla Barcelona Hotel</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/Imgs/700x500w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" media="(max-width: 768px)"> <img class="main-photo__img main-photo__img--1" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" /> <img class="main-photo__img main-photo__img--2" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--3" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--4" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--5" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--6" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--7" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--8" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--9" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--10" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--11" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--12" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--13" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--14" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--15" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--16" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--17" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--18" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--19" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" /> <img class="main-photo__img main-photo__img--20" importance="high" src="/data/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-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://ohla-barcelona.topbarcelonahotels.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"> 1</div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month">February</div> <div class="datepicker__field-subtext j-date-week">Saturday</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-02-01"> </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"> 2</div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month">February</div> <div class="datepicker__field-subtext j-date-week">Sunday</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-02-02"> </div> </div> <div class="js-price-container" hidden> <div class="price js-price" data-day="2025-02-01"> <span class="price__mark"> 389 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 01 Feb</p> <p class="price__tooltip-curr-price">USD <span>389</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-02"> <span class="price__mark"> 362 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 02 Feb</p> <p class="price__tooltip-curr-price">USD <span>362</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-03"> <span class="price__mark"> 491 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 03 Feb</p> <p class="price__tooltip-curr-price">USD <span>491</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-04"> <span class="price__mark"> 748 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 04 Feb</p> <p class="price__tooltip-curr-price">USD <span>748</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-05"> <span class="price__mark"> 536 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 05 Feb</p> <p class="price__tooltip-curr-price">USD <span>536</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-06"> <span class="price__mark"> 491 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 06 Feb</p> <p class="price__tooltip-curr-price">USD <span>491</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-07"> <span class="price__mark"> 380 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 07 Feb</p> <p class="price__tooltip-curr-price">USD <span>380</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-08"> <span class="price__mark"> 374 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 08 Feb</p> <p class="price__tooltip-curr-price">USD <span>374</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-09"> <span class="price__mark"> 294 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 09 Feb</p> <p class="price__tooltip-curr-price">USD <span>294</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-10"> <span class="price__mark"> 335 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 10 Feb</p> <p class="price__tooltip-curr-price">USD <span>335</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-11"> <span class="price__mark"> 320 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 11 Feb</p> <p class="price__tooltip-curr-price">USD <span>320</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-12"> <span class="price__mark"> 320 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 12 Feb</p> <p class="price__tooltip-curr-price">USD <span>320</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-13"> <span class="price__mark"> 335 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 13 Feb</p> <p class="price__tooltip-curr-price">USD <span>335</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-14"> <span class="price__mark"> 392 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 14 Feb</p> <p class="price__tooltip-curr-price">USD <span>392</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-15"> <span class="price__mark"> 446 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 15 Feb</p> <p class="price__tooltip-curr-price">USD <span>446</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-16"> <span class="price__mark"> 392 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 16 Feb</p> <p class="price__tooltip-curr-price">USD <span>392</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-17"> <span class="price__mark"> 365 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 17 Feb</p> <p class="price__tooltip-curr-price">USD <span>365</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-18"> <span class="price__mark"> 320 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 18 Feb</p> <p class="price__tooltip-curr-price">USD <span>320</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-19"> <span class="price__mark"> 356 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 19 Feb</p> <p class="price__tooltip-curr-price">USD <span>356</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-20"> <span class="price__mark"> 329 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 20 Feb</p> <p class="price__tooltip-curr-price">USD <span>329</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-21"> <span class="price__mark"> 374 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 21 Feb</p> <p class="price__tooltip-curr-price">USD <span>374</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-22"> <span class="price__mark"> 374 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 22 Feb</p> <p class="price__tooltip-curr-price">USD <span>374</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-23"> <span class="price__mark"> 308 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 23 Feb</p> <p class="price__tooltip-curr-price">USD <span>308</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-24"> <span class="price__mark"> 307 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 24 Feb</p> <p class="price__tooltip-curr-price">USD <span>307</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-25"> <span class="price__mark"> 307 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 25 Feb</p> <p class="price__tooltip-curr-price">USD <span>307</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-26"> <span class="price__mark"> 291 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 26 Feb</p> <p class="price__tooltip-curr-price">USD <span>291</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-27"> <span class="price__mark"> 291 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 27 Feb</p> <p class="price__tooltip-curr-price">USD <span>291</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-02-28"> <span class="price__mark price__mark--lowest"> 282 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 28 Feb</p> <p class="price__tooltip-curr-price">USD <span>282</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-01"> <span class="price__mark"> 502 </span> <div class="price__tooltip"> <p class="price__tooltip-text">Check-in on 01 Mar</p> <p class="price__tooltip-curr-price">USD <span>502</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> <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-01-31" data-checkout="2025-02-01" data-day="tonight">Tonight</span> <span class="closest-days__divider">/</span> <span class="closest-days__btn js-closest-days-btn" data-checkin="2025-02-01" data-checkout="2025-02-02" 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://ohla-barcelona.topbarcelonahotels.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://ohla-barcelona.topbarcelonahotels.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 Ohla Barcelona</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 Barcelona </div> </div> <div class="overview__text"> <p class="overview__text-item">Featuring a currency exchange and a lift, the 5-star Ohla Barcelona Hotel is 10 minutes' drive from Basilica of the Sagrada Familia. The hotel, located around 25 minutes on foot from Placa d'Espanya, boasts a swimming pool along with a treatment room, a solarium, and a sauna.</p> <p class="overview__text-item">The property has 74 rooms appointed with a flat-screen TV with satellite channels, as well as self-catering options such as a mini-fridge-bar, tea and coffee making equipment. Furnished with a work desk, they also have soundproof windows. Bathrooms include a walk-in shower and a separate toilet, along with comforts such as a hairdryer and bathrobes.</p> <p class="overview__text-item">This property is situated about 20 km from Barcelona-El Prat airport and in proximity to Cathedral of Barcelona. The Ohla stands about 5 minutes on foot from Urquinaona tube station. Within short walking distance of the accommodation there is Gothic Quarter Centre. Via Laietana - Comtal bus stop, offering a direct link to the city attractions and main places, is nearly a 5-minute drive from Ohla Barcelona Hotel.</p> <p class="overview__text-item">This Barcelona hotel offers on-site breakfast in the restaurant. Guests can enjoy and unwind in one of the 2 in-house restaurants. Close at hand you will find restaurant Tapas 24 serving Mediterranean dishes.</p> <p class="overview__text-item">A sun deck and an outdoor pool area are available for an additional charge. The Ohla Barcelona provides guests with fitness classes, as well as access to a wellness area and a spa lounge. Business travellers are welcome to use a business centre offered on site.</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 04:00 until 12:00</span> </div> </div> <div data="beds"><ul><li><b>Children and extra beds</b></li><li>Maximum capacity of extra beds in a room is 1.</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/Imgs/1080x700w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273076/1273076515/img-ohla-hotel-barcelona-2.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273076/1273076611/img-ohla-hotel-barcelona-3.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273076/1273076746/img-ohla-hotel-barcelona-4.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273076/1273076872/img-ohla-hotel-barcelona-5.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/15804/1580487/1580487333/img-ohla-hotel-barcelona-6.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/15844/1584446/1584446289/img-ohla-hotel-barcelona-7.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/15844/1584446/1584446368/img-ohla-hotel-barcelona-8.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/15197/1519713/1519713343/img-ohla-hotel-barcelona-9.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/15197/1519713/1519713484/img-ohla-hotel-barcelona-10.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273077/1273077523/img-ohla-hotel-barcelona-11.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072651/img-ohla-hotel-barcelona-12.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074355/img-ohla-hotel-barcelona-13.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075249/img-ohla-hotel-barcelona-14.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075567/img-ohla-hotel-barcelona-15.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273076/1273076212/img-ohla-hotel-barcelona-16.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/13302/1330205/1330205216/img-ohla-hotel-barcelona-17.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/13302/1330216/1330216823/img-ohla-hotel-barcelona-18.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/13302/1330225/1330225271/img-ohla-hotel-barcelona-19.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/15804/1580487/1580487341/img-ohla-hotel-barcelona-20.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073011/img-ohla-hotel-barcelona-21.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8353/835357/835357808/img-ohla-hotel-barcelona-22.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8353/835355/835355408/img-ohla-hotel-barcelona-23.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8353/835354/835354886/img-ohla-hotel-barcelona-24.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8353/835354/835354874/img-ohla-hotel-barcelona-25.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/9438/943843/943843432/img-ohla-hotel-barcelona-26.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/1888/188858/188858219/img-ohla-hotel-barcelona-27.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8353/835357/835357841/img-ohla-hotel-barcelona-28.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273076/1273076419/img-ohla-hotel-barcelona-29.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074181/img-ohla-hotel-barcelona-30.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074940/img-ohla-hotel-barcelona-31.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207915/1207915360/img-ohla-hotel-barcelona-32.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/3965/396513/396513051/img-ohla-hotel-barcelona-33.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073569/img-ohla-hotel-barcelona-34.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074802/img-ohla-hotel-barcelona-35.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207914/1207914907/img-ohla-hotel-barcelona-36.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074133/img-ohla-hotel-barcelona-37.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207915/1207915798/img-ohla-hotel-barcelona-38.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12956/1295636/1295636497/img-ohla-hotel-barcelona-39.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207915/1207915747/img-ohla-hotel-barcelona-40.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075744/img-ohla-hotel-barcelona-41.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074994/img-ohla-hotel-barcelona-42.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207915/1207915603/img-ohla-hotel-barcelona-43.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074289/img-ohla-hotel-barcelona-44.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074010/img-ohla-hotel-barcelona-45.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074724/img-ohla-hotel-barcelona-46.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/3965/396513/396513033/img-ohla-hotel-barcelona-47.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074052/img-ohla-hotel-barcelona-48.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073281/img-ohla-hotel-barcelona-49.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073146/img-ohla-hotel-barcelona-50.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207914/1207914613/img-ohla-hotel-barcelona-51.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207915/1207915060/img-ohla-hotel-barcelona-52.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075846/img-ohla-hotel-barcelona-53.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072327/img-ohla-hotel-barcelona-54.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072546/img-ohla-hotel-barcelona-55.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075891/img-ohla-hotel-barcelona-56.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072837/img-ohla-hotel-barcelona-57.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072582/img-ohla-hotel-barcelona-58.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/2463/246321/246321053/img-ohla-hotel-barcelona-59.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073653/img-ohla-hotel-barcelona-60.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207915/1207915696/img-ohla-hotel-barcelona-61.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207914/1207914532/img-ohla-hotel-barcelona-62.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/14347/1434796/1434796267/img-ohla-hotel-barcelona-63.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207914/1207914745/img-ohla-hotel-barcelona-64.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074484/img-ohla-hotel-barcelona-65.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075474/img-ohla-hotel-barcelona-66.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073752/img-ohla-hotel-barcelona-67.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075147/img-ohla-hotel-barcelona-68.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073614/img-ohla-hotel-barcelona-69.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073218/img-ohla-hotel-barcelona-70.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073419/img-ohla-hotel-barcelona-71.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073830/img-ohla-hotel-barcelona-72.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273076/1273076083/img-ohla-hotel-barcelona-73.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12956/1295637/1295637553/img-ohla-hotel-barcelona-74.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207913/1207913764/img-ohla-hotel-barcelona-75.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273073/1273073323/img-ohla-hotel-barcelona-76.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8329/832955/832955771/img-ohla-hotel-barcelona-77.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8329/832956/832956029/img-ohla-hotel-barcelona-78.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8329/832955/832955372/img-ohla-hotel-barcelona-79.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/10143/1014375/1014375379/img-ohla-hotel-barcelona-80.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072798/img-ohla-hotel-barcelona-81.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/10143/1014375/1014375520/img-ohla-hotel-barcelona-82.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8353/835354/835354862/img-ohla-hotel-barcelona-83.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075045/img-ohla-hotel-barcelona-84.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/14315/1431545/1431545173/img-ohla-hotel-barcelona-85.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/10308/1030846/1030846117/img-ohla-hotel-barcelona-86.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/10308/1030846/1030846240/img-ohla-hotel-barcelona-87.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/10308/1030846/1030846519/img-ohla-hotel-barcelona-88.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273074/1273074892/img-ohla-hotel-barcelona-89.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/2463/246321/246321021/img-ohla-hotel-barcelona-90.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/14321/1432161/1432161793/img-ohla-hotel-barcelona-91.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072723/img-ohla-hotel-barcelona-92.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12079/1207916/1207916293/img-ohla-hotel-barcelona-93.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273075/1273075924/img-ohla-hotel-barcelona-94.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/3905/390595/390595593/img-ohla-hotel-barcelona-95.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/5219/521940/521940576/img-ohla-hotel-barcelona-96.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/10143/1014375/1014375328/img-ohla-hotel-barcelona-97.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/12730/1273072/1273072444/img-ohla-hotel-barcelona-98.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/5219/521940/521940552/img-ohla-hotel-barcelona-99.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Imgs/1080x700w/8420/842020/842020634/img-ohla-hotel-barcelona-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"> </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 Ohla Barcelona</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">17.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"> <a class="local-attractions__description-name" href="https://www.topbarcelonahotels.com/en/near-plaza-catalunya-76376/" target="_blank">Plaza Catalunya</a> <div class="local-attractions__description-distance">150 m</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.topbarcelonahotels.com/en/near-catedral-de-barcelona-76360/" target="_blank">Catedral de Barcelona</a> <div class="local-attractions__description-distance">300 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Santa Caterina Market</div> <div class="local-attractions__description-distance">350 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Cathedral of Barcelona</div> <div class="local-attractions__description-distance">400 m</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.topbarcelonahotels.com/en/near-ramblas-156223/" target="_blank">Ramblas</a> <div class="local-attractions__description-distance">750 m</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.topbarcelonahotels.com/en/near-liceu-122521/" target="_blank">liceu</a> <div class="local-attractions__description-distance">800 m</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.topbarcelonahotels.com/en/near-casa-batllo-84685/" target="_blank">Casa Batlló</a> <div class="local-attractions__description-distance">950 m</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.topbarcelonahotels.com/en/near-la-sagrada-familia-76366/" target="_blank">La Sagrada Familia</a> <div class="local-attractions__description-distance">1.8 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">Plaça de Catalunya Train Station</div> <div class="local-attractions__description-distance">500 m</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 Ohla Barcelona</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 Ohla Barcelona Hotel</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">Outdoor swimming 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">No 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">VIP check-in/ -out</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">Rooms/ Facilities for disabled</li> <li class="amenities__list-item">24-hour security</li> <li class="amenities__list-item">Luggage storage</li> <li class="amenities__list-item">Lift</li> <li class="amenities__list-item">Currency exchange</li> <li class="amenities__list-item">Hairdresser</li> <li class="amenities__list-item">Coffee shop</li> <li class="amenities__list-item">Smoke detectors</li> <li class="amenities__list-item">Fire extinguishers</li> <li class="amenities__list-item">Key card access</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">Electric kettle</li> <li class="amenities__list-item">Dryer</li> <li class="amenities__list-item">In-room breakfast</li> <li class="amenities__list-item">Restaurant</li> <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> <li class="amenities__list-item">Special diet menus</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">Outdoor swimming pool</li> <li class="amenities__list-item">Sun terrace</li> <li class="amenities__list-item">Spa & wellness centre</li> <li class="amenities__list-item">Solarium</li> <li class="amenities__list-item">Sauna</li> <li class="amenities__list-item">Pedicure</li> <li class="amenities__list-item">Manicure</li> <li class="amenities__list-item">Facial</li> <li class="amenities__list-item">Treatment room</li> <li class="amenities__list-item">Beauty treatment</li> <li class="amenities__list-item">Massage</li> <li class="amenities__list-item">Fitness centre</li> <li class="amenities__list-item">Sports trainer</li> <li class="amenities__list-item">Pool with view</li> <li class="amenities__list-item">Make up services</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">Paid airport shuttle</li> <li class="amenities__list-item">Room service</li> <li class="amenities__list-item">Housekeeping</li> <li class="amenities__list-item">Car hire</li> <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">Grocery shopping service</li> <li class="amenities__list-item">Welcome drink</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">Sitting area</li> <li class="amenities__list-item">Dressing area</li> <li class="amenities__list-item">Patio</li> <li class="amenities__list-item">Terrace</li> <li class="amenities__list-item">Garden furniture</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">Babysitting/Child services</li> <li class="amenities__list-item">Carpeted 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 Ohla Barcelona 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 04:00 until 12:00</span> </div> </div> <div data="beds"><ul><li><b>Children and extra beds</b></li><li>Maximum capacity of extra beds in a room is 1.</li></ul></div> </div> </div> <div class="important-information__contacts"> <div class="hotel-contacts"> <h3 class="hotel-contacts__title" > Ohla Barcelona contacts</h3> <div class="hotel-contacts__inner"> <div class="hotel-contacts__item"> <span class="hotel-contacts__key">Email:</span> <span class="hotel-contacts__value">info@ohlahotel.com</span> </div> <div class="hotel-contacts__item"> <span class="hotel-contacts__key">Phone:</span> <span class="hotel-contacts__value">34933415050</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 Ohla Barcelona in Barcelona</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="aHR0cHM6Ly92aWEtYXVndXN0YS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/1307/130715/130715993/img-via-augusta-hotel-barcelona-1.JPEG" alt="Via Augusta Barcelona" title="Via Augusta Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://via-augusta.topbarcelonahotels.com/en/" target="_blank">Via Augusta Barcelona</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">Via Augusta, 63, 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">84 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jaXV0YXQtZGUtYmFyY2Vsb25hLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12731/1273122/1273122007/img-ciutat-de-hotel-08003-barcelona-1.JPEG" alt="Ciutat De Barcelona" title="Ciutat De Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ciutat-de-barcelona.topbarcelonahotels.com/en/" target="_blank">Ciutat De Barcelona</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">Princesa, 33-35, 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">45 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hbG1hbmFjLWJhcmNlbG9uYS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/5453/545352/545352963/img-almanac-hotel-barcelona-1.JPEG" alt="Almanac Barcelona" title="Almanac Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://almanac-barcelona.topbarcelonahotels.com/en/" target="_blank">Almanac Barcelona</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">Gran Via De Les Corts Catalanes 619-621, 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">420 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ncmFudmlhLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7045/704573/704573395/img-granvia-hotel-barcelona-1.JPEG" alt="Granvia Barcelona" title="Granvia Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://granvia.topbarcelonahotels.com/en/" target="_blank">Granvia Barcelona</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">Corts Catalanas, 642, 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">210 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jb25kYWRvLWJhcmNlbG9uYS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12731/1273165/1273165012/img-condado-hotel-barcelona-1.JPEG" alt="Condado Barcelona" title="Condado Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://condado-barcelona.topbarcelonahotels.com/en/" target="_blank">Condado Barcelona</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">Aribau, 201, 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">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="aHR0cHM6Ly9ub3V2ZWwudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12730/1273056/1273056370/img-nouvel-hotel-barcelona-1.JPEG" alt="Nouvel Barcelona" title="Nouvel Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://nouvel.topbarcelonahotels.com/en/" target="_blank">Nouvel Barcelona</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 De Santa Anna, 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">234 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jaXV0YWRlbGxhLWJhcmNlbG9uYS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15984/1598408/1598408306/img-hotel-ciutadella-barcelona-1.JPEG" alt="Ciutadella Barcelona" title="Ciutadella Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ciutadella-barcelona.topbarcelonahotels.com/en/" target="_blank">Ciutadella Barcelona</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">Av. Marques De L'Argentera, 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">95 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly91bml0ZS1ob3N0ZWwtYmFyY2Vsb25hLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7667/766784/766784296/img-unite-hostel-barcelona-1.JPEG" alt="Unite Barcelona" title="Unite Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://unite-hostel-barcelona.topbarcelonahotels.com/en/" target="_blank">Unite Barcelona</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. D'Icaria, 145-147, 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">201 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wZW5pbnN1bGFyLWhvdGVsLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10009/1000988/1000988982/img-peninsular-hotel-8001-barcelona-1.JPEG" alt="Peninsular Barcelona" title="Peninsular Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://peninsular-hotel.topbarcelonahotels.com/en/" target="_blank">Peninsular Barcelona</a> <p class="other-hotel__address">Carrer De Sant Pau, 34, 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">116 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ldXJvc3RhcnMtZ3JhbmQtbWFyaW5hLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6325/632546/632546343/img-eurostars-grand-marina-hotel-barcelona-1.JPEG" alt="Eurostars Grand Marina Gl Barcelona" title="Eurostars Grand Marina Gl Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://eurostars-grand-marina.topbarcelonahotels.com/en/" target="_blank">Eurostars Grand Marina Gl Barcelona</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">Moll De Barcelona, S/N, 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">390 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jb25kYWwtYmFyY2Vsb25hLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/5219/521978/521978223/img-condal-hotel-barcelona-1.JPEG" alt="Condal Barcelona" title="Condal Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://condal-barcelona.topbarcelonahotels.com/en/" target="_blank">Condal Barcelona</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">Boqueria 23, 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">96 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9tb2Rlcm5vLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7045/704528/704528584/img-moderno-hotel-barcelona-1.JPEG" alt="Moderno Barcelona" title="Moderno Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://moderno.topbarcelonahotels.com/en/" target="_blank">Moderno Barcelona</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">Hospital, 11, 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">57 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9tZWxsb3ctaG9zdGVsLWJhcmNlbG9uYS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/1730/173071/173071065/img-mellow-youth-hostel-barcelona-1.JPEG" alt="Mellow Barcelona" title="Mellow Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://mellow-hostel-barcelona.topbarcelonahotels.com/en/" target="_blank">Mellow Barcelona</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">Aguilar 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">10 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9oZXNwZXJpYS1kZWwtbWFyLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12730/1273074/1273074568/img-nh-hesperia-del-mar-hotel-barcelona-1.JPEG" alt="Hesperia Del Mar Barcelona" title="Hesperia Del Mar Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hesperia-del-mar.topbarcelonahotels.com/en/" target="_blank">Hesperia Del Mar Barcelona</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">Espronceda 6, 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">68 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9oMTAtaXRhY2EudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16286/1628645/1628645897/img-h10-itaca-hotel-barcelona-1.JPEG" alt="H10 Itaca Barcelona" title="H10 Itaca Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://h10-itaca.topbarcelonahotels.com/en/" target="_blank">H10 Itaca Barcelona</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">Avenida De Roma 22, 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">72 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9sbG9yZXQudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15573/1557322/1557322804/img-lloret-hotel-barcelona-1.JPEG" alt="Lloret Ramblas Barcelona" title="Lloret Ramblas Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://lloret.topbarcelonahotels.com/en/" target="_blank">Lloret Ramblas Barcelona</a> <p class="other-hotel__address">Rambla Canaletes, 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">68 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9kb211cy1zZWxlY3RhLWNvbnN0YW56YS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12146/1214690/1214690149/img-domus-selecta-constanza-hotel-barcelona-1.JPEG" alt="Constanza Barcelona" title="Constanza Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://domus-selecta-constanza.topbarcelonahotels.com/en/" target="_blank">Constanza Barcelona</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">Bruc, 33, 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="aHR0cHM6Ly9zb2hvLWJhcmNlbG9uYS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/14730/1473037/1473037546/img-soho-hotel-barcelona-1.JPEG" alt="Soho Barcelona" title="Soho Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://soho-barcelona.topbarcelonahotels.com/en/" target="_blank">Soho Barcelona</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">Gran Via De Les Corts Catalanes, 543-545, 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="aHR0cHM6Ly9mcm9udC1tYXJpdGltLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15440/1544097/1544097328/img-front-maritim-hotel-barcelona-1.JPEG" alt="Best Front Maritim Barcelona" title="Best Front Maritim Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://front-maritim.topbarcelonahotels.com/en/" target="_blank">Best Front Maritim Barcelona</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">Passeig De Garcia Faria, 69-71, 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">167 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hdmVuaWRhLXBhbGFjZS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15669/1566917/1566917639/img-avenida-palace-barcelona-1.JPEG" alt="El Avenida Palace Barcelona" title="El Avenida Palace Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://avenida-palace.topbarcelonahotels.com/en/" target="_blank">El Avenida Palace Barcelona</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">Gran Via, 605, 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">200 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="aHR0cHM6Ly9hbG1hbmFjLWJhcmNlbG9uYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/5453/545352/545352963/img-almanac-hotel-barcelona-1.JPEG" alt="Hotel Almanac *****" title="Hotel Almanac *****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://almanac-barcelona.catalonia-hotels.com/en/" target="_blank">Hotel Almanac *****</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">Gran Via De Les Corts Catalanes 619-621, 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">420 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ncmFudmlhLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7045/704573/704573395/img-granvia-hotel-barcelona-1.JPEG" alt="Hotel Granvia ***" title="Hotel Granvia ***" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://granvia.catalonia-hotels.com/en/" target="_blank">Hotel Granvia ***</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">Corts Catalanas, 642, 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">210 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jb25kYWRvLWJhcmNlbG9uYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12731/1273165/1273165012/img-condado-hotel-barcelona-1.JPEG" alt="Hotel Condado ***" title="Hotel Condado ***" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://condado-barcelona.catalonia-hotels.com/en/" target="_blank">Hotel Condado ***</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">Aribau, 201, 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">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="aHR0cHM6Ly9ub3V2ZWwuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12730/1273056/1273056370/img-nouvel-hotel-barcelona-1.JPEG" alt="Hotel Nouvel ***" title="Hotel Nouvel ***" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://nouvel.catalonia-hotels.com/en/" target="_blank">Hotel Nouvel ***</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 De Santa Anna, 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">234 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jaXV0YWRlbGxhLWJhcmNlbG9uYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15984/1598408/1598408306/img-hotel-ciutadella-barcelona-1.JPEG" alt="Hotel Ciutadella ****" title="Hotel Ciutadella ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://ciutadella-barcelona.catalonia-hotels.com/en/" target="_blank">Hotel Ciutadella ****</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">Av. Marques De L'Argentera, 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">95 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcnRsaWZlYmNuLWFwYXJ0bWVudC50b3AtaG90ZWxzLXRhcnJhZ29uYS5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/13523/1352348/1352348957/img-artlifebcn-apartment-barcelona-1.JPEG" alt="Apartment Artlifebcn Urban Oasis " title="Apartment Artlifebcn Urban Oasis " loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://artlifebcn-apartment.top-hotels-tarragona.com/en/" target="_blank">Apartment Artlifebcn Urban Oasis </a> <p class="other-hotel__address">De Sagunt ,71, 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">743 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcGFydG1lbnQtZ3VhZGlhbmEtYmFyY2Vsb25hLnRvcC1ob3RlbHMtdGFycmFnb25hLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/4646/464642/464642943/img-flat-plaza-espana-guadiana-1-apartment-barcelona-1.JPEG" alt="Apartment Spacious Doubleroom At Sants " title="Apartment Spacious Doubleroom At Sants " loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://apartment-guadiana-barcelona.top-hotels-tarragona.com/en/" target="_blank">Apartment Spacious Doubleroom At Sants </a> <p class="other-hotel__address">Carrer Del Guadiana 24, 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">699 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zYW50LW1lZGlyLWFwYXJ0bWVudC50b3AtaG90ZWxzLXRhcnJhZ29uYS5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15903/1590380/1590380992/img-sant-medir-apartment-barcelona-1.JPEG" alt="Apartment 1 Casual " title="Apartment 1 Casual " loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://sant-medir-apartment.top-hotels-tarragona.com/en/" target="_blank">Apartment 1 Casual </a> <p class="other-hotel__address">Sant Medir, 12, Pral 4A, 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">224 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly90b3JyZW1hci10b3JyZS1kZWwtbWFyLjFjb3N0YWRlbHNvbC5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/11356/1135625/1135625570/img-torremar-hotel-torre-del-mar-1.JPEG" alt="Hotel Torremar - Mares ****" title="Hotel Torremar - Mares ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://torremar-torre-del-mar.1costadelsol.com/en/" target="_blank">Hotel Torremar - Mares ****</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">Calle Saladero Viejo, 15, Velez-Malaga, Es, Torre Del 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">72 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9nYXJkZW4tcGxheWFuYXR1cmFsLWhvdGVsLXNwYS5lcy1hbmRhbHVjaWEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12545/1254543/1254543514/img-garden-playanatural-hotel-el-rompido-1.JPEG" alt="Hotel Garden Playanatural - Adults Only ****" title="Hotel Garden Playanatural - Adults Only ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://garden-playanatural-hotel-spa.es-andalucia.com/en/" target="_blank">Hotel Garden Playanatural - Adults Only ****</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">Pasaje De San Miguel S/N, El Rompido, 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">142 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zZW5hdG9yLW1hcmJlbGxhLXNwYS5lcy1hbmRhbHVjaWEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/3783/378392/378392803/img-senator-spa-hotel-29602-marbella-1.JPEG" alt="Hotel Senator ****" title="Hotel Senator ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://senator-marbella-spa.es-andalucia.com/en/" target="_blank">Hotel Senator ****</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/ Principe Alfonso Hohenlohe, s/n Parcela 97, Marbella, 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">72 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9pbmZhbnRhLWNyaXN0aW5hLmVzLWFuZGFsdWNpYS5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15804/1580444/1580444105/img-infanta-cristina-hotel-jaen-1.JPEG" alt="Hotel Infanta Cristina ****" title="Hotel Infanta Cristina ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://infanta-cristina.es-andalucia.com/en/" target="_blank">Hotel Infanta Cristina ****</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">Avenida De Madrid S/N, Jaen, 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">80 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYXJjZWxvLWlsbGV0YXMtYWxiYXRyb3MuYmFsZWFyaWMtaXNsYW5kcy5uZXQvZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15432/1543202/1543202329/img-barcelo-albatros-hotel-illetas-1.JPEG" alt="Hotel Barcelo Albatros - Adults Only ****" title="Hotel Barcelo Albatros - Adults Only ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://barcelo-illetas-albatros.balearic-islands.net/en/" target="_blank">Hotel Barcelo Albatros - Adults Only ****</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 De Illetas, 15, Illetas, 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">129 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9vbmUtaWJpemEtc3VpdGVzLmJhbGVhcmljLWlzbGFuZHMubmV0L2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15595/1559574/1559574790/img-one-ibiza-suites-ibiza-town-1.JPEG" alt="Hotel One *****" title="Hotel One *****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://one-ibiza-suites.balearic-islands.net/en/" target="_blank">Hotel One *****</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">Periodista Francisco Escanelles, Ibiza Town, 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="aHR0cHM6Ly9pbnR1cm90ZWwtZXNtZXJhbGRhLWdhcmRlbi5iYWxlYXJpYy1pc2xhbmRzLm5ldC9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7193/719352/719352766/img-inturotel-cala-azul-park-cala-dor-cala-d-or-mallorca-1.JPEG" alt="Aparthotel Inturotel Cala Azul ***" title="Aparthotel Inturotel Cala Azul ***" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://inturotel-esmeralda-garden.balearic-islands.net/en/" target="_blank">Aparthotel Inturotel Cala Azul ***</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">Urbanizacion Cala Esmeralda, 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">242 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC1hcmltYS5zYW5zZWJhc3RpYW5ob3RlbHMubmV0L2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15713/1571361/1571361854/img-hotel-arima-san-sebastian-1.JPEG" alt="Hotel Arima & Spa - Small Luxury ****" title="Hotel Arima & Spa - Small Luxury ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-arima.sansebastianhotels.net/en/" target="_blank">Hotel Arima & Spa - Small Luxury ****</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 De Miramon 162, 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">101 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC1waWNvcy1kZS1ldXJvcGEtc2FudGFuZGVyLmJpbGJhb2hvdGVsc3NwYWluLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6158/615861/615861765/img-picos-de-europa-hotel-santander-1.JPEG" alt="Hotel Picos De Europa **" title="Hotel Picos De Europa **" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-picos-de-europa-santander.bilbaohotelsspain.com/en/" target="_blank">Hotel Picos De Europa **</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">Arco Iris, 3 (Plaza Numancia), Santander, 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">50 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcmVuYS1jZW50ZXIuZXMtYW5kYWx1Y2lhLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15843/1584398/1584398947/img-arena-center-hotel-roquetas-de-mar-1.JPEG" alt="Aparthotel Arena Center ****" title="Aparthotel Arena Center ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://arena-center.es-andalucia.com/en/" target="_blank">Aparthotel Arena Center ****</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 Central s/n Urb Playa Serena, Roquetas 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">68 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9obS1tYXJ0aW5pcXVlLmFsbG1hbGxvcmNhaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7731/773174/773174104/img-hm-martinique-hotel-magaluf-magaluf-mallorca-1.JPEG" alt="Hotel Hm Martinique ****" title="Hotel Hm Martinique ****" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hm-martinique.allmallorcahotels.com/en/" target="_blank">Hotel Hm Martinique ****</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">Tirso De Molina, 1, Magaluf (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">184 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hbGppYmUtZGVsLWFsYmF5emluLmVzLWFuZGFsdWNpYS5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15806/1580641/1580641747/img-aljibe-del-albayzin-apartment-granada-1.JPEG" alt="Apartment Aljibe Del Albayzin " title="Apartment Aljibe Del Albayzin " loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://aljibe-del-albayzin.es-andalucia.com/en/" target="_blank">Apartment Aljibe Del Albayzin </a> <p class="other-hotel__address">Aljibe De La Vieja, 16, Granada, 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">44 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="aHR0cHM6Ly93d3cudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9hYm91dA==">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="aHR0cHM6Ly93d3cudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9hZGQtaG90ZWw=">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 &copy; topbarcelonahotels.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="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 Barcelona?</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="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/Imgs/1920x1080w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273076/1273076515/img-ohla-hotel-barcelona-2.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273076/1273076611/img-ohla-hotel-barcelona-3.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273076/1273076746/img-ohla-hotel-barcelona-4.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273076/1273076872/img-ohla-hotel-barcelona-5.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/15804/1580487/1580487333/img-ohla-hotel-barcelona-6.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/15844/1584446/1584446289/img-ohla-hotel-barcelona-7.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/15844/1584446/1584446368/img-ohla-hotel-barcelona-8.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/15197/1519713/1519713343/img-ohla-hotel-barcelona-9.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/15197/1519713/1519713484/img-ohla-hotel-barcelona-10.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273077/1273077523/img-ohla-hotel-barcelona-11.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072651/img-ohla-hotel-barcelona-12.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074355/img-ohla-hotel-barcelona-13.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075249/img-ohla-hotel-barcelona-14.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075567/img-ohla-hotel-barcelona-15.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273076/1273076212/img-ohla-hotel-barcelona-16.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/13302/1330205/1330205216/img-ohla-hotel-barcelona-17.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/13302/1330216/1330216823/img-ohla-hotel-barcelona-18.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/13302/1330225/1330225271/img-ohla-hotel-barcelona-19.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/15804/1580487/1580487341/img-ohla-hotel-barcelona-20.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073011/img-ohla-hotel-barcelona-21.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8353/835357/835357808/img-ohla-hotel-barcelona-22.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8353/835355/835355408/img-ohla-hotel-barcelona-23.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8353/835354/835354886/img-ohla-hotel-barcelona-24.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8353/835354/835354874/img-ohla-hotel-barcelona-25.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/9438/943843/943843432/img-ohla-hotel-barcelona-26.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/1888/188858/188858219/img-ohla-hotel-barcelona-27.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8353/835357/835357841/img-ohla-hotel-barcelona-28.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273076/1273076419/img-ohla-hotel-barcelona-29.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074181/img-ohla-hotel-barcelona-30.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074940/img-ohla-hotel-barcelona-31.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207915/1207915360/img-ohla-hotel-barcelona-32.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/3965/396513/396513051/img-ohla-hotel-barcelona-33.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073569/img-ohla-hotel-barcelona-34.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074802/img-ohla-hotel-barcelona-35.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207914/1207914907/img-ohla-hotel-barcelona-36.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074133/img-ohla-hotel-barcelona-37.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207915/1207915798/img-ohla-hotel-barcelona-38.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12956/1295636/1295636497/img-ohla-hotel-barcelona-39.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207915/1207915747/img-ohla-hotel-barcelona-40.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075744/img-ohla-hotel-barcelona-41.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074994/img-ohla-hotel-barcelona-42.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207915/1207915603/img-ohla-hotel-barcelona-43.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074289/img-ohla-hotel-barcelona-44.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074010/img-ohla-hotel-barcelona-45.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074724/img-ohla-hotel-barcelona-46.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/3965/396513/396513033/img-ohla-hotel-barcelona-47.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074052/img-ohla-hotel-barcelona-48.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073281/img-ohla-hotel-barcelona-49.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073146/img-ohla-hotel-barcelona-50.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207914/1207914613/img-ohla-hotel-barcelona-51.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207915/1207915060/img-ohla-hotel-barcelona-52.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075846/img-ohla-hotel-barcelona-53.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072327/img-ohla-hotel-barcelona-54.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072546/img-ohla-hotel-barcelona-55.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075891/img-ohla-hotel-barcelona-56.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072837/img-ohla-hotel-barcelona-57.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072582/img-ohla-hotel-barcelona-58.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/2463/246321/246321053/img-ohla-hotel-barcelona-59.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073653/img-ohla-hotel-barcelona-60.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207915/1207915696/img-ohla-hotel-barcelona-61.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207914/1207914532/img-ohla-hotel-barcelona-62.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/14347/1434796/1434796267/img-ohla-hotel-barcelona-63.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207914/1207914745/img-ohla-hotel-barcelona-64.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074484/img-ohla-hotel-barcelona-65.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075474/img-ohla-hotel-barcelona-66.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073752/img-ohla-hotel-barcelona-67.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075147/img-ohla-hotel-barcelona-68.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073614/img-ohla-hotel-barcelona-69.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073218/img-ohla-hotel-barcelona-70.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073419/img-ohla-hotel-barcelona-71.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073830/img-ohla-hotel-barcelona-72.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273076/1273076083/img-ohla-hotel-barcelona-73.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12956/1295637/1295637553/img-ohla-hotel-barcelona-74.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207913/1207913764/img-ohla-hotel-barcelona-75.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273073/1273073323/img-ohla-hotel-barcelona-76.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8329/832955/832955771/img-ohla-hotel-barcelona-77.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8329/832956/832956029/img-ohla-hotel-barcelona-78.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8329/832955/832955372/img-ohla-hotel-barcelona-79.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/10143/1014375/1014375379/img-ohla-hotel-barcelona-80.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072798/img-ohla-hotel-barcelona-81.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/10143/1014375/1014375520/img-ohla-hotel-barcelona-82.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8353/835354/835354862/img-ohla-hotel-barcelona-83.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075045/img-ohla-hotel-barcelona-84.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/14315/1431545/1431545173/img-ohla-hotel-barcelona-85.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/10308/1030846/1030846117/img-ohla-hotel-barcelona-86.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/10308/1030846/1030846240/img-ohla-hotel-barcelona-87.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/10308/1030846/1030846519/img-ohla-hotel-barcelona-88.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273074/1273074892/img-ohla-hotel-barcelona-89.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/2463/246321/246321021/img-ohla-hotel-barcelona-90.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/14321/1432161/1432161793/img-ohla-hotel-barcelona-91.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072723/img-ohla-hotel-barcelona-92.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12079/1207916/1207916293/img-ohla-hotel-barcelona-93.JPEG" alt="Ohla Barcelona Hotel Spain" title="Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273075/1273075924/img-ohla-hotel-barcelona-94.JPEG" alt="Ohla Barcelona Hotel 5*, Spain" title="Ohla Barcelona Hotel 5*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/3905/390595/390595593/img-ohla-hotel-barcelona-95.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/5219/521940/521940576/img-ohla-hotel-barcelona-96.JPEG" alt="***** Ohla Barcelona Hotel Spain" title="***** Ohla Barcelona Hotel Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/10143/1014375/1014375328/img-ohla-hotel-barcelona-97.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/12730/1273072/1273072444/img-ohla-hotel-barcelona-98.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/5219/521940/521940552/img-ohla-hotel-barcelona-99.JPEG" alt="Ohla Barcelona Hotel 5*," title="Ohla Barcelona Hotel 5*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/1920x1080w/8420/842020/842020634/img-ohla-hotel-barcelona-100.JPEG" alt="Ohla Barcelona Hotel" title="Ohla Barcelona Hotel" > </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/Imgs/150x150w/13302/1330204/1330204622/img-ohla-hotel-barcelona-1.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273076/1273076515/img-ohla-hotel-barcelona-2.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273076/1273076611/img-ohla-hotel-barcelona-3.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273076/1273076746/img-ohla-hotel-barcelona-4.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273076/1273076872/img-ohla-hotel-barcelona-5.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/15804/1580487/1580487333/img-ohla-hotel-barcelona-6.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/15844/1584446/1584446289/img-ohla-hotel-barcelona-7.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/15844/1584446/1584446368/img-ohla-hotel-barcelona-8.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/15197/1519713/1519713343/img-ohla-hotel-barcelona-9.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/15197/1519713/1519713484/img-ohla-hotel-barcelona-10.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273077/1273077523/img-ohla-hotel-barcelona-11.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072651/img-ohla-hotel-barcelona-12.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074355/img-ohla-hotel-barcelona-13.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075249/img-ohla-hotel-barcelona-14.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075567/img-ohla-hotel-barcelona-15.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273076/1273076212/img-ohla-hotel-barcelona-16.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/13302/1330205/1330205216/img-ohla-hotel-barcelona-17.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/13302/1330216/1330216823/img-ohla-hotel-barcelona-18.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/13302/1330225/1330225271/img-ohla-hotel-barcelona-19.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/15804/1580487/1580487341/img-ohla-hotel-barcelona-20.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073011/img-ohla-hotel-barcelona-21.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8353/835357/835357808/img-ohla-hotel-barcelona-22.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8353/835355/835355408/img-ohla-hotel-barcelona-23.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8353/835354/835354886/img-ohla-hotel-barcelona-24.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8353/835354/835354874/img-ohla-hotel-barcelona-25.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/9438/943843/943843432/img-ohla-hotel-barcelona-26.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/1888/188858/188858219/img-ohla-hotel-barcelona-27.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8353/835357/835357841/img-ohla-hotel-barcelona-28.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273076/1273076419/img-ohla-hotel-barcelona-29.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074181/img-ohla-hotel-barcelona-30.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074940/img-ohla-hotel-barcelona-31.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207915/1207915360/img-ohla-hotel-barcelona-32.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/3965/396513/396513051/img-ohla-hotel-barcelona-33.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073569/img-ohla-hotel-barcelona-34.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074802/img-ohla-hotel-barcelona-35.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207914/1207914907/img-ohla-hotel-barcelona-36.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074133/img-ohla-hotel-barcelona-37.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207915/1207915798/img-ohla-hotel-barcelona-38.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12956/1295636/1295636497/img-ohla-hotel-barcelona-39.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207915/1207915747/img-ohla-hotel-barcelona-40.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075744/img-ohla-hotel-barcelona-41.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074994/img-ohla-hotel-barcelona-42.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207915/1207915603/img-ohla-hotel-barcelona-43.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074289/img-ohla-hotel-barcelona-44.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074010/img-ohla-hotel-barcelona-45.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074724/img-ohla-hotel-barcelona-46.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/3965/396513/396513033/img-ohla-hotel-barcelona-47.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074052/img-ohla-hotel-barcelona-48.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073281/img-ohla-hotel-barcelona-49.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073146/img-ohla-hotel-barcelona-50.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207914/1207914613/img-ohla-hotel-barcelona-51.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207915/1207915060/img-ohla-hotel-barcelona-52.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075846/img-ohla-hotel-barcelona-53.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072327/img-ohla-hotel-barcelona-54.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072546/img-ohla-hotel-barcelona-55.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075891/img-ohla-hotel-barcelona-56.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072837/img-ohla-hotel-barcelona-57.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072582/img-ohla-hotel-barcelona-58.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/2463/246321/246321053/img-ohla-hotel-barcelona-59.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073653/img-ohla-hotel-barcelona-60.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207915/1207915696/img-ohla-hotel-barcelona-61.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207914/1207914532/img-ohla-hotel-barcelona-62.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/14347/1434796/1434796267/img-ohla-hotel-barcelona-63.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207914/1207914745/img-ohla-hotel-barcelona-64.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074484/img-ohla-hotel-barcelona-65.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075474/img-ohla-hotel-barcelona-66.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073752/img-ohla-hotel-barcelona-67.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075147/img-ohla-hotel-barcelona-68.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073614/img-ohla-hotel-barcelona-69.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073218/img-ohla-hotel-barcelona-70.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073419/img-ohla-hotel-barcelona-71.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073830/img-ohla-hotel-barcelona-72.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273076/1273076083/img-ohla-hotel-barcelona-73.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12956/1295637/1295637553/img-ohla-hotel-barcelona-74.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207913/1207913764/img-ohla-hotel-barcelona-75.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273073/1273073323/img-ohla-hotel-barcelona-76.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8329/832955/832955771/img-ohla-hotel-barcelona-77.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8329/832956/832956029/img-ohla-hotel-barcelona-78.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8329/832955/832955372/img-ohla-hotel-barcelona-79.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/10143/1014375/1014375379/img-ohla-hotel-barcelona-80.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072798/img-ohla-hotel-barcelona-81.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/10143/1014375/1014375520/img-ohla-hotel-barcelona-82.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8353/835354/835354862/img-ohla-hotel-barcelona-83.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075045/img-ohla-hotel-barcelona-84.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/14315/1431545/1431545173/img-ohla-hotel-barcelona-85.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/10308/1030846/1030846117/img-ohla-hotel-barcelona-86.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/10308/1030846/1030846240/img-ohla-hotel-barcelona-87.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/10308/1030846/1030846519/img-ohla-hotel-barcelona-88.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273074/1273074892/img-ohla-hotel-barcelona-89.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/2463/246321/246321021/img-ohla-hotel-barcelona-90.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/14321/1432161/1432161793/img-ohla-hotel-barcelona-91.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072723/img-ohla-hotel-barcelona-92.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12079/1207916/1207916293/img-ohla-hotel-barcelona-93.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273075/1273075924/img-ohla-hotel-barcelona-94.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/3905/390595/390595593/img-ohla-hotel-barcelona-95.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/5219/521940/521940576/img-ohla-hotel-barcelona-96.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/10143/1014375/1014375328/img-ohla-hotel-barcelona-97.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/12730/1273072/1273072444/img-ohla-hotel-barcelona-98.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/5219/521940/521940552/img-ohla-hotel-barcelona-99.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Imgs/150x150w/8420/842020/842020634/img-ohla-hotel-barcelona-100.JPEG" alt=""> </div> </div> </div> </div> <div class="page__modal-count j-gallery-count"></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: 'topbarcelonahotels.com', page:'main', typeObject:'hotel', currencyId:'1', languageId:'1', language:'en', currentDay:'31', currentMonth:'01', currentYear:'2025', logId:'3136668490', track: '5f1mAbPENEG4eckQ', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.topbarcelonahotels.com', siteId:'127241', tob: false , nid:'55', hotelName: 'Ohla Barcelona', siteNetworkId:'55', hotelDestinationId:'45', objectId:'372707', hotelExtId:'343932', hotelTheme:'8001', hotelDestinationName:"Barcelona", hotelCountry:"Spain", hotelStars:'5', hotelIsApartment:'0', hotelTypeId:'12', popprice:'1', endpointHotelAttractions: {"data":{"2069540":{"id":"2069540","distance":"1.6 km","minutes":"19-min walk from property"},"4576166":{"id":"4576166","distance":"1.6 km","minutes":"20-min walk from property"},"684563":{"id":"684563","distance":"650 m","minutes":"8-min walk from property"},"10829":{"id":"10829","distance":"770 m","minutes":"10-min walk from property"},"3236976":{"id":"3236976","distance":"1.1 km","minutes":"14-min walk from property"},"747858":{"id":"747858","distance":"870 m","minutes":"11-min walk from property"},"561761":{"id":"561761","distance":"810 m","minutes":"10-min walk from property"}},"ids":["2069540","4576166","684563","10829","3236976","747858","561761"]}, endpointHotelRestaurants: {"data":{"1653881":{"id":"1653881","distance":"10 m","minutes":"1-min walk from property"},"526884":{"id":"526884","distance":"180 m","minutes":"3-min walk from property"},"518458":{"id":"518458","distance":"100 m","minutes":"2-min walk from property"},"1654002":{"id":"1654002","distance":"110 m","minutes":"2-min walk from property"},"531893":{"id":"531893","distance":"60 m","minutes":"1-min walk from property"},"541913":{"id":"541913","distance":"180 m","minutes":"3-min walk from property"}},"ids":["1653881","526884","518458","1654002","531893","541913"]}, attractionInfoInDescription: {"landmarks":[{"id":"333939","name":"Via Laietana - Comtal"},{"id":"677139","name":"Cathedral of Barcelona"},{"id":"684563","name":"Gothic Quarter Centre"},{"id":"2069504","name":"Placa d'Espanya"},{"id":"173491","name":"Urquinaona"},{"id":"684553","name":"Basilica of the Sagrada Familia"},{"id":"11528","name":"Tapas 24"}]}, clickTrip:{ currentType:"tab", hotelDestinationDomainName:"topbarcelonahotels.com", hotelBookingDestinationType: "city", hotelBookingCityId:"-372490", hotelBookingTypeId:234, hotelBookingId:269403, subAccount:"clicktrip-bn-n55-010225-ohla_barcelona-i372707-s127241-w5f1mAbPENEG4eckQ-cu_tab-d8001-dc3" }, mapParameters:{ mapProvider:'2', mapKey:'' ,hotelLatitude:'41.387079' ,hotelLongitude:'2.174427' }, availableParams:{ use:'0', dataFrom:'2025-02-01', dataTo:'2025-02-02', 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:'tc7covlg60' , stopSpamValue:'a3c2c235718654a0539d7d92a97aa349' };</script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.topbarcelonahotels.com"]); _paq.push(["setDomains", ["*.topbarcelonahotels.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 127241]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'en', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=127241" style="border:0;" alt="" /></p></noscript> <script> travel.options.validPricesInCalendar = !!'1' </script> <script src="/new/designs/80/build/hotel-vendors/script.4dbdf84174b0f145f19add083e46d7e7.js"></script> <script src="/new/designs/80/build/hotel/script.4dbdf84174b0f145f19add083e46d7e7.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10