CINXE.COM

<!DOCTYPE html> <html xml:lang="en" lang="en" class="en-lang"> <head> <meta name="keywords" content="Colors Barcelona, Colors Barcelona reservation, Colors Barcelona cheap" /> <meta name="description" content="Hotel Colors Barcelona - 2 star hotel. The 2-star Colors Hotel enjoys a quiet location in the very heart of Barcelona, around a 10-minute drive from a popular place of worship such as the monumental …" /> <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>Colors Hotel Barcelona, Spain</title> <link rel="canonical" href="https://colors.catalonia-hotels.com/en/" /> <link rel="alternate" hreflang="ar" type="text/html" href="https://colors.catalonia-hotels.com/ar/" title="Arabic" /> <link rel="alternate" hreflang="zh" type="text/html" href="https://colors.catalonia-hotels.com/zh/" title="Chinese" /> <link rel="alternate" hreflang="cs" type="text/html" href="https://colors.catalonia-hotels.com/cs/" title="Czech" /> <link rel="alternate" hreflang="da" type="text/html" href="https://colors.catalonia-hotels.com/da/" title="Danish" /> <link rel="alternate" hreflang="de" type="text/html" href="https://colors.catalonia-hotels.com/de/" title="Deutch" /> <link rel="alternate" hreflang="en" type="text/html" href="https://colors.catalonia-hotels.com/en/" title="English" /> <link rel="alternate" hreflang="es" type="text/html" href="https://colors.catalonia-hotels.com/es/" title="Spanish" /> <link rel="alternate" hreflang="fr" type="text/html" href="https://colors.catalonia-hotels.com/fr/" title="French" /> <link rel="alternate" hreflang="el" type="text/html" href="https://colors.catalonia-hotels.com/el/" title="Greek" /> <link rel="alternate" hreflang="he" type="text/html" href="https://colors.catalonia-hotels.com/he/" title="Hebrew" /> <link rel="alternate" hreflang="it" type="text/html" href="https://colors.catalonia-hotels.com/it/" title="Italiano" /> <link rel="alternate" hreflang="ja" type="text/html" href="https://colors.catalonia-hotels.com/ja/" title="Japanese" /> <link rel="alternate" hreflang="ko" type="text/html" href="https://colors.catalonia-hotels.com/ko/" title="Korean" /> <link rel="alternate" hreflang="hu" type="text/html" href="https://colors.catalonia-hotels.com/hu/" title="Hungarian" /> <link rel="alternate" hreflang="nl" type="text/html" href="https://colors.catalonia-hotels.com/nl/" title="Dutch" /> <link rel="alternate" hreflang="pl" type="text/html" href="https://colors.catalonia-hotels.com/pl/" title="Polish" /> <link rel="alternate" hreflang="pt" type="text/html" href="https://colors.catalonia-hotels.com/pt/" title="Portuguese" /> <link rel="alternate" hreflang="ru" type="text/html" href="https://colors.catalonia-hotels.com/ru/" title="Russian" /> <link rel="alternate" hreflang="sv" type="text/html" href="https://colors.catalonia-hotels.com/sv/" title="Swedish" /> <link rel="alternate" hreflang="tr" type="text/html" href="https://colors.catalonia-hotels.com/tr/" title="Turkish" /> <link importance="high" rel="preload" href="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/quicksand/v24/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wg.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2"> <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/new/designs/80/build/hotel-static-css/style.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 .select2-selection--single.is-error{border:1px solid #ee3943}.jupiter .select2.select2-container.select2-container--default.select2-container--open .select2-selection__rendered{height:100%}.jupiter .select2-container--default .select2-results>.select2-results__options{max-height:none}.jupiter .select2-container--default .select2-selection--single{border-radius:0;outline:none}.jupiter .select2-dropdown{border-radius:0}.jupiter .select2-results__option{padding:4px;font:500 16px/20px Montserrat,sans-serif;text-align:center}.jupiter .select2-container--open .select2-dropdown{top:calc(100% + 5px)}.jupiter .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:after{-webkit-transform:rotateX(180deg) translateX(-50%) translateY(50%);transform:rotateX(180deg) translateX(-50%) translateY(50%)}.jupiter .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}.jupiter .select2-container--default .select2-selection--single .select2-selection__arrow:after{position:absolute;top:50%;left:50%;width:15px;height:15px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(/new/designs/80/build/images/down-arrow.png) no-repeat 50%;background-size:contain;content:""}.jupiter .select2-container--default .select2-results__option--highlighted[aria-selected]{background:#f5f7f9;color:#ffbf00}.jupiter .select2-container--open .select2-dropdown--below{border:1px solid #b0b0b0}.jupiter .select2-container--default .select2-selection--single .select2-selection__rendered{font:500 16px/26px Montserrat,sans-serif;text-align:center}.jupiter .select2-container--default .select2-results__option[aria-selected=true]{background:none}.jupiter .slick-list,.jupiter .slick-slide>div,.jupiter .slick-track{height:100%}.jupiter .page__gallery{position:relative;height:410px;overflow:hidden;background:none}.jupiter .page__gallery-arrow-icon{width:25px;height:25px;fill:#333e50}.jupiter .page__gallery--full-width{width:100%}.jupiter .page__gallery-count{display:none;color:#333e50;font:500 14px/18px Montserrat,sans-serif}.jupiter .page__gallery-img,.jupiter .page__gallery-item,.jupiter .page__gallery-slider{width:100%;height:100%}.jupiter .page__gallery-img{-o-object-fit:cover;object-fit:cover;background-size:cover;background-repeat:no-repeat}.jupiter .page__gallery .slick-slide{display:inline-block;height:100%}.jupiter .page__gallery .slick-arrow{display:none;z-index:3;position:absolute;width:50px;height:50px;padding:0;border:none;background:hsla(0,0%,100%,.8);color:transparent;font-size:0;cursor:pointer}.jupiter .page__gallery .slick-arrow:active,.jupiter .page__gallery .slick-arrow:focus,.jupiter .page__gallery .slick-arrow:hover{outline:none}.jupiter .page__gallery .slick-arrow:hover{background:rgba(255,191,0,.5)}.jupiter .page__gallery .slick-arrow:hover .page__gallery-arrow-icon{fill:#fff}.jupiter .page__gallery .slick-arrow.slick-prev{right:50px;bottom:0}.jupiter .page__gallery .slick-arrow.slick-prev .page__gallery-arrow-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jupiter .page__gallery .slick-arrow.slick-next{right:0;bottom:0}.jupiter .page__gallery .slick-arrow.slick-next .page__gallery-arrow-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jupiter .page__all-img{display:flex;z-index:3;position:absolute;bottom:15px;left:15px;align-items:center;padding:5px;color:#fff;font:600 14px/18px Montserrat,sans-serif;cursor:pointer}.jupiter .page__all-img:hover{background:rgba(255,191,0,.5)}.jupiter .page__all-img-icon{width:20px;height:20px;margin-right:10px}.jupiter .page__modal{overflow:hidden}.jupiter .page__modal .page__gallery-arrow-icon{width:25px;height:25px;fill:#ffbf00}.jupiter .page__modal-nav{z-index:3000;position:absolute;right:70px;bottom:70px;left:70px;height:80px;padding:10px 40px;overflow:hidden;background:rgba(51,62,80,.6)}.jupiter .page__modal-nav .slick-slide{margin-right:10px}.jupiter .page__modal-nav-slider{overflow:hidden}.jupiter .page__modal-nav-slider--few-item .slick-list{text-align:center}.jupiter .page__modal-nav-slider--few-item .page__modal-img,.jupiter .page__modal-nav-slider--few-item .slick-slide{max-width:100px!important}.jupiter .page__modal-nav .page__modal-img{height:60px;-o-object-fit:cover;object-fit:cover}.jupiter .page__modal-nav .slick-track--no-transform{display:inline-block!important;width:auto!important;-webkit-transform:none!important;transform:none!important}.jupiter .page__modal .slick-slider.is-touch .slick-arrow{display:none!important}.jupiter .page__modal .slick-slide{display:inline-block;height:100%}@media(max-width:767px){.jupiter .page__modal .slick-slide{width:calc(100vw - 20px)!important}}.jupiter .page__modal-count{position:absolute;bottom:28px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff}.jupiter .page__modal-item{font-size:0;line-height:0;text-align:center;cursor:pointer}.jupiter .page__modal-img,.jupiter .page__modal-item,.jupiter .page__modal-slider{width:100%;height:100%}.jupiter .page__modal-img{-o-object-fit:contain;object-fit:contain}.jupiter .page__modal-slider .page__modal-img{-o-object-fit:cover;object-fit:cover}.jupiter .page__modal .slick-arrow{display:none;z-index:2000;position:absolute;width:50px;height:50px;padding:0;border:1px solid #ffbf00;background:none;color:transparent;font-size:0;cursor:pointer}.jupiter .page__modal .slick-arrow:active,.jupiter .page__modal .slick-arrow:focus,.jupiter .page__modal .slick-arrow:hover{outline:none}.jupiter .page__modal .slick-arrow:hover{background:#ffbf00}.jupiter .page__modal .slick-arrow:hover .page__gallery-arrow-icon{fill:#fff}.jupiter .page__modal .slick-arrow:active{background:none}.jupiter .page__modal .slick-arrow:active .page__gallery-arrow-icon{fill:#ffbf00}.jupiter .page__modal .slick-arrow.slick-prev{top:50%;left:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jupiter .page__modal .slick-arrow.slick-next{top:50%;right:10px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jupiter .page__red-btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 10px;border:2px solid #ffbf00;font:500 16px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jupiter .page__red-btn,.jupiter .page__red-btn--inverse-color-none-red:hover{background:#ffbf00;color:#fff}.jupiter .page__red-btn--inverse-color-none-red:active,.jupiter .page__red-btn--inverse-color-red-none:hover{background:none;color:#ffbf00}.jupiter .page__red-btn--inverse-color-red-none:active{background:#ffbf00;color:#fff}.jupiter .page__red-btn--inverse-color-red-white:hover{background:#fff;color:#ffbf00}.jupiter .page__red-btn--inverse-color-red-white:active{background:#ffbf00;color:#fff}.jupiter .datepicker{position:relative;width:50%;height:100%}.jupiter .datepicker.is-no-click{pointer-events:none}.jupiter .datepicker.is-active{border:1px solid #ffbf00}.jupiter .datepicker.is-active .datepicker__field-number{color:#ffbf00}.jupiter .datepicker__wrapper{display:flex;position:relative;align-items:center;height:100%;padding:5px 36px 5px 20px;border:1px solid #d6d8dc;background:#fff;cursor:pointer}.jupiter .datepicker.is-open .datepicker__wrapper{border-color:#ffbf00}.jupiter .datepicker.is-open .datepicker__field-number{color:#ffbf00}.jupiter .datepicker.is-open .icon-down-arrow{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.jupiter .datepicker.is-open .datepicker__dropdown{display:block}.jupiter .datepicker.is-error{border:1px solid #ffbf00!important}.jupiter .datepicker.is-error .datepicker__field-number{color:#ffbf00!important}.jupiter .datepicker.is-error .icon-down-arrow{-webkit-transform:rotateX(180deg)!important;transform:rotateX(180deg)!important}.jupiter .datepicker.is-error .datepicker__dropdown{display:block!important}.jupiter .datepicker__field{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 20px)}@media only screen and (max-width:767px){.jupiter .datepicker__field{width:calc(100% - 25px)}}.jupiter .datepicker__field-number{margin-right:10px;color:#333e50;font:400 28px/34px Montserrat,sans-serif}@media only screen and (max-width:767px){.jupiter .datepicker__field-number{margin-right:5px}}.jupiter .datepicker__field-subtext{color:#616b78;font:400 14px/18px Montserrat,sans-serif}.jupiter .datepicker__field-subtext:first-letter{text-transform:uppercase}@media only screen and (max-width:767px){.jupiter .datepicker__field-subtext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.jupiter .datepicker__field-text{overflow:hidden;color:#333e50;font:400 14px/18px Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap}.jupiter .datepicker__field-text:first-letter{text-transform:uppercase}.jupiter .datepicker__field-img{z-index:1;position:absolute;top:50%;right:5px;width:30px;height:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width:767px){.jupiter .datepicker__field-img{width:20px}}.jupiter .datepicker__field-img-icon{width:100%;height:100%;fill:#333e50}.jupiter .datepicker__dropdown{display:none;z-index:2000;position:absolute;top:calc(100% + 5px);left:0;width:260px;padding:15px 20px;border:1px solid rgba(51,62,80,.2);background:#fff}@media only screen and (max-width:767px){.jupiter .datepicker__dropdown--children{margin-left:-100%}}@media only screen and (max-width:767px){.jupiter .datepicker__dropdown{position:static;min-width:200%;margin-top:5px}}.jupiter .datepicker__dropdown-title{margin-bottom:15px;color:#333e50;font:500 16px/20px Montserrat,sans-serif;white-space:nowrap}.jupiter .datepicker__dropdown-control{display:flex;align-items:center;margin-bottom:15px}.jupiter .datepicker__dropdown-control-btn{display:flex;justify-content:center;width:26px;height:26px;border:2px solid #ffbf00;border-radius:50%;color:#ffbf00;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jupiter .datepicker__dropdown-control-btn:hover{background:#ffbf00;color:#fff}.jupiter .datepicker__dropdown-control-minus{margin-right:15px;font:400 40px/16px Montserrat,sans-serif}.jupiter .datepicker__dropdown-control-plus{font:400 24px/22px Montserrat,sans-serif}.jupiter .datepicker__dropdown-control-count{margin-right:15px;color:#333e50;font:500 16px/20px Montserrat,sans-serif}.jupiter .datepicker__dropdown-select{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.jupiter .datepicker__dropdown-select.is-error{margin-bottom:5px;row-gap:10px}.jupiter .datepicker__dropdown-select.is-error .select2{margin-bottom:0}.jupiter .datepicker__dropdown-select-item{width:33.3333333333%;padding:0 5px}.jupiter .datepicker__dropdown-select-error{display:none;margin-bottom:5px;color:#ee3943;font:300 12px/16px Montserrat,sans-serif}.jupiter .datepicker__dropdown-select-native{width:calc(33.3% - 7px);height:28px;border:1px solid #b0b0b0;border-radius:0;outline:none;background:none}.jupiter .datepicker__dropdown-select-native.is-error{border:1px solid #ee3943}.jupiter .datepicker__dropdown-btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border:1px solid #ffbf00;color:#ffbf00;font:600 16px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jupiter .datepicker__dropdown-btn:hover{background:#ffbf00;color:#fff}.jupiter .datepicker__custom-arrow{width:20px;height:20px}.jupiter .datepicker__custom-arrow--left{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jupiter .datepicker__custom-arrow--right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jupiter .main__datepicker-wrapper--calendar{z-index:4}.jupiter .main__datepicker-wrapper .date-picker-wrapper{z-index:1;position:absolute;padding:0;border:none;background:#fff;box-shadow:none}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper{width:100%}}.jupiter .main__datepicker-wrapper .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.jupiter .main__datepicker-wrapper .date-picker-wrapper.single-date{width:auto}.jupiter .main__datepicker-wrapper .date-picker-wrapper.no-shortcuts{padding:0}.jupiter .main__datepicker-wrapper .date-picker-wrapper.no-topbar{padding-top:12px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-header,.jupiter .main__datepicker-wrapper .date-picker-wrapper .drp_top-bar,.jupiter .main__datepicker-wrapper .date-picker-wrapper.two-months.no-gap .month1 .next,.jupiter .main__datepicker-wrapper .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer{display:flex;align-items:center;justify-content:flex-end;padding:22px 20px 23px;border:1px solid #d4d4d8;border-top:unset;font:500 14px/24px Montserrat,sans-serif}@media only screen and (max-width:1024px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer{padding:10px 15px}}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer{width:100%;padding:20px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer .calendar-hover-range{margin-right:5px;color:#616b78;text-transform:capitalize}.jupiter .main__datepicker-wrapper .date-picker-wrapper .custom-footer .calendar-hover-nights{color:#111}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month{padding-bottom:20px}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month{width:100%;margin:0}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-wrapper{display:flex;position:relative;justify-content:space-between;width:100%;padding:20px 20px 0;border:1px solid #d4d4d8;border-radius:0;cursor:default}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;padding:20px 10px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-head{width:100%}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:20px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .next,.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .prev{display:block;padding:0;background-image:url(/new/designs/80/build/images/down-arrow.svg);background-size:contain;background-repeat:no-repeat;cursor:pointer;opacity:1}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .next.is-disabled,.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .prev.is-disabled{cursor:default;opacity:.3;pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .next{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-align:right}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-caption .prev{-webkit-transform:rotate(90deg);transform:rotate(90deg);text-align:left}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow{width:20px;height:30px;font-size:0;line-height:30px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow.is-disabled{pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow.is-disabled .prev{cursor:default;opacity:.3;pointer-events:none}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-arrow{width:30px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-name{font-size:0;line-height:0;text-transform:capitalize}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;color:#111;font:600 16px/20px Montserrat,sans-serif}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month-gap{width:1px;background:#d4d4d8}.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name{max-width:500px;margin:0 auto;border-bottom:none}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name__item{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:40px;color:#616b78;font:600 12px/15px Montserrat,sans-serif;text-transform:capitalize}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-name__item{width:14.2857142857%}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month1{margin-right:15px}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month1{margin:0;padding-bottom:20px;border-bottom:1px solid #d4d4d8}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .month2{margin-left:15px}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .month2{margin-top:20px;margin-left:0;padding-bottom:0}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .days-container{padding:0}.jupiter .main__datepicker-wrapper .date-picker-wrapper .days-row{display:flex;width:100%}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .days-row{max-width:500px;margin:0 auto}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day{width:14.2857142857%;height:48px;cursor:default;transition:background-color .3s}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day{height:unset}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-lastMonth,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-nextMonth{cursor:default;pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-checked,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-hovering{background-color:#fffbc2}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background-color:#ffbf00}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected .price__mark{color:#fff}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected:not(.is-checked) .day-text--with-price:after,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-first-date-selected:not(.is-checked) .price__tooltip,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-hovering .day-text--with-price:after,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-hovering .price__tooltip,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected:not(.is-checked) .day-text--with-price:after,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day.is-toMonth.is-last-date-selected:not(.is-checked) .price__tooltip{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:6px;border:1px solid transparent;color:#616b78;font:600 14px/18px Montserrat,sans-serif;text-align:center;transition:color .3s}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text--with-price{position:relative}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text--with-price:hover:after{display:block;position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-top-color:#333e50;content:""}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text--with-price:hover .price__tooltip{visibility:visible;opacity:1}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text{padding:3px}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid.checked,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid.tmp{display:flex}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.lastMonth,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.nextMonth{background-color:transparent;color:#d6d8dc;cursor:default;pointer-events:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.invalid .price__mark--lowest,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.lastMonth .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.lastMonth .price__mark--lowest,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.nextMonth .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.nextMonth .price__mark--lowest{color:#d6d8dc}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.valid{color:#111;cursor:pointer;opacity:1}@media only screen and (max-width:767px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.valid{height:42px}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#ffbf00;color:#fff;opacity:1}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected .price__mark,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected .price__mark{color:#fff}.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected .price__mark--lowest,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected .price__mark--lowest{color:#00a58e}@media only screen and (max-width:1024px){.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.jupiter .main__datepicker-wrapper .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.jupiter .main__datepicker-wrapper .date-picker-wrapper .week-number{display:none}.jupiter .main__datepicker-wrapper .date-picker-wrapper .select-wrapper{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}.jupiter .main__datepicker-wrapper .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.jupiter .main__datepicker-wrapper .date-picker-wrapper .select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:-1px;left:0;margin:0;padding:0;border:0;outline:0;background:transparent;color:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.jupiter .main__datepicker-wrapper .date-picker-wrapper .date-range-length-tip,.jupiter .main__datepicker-wrapper .date-picker-wrapper .hide,.jupiter .main__datepicker-wrapper .date-picker-wrapper .selected-days,.jupiter .main__datepicker-wrapper .date-picker-wrapper.single-month .time,.jupiter .main__datepicker-wrapper .date-picker-wrapper .time{display:none}.jupiter .price{line-height:12px}.jupiter .price__mark{color:#616b78;font-size:10px;line-height:12px;transition:color .3s}.jupiter .price__mark--lowest{color:#00a58e}.jupiter .price__tooltip{display:block;visibility:hidden;z-index:1;position:absolute;bottom:calc(100% + 12px);left:50%;min-width:140px;padding:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#333e50;color:#fff;font:500 12px/18px Montserrat,sans-serif;white-space:nowrap;opacity:0;transition:all .3s}.jupiter .price__tooltip-text{white-space:nowrap}.jupiter .price__tooltip-curr-price span{font-weight:600}.jupiter .book-frame{overflow:hidden;width:100%;max-width:1060px;margin:0 auto}.jupiter .book-frame iframe{width:100%;height:3500px;overflow:hidden}.jupiter .main{position:relative;width:100%;min-height:605px;padding-bottom:20px}@media only screen and (max-width:767px){.jupiter .main{min-height:auto}}.jupiter .main__hotel{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:30px}@media only screen and (max-width:767px){.jupiter .main__hotel{margin-bottom:15px}}.jupiter .main__hotel-title{color:#111;font:500 34px/50px Montserrat,sans-serif;letter-spacing:1px;text-align:center;text-transform:uppercase}.jupiter .main__hotel-ex-name{margin:5px 0;color:#616b78;font:400 12px/16px Montserrat,sans-serif;text-align:center}.jupiter .main__hotel-subtitle{color:#353e4e;font:italic 400 14px/18px Playfair Display,sans-serif;text-align:center;margin-top:10px}.jupiter .main__hotel-title-block{display:flex;flex-direction:column;align-items:center}.jupiter .main__container{position:relative;width:100%;min-height:500px}.jupiter .main__container.is-fixed-form .main__booking-container{z-index:7000;position:fixed;top:0;bottom:auto;min-height:110px;padding:30px 70px 0;background:#383838}.jupiter .main__container.is-fixed-form .main__booking-title{display:none}.jupiter .main__slider{position:relative;width:100%;height:500px;overflow:hidden}.jupiter .main__slider .slick-slide{display:inline-block}.jupiter .main__slider .slick-arrow{display:none!important}.jupiter .main__booking-container{display:flex;z-index:1;position:absolute;top:0;right:0;bottom:auto;left:0;flex-direction:column;width:100%;min-height:150px;background:#383838}.jupiter .main__booking-title{display:flex;align-items:center;justify-content:center;width:100%;height:55px;min-height:55px;color:#fff;font:500 18px/22px Montserrat,sans-serif}.jupiter .main__booking-title--modal{display:none;margin-bottom:20px;color:#fff}.jupiter .main__booking-btn{display:flex;align-items:center;justify-content:center;width:250px;height:50px;border:2px solid #ffbf00;outline:none;background:#ffbf00;color:#fff;font:600 16px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer}.jupiter .main__form{position:relative;width:100%}.jupiter .main__form-container{display:flex;position:relative;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;min-height:50px;margin:0 0 10px}.jupiter .main__datepicker{display:flex;align-items:center;width:calc(100% - 280px)}.jupiter .main__datepicker-wrapper{display:flex;align-items:center;justify-content:center;width:60%;height:50px}.jupiter .main__datepicker-wrapper--small{width:40%}.jupiter .main__rating{display:flex;position:absolute;top:30px;left:40px;flex-direction:column;align-items:flex-start;justify-content:space-between;width:280px;min-height:200px}.jupiter .main__rating-container{position:relative;width:100%;min-height:70px;margin:0 0 10px;padding:10px 15px;background:rgba(51,62,80,.5)}.jupiter .main__rating-container-view{display:flex;align-items:center}.jupiter .main__rating-title{margin-bottom:10px;color:#fff;font:500 16px/20px Montserrat,sans-serif}.jupiter .main__rating-img{width:100px;height:32px;margin:0 10px 0 0}.jupiter .main__rating-link{color:#fff}.jupiter .main__review{position:relative;width:100%;height:auto;min-height:122px;overflow:hidden;background:rgba(51,62,80,.5)}.jupiter .main__review .page__gallery-arrow-icon{fill:#fff}.jupiter .main__review .slick-arrow:hover{background:none}.jupiter .main__review-title{padding:15px 35px;color:#fff;font:normal 12px/16px Montserrat,sans-serif;text-align:center}.jupiter .main__review-text{padding:0 15px;color:#fff;font:normal 14px/21px Montserrat,sans-serif;text-align:left}.jupiter .main__review .slick-arrow{width:20px;height:20px;border:none;background:none}.jupiter .main__review .slick-arrow.slick-prev{top:10px;left:12px}.jupiter .main__review .slick-arrow.slick-next{top:10px;right:12px}.jupiter .main__choose-us{position:absolute;top:auto;right:40px;bottom:30px;min-width:280px}.jupiter .main .menu-page{z-index:10;position:absolute;top:0;left:-70px;min-width:70px;height:100vh;background:#fff;box-shadow:4px 0 8px 0 rgba(0,0,0,.05)}.jupiter .main .menu-page.is-active{position:fixed;top:0;left:0;min-height:100vh}.jupiter .main .menu-page.is-active .menu-page__list{top:145px}.jupiter .main .menu-page.is-active .menu-page__item{padding-right:25px}.jupiter .main .menu-page.is-active .menu-page-text-active{display:block}.jupiter .main .menu-page.is-fixed,.jupiter .main .menu-page.is-show{position:fixed;top:0;left:0}.jupiter .main .menu-page.is-fixed .menu-page__list{top:0}.jupiter .main .menu-page.is-fixed-form{top:110px}.jupiter .main .menu-page.is-fixed-form .menu-page__list{top:0}.jupiter .main .menu-page__btn-menu{background:#f5f7f9;cursor:pointer}.jupiter .main .menu-page__btn-menu-container{position:relative;width:70px!important;height:45px!important}.jupiter .main .menu-page__btn-menu-icon{width:26px;height:20px;pointer-events:none}.jupiter .main .menu-page__btn-menu-text{display:none;color:#333e50;font:500 15px/20px Montserrat,sans-serif;text-transform:uppercase}.jupiter .main .menu-page__list{position:relative}.jupiter .main .menu-page__item{position:relative;border-bottom:1px solid #eaebed}.jupiter .main .menu-page__item:hover{background:#f5f7f9}.jupiter .main .menu-page__item-link{display:flex;align-items:center;text-decoration:none}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-icon{fill:#ffbf00}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-text{color:#ffbf00}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-img-block{border-left:4px solid #ffbf00}.jupiter .main .menu-page__item-img-block{display:flex;align-items:center;justify-content:center;width:70px;height:75px;border-left:4px solid transparent}.jupiter .main .menu-page__item-icon{width:24px;height:24px;pointer-events:none;fill:#616b78}.jupiter .main .menu-page__item-text{display:none;min-width:250px;color:#616b78;font:normal 18px/22px Montserrat,sans-serif;white-space:nowrap}.jupiter .main__open-form{display:none;z-index:7000;position:fixed;top:44px;right:0;left:0;height:70px;padding:15px 20px;background:#383838}.jupiter .main__open-form.is-show{display:block}.jupiter .main__open-form.is-hide{display:none!important}.jupiter .main__open-form-btn{height:40px}.jupiter .main--form-on-top .main__booking-container{top:auto;bottom:0}.jupiter .main--form-on-top .main__choose-us{top:30px;bottom:auto}.jupiter .main--form-on-top .main-photo__img--1{-o-object-position:0 0;object-position:0 0}.jupiter .main--form-on-top .main-photo__img--2{-o-object-position:0 -25px;object-position:0 -25px}.jupiter .main--form-on-top .main-photo__img--3{-o-object-position:0 -50px;object-position:0 -50px}.jupiter .main--form-on-top .main-photo__img--4{-o-object-position:0 -75px;object-position:0 -75px}.jupiter .main--form-on-top .main-photo__img--5{-o-object-position:0 -100px;object-position:0 -100px}.jupiter .main--form-on-top .main-photo__img--6{-o-object-position:0 -125px;object-position:0 -125px}.jupiter .main--form-on-top .main-photo__img--7{-o-object-position:0 -150px;object-position:0 -150px}.jupiter .main--form-on-top .main-photo__img--8{-o-object-position:0 -175px;object-position:0 -175px}.jupiter .main--form-on-top .main-photo__img--9{-o-object-position:0 -200px;object-position:0 -200px}.jupiter .main--form-on-top .main-photo__img--10{-o-object-position:0 -225px;object-position:0 -225px}.jupiter .main--form-on-top .main-photo__img--11{-o-object-position:0 -250px;object-position:0 -250px}.jupiter .main--form-on-top .main-photo__img--12{-o-object-position:0 -275px;object-position:0 -275px}.jupiter .main--form-on-top .main-photo__img--13{-o-object-position:0 -300px;object-position:0 -300px}.jupiter .main--form-on-top .main-photo__img--14{-o-object-position:0 -325px;object-position:0 -325px}.jupiter .main--form-on-top .main-photo__img--15{-o-object-position:0 -350px;object-position:0 -350px}.jupiter .main--form-on-top .main-photo__img--16{-o-object-position:0 -375px;object-position:0 -375px}.jupiter .main--form-on-top .main-photo__img--17{-o-object-position:0 -400px;object-position:0 -400px}.jupiter .main--form-on-top .main-photo__img--18{-o-object-position:0 -425px;object-position:0 -425px}.jupiter .main--form-on-top .main-photo__img--19{-o-object-position:0 -450px;object-position:0 -450px}.jupiter .main--form-on-top .main-photo__img--20{-o-object-position:0 -475px;object-position:0 -475px}.jupiter .choose-us__wrapper{margin-bottom:10px;padding:15px 25px;background:rgba(51,62,80,.5)}.jupiter .choose-us__btn{position:relative;padding-right:25px;color:#fff;font:500 15px/20px Montserrat,sans-serif;text-transform:uppercase;cursor:pointer}.jupiter .choose-us__btn.is-active{margin-bottom:0}.jupiter .choose-us__btn-arrow{position:absolute;top:50%;right:0;width:20px;height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;fill:#fff}.jupiter .choose-us__list{margin-top:15px}.jupiter .choose-us__list-item{display:flex;align-items:center;margin:0 0 10px}.jupiter .choose-us__icon{width:25px;height:25px;margin-right:5px}.jupiter .choose-us__title{color:#fff;font:500 14px/18px Montserrat,sans-serif}.jupiter .choose-us__subtitle{color:hsla(0,0%,100%,.5);font:500 12px/15px Montserrat,sans-serif}.jupiter .choose-us__all-img{display:flex;align-items:center;padding:15px 20px;background:rgba(51,62,80,.5);cursor:pointer}.jupiter .choose-us__all-img-icon{width:25px;height:25px;pointer-events:none}.jupiter .choose-us__text{width:calc(100% - 25px);padding-left:10px;color:#fff;font:600 14px/18px Montserrat,sans-serif;text-decoration:underline;pointer-events:none}.jupiter .main-photo__img{display:block;width:100%;height:25px;-o-object-fit:cover;object-fit:cover}.jupiter .main-photo__img--1{-o-object-position:0 0;object-position:0 0}.jupiter .main-photo__img--2{-o-object-position:0 -25px;object-position:0 -25px}.jupiter .main-photo__img--3{-o-object-position:0 -50px;object-position:0 -50px}.jupiter .main-photo__img--4{-o-object-position:0 -75px;object-position:0 -75px}.jupiter .main-photo__img--5{-o-object-position:0 -100px;object-position:0 -100px}.jupiter .main-photo__img--6{-o-object-position:0 -125px;object-position:0 -125px}.jupiter .main-photo__img--7{-o-object-position:0 -150px;object-position:0 -150px}.jupiter .main-photo__img--8{-o-object-position:0 -175px;object-position:0 -175px}.jupiter .main-photo__img--9{-o-object-position:0 -200px;object-position:0 -200px}.jupiter .main-photo__img--10{-o-object-position:0 -225px;object-position:0 -225px}.jupiter .main-photo__img--11{-o-object-position:0 -250px;object-position:0 -250px}.jupiter .main-photo__img--12{-o-object-position:0 -275px;object-position:0 -275px}.jupiter .main-photo__img--13{-o-object-position:0 -300px;object-position:0 -300px}.jupiter .main-photo__img--14{-o-object-position:0 -325px;object-position:0 -325px}.jupiter .main-photo__img--15{-o-object-position:0 -350px;object-position:0 -350px}.jupiter .main-photo__img--16{-o-object-position:0 -375px;object-position:0 -375px}.jupiter .main-photo__img--17{-o-object-position:0 -400px;object-position:0 -400px}.jupiter .main-photo__img--18{-o-object-position:0 -425px;object-position:0 -425px}.jupiter .main-photo__img--19{-o-object-position:0 -450px;object-position:0 -450px}.jupiter .main-photo__img--20{-o-object-position:0 -475px;object-position:0 -475px}.jupiter .main-photo--best-imgs{display:flex;align-items:flex-start}.jupiter .main-photo__best-img{max-width:none}.jupiter .check-avail-modal--pinned{z-index:11;position:fixed;top:0;left:0;width:100%;z-index:13;display:none}.jupiter .check-avail-modal--pinned.active,.jupiter .check-avail-modal--pinned .check-avail-modal__background{display:block}.jupiter .check-avail-modal--pinned .main__booking-container{min-height:0;padding:20px 0;z-index:7001;bottom:auto}.jupiter .check-avail-modal--pinned .main__booking-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.jupiter .check-avail-modal--pinned .main__booking-title{line-height:1.2;text-transform:capitalize}.jupiter .check-avail-modal--pinned .main__booking-name{font:600 18px/1.2 Playfair Display,sans-serif;text-wrap:nowrap;display:flex;align-items:center;justify-content:center;color:#fff}.jupiter .check-avail-modal--pinned .main__booking-starts{display:flex;align-items:center;justify-content:center}.jupiter .check-avail-modal--pinned .main__booking-starts svg{fill:#ffbf00;margin-left:4px}.jupiter .check-avail-modal--pinned .main__booking-title{display:inline;height:auto;min-height:auto}.jupiter .check-avail-modal--pinned .main__form-container{height:50px}.jupiter .check-avail-modal--pinned .main__booking-btn,.jupiter .check-avail-modal--pinned .main__datepicker-wrapper{height:40px}.jupiter .check-avail-modal--pinned .datepicker__field-number{font:500 20px/1.2 Montserrat,sans-serif}.jupiter .check-avail-modal--pinned .datepicker__field-text{font:500 14px/1.2 Montserrat,sans-serif}.jupiter .check-avail-modal--pinned .datepicker__field-subtext{font:400 12px/1.2 Montserrat,sans-serif}.jupiter .closest-days{display:none;position:relative;top:12px;order:1;color:#fff;font:400 14px/1.2 Montserrat,sans-serif}@media only screen and (max-width:767px){.jupiter .closest-days{display:block;align-self:flex-start;margin:5px 0 30px}}.jupiter .closest-days__btn{cursor:pointer}.jupiter .closest-days__btn.active{color:#ffbf00}.jupiter .closest-days__btn.disabled{color:#aeaeae}.jupiter .closest-days__btn:hover{color:#ffbf00}.jupiter .closest-days.in-calendar{display:block;top:auto;order:0;margin-right:auto;color:#111;font-weight:500}@media only screen and (max-width:767px){.jupiter .closest-days.in-calendar{display:none}}.jupiter .closest-days.in-calendar .closest-days__btn{margin-right:6px;padding:10px 20px;background-color:#f5f7f9}@media only screen and (max-width:1024px){.jupiter .closest-days.in-calendar .closest-days__btn{padding:5px 10px;margin-right:3px}}.jupiter .closest-days.in-calendar .closest-days__btn.active,.jupiter .closest-days.in-calendar .closest-days__btn:hover{background-color:#ffbf00;color:#fff}.jupiter .closest-days.in-calendar .closest-days__divider{display:none}.jupiter .overview{margin-bottom:50px}.jupiter .overview__property{width:100%;margin-bottom:15px}.jupiter .overview__property-list{width:100%;display:flex;align-items:center;justify-content:space-between}.jupiter .overview__property-item{min-height:140px;width:100%;padding:10px 15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 5px}.jupiter .overview__property-item:first-child{margin-left:0}.jupiter .overview__property-item:last-child{margin-right:0}.jupiter .overview__property-icon{height:30px;width:30px;margin-bottom:5px;fill:#ffbf00}.jupiter .overview__property-title{width:100%;text-align:center;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#616b78;font:500 16px/24px Montserrat,sans-serif}.jupiter .overview__property-value{font:500 20px/36px Montserrat,sans-serif}.jupiter .overview__property-value--small{font:500 14px/30px Montserrat,sans-serif}.jupiter .overview__description{padding-right:40px;background:none}.jupiter .overview__description.is-show .overview__btn-more{display:none}.jupiter .overview__description.is-show .overview__btn-less{display:block}.jupiter .overview__description.is-show .overview__btn-arrow{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.jupiter .overview__description.is-show .overview__text{max-height:none}.jupiter .overview__text{overflow:hidden;margin-bottom:16px;max-height:312px}.jupiter .overview__text-item{margin-bottom:24px;font:400 16px/24px Montserrat,sans-serif;color:#616b78}.jupiter .overview__text-item:last-child{margin-bottom:0}.jupiter .overview__btn{cursor:pointer;display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:500 16px/20px Montserrat,sans-serif;color:#333e50}.jupiter .overview__btn-arrow{height:20px;width:20px;margin-left:5px}.jupiter .overview__btn-less{display:none}.jupiter .overview__like{width:100%;margin-bottom:20px}.jupiter .overview__like-message{display:inline-flex;align-items:center;padding:10px 15px 10px 0;border-radius:30px;font:500 14px/18px Montserrat,sans-serif;color:#27c79a}.jupiter .overview__like-message-icon{fill:#27c79a;height:20px;width:20px;margin-right:10px}.jupiter .badge{display:flex;align-items:center;padding:7px 16px 7px 14px;gap:4px;border-radius:30px;background:#e6e6e6;color:#1a232c;font:600 9px/11px Montserrat,sans-serif;text-transform:uppercase}@media(max-width:1040px){.jupiter .badge{margin-top:10px}}.jupiter .badge__icon{width:18px;height:18px}.jupiter .badge__anchor{display:inline-block;margin-top:2px;color:#74b71a;font:600 12px/10px Montserrat,sans-serif;text-transform:none}.jupiter .breadcrumbs{display:flex;align-items:center;margin-top:20px}@media only screen and (max-width:767px){.jupiter .breadcrumbs{flex-wrap:wrap;justify-content:center;margin-top:10px}}.jupiter .breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Montserrat,sans-serif;color:#999ba0}.jupiter .breadcrumbs-item__link{color:#999ba0;text-decoration:underline}.jupiter .breadcrumbs-item__arrow{margin:1px 6px 0}@media(max-width:1040px){.jupiter .footer{padding:0 15px}.jupiter .footer__content-block{flex-direction:column}.jupiter .footer__social{width:100%;padding-right:0}.jupiter .footer__info{width:100%}.jupiter .footer__info-block--no-padding-left-tablet .footer__block-title,.jupiter .footer__info-block--no-padding-left-tablet .footer__info-list{padding-left:0}.jupiter .footer__company{border:none;padding-left:0}.jupiter .footer__copyright{flex-direction:column;align-items:flex-start}.jupiter .footer__copyright-title{margin-bottom:20px}.jupiter .subscribe__form{margin-bottom:45px}}@media(max-width:767px){.jupiter .footer__content-block{padding:30px 0 0}.jupiter .footer__social-list{padding-bottom:20px}.jupiter .footer__social-link{margin-right:5px}.jupiter .footer__social-link:last-child{margin-right:0}.jupiter .footer__subscribe-description{margin-bottom:20px;font-size:14px}.jupiter .footer__info{flex-direction:column}.jupiter .footer__info-list{padding-left:0}.jupiter .footer__info-item{margin-bottom:10px}.jupiter .footer__info-link{font-size:14px}.jupiter .footer__info-block{width:100%;border-left:none;border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:15px}.jupiter .footer__copyright{border-top:none}.jupiter .footer__copyright-title{font-size:12px}.jupiter .footer__payment{width:100%;justify-content:space-between}.jupiter .footer__payment-img{margin:0;width:33.3333333333%}.jupiter .footer__block-title{position:relative;margin-bottom:15px;padding-right:30px;padding-left:0;font-size:16px}.jupiter .footer__block-title-arrow{display:block;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:5px;height:20px;width:20px;fill:#fff}.jupiter .subscribe__form{margin-bottom:30px;flex-direction:column}.jupiter .subscribe__input{width:100%;margin-bottom:10px;font-size:14px}.jupiter .subscribe__btn{width:100%;font-size:14px}}@media(max-width:1040px){.jupiter .main__hotel-title{font:500 28px/34px Montserrat,sans-serif}.jupiter .main__form-container{flex-direction:column;margin:0 0 10px}.jupiter .main__review{display:none}.jupiter .main .menu-page{display:none;height:44px;position:fixed;top:0;right:0;left:0;box-shadow:0 1px 8px 3px rgba(0,0,0,.05)}.jupiter .main .menu-page.is-hide{display:none!important}.jupiter .main .menu-page.is-active{min-height:40px}.jupiter .main .menu-page__list{background:#fff;overflow-x:auto;white-space:nowrap}.jupiter .main .menu-page__item{display:inline-block;border-bottom:none;margin-right:15px}.jupiter .main .menu-page__item-img-block{height:40px;width:32px;border-left:none}.jupiter .main .menu-page__item-text{display:block;min-width:0;text-transform:uppercase;font:normal 13px/16px Montserrat,sans-serif}.jupiter .main .menu-page__item-icon{height:18px;width:18px}.jupiter .main .menu-page__item-link{border-bottom:4px solid #fff}.jupiter .main .menu-page__item-link.is-item-now .menu-page__item-img-block{border-left:none}.jupiter .main .menu-page__item-link.is-item-now{border-bottom:4px solid #ffbf00}.jupiter .main .menu-page__btn-menu{display:none}.jupiter .main .menu-page.is-fixed-form{top:0}.jupiter .main__booking-container{min-height:170px}.jupiter .main__booking-title{font:600 20px/24px Montserrat,sans-serif}.jupiter .main__datepicker{width:100%}.jupiter .main__datepicker-wrapper{position:relative;margin-bottom:15px}.jupiter .main__container.is-fixed-form .main__booking-container{top:40px}.jupiter .main__container.is-fixed-form.is-hide .main__booking-container{display:none!important}}@media(max-width:767px){.jupiter .main{min-height:auto;padding-bottom:10px}.jupiter .main__container{min-height:auto;display:flex;flex-direction:column-reverse}.jupiter .main__hotel{min-height:87px}.jupiter .main__hotel-title{font:500 22px/27px Montserrat,sans-serif}.jupiter .main__hotel-subtitle{font:italic 400 12px/15px Playfair Display,sans-serif;margin-top:10px}.jupiter .main__slider{height:190px}.jupiter .main__form{width:100%}.jupiter .main__form-container{margin:0 0 20px}.jupiter .main__booking-container{align-items:center;justify-content:center;position:static;background:#383838;min-height:115px}.jupiter .main__booking-title{text-align:center;font:600 15px/20px Montserrat,sans-serif}.jupiter .main__booking-title--modal{font:500 16px/22px Montserrat,sans-serif;text-transform:none}.jupiter .main__booking-btn{width:100%}.jupiter .main__choose-us{top:auto;right:0;left:0;bottom:0}.jupiter .main__rating{position:static;display:flex;min-height:70px;min-width:100%;width:100%}.jupiter .main__rating-container{background:#f5f7f9}.jupiter .main__rating-title{color:#333e50;font-weight:700}.jupiter .main__rating-link{color:#333e50}.jupiter .main__datepicker{flex-direction:column}.jupiter .main__datepicker-wrapper{position:relative;height:unset;width:100%;align-items:start}.jupiter .main__datepicker-wrapper--smal{width:100%}.jupiter .main--form-on-top .main__container{display:block}.jupiter .main--form-on-top .main__choose-us{top:auto;right:0;bottom:0;left:0}.jupiter .choose-us__wrapper{display:none}.jupiter .choose-us__all-img{padding:5px;justify-content:center}.jupiter .choose-us__all-img-icon{height:20px;width:20px}.jupiter .choose-us__text{width:auto;padding-left:5px;font:600 12px/16px Montserrat,sans-serif}.jupiter .check-avail-modal.is-open-check-avail-modal{display:block;position:fixed;overflow:hidden;height:100%;width:100%;padding:10px;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:9900}.jupiter .check-avail-modal.is-open-check-avail-modal .check-avail-modal__btn-close{display:block;cursor:pointer;position:absolute;top:0;right:0;padding:24px;z-index:8000}.jupiter .check-avail-modal.is-open-check-avail-modal .check-avail-modal__btn-close-icon{height:22px;width:22px;pointer-events:none;fill:#fff}.jupiter .check-avail-modal.is-open-check-avail-modal .date-picker-wrapper{z-index:1000}.jupiter .check-avail-modal.is-open-check-avail-modal .month1{width:100%;padding-right:0}.jupiter .check-avail-modal.is-open-check-avail-modal .main__form{width:100%}.jupiter .check-avail-modal.is-open-check-avail-modal .datepicker,.jupiter .check-avail-modal.is-open-check-avail-modal .datepicker--small{width:50%}.jupiter .check-avail-modal.is-open-check-avail-modal .main__datepicker{display:flex;flex-direction:column}.jupiter .check-avail-modal.is-open-check-avail-modal .main__datepicker-wrapper{margin-bottom:20px}.jupiter .check-avail-modal.is-open-check-avail-modal .main__datepicker-wrapper--small{margin-bottom:30px}.jupiter .check-avail-modal.is-open-check-avail-modal .main__booking-btn{width:100%}.jupiter .check-avail-modal.is-open-check-avail-modal .main__booking-container{height:100%;overflow-y:auto;background:#383838;padding-top:60px;justify-content:flex-start}.jupiter .check-avail-modal.is-open-check-avail-modal .main__booking-title{display:flex;font:500 16px/22px Montserrat,sans-serif;text-transform:none;margin-bottom:20px}}@media(max-width:1040px){.jupiter .overview__property-list{align-items:flex-start;flex-wrap:wrap}.jupiter .overview__property-item{width:calc(33.33333% - 5px);margin:0 0 10px}.jupiter .overview__description{padding-right:10px;margin-bottom:30px;min-height:0}}@media(max-width:767px){.jupiter .overview .jupiter__section-title{padding-bottom:10px}.jupiter .overview__details .page__gallery-item:nth-of-type(2) img{height:0}.jupiter .overview__property-item{height:130px;width:calc(50% - 5px)}.jupiter .overview__description{padding:0}.jupiter .overview__like{margin-bottom:0}.jupiter .overview__like-message{font:500 12px/16px Montserrat,sans-serif}.jupiter .overview__text{max-height:212px;margin-bottom:5px}.jupiter .overview__text-item{margin-bottom:20px;font:400 14px/21px Montserrat,sans-serif}}@media(max-width:1040px){.jupiter .page__modal-nav{left:20px;right:20px}.jupiter .page__modal-count{display:none}.jupiter .page__modal .slick-arrow{background:hsla(0,0%,100%,.8);border:none}.jupiter .page__modal .slick-arrow:before{border:3px solid #333e50}.jupiter .page__modal .slick-arrow.slick-prev{left:30px}.jupiter .page__modal .slick-arrow.slick-next{right:30px}.jupiter .modal{padding:20px}.jupiter .modal.is-touch .page__modal-nav{display:none}.jupiter .datepicker{position:static}.jupiter .datepicker__dropdown{width:100%}}@media(max-width:1040px)and (orientation:landscape){.jupiter .page__modal-nav{display:none}.jupiter .page__modal-img{-o-object-fit:cover;object-fit:cover}}@media(max-width:767px){.jupiter .page__gallery{height:285px;min-height:0}.jupiter .page__gallery--padding-bottom{padding-bottom:65px}.jupiter .page__gallery--padding-top{padding-top:65px}.jupiter .page__gallery--no-photo-height{height:190px!important}.jupiter .page__gallery-count{display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:17px}.jupiter .page__gallery .slick-arrow{background:none;border:1px solid #ffbf00}.jupiter .page__gallery .slick-arrow:before{border:3px solid #ffbf00}.jupiter .page__gallery .slick-arrow.slick-prev{left:0}.jupiter .page__gallery .slick-arrow.slick-next{right:0}.jupiter .page__gallery-arrow-icon{fill:#ffbf00}.jupiter .page__all-img{bottom:75px}.jupiter .page__modal-nav{display:none}.jupiter .page__modal .slick-arrow.slick-prev{left:10px}.jupiter .page__modal .slick-arrow.slick-next{right:10px}.jupiter .page__modal-img{-o-object-fit:contain;object-fit:contain}.jupiter .page__red-btn{width:100%;font:500 14px/18px Montserrat,sans-serif}.jupiter .modal{padding:10px}.jupiter .datepicker{position:static}.jupiter .datepicker__wrapper{padding:5px 30px 5px 10px}.jupiter .datepicker__field-number{font:400 24px/30px Montserrat,sans-serif}.jupiter .datepicker__field-subtext,.jupiter .datepicker__field-text{font:400 12px/16px Montserrat,sans-serif}.jupiter .datepicker__dropdown{width:100%}}/*! */</style> <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/new/designs/80/build/hotel/style.bde1652ad41a9333f9ff1572608ca482.css"> <script type="application/ld+json"> { "@type": "Hotel", "image": "/data/Pictures/OriginalPhoto/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG", "priceRange" : "From US$ 131", "description": "The 2-star Colors Hotel enjoys a quiet location in the very heart of Barcelona, around a 10-minute drive from a popular place of worship such as the monumental church "Basilica of the Sagrada Familia". Offering 2 restaurants with Catalan and Spanish cuisine, this Barcelona hotel is about 10 minutes' drive from Gaudi House Museum.", "@context": "https://schema.org", "address": { "addressCountry": "Spain", "addressRegion": "Barcelona", "addressLocality": "Campoamor, 79", "streetAddress": "Campoamor, 79", "postalCode": "08031", "@type": "PostalAddress" }, "name": "Colors Hotel Barcelona", "checkinTime": "15:00-23:30", "checkoutTime": "07:00-11:00", "hasMap": "https://www.google.com/maps/place/41.43513,2.15358/@41.43513,2.15358,17z", "telephone": "932749920", "email": "hotelcolors@gruptravi.com", "alternateName": ["colors hotel barcelona","colors hotel barcelona"], "starRating": { "@type": "Rating", "ratingValue": "2" }, "aggregateRating" : { "@type" : "AggregateRating", "reviewCount" : "1798", "ratingValue" : "7.2", "bestRating" : "10" }, "url": "https://colors.catalonia-hotels.com/en/" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item":{ "name": "Catalonia-hotels" , "@id":"https://www.catalonia-hotels.com/en/" } }, { "@type": "ListItem", "position":"2", "item":{ "name": "⭐2 stars⭐" , "@id":"https://www.catalonia-hotels.com/en/2-stars/" } }, { "@type": "ListItem", "position":"3", "item":{ "name": "Hotels🏨" , "@id":"https://www.catalonia-hotels.com/en/type/hotels-12/" } }, { "@type": "ListItem", "position":"4", "item":{ "name": "Barcelona🗺️" , "@id":"https://www.catalonia-hotels.com/en/barcelona-hotels-45/" } }, { "@type": "ListItem", "position":"5", "item":{ "name": "🏨Colors Hotel Barcelona" } } ] } </script> <script type="application/ld+json"> [ { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878878/barcelona-colors-hotel-picture-37.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9965/996547/996547510/barcelona-colors-hotel-picture-13.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579345/barcelona-colors-hotel-picture-31.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/4297/429753/429753888/barcelona-colors-hotel-picture-49.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579129/barcelona-colors-hotel-picture-20.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/14315/1431555/1431555493/barcelona-colors-hotel-picture-46.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/1187/118754/118754230/barcelona-colors-hotel-picture-43.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878689/barcelona-colors-hotel-picture-40.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9964/996409/996409714/barcelona-colors-hotel-picture-16.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579057/barcelona-colors-hotel-picture-54.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878902/barcelona-colors-hotel-picture-10.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/3626/362691/362691685/barcelona-colors-hotel-picture-70.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579269/barcelona-colors-hotel-picture-42.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878665/barcelona-colors-hotel-picture-34.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/1187/118754/118754218/barcelona-colors-hotel-picture-48.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/5444/544411/544411857/barcelona-colors-hotel-picture-47.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579249/barcelona-colors-hotel-picture-6.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/4629/462985/462985476/barcelona-colors-hotel-picture-68.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579357/barcelona-colors-hotel-picture-26.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/15903/1590334/1590334529/barcelona-colors-hotel-picture-3.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/3215/321529/321529825/barcelona-colors-hotel-picture-73.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998879/998879061/barcelona-colors-hotel-picture-11.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878635/barcelona-colors-hotel-picture-33.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579225/barcelona-colors-hotel-picture-25.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/5444/544411/544411986/barcelona-colors-hotel-picture-45.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579045/barcelona-colors-hotel-picture-23.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9965/996547/996547072/barcelona-colors-hotel-picture-29.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2392/239207/239207149/barcelona-colors-hotel-picture-30.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/15903/1590334/1590334518/barcelona-colors-hotel-picture-2.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2392/239207/239207181/barcelona-colors-hotel-picture-22.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2392/239207/239207169/barcelona-colors-hotel-picture-18.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/15960/1596011/1596011167/barcelona-colors-hotel-picture-7.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9964/996409/996409339/barcelona-colors-hotel-picture-36.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9991/999155/999155547/barcelona-colors-hotel-picture-12.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/3215/321529/321529829/barcelona-colors-hotel-picture-74.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/15960/1596011/1596011192/barcelona-colors-hotel-picture-5.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/10091/1009175/1009175809/barcelona-colors-hotel-picture-41.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/5444/544411/544411788/barcelona-colors-hotel-picture-44.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2392/239207/239207161/barcelona-colors-hotel-picture-27.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/3215/321529/321529833/barcelona-colors-hotel-picture-72.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/8428/842842/842842919/barcelona-colors-hotel-picture-57.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/4800/480058/480058920/barcelona-colors-hotel-picture-67.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/6170/617040/617040095/barcelona-colors-hotel-picture-58.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/8428/842842/842842883/barcelona-colors-hotel-picture-56.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579301/barcelona-colors-hotel-picture-51.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579065/barcelona-colors-hotel-picture-52.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/3626/362691/362691712/barcelona-colors-hotel-picture-71.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/15903/1590334/1590334531/barcelona-colors-hotel-picture-9.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579177/barcelona-colors-hotel-picture-21.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878356/barcelona-colors-hotel-picture-38.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878917/barcelona-colors-hotel-picture-35.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9988/998878/998878443/barcelona-colors-hotel-picture-32.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/6170/617040/617040275/barcelona-colors-hotel-picture-63.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/3626/362691/362691694/barcelona-colors-hotel-picture-69.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/4800/480058/480058881/barcelona-colors-hotel-picture-66.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/15960/1596011/1596011184/barcelona-colors-hotel-picture-8.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9965/996548/996548341/barcelona-colors-hotel-picture-15.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579369/barcelona-colors-hotel-picture-24.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/4499/449937/449937534/barcelona-colors-hotel-picture-64.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/806/80617/80617557/barcelona-colors-hotel-picture-75.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/6170/617040/617040325/barcelona-colors-hotel-picture-61.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/15903/1590334/1590334541/barcelona-colors-hotel-picture-4.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579197/barcelona-colors-hotel-picture-39.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2392/239207/239207153/barcelona-colors-hotel-picture-17.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/10858/1085870/1085870761/barcelona-colors-hotel-picture-53.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/1751/175148/175148031/barcelona-colors-hotel-picture-28.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/6170/617040/617040155/barcelona-colors-hotel-picture-60.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/2395/239579/239579085/barcelona-colors-hotel-picture-19.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/10943/1094343/1094343828/barcelona-colors-hotel-picture-50.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/8428/842842/842842841/barcelona-colors-hotel-picture-55.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/6170/617040/617040205/barcelona-colors-hotel-picture-62.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/9965/996547/996547540/barcelona-colors-hotel-picture-14.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/4800/480058/480058899/barcelona-colors-hotel-picture-65.JPEG", "creditText": "Colors" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Pictures/OriginalPhoto/3626/362691/362691706/barcelona-colors-hotel-picture-59.JPEG", "creditText": "Colors" } ] </script> </head> <body class="jupiter page jupiter-main"> <header class="header js-header-mobile-modal"> <div class="header__inner"> <div class="header__mobile"> <div class="header__logo header-logo j-link" data-code="aHR0cHM6Ly93d3cuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </div> <div class="header__burger js-header-mobile-modal-trigger"> <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5625 3.5H0.4375C0.321468 3.5 0.210188 3.45391 0.128141 3.37186C0.0460936 3.28981 0 3.17853 0 3.0625C0 2.94647 0.0460936 2.83519 0.128141 2.75314C0.210188 2.67109 0.321468 2.625 0.4375 2.625H13.5625C13.6785 2.625 13.7898 2.67109 13.8719 2.75314C13.9539 2.83519 14 2.94647 14 3.0625C14 3.17853 13.9539 3.28981 13.8719 3.37186C13.7898 3.45391 13.6785 3.5 13.5625 3.5Z"/><path d="M13.5625 7.875H0.4375C0.321468 7.875 0.210188 7.82891 0.128141 7.74686C0.0460936 7.66481 0 7.55353 0 7.4375C0 7.32147 0.0460936 7.21019 0.128141 7.12814C0.210188 7.04609 0.321468 7 0.4375 7H13.5625C13.6785 7 13.7898 7.04609 13.8719 7.12814C13.9539 7.21019 14 7.32147 14 7.4375C14 7.55353 13.9539 7.66481 13.8719 7.74686C13.7898 7.82891 13.6785 7.875 13.5625 7.875Z"/><path d="M13.5625 12.25H0.4375C0.321468 12.25 0.210188 12.2039 0.128141 12.1219C0.0460936 12.0398 0 11.9285 0 11.8125C0 11.6965 0.0460936 11.5852 0.128141 11.5031C0.210188 11.4211 0.321468 11.375 0.4375 11.375H13.5625C13.6785 11.375 13.7898 11.4211 13.8719 11.5031C13.9539 11.5852 14 11.6965 14 11.8125C14 11.9285 13.9539 12.0398 13.8719 12.1219C13.7898 12.2039 13.6785 12.25 13.5625 12.25Z"/> </svg> </div> </div> <div class="header__menu menu js-header-mobile-accordion"> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M4.375 0H15.625C18.0413 0 20 1.95875 20 4.375V15.625C20 18.0413 18.0413 20 15.625 20H4.375C1.95875 20 0 18.0413 0 15.625V4.375C0 1.95875 1.95875 0 4.375 0ZM15.625 18.75C17.3509 18.75 18.75 17.3509 18.75 15.625V4.375C18.75 2.6491 17.3509 1.25 15.625 1.25H4.375C2.6491 1.25 1.25 2.6491 1.25 4.375V15.625C1.25 17.3509 2.6491 18.75 4.375 18.75H15.625Z" /><path d="M6.25 4.375H5C4.6548 4.375 4.375 4.6548 4.375 5V6.25C4.375 6.5952 4.6548 6.875 5 6.875H6.25C6.5952 6.875 6.875 6.5952 6.875 6.25V5C6.875 4.6548 6.5952 4.375 6.25 4.375Z" /><path d="M6.25 8.75H5C4.6548 8.75 4.375 9.0298 4.375 9.375V10.625C4.375 10.9702 4.6548 11.25 5 11.25H6.25C6.5952 11.25 6.875 10.9702 6.875 10.625V9.375C6.875 9.0298 6.5952 8.75 6.25 8.75Z" /><path d="M6.25 13.125H5C4.6548 13.125 4.375 13.4048 4.375 13.75V15C4.375 15.3452 4.6548 15.625 5 15.625H6.25C6.5952 15.625 6.875 15.3452 6.875 15V13.75C6.875 13.4048 6.5952 13.125 6.25 13.125Z" /><rect x="8.125" y="5" width="7.5" height="1.25" /><rect x="8.125" y="9.375" width="7.5" height="1.25" /><rect x="8.125" y="13.75" width="7.5" height="1.25" /> </svg> <div class="accordion-btn__text">Collections</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--collections js-header-dropdown-content"> <div class="mega-menu js-mega-menu-accordion"> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Hotels</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Hotels</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">All collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/hotels-12/" class="mega-menu__link js-link">Hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/aparthotels-2/" class="mega-menu__link js-link">Aparthotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">Bed & Breakfasts in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/hostels-11/" class="mega-menu__link js-link">Hostels in Barcelona</a> </li> <li class="mega-menu__list-item mega-menu__list-item--title"> <span class="mega-menu__subtitle">By rating</span> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/5-stars/" class="mega-menu__link js-link">5 star hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/4-stars/" class="mega-menu__link js-link">4 star hotels in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/3-stars/" class="mega-menu__link js-link">3 star hotels in Barcelona</a> </li> </ul> </div> </div> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Holiday rentals</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Holiday rentals</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">All collections</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/apartments-3/" class="mega-menu__link js-link">Apartments in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/villas-24/" class="mega-menu__link js-link">Villas in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/homestays-32/" class="mega-menu__link js-link">Homestays in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/holiday-homes-33/" class="mega-menu__link js-link">Holiday homes in Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="https://www.catalonia-hotels.com/en/type/guest-houses-10/" class="mega-menu__link js-link">Guest houses in Barcelona</a> </li> </ul> </div> </div> </div> </div> </div> <div class="menu__item"> <div class="menu__button accordion-btn accordion-btn--link j-link" data-code="L2VuL3N1cHBvcnQv"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="19" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20"> <path d="M16.6,8.2L16.6,8.2V7c0-3.9-3.1-7-7-7c-4,0-7.1,3.1-7.1,7v1.2H2.2c-1,0-1.9,1-1.9,2.1v3.1c0,1.1,0.9,2,1.9,2l0,0H4c0.2,0,0.5-0.2,0.5-0.5l0,0V8.8c0-0.2-0.1-0.6-0.5-0.6H3.5V7c0-3.4,2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1v1.2h-0.5c-0.2,0-0.5,0.2-0.5,0.6v6.1c0,0.2,0.1,0.5,0.4,0.5l0,0h0.6v0.1c-0.7,1-1.9,1.6-3.1,1.5c-0.2-1.4-1.6-2.1-2.9-1.9c-1.1,0.2-2,1.2-2,2.4c0,1.4,1.1,2.5,2.5,2.5c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.5-0.7,0.6-1.2c1.5,0,3-0.7,3.9-2l0.5-0.7c1.1-0.1,1.7-0.7,1.7-1.7v-3C18.6,9.4,17.7,8.2,16.6,8.2z M3.5,14.4H2.3c-0.5,0-1-0.5-1-1l0,0v-3.1c0-0.6,0.4-1.1,1-1.1h1.2V14.4z M11.5,17.4c0,0.4-0.1,0.7-0.4,1s-0.6,0.5-1.1,0.5c-0.7,0-1.5-0.6-1.5-1.5c0-0.7,0.6-1.5,1.5-1.5C10.9,16,11.5,16.6,11.5,17.4L11.5,17.4z M17.6,13.7c0,0.6-0.6,0.7-1,0.7h-1V9.2h1c0.5,0,1,0.7,1,1.4V13.7z"/> </svg> <div class="accordion-btn__text">Support</div> </div> <svg class="accordion-btn__arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> </div> </div> <div class="menu__column menu__column--center"> <div class="header__logo"> <a class="header-logo" href="https://www.catalonia-hotels.com/en/"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </a> </div> <div class="header__close-btn js-header-mobile-modal-close"> <svg width="16" height="16" viewBox="0 0 16 16" fill="#333E50" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> </div> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9939 4.47969 15.5203 0.00609306 10 0ZM19.2535 9.63034H16.4101C16.384 8.27011 16.1678 6.92027 15.7676 5.62C16.387 5.34304 16.976 5.00276 17.5253 4.60449C18.583 6.07343 19.1841 7.82158 19.2535 9.63034ZM15.5393 4.91905C16.0768 4.67177 16.5888 4.37247 17.0681 4.0254C16.026 2.78897 14.6793 1.84579 13.1611 1.28906C14.2338 2.29059 15.0495 3.53569 15.5393 4.91905ZM12.5813 10.3691H15.6758C15.6505 11.6342 15.4543 12.8901 15.0924 14.1025C14.232 13.7815 13.3411 13.5489 12.4336 13.4083C12.5259 12.3706 12.5739 11.3256 12.5813 10.3691ZM15.0963 5.89746C14.2359 6.2185 13.345 6.4511 12.4375 6.5917C12.5261 7.63306 12.5852 8.67811 12.5852 9.63084H15.6724C15.6495 8.36612 15.4557 7.11026 15.0963 5.89746ZM14.8524 5.19971C14.0459 5.5027 13.2108 5.72297 12.3598 5.85702C12.1456 3.8777 11.7615 2.00916 11.167 0.93457C12.7253 1.47002 14.0621 3.04683 14.8524 5.19971ZM11.7167 13.3234C11.7906 12.426 11.846 11.4437 11.846 10.3691H8.16797C8.17905 11.4585 8.22336 12.4408 8.29722 13.3234C9.43371 13.2001 10.5802 13.2001 11.7167 13.3234ZM8.15332 9.63097C8.15332 8.55637 8.20871 7.5741 8.28257 6.67676C8.85038 6.73852 9.42114 6.76935 9.99232 6.76908C10.5659 6.76958 11.1392 6.7388 11.7094 6.67676C11.7833 7.55933 11.8276 8.5416 11.8387 9.63097H8.15332ZM11.643 5.95615C11.2737 2.51819 10.4798 0.738281 9.99972 0.738281C9.51967 0.738281 8.72572 2.51819 8.35645 5.93769C8.90187 6.00333 9.45043 6.03906 9.99972 6.04478C10.5487 6.0452 11.0973 6.01561 11.643 5.95615ZM8.83284 0.93457V0.938263C8.2383 2.01286 7.85426 3.89247 7.64008 5.86071C6.78894 5.72547 5.95378 5.50399 5.14746 5.19971C5.93771 3.04683 7.27449 1.47002 8.83284 0.93457ZM4.32812 9.63084H7.41527C7.41527 8.67811 7.47805 7.63306 7.57037 6.5917C6.66283 6.4511 5.772 6.2185 4.91158 5.89746C4.54964 7.10993 4.35342 8.36575 4.32812 9.63084ZM7.57037 13.4083H7.56298C6.65544 13.5489 5.76461 13.7815 4.9042 14.1025C4.5448 12.8897 4.35102 11.6339 4.32812 10.3691H7.41527C7.41527 11.3219 7.47805 12.3669 7.57037 13.4083ZM4.46057 4.91905C4.95461 3.53417 5.77547 2.28897 6.85348 1.28906C5.32504 1.84021 3.96777 2.78242 2.91699 4.02171C3.40074 4.3709 3.91778 4.67145 4.46057 4.91905ZM2.478 4.60449V4.61188C3.0273 5.01014 3.61634 5.35043 4.23575 5.62739C3.835 6.92512 3.61745 8.27242 3.58952 9.63034H0.746094C0.816625 7.82121 1.41905 6.07301 2.478 4.60449ZM0.746094 10.3691C0.815564 12.1779 1.41665 13.9261 2.47431 15.395C3.02356 14.9967 3.61265 14.6563 4.23206 14.3795C3.83186 13.0792 3.6156 11.7294 3.58952 10.3691H0.746094ZM2.93164 15.9747C3.41091 15.6277 3.92296 15.3284 4.46044 15.0811C4.94969 16.4657 5.76547 17.7121 6.83858 18.7147C5.32003 18.1569 3.97332 17.2125 2.93164 15.9747ZM7.64008 14.1436C6.78908 14.2776 5.95391 14.4979 5.14746 14.8009C5.93771 16.9537 7.27449 18.5306 8.83284 19.066C8.2383 17.9914 7.85426 16.1229 7.64008 14.1436ZM9.99972 19.2614C9.51967 19.2614 8.72572 17.4815 8.35645 14.0435C9.44747 13.9243 10.5483 13.9243 11.6393 14.0435C11.2737 17.4815 10.4798 19.2614 9.99972 19.2614ZM11.1669 19.062V19.0657C12.7253 18.5303 14.062 16.9535 14.8523 14.8006C14.046 14.4963 13.2108 14.2748 12.3597 14.1396C12.1455 16.1078 11.7614 17.9874 11.1669 19.062ZM13.1465 18.711V18.6926C14.222 17.6979 15.0427 16.4593 15.5394 15.0811C16.0822 15.3287 16.5992 15.6292 17.083 15.9784C16.0322 17.2177 14.6749 18.1599 13.1465 18.711ZM17.5224 15.3691V15.395C18.5813 13.9265 19.1838 12.1783 19.2543 10.3691H16.4109C16.3812 11.7208 16.1637 13.0619 15.7646 14.3536C16.3841 14.6306 16.9731 14.9709 17.5224 15.3691Z" /> </svg> <div class="accordion-btn__text">English</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--languages js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link js-link j-link" data-code="L2FyLw=="> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ar.svg" width="20" height="20" class="dropdown__icon" alt="ar" loading="lazy"> <div class="dropdown__name">العربية</div> </div> <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> <a class="dropdown__link " href="/de/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-de.svg" width="20" height="20" class="dropdown__icon" alt="de" loading="lazy"> <div class="dropdown__name">Deutsch</div> </a> <a class="dropdown__link is-active" href="/en/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-en.svg" width="20" height="20" class="dropdown__icon" alt="en" > <div class="dropdown__name">English</div> </a> <a class="dropdown__link " href="/es/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-es.svg" width="20" height="20" class="dropdown__icon" alt="es" loading="lazy"> <div class="dropdown__name">Español</div> </a> <a class="dropdown__link " href="/fr/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-fr.svg" width="20" height="20" class="dropdown__icon" alt="fr" loading="lazy"> <div class="dropdown__name">Français</div> </a> <div class="dropdown__link js-link j-link" data-code="L2VsLw=="> <img src="/new/designs/80/common/img/flags/lang-flags/lang-el.svg" width="20" height="20" class="dropdown__icon" alt="el" loading="lazy"> <div class="dropdown__name">Ελληνικά</div> </div> <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> <a class="dropdown__link " href="/nl/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-nl.svg" width="20" height="20" class="dropdown__icon" alt="nl" loading="lazy"> <div class="dropdown__name">Nederlands</div> </a> <a class="dropdown__link " href="/pl/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pl.svg" width="20" height="20" class="dropdown__icon" alt="pl" loading="lazy"> <div class="dropdown__name">Polski</div> </a> <a class="dropdown__link " href="/pt/"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pt.svg" width="20" height="20" class="dropdown__icon" alt="pt" loading="lazy"> <div class="dropdown__name">Português</div> </a> <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 Colors Barcelona </h1> <p class="main__hotel-subtitle">Campoamor, 79, Barcelona, Spain</p> <div class="breadcrumbs"> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/" target="_blank">Catalonia-hotels</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/2-stars/" target="_blank">2 stars</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/type/hotels-12/" target="_blank">Hotels</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.catalonia-hotels.com/en/barcelona-hotels-45/" target="_blank">Barcelona</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <span class="breadcrumbs-item__text">Colors Hotel Barcelona</span> </div> </div> </div> <div class="main__open-form j-btn-open-form-container"> <div class="main__booking-btn main__open-form-btn j-check-avail-modal-btn-open">Get Prices</div> </div> <div class="main__container j-main-container"> <div class="main__slider" > <div class="page__gallery-slider"> <div class="page__gallery-item main-photo "> <picture class="js-open-gallery-popup" data-modal="overview"> <source srcset="/data/Pictures/700x500w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" media="(max-width: 768px)"> <img class="main-photo__img main-photo__img--1" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" /> <img class="main-photo__img main-photo__img--2" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--3" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--4" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--5" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--6" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--7" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--8" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--9" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--10" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--11" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--12" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--13" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--14" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--15" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--16" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--17" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--18" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--19" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> <img class="main-photo__img main-photo__img--20" importance="high" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" /> </picture> </div> </div> <div class="main__choose-us choose-us j-accordion-desktop-wrapper"> <div class="choose-us__all-img js-open-gallery-popup" data-modal="overview"> <svg class="choose-us__all-img-icon icon-photo-camera"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#photo-camera"></use> </svg> <h3 class="choose-us__text">Open all photos</h3> </div> </div> </div> <div class="check-avail-modal js-check-avail-modal"> <div class="check-avail-modal__btn-close j-check-avail-modal-btn-close"> <svg class="modal__btn-close-icon icon-close-button"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#close-button"></use> </svg> </div> <div class="check-avail-modal__background js-check-avail-background"></div> <div class="main__booking-container check-form j-form-container"> <div class="jupiter__wrapper-content"> <h3 class="main__booking-title">Enter dates to see available properties</h3> <form class="main__form avail-form j-avail-form" action="https://colors.catalonia-hotels.com/en/" method="get" autocomplete="off"> <div class="main__form-container check-form-wrapper"> <div class="main__datepicker"> <div class="main__datepicker-wrapper main__datepicker-wrapper--calendar j-calendar-wrapper"> <div class="datepicker date-wrapper-from j-open-calendar j-date-from-field"> <div class="datepicker__wrapper"> <div class="datepicker__field-number j-date-day">24 </div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month"> March</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> <div hidden class="js-plural-night-1"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> night) </div> </div> <div hidden class="js-plural-night-2"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> nights) </div> </div> <div hidden class="js-plural-night-5"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span> nights) </div> </div> <input class="main__datepicker-from-input j-date-from" type="hidden" name="from" value="2025-03-24"> </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">25</div> <div class="datepicker__field"> <div class="datepicker__field-text j-date-month"> March</div> <div class="datepicker__field-subtext j-date-week">Tuesday </div> </div> <div class="datepicker__field-img"> <svg class="datepicker__field-img-icon icon-calendar"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#calendar"></use> </svg> </div> <input class="main__datepicker-to-input j-date-to" type="hidden" name="to" value="2025-03-25"> </div> </div> <div class="js-price-container" hidden> <div class="price js-price" data-day="2025-03-24"> <span class="price__mark price__mark--lowest"> 107 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 24 Mar</p> <p class="price__tooltip-curr-price">USD <span>107</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-25"> <span class="price__mark"> 110 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 25 Mar</p> <p class="price__tooltip-curr-price">USD <span>110</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-26"> <span class="price__mark"> 110 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 26 Mar</p> <p class="price__tooltip-curr-price">USD <span>110</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-27"> <span class="price__mark"> 118 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 27 Mar</p> <p class="price__tooltip-curr-price">USD <span>118</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-28"> <span class="price__mark"> 130 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 28 Mar</p> <p class="price__tooltip-curr-price">USD <span>130</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-29"> <span class="price__mark"> 146 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 29 Mar</p> <p class="price__tooltip-curr-price">USD <span>146</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-30"> <span class="price__mark"> 119 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 30 Mar</p> <p class="price__tooltip-curr-price">USD <span>119</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-03-31"> <span class="price__mark"> 118 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 31 Mar</p> <p class="price__tooltip-curr-price">USD <span>118</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-01"> <span class="price__mark"> 151 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 01 Apr</p> <p class="price__tooltip-curr-price">USD <span>151</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-02"> <span class="price__mark"> 151 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 02 Apr</p> <p class="price__tooltip-curr-price">USD <span>151</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-03"> <span class="price__mark"> 157 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 03 Apr</p> <p class="price__tooltip-curr-price">USD <span>157</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-04"> <span class="price__mark"> 153 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 04 Apr</p> <p class="price__tooltip-curr-price">USD <span>153</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-05"> <span class="price__mark"> 169 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 05 Apr</p> <p class="price__tooltip-curr-price">USD <span>169</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-06"> <span class="price__mark"> 120 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 06 Apr</p> <p class="price__tooltip-curr-price">USD <span>120</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-07"> <span class="price__mark"> 130 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 07 Apr</p> <p class="price__tooltip-curr-price">USD <span>130</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-08"> <span class="price__mark"> 130 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 08 Apr</p> <p class="price__tooltip-curr-price">USD <span>130</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-09"> <span class="price__mark"> 131 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 09 Apr</p> <p class="price__tooltip-curr-price">USD <span>131</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-10"> <span class="price__mark"> 130 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 10 Apr</p> <p class="price__tooltip-curr-price">USD <span>130</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-11"> <span class="price__mark"> 180 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 11 Apr</p> <p class="price__tooltip-curr-price">USD <span>180</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-12"> <span class="price__mark"> 180 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 12 Apr</p> <p class="price__tooltip-curr-price">USD <span>180</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-13"> <span class="price__mark"> 137 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 13 Apr</p> <p class="price__tooltip-curr-price">USD <span>137</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-14"> <span class="price__mark"> 137 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 14 Apr</p> <p class="price__tooltip-curr-price">USD <span>137</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-15"> <span class="price__mark"> 131 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 15 Apr</p> <p class="price__tooltip-curr-price">USD <span>131</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-16"> <span class="price__mark"> 137 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 16 Apr</p> <p class="price__tooltip-curr-price">USD <span>137</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-17"> <span class="price__mark"> 179 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 17 Apr</p> <p class="price__tooltip-curr-price">USD <span>179</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-18"> <span class="price__mark"> 179 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 18 Apr</p> <p class="price__tooltip-curr-price">USD <span>179</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-19"> <span class="price__mark"> 178 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 19 Apr</p> <p class="price__tooltip-curr-price">USD <span>178</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-20"> <span class="price__mark"> 172 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 20 Apr</p> <p class="price__tooltip-curr-price">USD <span>172</span> / 1 night</p> </div> </div> <div class="price js-price" data-day="2025-04-21"> <span class="price__mark"> 141 </span> <div class="price__tooltip"> <p class="price__tooltip-text"> Check-in on 21 Apr</p> <p class="price__tooltip-curr-price">USD <span>141</span> / 1 night</p> </div> </div> </div> </div> <div class="main__datepicker-wrapper main__datepicker-wrapper--small"> <div class="datepicker j-guests-wrapper"> <div class="datepicker__wrapper j-guests-field"> <div class="datepicker__field-number j-guests-field-number" data-guest-type="adults">2</div> <div class="datepicker__field"> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="1"> adult</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="2"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="3"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="4"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="5"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="6"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="7"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="8"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="9"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="10"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="11"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="12"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="13"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="14"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="15"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="16"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="17"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="18"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="19"> adults</div> <div class="datepicker__field-text js-adults-text" style="display: none;" data-avail-adults="20"> adults</div> </div> <div class="datepicker__field-img"> <svg class="datepicker__field-img-icon icon-down-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> </div> <div class="datepicker__dropdown j-guest-dropdown"> <div class="datepicker__dropdown-title">Number of adults:</div> <div class="datepicker__dropdown-control"> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-minus j-guest-btn-minus" data-guest-type="adults">-</div> <div class="datepicker__dropdown-control-count j-guest-count" data-guest-type="adults" data-guest-value="2"> 2</div> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-plus j-guest-btn-plus" data-guest-type="adults">+</div> </div> <input class="main__datepicker-adults-input j-guest-input" type="hidden" name="adults" value="2"> </div> </div> <div class="datepicker j-guests-wrapper"> <div class="datepicker__wrapper j-guests-field"> <div class="datepicker__field-number j-guests-field-number" data-guest-type="children">0</div> <div class="datepicker__field"> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="0"> children</div> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="1"> child</div> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="2"> children</div> <div class="datepicker__field-text js-children-text" style="display: none;" data-avail-children="3"> children</div> </div> <div class="datepicker__field-img"> <svg class="datepicker__field-img-icon icon-down-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> </div> <div class="datepicker__dropdown datepicker__dropdown--children j-guest-dropdown"> <div class="datepicker__dropdown-title">Number of children</div> <div class="datepicker__dropdown-control"> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-minus j-guest-btn-minus" data-guest-type="children">- </div> <div class="datepicker__dropdown-control-count j-guest-count j-guest-child-count" data-guest-type="children" data-guest-value="0">0</div> <div class="datepicker__dropdown-control-btn datepicker__dropdown-control-plus j-guest-btn-plus" data-guest-type="children">+ </div> <input class="main__datepicker-adults-input j-guest-input" type="hidden" name="children" value="0"> </div> <div class="datepicker__dropdown-title j-guest-child-title" style="display: none"> Ages of children:</div> <div class="datepicker__dropdown-select j-dropdown-select"></div> <div class="datepicker__dropdown-select-error j-guest-child-error-hide j-guest-child-error"> Specify the age of a child</div> <div class="datepicker__dropdown-select-error j-guest-child-error-hide j-guest-child-error-plural"> Specify the age of children</div> </div> </div> </div> </div> <div class="main__closest-days closest-days js-closest-days"> <span class="closest-days__btn js-closest-days-btn" data-checkin="2025-03-23" data-checkout="2025-03-24" data-day="tonight">Tonight</span> <span class="closest-days__divider">/</span> <span class="closest-days__btn js-closest-days-btn" data-checkin="2025-03-24" data-checkout="2025-03-25" 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://colors.catalonia-hotels.com/en/contact-us/"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-contacts"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#contacts"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Contacts</span> </a> </li> <li class="menu-page__item"> <a class="menu-page__item-link" href="https://colors.catalonia-hotels.com/en/location/"> <span class="menu-page__item-img-block"> <svg class="menu-page__item-icon icon-location-new"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#location-new"></use> </svg> </span> <span class="menu-page__item-text menu-page-text-active">Location</span> </a> </li> </ul> </div> </div> </div> <div class="overview jupiter__section j-blocks-link-target jupiter__wrapper-content" data-name-block="overview"> <h2 class="jupiter__section-title" >Overview of Colors</h2> <div class="overview__details jupiter__section-wrapper"> <div class="overview__description j-article-description jupiter__section-block" data-description="overview"> <div class="overview__like"> <div class="overview__like-message"> <svg class="overview__like-message-icon icon-like"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#like"></use> </svg> Visitors’ most-liked accommodation in Catalonia </div> </div> <div class="overview__text"> <p class="overview__text-item">The 2-star Colors Hotel enjoys a quiet location in the very heart of Barcelona, around a 10-minute drive from a popular place of worship such as the monumental church "Basilica of the Sagrada Familia". Offering 2 restaurants with Catalan and Spanish cuisine, this Barcelona hotel is about 10 minutes' drive from Gaudi House Museum.</p> <p class="overview__text-item">Overlooking the sea, some rooms at the Colors feature sound-proofed windows furnished with a sofa set. They have a colourful interior. For more comfort, a hair dryer, along with a bidet and a roll-in shower, are provided.</p> <p class="overview__text-item">The modern property is located within 10 minutes' walk of Valldaura tube station and about 10 minutes' drive from CosmoCaixa Barcelona Museum. Nimfa Egeria is around 20 minutes' walk from the Colors Barcelona, which is also situated within walking distance of Can Cortada. A family vacation to Barcelona will become more exciting if you visit Tibidabo Amusement Park lying around a 10-minute drive from the accommodation. There is Av de l'Estatut de Catalunya - Campoamor bus stop only 10 minutes' walk away.</p> <p class="overview__text-item">The hotel offers a daily buffet breakfast in the restaurant. The restaurant on-site features a variety of Catalan cuisine alongside a spacious terrace. The coffee bar will set you up nicely for enjoying your stay. At a moderate distance from this Barcelona hotel, Restaurant Ginesta serves Spanish dishes.</p> <div class="overview__text-item"> <div data="checktime"> <div> <b>Check-in:</b> <span>from 15:00 until 23:30</span> </div> <div> <b>Check-out:</b> <span>from 07:00 until 11:00</span> </div> </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/Pictures/1080x700w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/15903/1590334/1590334518/barcelona-colors-hotel-picture-2.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/15903/1590334/1590334529/barcelona-colors-hotel-picture-3.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/15903/1590334/1590334541/barcelona-colors-hotel-picture-4.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/15960/1596011/1596011192/barcelona-colors-hotel-picture-5.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579249/barcelona-colors-hotel-picture-6.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/15960/1596011/1596011167/barcelona-colors-hotel-picture-7.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/15960/1596011/1596011184/barcelona-colors-hotel-picture-8.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/15903/1590334/1590334531/barcelona-colors-hotel-picture-9.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878902/barcelona-colors-hotel-picture-10.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998879/998879061/barcelona-colors-hotel-picture-11.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9991/999155/999155547/barcelona-colors-hotel-picture-12.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9965/996547/996547510/barcelona-colors-hotel-picture-13.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9965/996547/996547540/barcelona-colors-hotel-picture-14.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9965/996548/996548341/barcelona-colors-hotel-picture-15.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9964/996409/996409714/barcelona-colors-hotel-picture-16.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2392/239207/239207153/barcelona-colors-hotel-picture-17.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2392/239207/239207169/barcelona-colors-hotel-picture-18.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579085/barcelona-colors-hotel-picture-19.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579129/barcelona-colors-hotel-picture-20.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579177/barcelona-colors-hotel-picture-21.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2392/239207/239207181/barcelona-colors-hotel-picture-22.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579045/barcelona-colors-hotel-picture-23.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579369/barcelona-colors-hotel-picture-24.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579225/barcelona-colors-hotel-picture-25.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579357/barcelona-colors-hotel-picture-26.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2392/239207/239207161/barcelona-colors-hotel-picture-27.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/1751/175148/175148031/barcelona-colors-hotel-picture-28.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9965/996547/996547072/barcelona-colors-hotel-picture-29.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2392/239207/239207149/barcelona-colors-hotel-picture-30.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579345/barcelona-colors-hotel-picture-31.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878443/barcelona-colors-hotel-picture-32.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878635/barcelona-colors-hotel-picture-33.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878665/barcelona-colors-hotel-picture-34.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878917/barcelona-colors-hotel-picture-35.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9964/996409/996409339/barcelona-colors-hotel-picture-36.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878878/barcelona-colors-hotel-picture-37.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878356/barcelona-colors-hotel-picture-38.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579197/barcelona-colors-hotel-picture-39.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/9988/998878/998878689/barcelona-colors-hotel-picture-40.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/10091/1009175/1009175809/barcelona-colors-hotel-picture-41.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579269/barcelona-colors-hotel-picture-42.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/1187/118754/118754230/barcelona-colors-hotel-picture-43.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/5444/544411/544411788/barcelona-colors-hotel-picture-44.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/5444/544411/544411986/barcelona-colors-hotel-picture-45.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/14315/1431555/1431555493/barcelona-colors-hotel-picture-46.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/5444/544411/544411857/barcelona-colors-hotel-picture-47.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/1187/118754/118754218/barcelona-colors-hotel-picture-48.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/4297/429753/429753888/barcelona-colors-hotel-picture-49.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/10943/1094343/1094343828/barcelona-colors-hotel-picture-50.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579301/barcelona-colors-hotel-picture-51.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579065/barcelona-colors-hotel-picture-52.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/10858/1085870/1085870761/barcelona-colors-hotel-picture-53.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/2395/239579/239579057/barcelona-colors-hotel-picture-54.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/8428/842842/842842841/barcelona-colors-hotel-picture-55.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/8428/842842/842842883/barcelona-colors-hotel-picture-56.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/8428/842842/842842919/barcelona-colors-hotel-picture-57.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/6170/617040/617040095/barcelona-colors-hotel-picture-58.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/3626/362691/362691706/barcelona-colors-hotel-picture-59.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/6170/617040/617040155/barcelona-colors-hotel-picture-60.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/6170/617040/617040325/barcelona-colors-hotel-picture-61.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/6170/617040/617040205/barcelona-colors-hotel-picture-62.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/6170/617040/617040275/barcelona-colors-hotel-picture-63.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/4499/449937/449937534/barcelona-colors-hotel-picture-64.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/4800/480058/480058899/barcelona-colors-hotel-picture-65.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/4800/480058/480058881/barcelona-colors-hotel-picture-66.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/4800/480058/480058920/barcelona-colors-hotel-picture-67.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/4629/462985/462985476/barcelona-colors-hotel-picture-68.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/3626/362691/362691694/barcelona-colors-hotel-picture-69.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/3626/362691/362691685/barcelona-colors-hotel-picture-70.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/3626/362691/362691712/barcelona-colors-hotel-picture-71.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/3215/321529/321529833/barcelona-colors-hotel-picture-72.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/3215/321529/321529825/barcelona-colors-hotel-picture-73.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/3215/321529/321529829/barcelona-colors-hotel-picture-74.JPEG" alt=""> </div> <div class="page__gallery-item"> <img class="page__gallery-img" loading="lazy" src="/data/Pictures/1080x700w/806/80617/80617557/barcelona-colors-hotel-picture-75.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 Colors</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">20.5 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">Museu de Carruatges del Foment</div> <div class="local-attractions__description-distance">350 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Mundet Metro</div> <div class="local-attractions__description-distance">500 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Jardins del Palau de les Heures</div> <div class="local-attractions__description-distance">550 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Velodrom d'Horta</div> <div class="local-attractions__description-distance">550 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Match Cover</div> <div class="local-attractions__description-distance">650 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Horta</div> <div class="local-attractions__description-distance">750 m</div> </div> <div class="local-attractions__description-wrapper"> <div class="local-attractions__description-name">Laberint d'Horta Park</div> <div class="local-attractions__description-distance">850 m</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-la-sagrada-familia-76366/" target="_blank">La Sagrada Familia</a> <div class="local-attractions__description-distance">4.1 km</div> </div> <div class="local-attractions__description-wrapper"> <a class="local-attractions__description-name" href="https://www.catalonia-hotels.com/en/near-casa-batllo-84685/" target="_blank">Casa Batlló</a> <div class="local-attractions__description-distance">5 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">Sant Andreu Arenal - Rail Station</div> <div class="local-attractions__description-distance">2.6 km</div> </div> </div> </div> </div> <div class="map__container jupiter__section-block"> <div id="mapbox" class="map__content js-mapbox"></div> </div> </div> </div> <div class="room-block room-block--no-min-height jupiter__section j-blocks-link-target" data-name-block="rooms" id="rooms"> <h2 class="jupiter__section-title" >Rooms & Availability at Colors</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 Colors Hotel Barcelona</h2> <div class="amenities__container jupiter__section-wrapper"> <div class="amenities__container-block jupiter__section-block"> <h3 class="amenities__subtitle">Most popular facilities</h3> <div class="amenities__box"> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-wi-fi"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#wi-fi"></use> </svg> </div> <p class="amenities__box-item-text">Wi-Fi</p> </div> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> <p class="amenities__box-item-abstract-text">24-hour reception</p> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-24-hour-check-in"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#24-hour-check-in"></use> </svg> </div> <p class="amenities__box-item-text">24-hour services</p> </div> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-early-late"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#early-late"></use> </svg> </div> <p class="amenities__box-item-text">Express check-in/ -out</p> </div> <div class="amenities__box-item j-amenities-box-item"> <div class="amenities__box-item-abstract"> <p class="amenities__box-item-abstract-text">Restaurant</p> </div> <div class="amenities__box-item-img"> <svg class="amenities__box-item-icon icon-restaurant-bar"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#restaurant-bar"></use> </svg> </div> <p class="amenities__box-item-text">On-site Dining</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">Main</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">No smoking on site</li> <li class="amenities__list-item">Wi-Fi</li> <li class="amenities__list-item">No parking</li> <li class="amenities__list-item">Safe deposit box</li> <li class="amenities__list-item">24-hour reception</li> <li class="amenities__list-item">Express check-in/ -out</li> <li class="amenities__list-item">No pets allowed</li> <li class="amenities__list-item">Rooms/ Facilities for disabled</li> <li class="amenities__list-item">Wheelchair access</li> <li class="amenities__list-item">24-hour security</li> <li class="amenities__list-item">Luggage storage</li> <li class="amenities__list-item">Lift</li> <li class="amenities__list-item">Coffee shop</li> <li class="amenities__list-item">Smoke detectors</li> <li class="amenities__list-item">Fire extinguishers</li> <li class="amenities__list-item">Key card access</li> <li class="amenities__list-item">Key access</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-3114"></use> </svg> <h4 class="amenities__title-text">Dining</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">Restaurant</li> <li class="amenities__list-item">Snack bar</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-2"></use> </svg> <h4 class="amenities__title-text">Leisure</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">Garden area</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-3"></use> </svg> <h4 class="amenities__title-text">Services</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">Paid airport shuttle</li> <li class="amenities__list-item">Housekeeping</li> <li class="amenities__list-item">Laundry</li> <li class="amenities__list-item">Tours/Ticket assistance</li> <li class="amenities__list-item">Welcome drink</li> <li class="amenities__list-item">Fax/Photocopying</li> </ul> </div> <div class="amenities__details-item j-accordion-title-container"> <div class="amenities__title accordion amenities__title--last-child j-accordion-title"> <svg class="amenities__title-icon icon-parking"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#amenities-492"></use> </svg> <h4 class="amenities__title-text">Room Comforts</h4> <svg class="amenities__title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </div> <ul class="amenities__list j-accordion-content"> <li class="amenities__list-item">Air conditioning</li> <li class="amenities__list-item">Heating</li> <li class="amenities__list-item">Soundproofed rooms</li> <li class="amenities__list-item">Patio</li> <li class="amenities__list-item">Terrace</li> <li class="amenities__list-item">Ironing facilities</li> <li class="amenities__list-item">Free toiletries</li> <li class="amenities__list-item">Flat-screen TV</li> <li class="amenities__list-item">AM/FM alarm clock</li> <li class="amenities__list-item">Cots</li> </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 Colors Policy</h3> <div class="host-info__policy"> <div data="checktime"> <div> <b>Check-in:</b> <span>from 15:00 until 23:30</span> </div> <div> <b>Check-out:</b> <span>from 07:00 until 11:00</span> </div> </div> </div> </div> <div class="important-information__contacts"> <div class="hotel-contacts"> <h3 class="hotel-contacts__title" > Colors contacts</h3> <div class="hotel-contacts__inner"> <div class="hotel-contacts__item"> <span class="hotel-contacts__key">Email:</span> <span class="hotel-contacts__value">hotelcolors@gruptravi.com</span> </div> <div class="hotel-contacts__item"> <span class="hotel-contacts__key">Phone:</span> <span class="hotel-contacts__value">932749920</span> </div> </div> </div> </div> </div> </div> </div> <div class="other-hotels-container"> <div class="other-hotels other-hotels-container__block other-hotels-container__block--inner"> <h3 class="other-hotels__title">Popular hotels similar to Colors in Catalonia</h3> <div class="other-hotels__slider other-hotels-slider js-inner-other-hotels-slider"> <div class="other-hotels-slider__hotels js-slider-inner"> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYXJjZWxvbmEtY2l0eS1ub3J0aC5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/3926/392617/392617539/img-city-north-guest-house-barcelona-1.JPEG" alt="Guest house City North, Barcelona" title="Guest house City North, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://barcelona-city-north.catalonia-hotels.com/en/" target="_blank">Guest house City North, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer De Saragossa, 95-97, 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">134 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3N0YWwtcGV0aXQtcHJpbmNlcC5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/14072/1407209/1407209204/img-hostal-petit-princep-barcelona-1.JPEG" alt="Guest house Petit Princep, Barcelona" title="Guest house Petit Princep, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hostal-petit-princep.catalonia-hotels.com/en/" target="_blank">Guest house Petit Princep, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Avd. Diagonal, 578, 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">41 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYXJjZWxvbmEtY2l0eS1yb29tcy5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10991/1099164/1099164771/img-city-rooms-08025-barcelona-1.JPEG" alt="Guest house City, Barcelona" title="Guest house City, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://barcelona-city-rooms.catalonia-hotels.com/en/" target="_blank">Guest house City, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer Industria, 81, 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">620 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hbXJhLWJhcmNlbG9uYS1ncmFuLXZpYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/11625/1162511/1162511754/img-amra-gran-via-guest-house-barcelona-1.JPEG" alt="Guest house Amra Gran Via, Barcelona" title="Guest house Amra Gran Via, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://amra-barcelona-gran-via.catalonia-hotels.com/en/" target="_blank">Guest house Amra Gran Via, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Gran Via De Les Corts Catalanes, 682, 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">206 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9qYXJkaW5ldHMtZ3Vlc3QtaG91c2UuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7586/758649/758649214/img-jardinets-guest-house-barcelona-1.JPEG" alt="Bed & Breakfast Jardinets, Barcelona" title="Bed & Breakfast Jardinets, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://jardinets-guest-house.catalonia-hotels.com/en/" target="_blank">Bed & Breakfast Jardinets, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer Bruc, 84, 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">147 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYXJjZWxvLWhvc3RlbC5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/13592/1359275/1359275150/img-barcelo-hostel-barcelona-1.JPEG" alt="Hostel Casa Barcelo, Barcelona" title="Hostel Casa Barcelo, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://barcelo-hostel.catalonia-hotels.com/en/" target="_blank">Hostel Casa Barcelo, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Corsega 226, Entresuelo, 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">20 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC1jYXNpdGEtYW1hcmlsbGEuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6459/645953/645953709/img-hotel-casita-amarilla-barcelona-1.JPEG" alt="Love hotel Casita Amarilla, Barcelona" title="Love hotel Casita Amarilla, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-casita-amarilla.catalonia-hotels.com/en/" target="_blank">Love hotel Casita Amarilla, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer De Padua, 83, 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">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="aHR0cHM6Ly9ob3RlbC10b2xlZGFuby1yYW1ibGFzLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/264/26434/26434271/img-hotel-toledano-ramblas-barcelona-1.JPEG" alt="Hotel Toledano Ramblas, Barcelona" title="Hotel Toledano Ramblas, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-toledano-ramblas.catalonia-hotels.com/en/" target="_blank">Hotel Toledano Ramblas, Barcelona</a> <p class="other-hotel__address">La Rambla, 138, 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">69 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9tZWV0aW5nLXBvaW50LWhvc3RlbHMuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15808/1580871/1580871913/img-meeting-point-hostels-barcelona-1.JPEG" alt="Hostel Meeting Point, Barcelona" title="Hostel Meeting Point, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://meeting-point-hostels.catalonia-hotels.com/en/" target="_blank">Hostel Meeting Point, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Vallespir 20, 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">66 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly90aGUtd2l0dG1vcmUtYWR1bHRzLW9ubHkuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7098/709842/709842442/img-the-wittmore-hotel-barcelona-1.JPEG" alt="Hotel Wittmore Hotel - Adults Only, Small Luxury Hotels, Barcelona" title="Hotel Wittmore Hotel - Adults Only, Small Luxury Hotels, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://the-wittmore-adults-only.catalonia-hotels.com/en/" target="_blank">Hotel Wittmore Hotel - Adults Only, Small Luxury Hotels, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Riudarenes, 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">412 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9lcXVpdHktcG9pbnQtc2VhLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/8884/888426/888426808/img-equity-point-sea-hostel-barcelona-1.JPEG" alt="Hostel Sea, Barcelona" title="Hostel Sea, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://equity-point-sea.catalonia-hotels.com/en/" target="_blank">Hostel Sea, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Placa Del Mar 1-4, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">52 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wZW5zaW9uLW5vcm1hLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/2581/258139/258139865/img-pension-norma-barcelona-1.JPEG" alt="Guest house Norma, Barcelona" title="Guest house Norma, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://pension-norma.catalonia-hotels.com/en/" target="_blank">Guest house Norma, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">C/ Gran De Gracia 87, 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">59 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wZW5zaW9uLWFyb3NhLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6303/630378/630378039/img-pension-arosa-barcelona-1.JPEG" alt="Guest house Arosa, Barcelona" title="Guest house Arosa, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://pension-arosa.catalonia-hotels.com/en/" target="_blank">Guest house Arosa, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Avinguda Del Portal De L'Angel, 14, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">129 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zb20tbml0LWJvcm4uY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16236/1623671/1623671618/img-som-nit-born-guest-house-barcelona-1.JPEG" alt="Guest house Som Nit Born, Barcelona" title="Guest house Som Nit Born, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://som-nit-born.catalonia-hotels.com/en/" target="_blank">Guest house Som Nit Born, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer De La Reina Cristina, 13, 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">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="aHR0cHM6Ly9wYXJzLXRlYXRyby1ob3N0ZWwuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7527/752700/752700329/img-pars-teatro-youth-hostel-barcelona-1.JPEG" alt="Hostel Pars Teatro (adults Only), Barcelona" title="Hostel Pars Teatro (adults Only), Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://pars-teatro-hostel.catalonia-hotels.com/en/" target="_blank">Hostel Pars Teatro (adults Only), Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Albareda 12, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">20 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hbHRlcm5hdGl2ZS1jcmVhdGl2ZS15b3V0aC1ob3N0ZWwtYmFyY2Vsb25hLmNhdGFsb25pYS1ob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/1244/124415/124415358/img-alternative-creative-youth-hostel-barcelona-1.JPEG" alt="Hostel Alternative Creative Youth, Barcelona" title="Hostel Alternative Creative Youth, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://alternative-creative-youth-hostel-barcelona.catalonia-hotels.com/en/" target="_blank">Hostel Alternative Creative Youth, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Ronda Universitat, 17, Entresol-3, 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">54 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wZW5zaW9uLWRhbmkuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15806/1580665/1580665815/img-pension-dani-barcelona-1.JPEG" alt="Guest house Dani, Barcelona" title="Guest house Dani, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://pension-dani.catalonia-hotels.com/en/" target="_blank">Guest house Dani, Barcelona</a> <p class="other-hotel__address">Tallers, 9, 2ºa, 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">24 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jYXRhbG9uaWEtYmFyY2Vsb25hLWdvbGYtaG90ZWwuY2F0YWxvbmlhLWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/13999/1399994/1399994825/img-catalonia-golf-hotel-barcelona-1.JPEG" alt="Hotel The Moods Oasis, Barcelona" title="Hotel The Moods Oasis, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://catalonia-barcelona-golf-hotel.catalonia-hotels.com/en/" target="_blank">Hotel The Moods Oasis, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Travessera De Gracia, 72, 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">54 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9jZW50cmFsLXN0YXRpb24taG9zdGVsLWJhcmNlbG9uYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/794/79475/79475640/img-central-station-hostel-barcelona-1.JPEG" alt="Hostel Central Station, Barcelona" title="Hostel Central Station, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://central-station-hostel-barcelona.catalonia-hotels.com/en/" target="_blank">Hostel Central Station, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer De L'Hospital, 93, 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">34 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zYW50LWpvcmRpLWdyYWNpYS5jYXRhbG9uaWEtaG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7358/735819/735819343/img-sant-jordi-gracia-hostel-barcelona-1.JPEG" alt="Hostel Sant Jordi Gracia, Barcelona" title="Hostel Sant Jordi Gracia, Barcelona" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://sant-jordi-gracia.catalonia-hotels.com/en/" target="_blank">Hostel Sant Jordi Gracia, Barcelona</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">c/ Terol 35, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">23 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="aHR0cHM6Ly9ob3RlbC1jYXNhLWx1ei50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15491/1549145/1549145620/img-hotel-casa-luz-barcelona-1.JPEG" alt="**** Hotel Sonder Casa Luz Spain" title="**** Hotel Sonder Casa Luz Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-casa-luz.topbarcelonahotels.com/en/" target="_blank">**** Hotel Sonder Casa Luz Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Ronda Universitat, 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">70 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9oMTAtbWFkaXNvbi00LXN1cC50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6422/642265/642265449/img-h10-madison-4-sup-barcelona-1.JPEG" alt="**** Hotel H10 Madison 4* Sup Spain" title="**** Hotel H10 Madison 4* Sup Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://h10-madison-4-sup.topbarcelonahotels.com/en/" target="_blank">**** Hotel H10 Madison 4* Sup Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer Del Doctor Joaquim Pou, 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">264 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9kaWFnb25hbC1ob3VzZS50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/2355/235500/235500973/img-diagonal-house-hotel-barcelona-1.JPEG" alt=" Hostel Diagonal House Spain" title=" Hostel Diagonal House Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://diagonal-house.topbarcelonahotels.com/en/" target="_blank"> Hostel Diagonal House Spain</a> <p class="other-hotel__address">Avenida Diagonal 436, 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">81 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zZXJlbm5pYS1leGNsdXNpdmUtcm9vbXMudG9wYmFyY2Vsb25haG90ZWxzLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/1973/197365/197365213/img-serennia-exclusive-rooms-barcelona-1.JPEG" alt="** Bed & Breakfast Serennia Exclusive Spain" title="** Bed & Breakfast Serennia Exclusive Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://serennia-exclusive-rooms.topbarcelonahotels.com/en/" target="_blank">** Bed & Breakfast Serennia Exclusive Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Ronda Universitat, 9, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">79 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYXJjZWxvbmEtY2l0eS1zZXZlbi50b3BiYXJjZWxvbmFob3RlbHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6905/690580/690580143/img-city-seven-guest-house-barcelona-1.JPEG" alt=" Guest house City Seven Spain" title=" Guest house City Seven Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://barcelona-city-seven.topbarcelonahotels.com/en/" target="_blank"> Guest house City Seven Spain</a> <p class="other-hotel__address">Calle Aribau 235, 1º 4ª, Barcelona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">69 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3NwZWRlcmlhLWVsLWNhemFkZXJvLXJlYWwuZXMtYW5kYWx1Y2lhLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15201/1520194/1520194456/img-hospederia-el-cazadero-real-guest-house-el-rocio-1.JPEG" alt=" Country house Hospedarte Cazadero Real Spain" title=" Country house Hospedarte Cazadero Real Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hospederia-el-cazadero-real.es-andalucia.com/en/" target="_blank"> Country house Hospedarte Cazadero Real Spain</a> <p class="other-hotel__address">Moguer 13, El Rocio, 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">52 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3N0YWwtbHVuYS1kZS1uZXJqYS5lcy1hbmRhbHVjaWEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/1247/124703/124703397/img-hostal-luna-de-nerja-1.JPEG" alt="** Hotel Luna De Spain" title="** Hotel Luna De Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hostal-luna-de-nerja.es-andalucia.com/en/" target="_blank">** Hotel Luna De Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Calle Pintada 6, Nerja, 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">62 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC1zZW5kZXJvcy5lcy1hbmRhbHVjaWEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10194/1019408/1019408797/img-hotel-senderos-agua-amarga-agua-amarga-almeria-1.JPEG" alt="*** Hotel Senderos Spain" title="*** Hotel Senderos Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-senderos.es-andalucia.com/en/" target="_blank">*** Hotel Senderos Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Pueblecico, 1, Agua Amarga (Almeria), Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">96 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9iYW51LXJhYmJhaC5lcy1hbmRhbHVjaWEuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/6551/655196/655196505/img-banu-rabbah-guest-house-benarraba-1.JPEG" alt=" Country house Banu Rabbah Spain" title=" Country house Banu Rabbah Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://banu-rabbah.es-andalucia.com/en/" target="_blank"> Country house Banu Rabbah Spain</a> <p class="other-hotel__address">C / Sierra Red s / n, Benarraba, 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="aHR0cHM6Ly9ob3N0YWwtc2l4dG8uZXMtYW5kYWx1Y2lhLmNvbS9lbi8="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/15805/1580571/1580571867/img-hostal-sixto-rota-1.JPEG" alt="** Guest house Sixto Spain" title="** Guest house Sixto Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hostal-sixto.es-andalucia.com/en/" target="_blank">** Guest house Sixto Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Plaza Barroso 6, Rota, 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">81 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9hZ3JvdHVyaXNtby1ldHhlYmFycmkuYmFzcXVlY291bnRyeWhvdGVscy5vcmcvZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/3794/379417/379417354/img-agroturismo-etxebarri-guest-house-ochandiano-1.JPEG" alt=" Country house Etxebarri Landetxea Spain" title=" Country house Etxebarri Landetxea Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://agroturismo-etxebarri.basquecountryhotels.org/en/" target="_blank"> Country house Etxebarri Landetxea Spain</a> <p class="other-hotel__address">Carretera Otxandio-Olaeta, S/N, Ochandiano, 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="aHR0cHM6Ly9ob3RlbC1lc3RyZWxsYS1kZS1hbGVtYXIuYmlsYmFvaG90ZWxzc3BhaW4uY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/7070/707071/707071516/img-estrella-del-alemar-hotel-loredo-1.JPEG" alt="*** Hotel Estrella Del Alemar Spain" title="*** Hotel Estrella Del Alemar Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-estrella-de-alemar.bilbaohotelsspain.com/en/" target="_blank">*** Hotel Estrella Del Alemar Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Abajo, 11, Loredo, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">90 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9vZmYtYmVhdC1ndWVzdGhvdXNlLmJhc3F1ZWNvdW50cnlob3RlbHMub3JnL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/10803/1080351/1080351613/img-off-beat-guesthouse-san-sebastian-1.JPEG" alt="*** Guest house Off Beat - Self-check-in - Sleep Conscious Spain" title="*** Guest house Off Beat - Self-check-in - Sleep Conscious Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://off-beat-guesthouse.basquecountryhotels.org/en/" target="_blank">*** Guest house Off Beat - Self-check-in - Sleep Conscious Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">31 De Agosto Kalea, San Sebastian, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">41 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9idW5nYWxvd3Mtc2lkZS1zaG9yZS5pbi1jYW5hcnktaXNsYW5kcy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12656/1265668/1265668504/img-bungalows-side-shore-playa-del-aguila-las-palmas-1.JPEG" alt="***** Aparthotel Makai Spain" title="***** Aparthotel Makai Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://bungalows-side-shore.in-canary-islands.com/en/" target="_blank">***** Aparthotel Makai Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Plaza De Los Hibiscus, Playa Del Aguila (Las Palmas), 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="aHR0cHM6Ly9hcmNzLWRlLW1vbmVsbHMudG9wY29zdGFicmF2YWhvdGVscy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12545/1254579/1254579247/img-arcs-de-hotel-monells-1.JPEG" alt="**** Hotel Arcs De - Adults Only Spain" title="**** Hotel Arcs De - Adults Only Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://arcs-de-monells.topcostabravahotels.com/en/" target="_blank">**** Hotel Arcs De - Adults Only Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Carrer Vilanova 1, Monells, 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">259 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9zdWl0ZS1ob3RlbC1tb250YW5hLWNsdWIuaW4tY2FuYXJ5LWlzbGFuZHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12725/1272597/1272597568/img-montana-club-suite-hotel-puerto-del-carmen-puerto-del-carmen-lanzarote-1.JPEG" alt="*** Hotel Montana Club Spain" title="*** Hotel Montana Club Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://suite-hotel-montana-club.in-canary-islands.com/en/" target="_blank">*** Hotel Montana Club Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Calle Timon, 3, 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">146 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9yZXNpZGVuY2lhLXVuaXZlcnNpdGFyaWEtbG9zLWFiZWR1bGVzLnNhbnNlYmFzdGlhbmhvdGVscy5uZXQvZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/16263/1626356/1626356470/img-residencia-universitaria-los-abedules-apartment-pamplona-1.JPEG" alt=" Apartment Residencia Universitaria Resa Los Abedules Spain" title=" Apartment Residencia Universitaria Resa Los Abedules Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://residencia-universitaria-los-abedules.sansebastianhotels.net/en/" target="_blank"> Apartment Residencia Universitaria Resa Los Abedules Spain</a> <p class="other-hotel__address">C\/ Sadar, 26, Pamplona, Spain</p> </div> <div class="other-hotel__bottom"> <div class="other-hotel__price"> <p class="other-hotel__price-text">starts from</p> <p class="other-hotel__price-count">71 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9wYXJxdWUtbm9nYWwuaW4tY2FuYXJ5LWlzbGFuZHMuY29tL2VuLw=="> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/14262/1426270/1426270590/img-parque-nogal-hotel-maspalomas-maspalomas-gran-canaria-1.JPEG" alt="** Resort Parque Nogal (adults Only) Spain" title="** Resort Parque Nogal (adults Only) Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://parque-nogal.in-canary-islands.com/en/" target="_blank">** Resort Parque Nogal (adults Only) Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Leo, 2, Maspalomas (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">103 US$</p> </div> <div class="other-hotel__btn">RESERVE</div> </div> </div> </div> </div> <div class="other-hotels-slider__slide j-link" data-code="aHR0cHM6Ly9ob3RlbC1pYmFycmEuYmFzcXVlY291bnRyeWhvdGVscy5vcmcvZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/4179/417977/417977652/img-hotel-ibarra-llantada-1.JPEG" alt="*** Hotel Ibarra Zalla Spain" title="*** Hotel Ibarra Zalla Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://hotel-ibarra.basquecountryhotels.org/en/" target="_blank">*** Hotel Ibarra Zalla Spain</a> <div class="other-hotel__stars"> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> <svg class="other-hotel__star icon icon-1-star" width="12px" height="12px"><use xlink:href="/build/sprites/img/sprite.svg#icon-1-star"></use></svg> </div> <p class="other-hotel__address">Barrio Llantada N 11, Llantada, 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="aHR0cHM6Ly9hcGFydGFtZW50b3MtbWFydGVsbC5pbi1jYW5hcnktaXNsYW5kcy5jb20vZW4v"> <div class="other-hotel"> <div class="other-hotel__img"> <img src="/data/Imgs/300x300w/12496/1249607/1249607146/img-apartamentos-martell-playa-de-santiago-playa-de-santiago-isla-de-la-gomera-1.JPEG" alt=" Apartment Martell Spain" title=" Apartment Martell Spain" loading="lazy"> </div> <div class="other-hotel__inner"> <div class="other-hotel__main"> <a class="other-hotel__name" href="https://apartamentos-martell.in-canary-islands.com/en/" target="_blank"> Apartment Martell Spain</a> <p class="other-hotel__address">Santiago Apostol S/N, Playa de Santiago (Isla de la Gomera), 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> </div> </div> </div> <footer class="footer"> <div class="footer__content-block"> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-twitter"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#twitter"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-facebook-logo"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#facebook-logo"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-google-plus-logo"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#google-plus-logo"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-linkedin-letters"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#linkedin-letters"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-skype"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#skype"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-instagram-big-logo"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#instagram-big-logo"></use> </svg> </div> </li> <li class="footer__social-item"> <div class="footer__social-link"> <svg class="footer__social-icon icon-youtube-play"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#youtube-play"></use> </svg> </div> </li> </ul> <div class="footer__subscribe subscribe"> <div class="footer__block-title footer__block-title--no-padding-left">Stay up-to-date</div> <p class="footer__subscribe-description"> By subscribing to our newsletter, you will be the first to get our latest news and promotions. </p> <form class="subscribe__form" method="post" action="/" autocomplete="off"> <input class="subscribe__input" type="email" placeholder="Your email"> <button class="subscribe__btn page__red-btn--inverse-color-red-none" type="submit">Subscribe</button> </form> </div> </div> <div class="footer__info j-no-scroll"> <div class="footer__info-block footer__info-block--no-padding-left-tablet footer__company j-accordion-wrapper" data-accordion="footer"> <p class="footer__block-title accordion j-accordion-title"> Company <svg class="footer__block-title-arrow icon-down-arrow accordion-arrow j-accordion-arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#down-arrow"></use> </svg> </p> <ul class="footer__info-list j-accordion-content"> <li class="footer__info-item"> <span class="footer__info-link footer__company-link j-link" data-code="aHR0cHM6Ly93d3cuY2F0YWxvbmlhLWhvdGVscy5jb20vYWJvdXQ=">About Us</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link">Terms of Use</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link">Privacy statement</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link j-link" data-code="aHR0cHM6Ly93d3cuY2F0YWxvbmlhLWhvdGVscy5jb20vYWRkLWhvdGVs">Add your property</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link j-link" data-code="L2VuL3N1cHBvcnQv">Help</span> </li> <li class="footer__info-item"> <span class="footer__info-link footer__company-link">FAQ</span> </li> </ul> </div> </div> </div> <div class="footer__copyright"> <span class="footer__copyright-title">Hotel Reservation System | 2025 © catalonia-hotels.com. All rights reserved</span> <ul class="footer__payment"> <li class="footer__payment-img"> <svg class="footer__payment-icon icon-pci"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#pci"></use> </svg> </li> <li class="footer__payment-img"> <svg class="footer__payment-icon icon-mastercard"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#mastercard"></use> </svg> </li> <li class="footer__payment-img"> <svg class="footer__payment-icon icon-visa"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#visa"></use> </svg> </li> </ul> </div> </footer> </div> <div class="room-loader j-rooms-loader"> <div class="room-loader__wrapper"> <div class="room-loader__wrapper-in"> <div class="room-loader__img"> <svg class="room-loader__img-icon icon-loading"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#loading"></use> </svg> </div> <div class="room-loader__text"> Please wait while we are checking availability. </div> </div> </div> </div> <div class="page__modal modal j-modal j-gallery-wrapper" data-modal-block="overview"> <div class="modal__btn-close j-modal-btn-close"> <svg class="modal__btn-close-icon icon-close-button"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#close-button"></use> </svg> </div> <div class="modal__content"> <div class="page__modal-slider j-modal-gallery-slider"> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/15903/1590334/1590334518/barcelona-colors-hotel-picture-2.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/15903/1590334/1590334529/barcelona-colors-hotel-picture-3.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/15903/1590334/1590334541/barcelona-colors-hotel-picture-4.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/15960/1596011/1596011192/barcelona-colors-hotel-picture-5.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579249/barcelona-colors-hotel-picture-6.JPEG" alt="** Colors Hotel Barcelona Spain" title="** Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/15960/1596011/1596011167/barcelona-colors-hotel-picture-7.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/15960/1596011/1596011184/barcelona-colors-hotel-picture-8.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/15903/1590334/1590334531/barcelona-colors-hotel-picture-9.JPEG" alt="Colors Hotel Barcelona 2*," title="Colors Hotel Barcelona 2*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878902/barcelona-colors-hotel-picture-10.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998879/998879061/barcelona-colors-hotel-picture-11.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9991/999155/999155547/barcelona-colors-hotel-picture-12.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9965/996547/996547510/barcelona-colors-hotel-picture-13.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9965/996547/996547540/barcelona-colors-hotel-picture-14.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9965/996548/996548341/barcelona-colors-hotel-picture-15.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9964/996409/996409714/barcelona-colors-hotel-picture-16.JPEG" alt="** Colors Hotel Barcelona Spain" title="** Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2392/239207/239207153/barcelona-colors-hotel-picture-17.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2392/239207/239207169/barcelona-colors-hotel-picture-18.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579085/barcelona-colors-hotel-picture-19.JPEG" alt="Colors Hotel Barcelona 2*," title="Colors Hotel Barcelona 2*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579129/barcelona-colors-hotel-picture-20.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579177/barcelona-colors-hotel-picture-21.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2392/239207/239207181/barcelona-colors-hotel-picture-22.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579045/barcelona-colors-hotel-picture-23.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579369/barcelona-colors-hotel-picture-24.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579225/barcelona-colors-hotel-picture-25.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579357/barcelona-colors-hotel-picture-26.JPEG" alt="** Colors Hotel Barcelona Spain" title="** Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2392/239207/239207161/barcelona-colors-hotel-picture-27.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/1751/175148/175148031/barcelona-colors-hotel-picture-28.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9965/996547/996547072/barcelona-colors-hotel-picture-29.JPEG" alt="Colors Hotel Barcelona 2*," title="Colors Hotel Barcelona 2*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2392/239207/239207149/barcelona-colors-hotel-picture-30.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579345/barcelona-colors-hotel-picture-31.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878443/barcelona-colors-hotel-picture-32.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878635/barcelona-colors-hotel-picture-33.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878665/barcelona-colors-hotel-picture-34.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878917/barcelona-colors-hotel-picture-35.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9964/996409/996409339/barcelona-colors-hotel-picture-36.JPEG" alt="** Colors Hotel Barcelona Spain" title="** Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878878/barcelona-colors-hotel-picture-37.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878356/barcelona-colors-hotel-picture-38.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579197/barcelona-colors-hotel-picture-39.JPEG" alt="Colors Hotel Barcelona 2*," title="Colors Hotel Barcelona 2*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/9988/998878/998878689/barcelona-colors-hotel-picture-40.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/10091/1009175/1009175809/barcelona-colors-hotel-picture-41.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579269/barcelona-colors-hotel-picture-42.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/1187/118754/118754230/barcelona-colors-hotel-picture-43.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/5444/544411/544411788/barcelona-colors-hotel-picture-44.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/5444/544411/544411986/barcelona-colors-hotel-picture-45.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/14315/1431555/1431555493/barcelona-colors-hotel-picture-46.JPEG" alt="** Colors Hotel Barcelona Spain" title="** Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/5444/544411/544411857/barcelona-colors-hotel-picture-47.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/1187/118754/118754218/barcelona-colors-hotel-picture-48.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/4297/429753/429753888/barcelona-colors-hotel-picture-49.JPEG" alt="Colors Hotel Barcelona 2*," title="Colors Hotel Barcelona 2*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/10943/1094343/1094343828/barcelona-colors-hotel-picture-50.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579301/barcelona-colors-hotel-picture-51.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579065/barcelona-colors-hotel-picture-52.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/10858/1085870/1085870761/barcelona-colors-hotel-picture-53.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/2395/239579/239579057/barcelona-colors-hotel-picture-54.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/8428/842842/842842841/barcelona-colors-hotel-picture-55.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/8428/842842/842842883/barcelona-colors-hotel-picture-56.JPEG" alt="** Colors Hotel Barcelona Spain" title="** Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/8428/842842/842842919/barcelona-colors-hotel-picture-57.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/6170/617040/617040095/barcelona-colors-hotel-picture-58.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/3626/362691/362691706/barcelona-colors-hotel-picture-59.JPEG" alt="Colors Hotel Barcelona 2*," title="Colors Hotel Barcelona 2*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/6170/617040/617040155/barcelona-colors-hotel-picture-60.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/6170/617040/617040325/barcelona-colors-hotel-picture-61.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/6170/617040/617040205/barcelona-colors-hotel-picture-62.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/6170/617040/617040275/barcelona-colors-hotel-picture-63.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/4499/449937/449937534/barcelona-colors-hotel-picture-64.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/4800/480058/480058899/barcelona-colors-hotel-picture-65.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/4800/480058/480058881/barcelona-colors-hotel-picture-66.JPEG" alt="** Colors Hotel Barcelona Spain" title="** Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/4800/480058/480058920/barcelona-colors-hotel-picture-67.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/4629/462985/462985476/barcelona-colors-hotel-picture-68.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/3626/362691/362691694/barcelona-colors-hotel-picture-69.JPEG" alt="Colors Hotel Barcelona 2*," title="Colors Hotel Barcelona 2*," > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/3626/362691/362691685/barcelona-colors-hotel-picture-70.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/3626/362691/362691712/barcelona-colors-hotel-picture-71.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/3215/321529/321529833/barcelona-colors-hotel-picture-72.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/3215/321529/321529825/barcelona-colors-hotel-picture-73.JPEG" alt="Colors Hotel Barcelona Spain" title="Colors Hotel Barcelona Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/3215/321529/321529829/barcelona-colors-hotel-picture-74.JPEG" alt="Colors Hotel Barcelona 2*, Spain" title="Colors Hotel Barcelona 2*, Spain" > </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/1920x1080w/806/80617/80617557/barcelona-colors-hotel-picture-75.JPEG" alt="Colors Hotel Barcelona" title="Colors Hotel Barcelona" > </div> </div> <div class="page__modal-nav"> <div class="page__modal-nav-slider j-slider-nav"> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579157/barcelona-colors-hotel-picture-1.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/15903/1590334/1590334518/barcelona-colors-hotel-picture-2.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/15903/1590334/1590334529/barcelona-colors-hotel-picture-3.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/15903/1590334/1590334541/barcelona-colors-hotel-picture-4.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/15960/1596011/1596011192/barcelona-colors-hotel-picture-5.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579249/barcelona-colors-hotel-picture-6.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/15960/1596011/1596011167/barcelona-colors-hotel-picture-7.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/15960/1596011/1596011184/barcelona-colors-hotel-picture-8.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/15903/1590334/1590334531/barcelona-colors-hotel-picture-9.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878902/barcelona-colors-hotel-picture-10.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998879/998879061/barcelona-colors-hotel-picture-11.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9991/999155/999155547/barcelona-colors-hotel-picture-12.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9965/996547/996547510/barcelona-colors-hotel-picture-13.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9965/996547/996547540/barcelona-colors-hotel-picture-14.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9965/996548/996548341/barcelona-colors-hotel-picture-15.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9964/996409/996409714/barcelona-colors-hotel-picture-16.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2392/239207/239207153/barcelona-colors-hotel-picture-17.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2392/239207/239207169/barcelona-colors-hotel-picture-18.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579085/barcelona-colors-hotel-picture-19.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579129/barcelona-colors-hotel-picture-20.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579177/barcelona-colors-hotel-picture-21.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2392/239207/239207181/barcelona-colors-hotel-picture-22.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579045/barcelona-colors-hotel-picture-23.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579369/barcelona-colors-hotel-picture-24.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579225/barcelona-colors-hotel-picture-25.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579357/barcelona-colors-hotel-picture-26.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2392/239207/239207161/barcelona-colors-hotel-picture-27.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/1751/175148/175148031/barcelona-colors-hotel-picture-28.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9965/996547/996547072/barcelona-colors-hotel-picture-29.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2392/239207/239207149/barcelona-colors-hotel-picture-30.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579345/barcelona-colors-hotel-picture-31.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878443/barcelona-colors-hotel-picture-32.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878635/barcelona-colors-hotel-picture-33.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878665/barcelona-colors-hotel-picture-34.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878917/barcelona-colors-hotel-picture-35.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9964/996409/996409339/barcelona-colors-hotel-picture-36.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878878/barcelona-colors-hotel-picture-37.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878356/barcelona-colors-hotel-picture-38.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579197/barcelona-colors-hotel-picture-39.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/9988/998878/998878689/barcelona-colors-hotel-picture-40.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/10091/1009175/1009175809/barcelona-colors-hotel-picture-41.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579269/barcelona-colors-hotel-picture-42.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/1187/118754/118754230/barcelona-colors-hotel-picture-43.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/5444/544411/544411788/barcelona-colors-hotel-picture-44.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/5444/544411/544411986/barcelona-colors-hotel-picture-45.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/14315/1431555/1431555493/barcelona-colors-hotel-picture-46.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/5444/544411/544411857/barcelona-colors-hotel-picture-47.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/1187/118754/118754218/barcelona-colors-hotel-picture-48.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/4297/429753/429753888/barcelona-colors-hotel-picture-49.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/10943/1094343/1094343828/barcelona-colors-hotel-picture-50.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579301/barcelona-colors-hotel-picture-51.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579065/barcelona-colors-hotel-picture-52.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/10858/1085870/1085870761/barcelona-colors-hotel-picture-53.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/2395/239579/239579057/barcelona-colors-hotel-picture-54.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/8428/842842/842842841/barcelona-colors-hotel-picture-55.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/8428/842842/842842883/barcelona-colors-hotel-picture-56.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/8428/842842/842842919/barcelona-colors-hotel-picture-57.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/6170/617040/617040095/barcelona-colors-hotel-picture-58.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/3626/362691/362691706/barcelona-colors-hotel-picture-59.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/6170/617040/617040155/barcelona-colors-hotel-picture-60.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/6170/617040/617040325/barcelona-colors-hotel-picture-61.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/6170/617040/617040205/barcelona-colors-hotel-picture-62.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/6170/617040/617040275/barcelona-colors-hotel-picture-63.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/4499/449937/449937534/barcelona-colors-hotel-picture-64.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/4800/480058/480058899/barcelona-colors-hotel-picture-65.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/4800/480058/480058881/barcelona-colors-hotel-picture-66.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/4800/480058/480058920/barcelona-colors-hotel-picture-67.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/4629/462985/462985476/barcelona-colors-hotel-picture-68.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/3626/362691/362691694/barcelona-colors-hotel-picture-69.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/3626/362691/362691685/barcelona-colors-hotel-picture-70.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/3626/362691/362691712/barcelona-colors-hotel-picture-71.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/3215/321529/321529833/barcelona-colors-hotel-picture-72.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/3215/321529/321529825/barcelona-colors-hotel-picture-73.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/3215/321529/321529829/barcelona-colors-hotel-picture-74.JPEG" alt=""> </div> <div class="page__modal-item j-modal-item"> <img class="page__modal-img" loading="lazy" src="/data/Pictures/150x150w/806/80617/80617557/barcelona-colors-hotel-picture-75.JPEG" alt=""> </div> </div> </div> </div> <div class="page__modal-count j-gallery-count"></div> </div> <div class="mo-exit-popup js-exit-popup"> <div class="mo-exit-popup__content js-exit-popup-content"> <div class="mo-exit-popup__description"> <h3 class="mo-exit-popup__title">Travelling to Catalonia?</h3> <p class="mo-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="mo-exit-popup__text">Great locations and deals for every budget.</p> <div class="mo-exit-popup__btns"> <button class="mo-exit-popup__btn mo-exit-popup__btn--accent js-exit-popup-accept-btn" type="button"> View deals </button> <button class="mo-exit-popup__btn mo-exit-popup__btn--empty js-exit-popup-close-btn" type="button"> No, thanks </button> </div> <div class="mo-exit-popup__toggle"> <div class="mo-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#checked"> </use> </svg> </div> <p class="mo-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> </div> <img class="mo-exit-popup__img" src="/new/designs/80/hotel/img/exit-popup.svg" alt="main-img"> <div class="mo-exit-popup__close js-exit-popup-close-btn"> <svg class="mo-exit-popup__close-icon svg-icon svg-icon-popup-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#exit-popup-close"> </use> </svg> <p class="mo-exit-popup__close-text">Close, I need more options</p> </div> </div> </div> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>We use cookies to ensure that we give you the best experience on our website. If you continue to use this site, we will assume that you are happy with it.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NO</div> </div> </div> </div> </div> <script type="text/javascript">window.travel = window.travel || {}; travel.options = { siteDomain: 'catalonia-hotels.com', page:'main', typeObject:'hotel', currencyId:'1', languageId:'1', language:'en', currentDay:'23', currentMonth:'03', currentYear:'2025', logId:'4026473240', track: 'Uf1JKhGfqgyYwNKp', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.catalonia-hotels.com', siteId:'126989', tob: false , nid:'55', guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, hotelName: 'Colors', siteNetworkId:'55', hotelDestinationId:'45', objectId:'89007', hotelExtId:'371930', hotelTheme:'8001', hotelDestinationName:"Barcelona", hotelCountry:"Spain", hotelStars:'2', hotelIsApartment:'0', hotelTypeId:'12', popprice:'1', endpointHotelAttractions: {"data":{"2922856":{"id":"2922856","distance":"5.5 km","minutes":"67-min walk from property"},"380017":{"id":"380017","distance":"610 m","minutes":"8-min walk from property"},"684553":{"id":"684553","distance":"3.9 km","minutes":"48-min walk from property"},"182824":{"id":"182824","distance":"1 km","minutes":"13-min walk from property"},"2737265":{"id":"2737265","distance":"6.6 km","minutes":"80-min walk from property"},"18050":{"id":"18050","distance":"1.9 km","minutes":"24-min walk from property"},"2697430":{"id":"2697430","distance":"1.4 km","minutes":"17-min walk from property"},"10828":{"id":"10828","distance":"3 km","minutes":"37-min walk from property"}},"ids":["2922856","380017","684553","182824","2737265","18050","2697430","10828"]}, endpointHotelRestaurants: {"data":{"1995072":{"id":"1995072","distance":"260 m","minutes":"4-min walk from property"},"1709333":{"id":"1709333","distance":"830 m","minutes":"10-min walk from property"},"1445337":{"id":"1445337","distance":"830 m","minutes":"10-min walk from property"},"548865":{"id":"548865","distance":"950 m","minutes":"12-min walk from property"},"1572989":{"id":"1572989","distance":"900 m","minutes":"11-min walk from property"},"1654197":{"id":"1654197","distance":"1.3 km","minutes":"16-min walk from property"}},"ids":["1995072","1709333","1445337","548865","1572989","1654197"]}, attractionInfoInDescription: {"landmarks":[{"id":"334460","name":"Av de l'Estatut de Catalunya - Campoamor"},{"id":"734917","name":"Tibidabo Amusement Park"},{"id":"2070281","name":"Can Cortada"},{"id":"3559526","name":"Gaudi House Museum"},{"id":"175044","name":"Valldaura"},{"id":"2070123","name":"Nimfa Egeria"},{"id":"747865","name":"CosmoCaixa Barcelona Museum"},{"id":"1654197","name":"Restaurant Ginesta"},{"id":"684553","name":"the monumental church \"Basilica of the Sagrada Familia\""}]}, clickTrip:{ currentType:"tab", hotelDestinationDomainName:"catalonia-hotels.com", hotelBookingDestinationType: "city", hotelBookingCityId:"-372490", hotelBookingTypeId:234, hotelBookingId:93936, subAccount:"clicktrip-bn-n55-230325-colors-i89007-s126989-wUf1JKhGfqgyYwNKp-cu_tab-d8001-dc3" }, mapParameters:{ mapProvider:'2', mapKey:'' ,hotelLatitude:'41.43513' ,hotelLongitude:'2.15358' }, availableParams:{ use:'0', dataFrom:'2025-03-24', dataTo:'2025-03-25', 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:'c85cz3cr7bvd' , stopSpamValue:'401d9e9174f14722f77c4bd7a1dd68b5' };</script> <script> travel.options.validPricesInCalendar = !!'1' </script> <script src="/new/designs/80/build/hotel-vendors/script.58928e8418a04f51cd06be3eb3da3aa2.js"></script> <script src="/new/designs/80/build/hotel/script.58928e8418a04f51cd06be3eb3da3aa2.js"></script> </body> </html>