CINXE.COM

<!DOCTYPE html> <html xml:lang="en" lang="en" class="en-lang"> <head> <meta name="keywords" content="Gracia Apartments Barcelona, Gracia Apartments Barcelona reservation, Gracia Apartments Barcelona cheap" /> <meta name="description" content="Gracia Apartments Barcelona. Located 3.8 km from Camp Nou, which is highly appreciated by sports lovers, Gracia Apartments Barcelona hotel includes 6 rooms." /> <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>Gracia Apartments Hotel Barcelona, Spain</title> <link rel="canonical" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/en/" /> <link rel="alternate" hreflang="ar" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/ar/" title="Arabic" /> <link rel="alternate" hreflang="zh" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/zh/" title="Chinese" /> <link rel="alternate" hreflang="cs" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/cs/" title="Czech" /> <link rel="alternate" hreflang="da" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/da/" title="Danish" /> <link rel="alternate" hreflang="de" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/de/" title="Deutch" /> <link rel="alternate" hreflang="en" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/en/" title="English" /> <link rel="alternate" hreflang="es" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/es/" title="Spanish" /> <link rel="alternate" hreflang="fr" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/fr/" title="French" /> <link rel="alternate" hreflang="el" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/el/" title="Greek" /> <link rel="alternate" hreflang="he" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/he/" title="Hebrew" /> <link rel="alternate" hreflang="it" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/it/" title="Italiano" /> <link rel="alternate" hreflang="ja" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/ja/" title="Japanese" /> <link rel="alternate" hreflang="ko" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/ko/" title="Korean" /> <link rel="alternate" hreflang="hu" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/hu/" title="Hungarian" /> <link rel="alternate" hreflang="nl" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/nl/" title="Dutch" /> <link rel="alternate" hreflang="pl" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/pl/" title="Polish" /> <link rel="alternate" hreflang="pt" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/pt/" title="Portuguese" /> <link rel="alternate" hreflang="ru" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/ru/" title="Russian" /> <link rel="alternate" hreflang="sv" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/sv/" title="Swedish" /> <link rel="alternate" hreflang="tr" type="text/html" href="https://gracia-apartments-barcelona-08023.topbarcelonahotels.com/tr/" title="Turkish" /> <link importance="high" rel="preload" href="/data/Photos/1920x1080w/1566/156643/156643032.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.bde1652ad41a9333f9ff1572608ca482.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}@media only screen and (max-width:1200px){.jupiter .main__hotel-subtitle{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 .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.bde1652ad41a9333f9ff1572608ca482.css"> <script type="application/ld+json"> { "@type": "Hotel", "image": "/data/Photos/OriginalPhoto/1566/156643/156643032.JPEG", "priceRange" : "From US$ 115", "description": "Located 3.8 km from Camp Nou, which is highly appreciated by sports lovers, Gracia Apartments Barcelona hotel includes 6 rooms.", "@context": "https://schema.org", "address": { "addressCountry": "Spain", "addressRegion": "Barcelona", "addressLocality": "Different Locations", "streetAddress": "Different Locations", "postalCode": "08023", "@type": "PostalAddress" }, "name": "Gracia Apartments Barcelona", "hasMap": "https://www.google.com/maps/place/41.3978526825378,2.15924263000488/@41.3978526825378,2.15924263000488,17z", "alternateName": ["gracia apartments barcelona"], "starRating": { "@type": "Rating", "ratingValue": "0" }, "url": "https://gracia-apartments-barcelona-08023.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": "⭐Hotels⭐" , "@id":"https://www.topbarcelonahotels.com/en/type/hotels-12/" } }, { "@type": "ListItem", "position":"3", "item":{ "name": "🏨Gracia Apartments Barcelona🏨" } } ] } </script> <script type="application/ld+json"> [ { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1762/176223/176223537.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681893/681893166.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681889/681889836.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890433.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642996.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890037.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890346.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892707.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891495.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642864.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642642.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890697.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890979.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681893/681893079.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891987.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891327.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681889/681889944.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890775.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892203.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891912.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891828.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892305.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892908.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892122.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892614.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/2791/279188/279188881.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681889/681889755.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891255.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891672.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1762/176223/176223306.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891120.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642882.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891606.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890610.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890127.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1762/176223/176223270.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642612.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1762/176223/176223498.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156643/156643032.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891183.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891417.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892530.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1762/176223/176223555.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642972.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892413.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642918.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892815.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642696.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1762/176223/176223513.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681893/681893262.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681892/681892992.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890235.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681891/681891753.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890544.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642594.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1762/176223/176223249.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/6818/681890/681890889.JPEG", "creditText": "Gracia Apartments" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Photos/OriginalPhoto/1566/156642/156642945.JPEG", "creditText": "Gracia Apartments" } ] </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> <div class="dropdown__link js-link j-link" data-code="L2NzLw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L2RhLw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L2RlLw=="> <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> </div> <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> <div class="dropdown__link js-link j-link" data-code="L2VzLw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L2ZyLw=="> <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> </div> <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> <div class="dropdown__link js-link j-link" data-code="L2hlLw=="> <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> </div> <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> <div class="dropdown__link js-link j-link" data-code="L25sLw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L3BsLw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L3B0Lw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L3J1Lw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L3N2Lw=="> <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> </div> <div class="dropdown__link js-link j-link" data-code="L3RyLw=="> <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> </div> </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 Gracia Apartments Barcelona</h1> <p class="main__hotel-subtitle">Different Locations, 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/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">Gracia Apartments Barcelona</span> </div> </div> </div> <div class="main__open-form j-btn-open-form-container"> <div class="main__booking-btn main__open-form-btn j-check-avail-modal-btn-open">Get Prices</div> </div> <div class="main__container j-main-container"> <div class="main__slider" > <div class="page__gallery-slider"> <div class="page__gallery-item main-photo "> <picture class="js-open-gallery-popup" data-modal="overview"> <source srcset="/data/Photos/700x500w/1566/156643/156643032.JPEG" media="(max-width: 768px)"> <img class="main-photo__img main-photo__img--1" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" /> <img class="main-photo__img main-photo__img--2" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--3" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--4" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--5" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--6" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--7" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--8" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--9" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--10" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--11" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--12" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--13" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--14" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--15" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--16" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--17" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--18" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--19" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.JPEG" /> <img class="main-photo__img main-photo__img--20" importance="high" src="/data/Photos/1920x1080w/1566/156643/156643032.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://gracia-apartments-barcelona-08023.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">15</div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month">December</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> <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="2024-12-15"> </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">16</div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month">December</div> <div class="datepicker__field-subtext j-date-week">Monday</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="2024-12-16"> </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="2024-12-14" data-checkout="2024-12-15" data-day="tonight">Tonight</span> <span class="closest-days__divider">/</span> <span class="closest-days__btn js-closest-days-btn" data-checkin="2024-12-15" data-checkout="2024-12-16" 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://gracia-apartments-barcelona-08023.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://gracia-apartments-barcelona-08023.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 Gracia Apartments</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">Located 3.8 km from Camp Nou, which is highly appreciated by sports lovers, Gracia Apartments Barcelona hotel includes 6 rooms.</p> <p class="overview__text-item">This Barcelona hotel places you just an 8-minute stroll from the fantastical Gaudi-designed Casa Batllo Apartments and 3.1 km from Columbus Monument. The property offers proximity to such natural sights as the Unesco-listed Parc Guell (2.4 km) and Ciutadella Park (2.5 km). Also, Basilica of the Sagrada Familia lies nearly a 20-minute stroll away, while Provenca-Diagonal is at the doorstep of the hotel. Corsega - Pg de Gracia bus stop is situated only 5 minutes on foot from the accommodation. Your trip couldn't be easier as Gracia Apartments hotel is 15 km from Barcelona-El Prat airport.</p> <p class="overview__text-item">The nearby dining opportunities include El Cafe Rock & Roll, which is within convenient reach of this Barcelona property.</p> <div class="overview__text-item"> <div data="checktime"> </div> </div> </div> <div class="overview__btn j-article-btn-more"> <span class="overview__btn-more">More</span> <span class="overview__btn-less">Less</span> <svg class="overview__btn-arrow icon-down-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> </div> <div class="jupiter__section-block page__gallery j-gallery-wrapper "> <div class="page__gallery-slider j-gallery-slider page__gallery--padding-bottom"> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156643/156643032.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642972.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642642.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642918.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642945.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642996.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642594.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891255.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891327.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681889/681889836.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681889/681889755.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681889/681889944.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890037.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890127.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890235.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890346.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890433.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890544.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890697.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891417.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891495.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891606.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891753.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891912.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890775.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891672.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891828.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642696.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642612.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890610.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891987.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892305.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892530.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892707.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892908.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892992.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681893/681893079.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681893/681893166.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681893/681893262.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892413.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/2791/279188/279188881.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892815.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1762/176223/176223270.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1762/176223/176223513.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1762/176223/176223537.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892614.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892203.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1762/176223/176223555.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1762/176223/176223306.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681892/681892122.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642882.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1762/176223/176223498.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1566/156642/156642864.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890979.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891183.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681890/681890889.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/6818/681891/681891120.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Photos/1080x700w/1762/176223/176223249.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 Gracia Apartments</h3> <div class="map__wrapper jupiter__section-wrapper"> <div class="local-attractions map__attractions jupiter__section-block j-local-attractions"> <h2 class="local-attractions__title">Local Attractions</h2> <div class="local-attractions__item "> <div class="local-attractions__img"> <svg class="local-attractions__img-icon svg-icon-airports"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#airports"></use> </svg> </div> <div class="local-attractions__description"> <h4 class="local-attractions__description-category">Airports</h4> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Barcelona-El Prat</div> <div class="local-attractions__description-distance">13.1 km</div> </div> </div> </div> <div class="local-attractions__item "> <div class="local-attractions__img"> <svg class="local-attractions__img-icon svg-icon-local_attractions"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#local_attractions"></use> </svg> </div> <div class="local-attractions__description"> <h4 class="local-attractions__description-category">Attractions</h4> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Casa Mila</div> <div class="local-attractions__description-distance">250 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Barri de Gracia</div> <div class="local-attractions__description-distance">250 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Casa Vicens</div> <div class="local-attractions__description-distance">850 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Casa Batllo</div> <div class="local-attractions__description-distance">900 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Casa Amatller</div> <div class="local-attractions__description-distance">900 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Basilica of the Sagrada Familia</div> <div class="local-attractions__description-distance">950 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Church of Sant Francesc de Sales</div> <div class="local-attractions__description-distance">950 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Rambla de Catalunya</div> <div class="local-attractions__description-distance">1.3 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">FGC - Provença</div> <div class="local-attractions__description-distance">600 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 Gracia Apartments</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 Gracia Apartments Barcelona</h2> <div class="amenities__container jupiter__section-wrapper"> <div class="amenities__container-block jupiter__section-block"> <h3 class="amenities__subtitle">Most popular facilities</h3> <div class="amenities__box"> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> <p class="amenities__box-item-abstract-text">Free Wi-Fi in rooms</p> </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">Free Wi-Fi</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-no-pets-allowed"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#no-pets-allowed"></use> </svg> </div> <p class="amenities__box-item-text">No pets allowed</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">Free internet access</li> <li class="amenities__list-item">Parking</li> <li class="amenities__list-item">No pets allowed</li> <li class="amenities__list-item">Luggage storage</li> <li class="amenities__list-item">Multilingual staff</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">Kitchen</li> <li class="amenities__list-item">Refrigerator</li> <li class="amenities__list-item">Microwave</li> <li class="amenities__list-item">Cooking hob</li> <li class="amenities__list-item">Cookware/ Kitchen utensils</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">Free Wi-Fi in rooms</li> <li class="amenities__list-item">In-room air conditioning</li> <li class="amenities__list-item">Tea and coffee facilities</li> <li class="amenities__list-item">Private bathroom</li> <li class="amenities__list-item">Hair dryer</li> <li class="amenities__list-item">Cable/ Satellite television</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 Gracia Apartments Policy</h3> <div class="host-info__policy"> <div data="checktime"> </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 Gracia Apartments 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="aHR0cHM6Ly9hcGFydGFtZW50b3MtZ2FuZHV4ZXIudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/335/33583/33583519/img-apartamentos-ganduxer-barcelona-1.JPEG" alt="Isabella's House Aparthotel" title="Isabella's House Aparthotel" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://apartamentos-ganduxer.topbarcelonahotels.com/en/" target="_blank">Isabella's House Aparthotel</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 Ganduxer, 50, 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">112 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcGFydG1lbnRzLXNpeHR5Zm91ci50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7044/704479/704479531/img-apartments-sixtyfour-barcelona-1.JPEG" alt="Sixtyfour Apartment" title="Sixtyfour Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://apartments-sixtyfour.topbarcelonahotels.com/en/" target="_blank">Sixtyfour Apartment</a> <p class="other-hotel__address">Passeig De Gracia, 64, 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="aHR0cHM6Ly95b3Utc3R5bGlzaC1iZWFjaC1hcGFydG1lbnRzLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7025/702598/702598480/img-you-stylish-beach-apartments-barcelona-1.JPEG" alt="You Stylish Beach Apartment" title="You Stylish Beach Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://you-stylish-beach-apartments.topbarcelonahotels.com/en/" target="_blank">You Stylish Beach Apartment</a> <p class="other-hotel__address">Apartments At Different Addresses, 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">355 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9pbnNpZGUtYmFyY2Vsb25hLWFwYXJ0bWVudHMtbWVyY2F0LnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15805/1580507/1580507835/img-inside-apartments-mercat-barcelona-1.JPEG" alt="Inside Mercat Apartment" title="Inside Mercat Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://inside-barcelona-apartments-mercat.topbarcelonahotels.com/en/" target="_blank">Inside Mercat Apartment</a> <p class="other-hotel__address">Carrer Comercial 15, 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">318 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iY24tYWNjb21tb2RhdGlvbi50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/565/56573/56573953/img-bcn-accommodation-barcelona-1.JPEG" alt="Bcn-accommodation Apartment" title="Bcn-accommodation Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://bcn-accommodation.topbarcelonahotels.com/en/" target="_blank">Bcn-accommodation Apartment</a> <p class="other-hotel__address">Carrer Tallers,19, 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">82 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly90ZW5kZW5jeS1hcGFydG1lbnRzLTMudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15335/1533529/1533529231/img-tendency-apartments-3-barcelona-1.JPEG" alt="Tendency 3 Apartment" title="Tendency 3 Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://tendency-apartments-3.topbarcelonahotels.com/en/" target="_blank">Tendency 3 Apartment</a> <p class="other-hotel__address">Bac De Roda, 100, Barcelona, Es, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">254 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9maXNhLXJlbnRhbHMtZ3Jhbi12aWEtYXBhcnRtZW50cy50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10092/1009280/1009280086/img-fisa-rentals-gran-via-apartments-barcelona-1.JPEG" alt="Fisa Gran Via Apartment" title="Fisa Gran Via Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://fisa-rentals-gran-via-apartments.topbarcelonahotels.com/en/" target="_blank">Fisa Gran Via Apartment</a> <p class="other-hotel__address">Gran Via De Les Corts Catalanes 662, 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">181 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9sdWdhcmlzLXNlYS10aGUtaG9tZS1jb25jZXB0LnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16205/1620592/1620592359/img-lugaris-beach-apartment-barcelona-1.JPEG" alt="Lugaris Beach Apartment" title="Lugaris Beach Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://lugaris-sea-the-home-concept.topbarcelonahotels.com/en/" target="_blank">Lugaris Beach Apartment</a> <p class="other-hotel__address">Passeig Calvell 45, 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">104 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly91cC1zdWl0ZXMtYmNuLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6921/692101/692101737/img-up-suites-bcn-barcelona-1.JPEG" alt="Up Bcn Apartment" title="Up Bcn Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://up-suites-bcn.topbarcelonahotels.com/en/" target="_blank">Up Bcn Apartment</a> <p class="other-hotel__address">Carrer Valencia, 115, 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">178 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9taC1hcGFydG1lbnRzLXN1aXRlcy50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6727/672750/672750708/img-mh-apartments-suites-barcelona-1.JPEG" alt="Mh Apartment" title="Mh Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://mh-apartments-suites.topbarcelonahotels.com/en/" target="_blank">Mh Apartment</a> <p class="other-hotel__address">Girona, 110, 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">347 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9taC1hcGFydG1lbnRzLWNlbnRlci50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6983/698391/698391054/img-mh-apartments-center-barcelona-1.JPEG" alt="Mh Center Apartment" title="Mh Center Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://mh-apartments-center.topbarcelonahotels.com/en/" target="_blank">Mh Center Apartment</a> <p class="other-hotel__address">Carrer Comte Borrell, 73, 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">178 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9sYXMtcmFtYmxhcy1zdWl0ZXMudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/88/8857/8857843/img-las-ramblas-suites-barcelona-1.JPEG" alt="Las Ramblas Apartment" title="Las Ramblas Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://las-ramblas-suites.topbarcelonahotels.com/en/" target="_blank">Las Ramblas Apartment</a> <p class="other-hotel__address">Ferran, 2, 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">168 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly95b3Utc3R5bGlzaC1jaXR5LWNlbnRyZS1hcGFydG1lbnRzLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/11743/1174356/1174356927/img-you-stylish-city-centre-apartments-barcelona-1.JPEG" alt="You Stylish City Center Apartment" title="You Stylish City Center Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://you-stylish-city-centre-apartments.topbarcelonahotels.com/en/" target="_blank">You Stylish City Center Apartment</a> <p class="other-hotel__address">Various Addresses, 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">362 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcGFydGFtZW50b3Mtc2F0YS1vbGltcGljLXZpbGxhZ2UtYXJlYS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/13930/1393047/1393047029/img-apartments-sata-olimpic-village-area-barcelona-1.JPEG" alt="Sata Olimpic Village Area Apartment" title="Sata Olimpic Village Area Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://apartamentos-sata-olimpic-village-area.topbarcelonahotels.com/en/" target="_blank">Sata Olimpic Village Area Apartment</a> <p class="other-hotel__address">Carrer De La Marina 70, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">73 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly8wODAyOC1hcGFydG1lbnRzLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6907/690735/690735696/img-apartments-barcelona-1.JPEG" alt="08028 Apartment" title="08028 Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://08028-apartments.topbarcelonahotels.com/en/" target="_blank">08028 Apartment</a> <p class="other-hotel__address">C/ Can Bruixa 6-8, 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="aHR0cHM6Ly9nb29kLWFwYXJ0bWVudHMtYmFyY2Vsb25hLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6660/666051/666051585/img-good-apartments-barcelona-1.JPEG" alt="Good-apartments Apartment" title="Good-apartments Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://good-apartments-barcelona.topbarcelonahotels.com/en/" target="_blank">Good-apartments Apartment</a> <p class="other-hotel__address">Gran Via, 857, 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">271 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcmFnby1leGVjdXRpdmUtYXBhcnRtZW50cy1hc3Bhc2lvcy50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/3781/378114/378114475/img-arago-executive-apartments-aspasios-barcelona-1.JPEG" alt="Sleep Urgell By Apartment" title="Sleep Urgell By Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://arago-executive-apartments-aspasios.topbarcelonahotels.com/en/" target="_blank">Sleep Urgell By Apartment</a> <p class="other-hotel__address">Calle Aragon 155, Barcelona, Es, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">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="aHR0cHM6Ly9jYXNhLWRpYWdvbmFsLWJiLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6827/682798/682798323/img-casa-diagonal-bed-breakfast-barcelona-1.JPEG" alt="Apartamento Diagonal Apartment" title="Apartamento Diagonal Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://casa-diagonal-bb.topbarcelonahotels.com/en/" target="_blank">Apartamento Diagonal Apartment</a> <p class="other-hotel__address">Avenida Diagonal 369, 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">128 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wb3J0YWwtZGVsLWFuZ2VsLWJhcmNlbG9uYXN0dWZmLWFwYXJ0bWVudHMudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10358/1035885/1035885475/img-portal-del-angel-stuff-apartments-barcelona-1.JPEG" alt="Portal Del Angel Barcelonastuff Apartment" title="Portal Del Angel Barcelonastuff Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://portal-del-angel-barcelonastuff-apartments.topbarcelonahotels.com/en/" target="_blank">Portal Del Angel Barcelonastuff Apartment</a> <p class="other-hotel__address">Flor, 5, 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">141 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jb29sLWdyYWNpYS1hcGFydG1lbnRzLnRvcGJhcmNlbG9uYWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16236/1623658/1623658664/img-cool-gracia-apartments-barcelona-1.JPEG" alt="Aspasios Verdi Apartment" title="Aspasios Verdi Apartment" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://cool-gracia-apartments.topbarcelonahotels.com/en/" target="_blank">Aspasios Verdi Apartment</a> <p class="other-hotel__address">Carrer De Torrijos 21, 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">174 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="aHR0cHM6Ly9hLWluLWItZW50ZW5jYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10058/1005825/1005825106/img-ainb-eixample-entenca-apartments-barcelona-1.JPEG" alt="Ainb Eixample-entenca Barcelona" title="Ainb Eixample-entenca Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://a-in-b-entenca.catalonia-hotels.com/en/" target="_blank">Ainb Eixample-entenca Barcelona</a> <p class="other-hotel__address">Carrer D'Entenca, 98, 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">130 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zb2wtYXBhcnRtZW50cy5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/9512/951295/951295159/img-sol-apartments-barcelona-1.JPEG" alt="Gracia Bas Barcelona" title="Gracia Bas Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://sol-apartments.catalonia-hotels.com/en/" target="_blank">Gracia Bas Barcelona</a> <p class="other-hotel__address">Pere Serafi, 1, 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">637 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jYXRlZHJhbC1iYXMtYXBhcnRtZW50cy1iYXJjZWxvbmEuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/8184/818473/818473034/img-catedral-bas-apartments-barcelona-1.JPEG" alt="Aspasios Catedral Barcelona" title="Aspasios Catedral Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://catedral-bas-apartments-barcelona.catalonia-hotels.com/en/" target="_blank">Aspasios Catedral Barcelona</a> <p class="other-hotel__address">Calle Duran I Bas Nº7, 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">207 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYXJjZWxvbmEtNTQtYXBhcnRtZW50LXJlbnRhbHMuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15381/1538167/1538167960/img-54-apartment-rentals-barcelona-1.JPEG" alt="54 Barcelona" title="54 Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://barcelona-54-apartment-rentals.catalonia-hotels.com/en/" target="_blank">54 Barcelona</a> <p class="other-hotel__address">Calle Provenca, 379, 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">435 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jaXR5dHJpcC1ib3JuZS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/14986/1498619/1498619017/img-citytrip-borne-apartment-barcelona-1.JPEG" alt="Citytrip Palau De La Musica Barcelona" title="Citytrip Palau De La Musica Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://citytrip-borne.catalonia-hotels.com/en/" target="_blank">Citytrip Palau De La Musica Barcelona</a> <p class="other-hotel__address">Sant Pere Mitja 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">93 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jdWV2YXMtZ2FsZXJhLWN1ZXZhcy1kZS1sYS1sdXouZXMtYW5kYWx1Y2lhLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10325/1032530/1032530969/img-cuevas-cuevas-de-la-luz-galera-1.JPEG" alt="Cuevas - Cuevas De La Luz Galera" title="Cuevas - Cuevas De La Luz Galera" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://cuevas-galera-cuevas-de-la-luz.es-andalucia.com/en/" target="_blank">Cuevas - Cuevas De La Luz Galera</a> <p class="other-hotel__address">28 Calle Collado Alto, Galera, 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">74 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9tdXNoLXJvb20tYXBhcnRhbWVudG9zLmVzLWFuZGFsdWNpYS5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10432/1043220/1043220271/img-mush-room-apartamentos-seville-1.JPEG" alt="Mush Seville" title="Mush Seville" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://mush-room-apartamentos.es-andalucia.com/en/" target="_blank">Mush Seville</a> <p class="other-hotel__address">Calle Imagen 4, Seville, 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">172 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly92aWxsYS1jYXJhdmFuZS5lcy1hbmRhbHVjaWEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10323/1032394/1032394184/img-villa-caravane-benalmadena-1.JPEG" alt="Caravane Benalmadena" title="Caravane Benalmadena" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://villa-caravane.es-andalucia.com/en/" target="_blank">Caravane Benalmadena</a> <p class="other-hotel__address">Calle Felix De La Riva Garcia 8, Benalmadena, 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">76 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9maW5jYS1lbC1saW1vbmFyLmVzLWFuZGFsdWNpYS5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/13802/1380254/1380254540/img-finca-el-limonar-alora-1.JPEG" alt="Finca El Limonar Alora" title="Finca El Limonar Alora" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://finca-el-limonar.es-andalucia.com/en/" target="_blank">Finca El Limonar Alora</a> <p class="other-hotel__address">Poligono 27, Parcela 9, Alora, 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">85 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYi1zb2wteS1tb250ZS5lcy1hbmRhbHVjaWEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10324/1032462/1032462824/img-bb-sol-y-monte-alora-1.JPEG" alt="Sol Y Monte Alora" title="Sol Y Monte Alora" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://bb-sol-y-monte.es-andalucia.com/en/" target="_blank">Sol Y Monte Alora</a> <p class="other-hotel__address">La Loma Poligono 7, Alora, 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">114 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jbHViLW9jZWFuby5pbi1jYW5hcnktaXNsYW5kcy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/8178/817885/817885940/img-club-oceano-apartment-puerto-del-carmen-puerto-del-carmen-lanzarote-1.JPEG" alt="Club Oceano Puerto del Carmen (Lanzarote)" title="Club Oceano Puerto del Carmen (Lanzarote)" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://club-oceano.in-canary-islands.com/en/" target="_blank">Club Oceano Puerto del Carmen (Lanzarote)</a> <p class="other-hotel__address">Alcorce, 3, Tias, Es, Puerto del Carmen (Lanzarote), 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">114 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wbGF5YWZsb3ItY2hpbGwtb3V0LXJlc29ydC5pbi1jYW5hcnktaXNsYW5kcy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/8202/820211/820211783/img-playaflor-chill-out-resort-playa-de-las-americas-playa-de-las-americas-tenerife-1.JPEG" alt="Playaflor Chill Out A 50 Mtrs De La Playa (adults Only) Playa de las Americas (Tenerife)" title="Playaflor Chill Out A 50 Mtrs De La Playa (adults Only) Playa de las Americas (Tenerife)" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://playaflor-chill-out-resort.in-canary-islands.com/en/" target="_blank">Playaflor Chill Out A 50 Mtrs De La Playa (adults Only) Playa de las Americas (Tenerife)</a> <p class="other-hotel__address">Aavda Rafael Puig Lluvina, 3, Playa de las Americas (Tenerife), Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">78 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hcGFydGFtZW50b3MtdGVqZWRhLmluLWNhbmFyeS1pc2xhbmRzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10077/1007735/1007735968/img-apartamentos-tejeda-las-palmas-de-gran-canaria-1.JPEG" alt="Mfh Beach Las Palmas de Gran Canaria" title="Mfh Beach Las Palmas de Gran Canaria" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://apartamentos-tejeda.in-canary-islands.com/en/" target="_blank">Mfh Beach Las Palmas de Gran Canaria</a> <p class="other-hotel__address">Doctor Grau Bassas, 44, Las Palmas de Gran Canaria, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">53 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9sYW56YXJvdGUtcGFyYWRpc2UuaW4tY2FuYXJ5LWlzbGFuZHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/13073/1307320/1307320525/img-lanzarote-paradise-apartment-costa-teguise-1.JPEG" alt="Lanzarote Paradise Colinas Costa Teguise" title="Lanzarote Paradise Colinas Costa Teguise" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://lanzarote-paradise.in-canary-islands.com/en/" target="_blank">Lanzarote Paradise Colinas Costa Teguise</a> <p class="other-hotel__address">Calle de Argentina 318, Costa Teguise, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">75 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wYXJhaXNvLWRlbC1zb2wtcGxheWEtZGUtbGFzLWFtZXJpY2FzLmluLWNhbmFyeS1pc2xhbmRzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/9609/960958/960958660/img-paraiso-del-sol-hotel-playa-de-las-americas-playa-de-las-americas-tenerife-1.JPEG" alt="Paraiso Del Sol Y Paradero Playa de las Americas (Tenerife)" title="Paraiso Del Sol Y Paradero Playa de las Americas (Tenerife)" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://paraiso-del-sol-playa-de-las-americas.in-canary-islands.com/en/" target="_blank">Paraiso Del Sol Y Paradero Playa de las Americas (Tenerife)</a> <p class="other-hotel__address">Avenida Quinto Centenario, 7, Playa de las Americas (Tenerife), Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">75 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zcXVhc2guYmFsZWFyaWMtaXNsYW5kcy5uZXQvZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7194/719433/719433193/img-squash-hotel-playa-d-en-bossa-1.JPEG" alt="My Way Luxury Ibiza Studio - Ab Group Playa d'en Bossa" title="My Way Luxury Ibiza Studio - Ab Group Playa d'en Bossa" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://squash.balearic-islands.net/en/" target="_blank">My Way Luxury Ibiza Studio - Ab Group Playa d'en Bossa</a> <p class="other-hotel__address">Argelagues 18, Playa d'en Bossa, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">65 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9tYXIteS1wbGF5YS1pLmJhbGVhcmljLWlzbGFuZHMubmV0L2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/13458/1345896/1345896644/img-apartamentos-mar-y-playa-figueretas-1.JPEG" alt="Mar Y Playa Figueretas" title="Mar Y Playa Figueretas" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://mar-y-playa-i.balearic-islands.net/en/" target="_blank">Mar Y Playa Figueretas</a> <p class="other-hotel__address">Carrer De Tarragona, S/N, Ibiza Town, Es, Figueretas, 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">135 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9lbWJhdC5iYWxlYXJpYy1pc2xhbmRzLm5ldC9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12723/1272358/1272358870/img-embat-apartment-can-pastilla-can-pastilla-mallorca-1.JPEG" alt="Embat Can Pastilla (Mallorca)" title="Embat Can Pastilla (Mallorca)" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://embat.balearic-islands.net/en/" target="_blank">Embat Can Pastilla (Mallorca)</a> <p class="other-hotel__address">7 Nansas, Can Pastilla (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">43 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zb2ZpYS5iYWxlYXJpYy1pc2xhbmRzLm5ldC9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12369/1236943/1236943876/img-sofia-hotel-mallorca-island-port-de-alcudia-mallorca-1.JPEG" alt="Ferrer Lime Playa De Alcudia Port de Alcudia (Mallorca)" title="Ferrer Lime Playa De Alcudia Port de Alcudia (Mallorca)" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://sofia.balearic-islands.net/en/" target="_blank">Ferrer Lime Playa De Alcudia Port de Alcudia (Mallorca)</a> <p class="other-hotel__address">Minerva 21, 21, Port de Alcudia (Mallorca), Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">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="aHR0cHM6Ly9hcGFydGhvdGVsLW5lcmVpZGEuYmFsZWFyaWMtaXNsYW5kcy5uZXQvZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12725/1272568/1272568792/img-aparthotel-nereida-san-antonio-ibiza-1.JPEG" alt="Nereida San Antonio (Ibiza)" title="Nereida San Antonio (Ibiza)" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://aparthotel-nereida.balearic-islands.net/en/" target="_blank">Nereida San Antonio (Ibiza)</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 Madrid, 10, San Antonio (Ibiza), 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> </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 | 2024 © 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/Photos/1920x1080w/1566/156643/156643032.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642972.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642642.JPEG" alt="Gracia Apartments Barcelona Spain" title="Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642918.JPEG" alt="Gracia Apartments Barcelona 0*, Spain" title="Gracia Apartments Barcelona 0*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642945.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642996.JPEG" alt="Hotel Gracia Apartments Barcelona Spain" title="Hotel Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642594.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891255.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891327.JPEG" alt="Gracia Apartments Barcelona 0*," title="Gracia Apartments Barcelona 0*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681889/681889836.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681889/681889755.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681889/681889944.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890037.JPEG" alt="Gracia Apartments Barcelona Spain" title="Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890127.JPEG" alt="Gracia Apartments Barcelona 0*, Spain" title="Gracia Apartments Barcelona 0*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890235.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890346.JPEG" alt="Hotel Gracia Apartments Barcelona Spain" title="Hotel Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890433.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890544.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890697.JPEG" alt="Gracia Apartments Barcelona 0*," title="Gracia Apartments Barcelona 0*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891417.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891495.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891606.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891753.JPEG" alt="Gracia Apartments Barcelona Spain" title="Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891912.JPEG" alt="Gracia Apartments Barcelona 0*, Spain" title="Gracia Apartments Barcelona 0*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890775.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891672.JPEG" alt="Hotel Gracia Apartments Barcelona Spain" title="Hotel Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891828.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642696.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642612.JPEG" alt="Gracia Apartments Barcelona 0*," title="Gracia Apartments Barcelona 0*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890610.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891987.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892305.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892530.JPEG" alt="Gracia Apartments Barcelona Spain" title="Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892707.JPEG" alt="Gracia Apartments Barcelona 0*, Spain" title="Gracia Apartments Barcelona 0*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892908.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892992.JPEG" alt="Hotel Gracia Apartments Barcelona Spain" title="Hotel Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681893/681893079.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681893/681893166.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681893/681893262.JPEG" alt="Gracia Apartments Barcelona 0*," title="Gracia Apartments Barcelona 0*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892413.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/2791/279188/279188881.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892815.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1762/176223/176223270.JPEG" alt="Gracia Apartments Barcelona Spain" title="Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1762/176223/176223513.JPEG" alt="Gracia Apartments Barcelona 0*, Spain" title="Gracia Apartments Barcelona 0*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1762/176223/176223537.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892614.JPEG" alt="Hotel Gracia Apartments Barcelona Spain" title="Hotel Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892203.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1762/176223/176223555.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1762/176223/176223306.JPEG" alt="Gracia Apartments Barcelona 0*," title="Gracia Apartments Barcelona 0*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681892/681892122.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642882.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1762/176223/176223498.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1566/156642/156642864.JPEG" alt="Gracia Apartments Barcelona Spain" title="Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890979.JPEG" alt="Gracia Apartments Barcelona 0*, Spain" title="Gracia Apartments Barcelona 0*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891183.JPEG" alt="Gracia Apartments Barcelona Hotel" title="Gracia Apartments Barcelona Hotel" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681890/681890889.JPEG" alt="Hotel Gracia Apartments Barcelona Spain" title="Hotel Gracia Apartments Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/6818/681891/681891120.JPEG" alt="Gracia Apartments Barcelona" title="Gracia Apartments Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/1920x1080w/1762/176223/176223249.JPEG" alt="Hotel Gracia Apartments Barcelona" title="Hotel Gracia Apartments Barcelona" > </div> </div> <div class="page__modal-nav"> <div class="page__modal-nav-slider j-slider-nav"> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156643/156643032.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642972.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642642.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642918.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642945.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642996.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642594.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891255.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891327.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681889/681889836.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681889/681889755.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681889/681889944.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890037.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890127.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890235.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890346.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890433.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890544.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890697.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891417.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891495.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891606.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891753.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891912.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890775.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891672.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891828.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642696.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642612.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890610.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891987.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892305.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892530.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892707.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892908.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892992.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681893/681893079.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681893/681893166.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681893/681893262.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892413.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/2791/279188/279188881.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892815.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1762/176223/176223270.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1762/176223/176223513.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1762/176223/176223537.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892614.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892203.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1762/176223/176223555.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1762/176223/176223306.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681892/681892122.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642882.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1762/176223/176223498.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1566/156642/156642864.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890979.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891183.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681890/681890889.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/6818/681891/681891120.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Photos/150x150w/1762/176223/176223249.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:'14', currentMonth:'12', currentYear:'2024', logId:'2520199152', track: 'je1LuvYedK2VIEnQ', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.topbarcelonahotels.com', siteId:'127241', tob: false , nid:'55', hotelName: 'Gracia Apartments', siteNetworkId:'55', hotelDestinationId:'45', objectId:'1257389', hotelExtId:'717990', hotelTheme:'8001', hotelDestinationName:"Barcelona", hotelCountry:"Spain", hotelStars:'0', hotelIsApartment:'0', hotelTypeId:'12', popprice:'1', endpointHotelAttractions: {"data":{"2697419":{"id":"2697419","distance":"3 km","minutes":"37-min walk from property"},"561761":{"id":"561761","distance":"2.1 km","minutes":"25-min walk from property"},"2922856":{"id":"2922856","distance":"2 km","minutes":"25-min walk from property"},"4576166":{"id":"4576166","distance":"510 m","minutes":"7-min walk from property"},"3236976":{"id":"3236976","distance":"2.5 km","minutes":"30-min walk from property"},"2922998":{"id":"2922998","distance":"2.5 km","minutes":"30-min walk from property"},"2799287":{"id":"2799287","distance":"970 m","minutes":"12-min walk from property"},"923468":{"id":"923468","distance":"980 m","minutes":"12-min walk from property"},"684553":{"id":"684553","distance":"1.6 km","minutes":"20-min walk from property"},"747858":{"id":"747858","distance":"2.3 km","minutes":"28-min walk from property"}},"ids":["2697419","561761","2922856","4576166","3236976","2922998","2799287","923468","684553","747858"]}, endpointHotelRestaurants: {"data":{"862370":{"id":"862370","distance":"220 m","minutes":"3-min walk from property"},"1673018":{"id":"1673018","distance":"220 m","minutes":"3-min walk from property"},"862509":{"id":"862509","distance":"160 m","minutes":"2-min walk from property"},"1302380":{"id":"1302380","distance":"170 m","minutes":"3-min walk from property"},"862313":{"id":"862313","distance":"30 m","minutes":"1-min walk from property"},"2811346":{"id":"2811346","distance":"230 m","minutes":"3-min walk from property"},"1981482":{"id":"1981482","distance":"310 m","minutes":"4-min walk from property"},"2337546":{"id":"2337546","distance":"120 m","minutes":"2-min walk from property"}},"ids":["862370","1673018","862509","1302380","862313","2811346","1981482","2337546"]}, attractionInfoInDescription: {"landmarks":[{"id":"334357","name":"Corsega - Pg de Gracia"},{"id":"923468","name":"the fantastical Gaudi-designed Casa Batllo Apartments"},{"id":"684553","name":"Basilica of the Sagrada Familia"},{"id":"173326","name":"Provenca-Diagonal"},{"id":"597013","name":"Ciutadella Park"},{"id":"727498","name":"the Unesco-listed Parc Guell"},{"id":"2069540","name":"Columbus Monument"},{"id":"1676532","name":"El Cafe Rock & Roll"},{"id":"2737265","name":"Camp Nou"}]}, clickTrip:{ currentType:"tab", hotelDestinationDomainName:"topbarcelonahotels.com", hotelBookingDestinationType: "city", hotelBookingCityId:"-372490", hotelBookingTypeId:234, subAccount:"clicktrip-bn-n55-141224-i1257389-s127241-wje1LuvYedK2VIEnQ-cu_tab-d8001-dc3" }, mapParameters:{ mapProvider:'2', mapKey:'' ,hotelLatitude:'41.3978526825378' ,hotelLongitude:'2.15924263000488' }, availableParams:{ use:'0', dataFrom:'2024-12-15', dataTo:'2024-12-16', 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:'v5ti3vh41r' , stopSpamValue:'54a73eff4840abc192929d412196ca9e' };</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 = !!'' </script> <script src="/new/designs/80/build/hotel-vendors/script.65a5ea755e33364402d4ee00736465ea.js"></script> <script src="/new/designs/80/build/hotel/script.65a5ea755e33364402d4ee00736465ea.js"></script> </body> </html>