@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}*{margin:0;padding:0}*,::after,::before{box-sizing:border-box}html{box-sizing:border-box;font-size:62.5%}@media (max-width:81.25em){html{font-size:56.25%}}@media (max-width:56.25em){html{font-size:50%}}@media (min-width:112.5em){html{font-size:75%}}body{font-family:sans-serif;font-weight:400;line-height:1.6;color:#777}.content{display:flex}@media (max-width:56.25em){.content{flex-direction:column}}.header{background-color:#fff;border-bottom:#f4f2f2;display:flex;justify-content:space-between;align-items:center}@media (max-width:35.5em){.header{flex-wrap:wrap}}.header .logo{height:7rem}.header .search{display:flex;flex:0 0 40%;justify-content:center;align-items:center}@media (max-width:35.5em){.header .search{order:3;flex:0 0 100%}}.header .search__input{font-size:1.3rem;font-family:inherit;font-weight:400;color:inherit;border-radius:100px;border:none;padding:.7rem 2rem;background-color:#f4f2f2;width:90%;margin-right:-2.85rem;transition:all .2s}@media (max-width:35.5em){.header .search__input{padding:1rem 0;width:100%;border-radius:0;margin-right:0}}.header .search__input:focus{outline:0;width:100%;background-color:#f0eeee;color:#000}.header .search__input:focus~.header .search__button{background-color:#f0eeee}.header .search__button{border:none;cursor:pointer;background-color:#f4f2f2}.header .search__icon{height:2rem;width:2rem;fill:#999}.header .user-nav{align-self:stretch;display:flex;align-items:center}.header .user-nav>*{padding:0 2rem;cursor:pointer;height:100%;display:flex;align-items:center;transition:all .2s}.header .user-nav>:hover{background-color:#f0eeee;color:#000}.header .user-nav__icon-box{position:relative}.header .user-nav__icon{height:3rem;width:3rem}.header .user-nav__notification{background-color:red;height:1.5rem;width:1.5rem;border-radius:50%;color:#fff;text-align:center;position:absolute;top:1.5rem;right:1.7rem}.header .user-nav__user-img{height:4rem;width:4rem;border-radius:50%}.header .user-nav__user-name{font-size:1.5rem;padding-left:1rem;font-weight:400}.content{background-color:#333;flex:0 0 18%}.sidebar{display:flex;flex-direction:column;justify-content:space-between}.sidebar .side-nav{margin-top:3.5rem;font-size:1.5rem}@media (max-width:56.25em){.sidebar .side-nav{margin-top:0;display:flex}}.sidebar .side-nav__item{padding:1.5rem 2rem;cursor:pointer;position:relative;list-style-type:none}@media (max-width:56.25em){.sidebar .side-nav__item{flex:1}}.sidebar .side-nav__item:not(:last-child){margin-bottom:.5rem}@media (max-width:56.25em){.sidebar .side-nav__item:not(:last-child){margin-bottom:0}}.sidebar .side-nav__item::before{content:"";position:absolute;top:0;left:0;background-color:#eb2f64;height:100%;width:.3rem;transform:scaleY(0);transition:transform .2s,width .4s cubic-bezier(1,0,0,1) .2s}.sidebar .side-nav__item--active::before,.sidebar .side-nav__item:hover::before{transform:scaleY(1);width:100%}.sidebar .side-nav__item:active::before{background-color:#f36}.sidebar .side-nav__link:link,.sidebar .side-nav__link:visited{text-decoration:none;color:#faf9f9;display:block;position:relative;z-index:10;display:flex;align-items:center}@media (max-width:35.5em){.sidebar .side-nav__link:link,.sidebar .side-nav__link:visited{flex-direction:column}}.sidebar .side-nav__icon{height:2rem;width:2rem;margin:0 2rem}.sidebar .legal{font-size:1.5rem;padding:0 2.5rem;text-align:center;color:#faf9f9}@media (max-width:56.25em){.sidebar .legal{display:none}}.hotel-view{background-color:#fff;position:relative}.hotel-view .gallery{display:flex}.hotel-view .gallery__photo{width:100%;display:block}.hotel-view .overview{display:flex;align-items:center;border-bottom:1px solid #f4f2f2}.hotel-view .overview__heading{text-transform:uppercase;font-weight:400;margin:0 2rem}.hotel-view .overview__stars{margin-right:auto}.hotel-view .overview__icon-location,.hotel-view .overview__icon-star{height:1.75rem;width:1.75rem}.hotel-view .overview__location{display:flex;text-align:center}@media (max-width:56.25em){.hotel-view .overview__location{font-size:1.2rem}}.hotel-view .overview__link-location:link,.hotel-view .overview__link-location:visited{text-decoration:none;color:#eb2f64;border-bottom:1px solid currentColor;font-weight:600}.hotel-view .overview__link-location:hover{color:#777}.hotel-view .overview__rating{color:#fff;background-color:#eb2f64;display:flex;flex-direction:column;align-items:center;padding:.75rem 2rem;margin-left:2rem}.hotel-view .overview__rating-average{font-size:2rem}@media (max-width:56.25em){.hotel-view .overview__rating-average{font-size:2.5rem}}@media (max-width:56.25em){.hotel-view .overview__rating-count{font-size:1.2rem}}.hotel-view .detail{display:flex;padding:4.5rem;background-color:#faf9f9;border-bottom:1px solid #f4f2f2}@media (max-width:37.5em){.hotel-view .detail{flex-direction:column}}.hotel-view .detail .description{background-color:#fff;flex:0 0 60%;margin-right:4.5rem;padding:2.5rem;box-shadow:0 2rem 5rem rgba(0,0,0,.06)}@media (max-width:37.5em){.hotel-view .detail .description{margin-right:0;margin-bottom:3.5rem}}.hotel-view .detail .description .paragraph{font-size:1.4rem;font-weight:600}.hotel-view .detail .description .list{padding:2rem 0;margin:2.5rem 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;list-style-type:none;display:flex;flex-wrap:wrap}.hotel-view .detail .description .list__item{font-size:1.4rem;font-weight:600;display:flex;align-items:center;padding:.5rem;flex:0 0 50%}.hotel-view .detail .description .list__item:before{content:"";height:1rem;width:1rem;display:inline-block;margin-right:.7rem;background-color:#eb2f64;-webkit-mask-image:url(/assets/chevron-thin-right.627322a1.svg);-webkit-mask-size:cover;mask-image:url(/assets/chevron-thin-right.627322a1.svg);mask-size:cover}.hotel-view .detail .description .recommend{display:flex;align-items:center;justify-content:space-between}.hotel-view .detail .description .recommend__count{font-size:1.3rem}.hotel-view .detail .description .recommend__user-photo{height:4.5rem;width:4.5rem;border-radius:50%;border:3px solid #fff}.hotel-view .detail .description .recommend__user-photo:not(:last-of-type){margin-right:-1.3rem}.hotel-view .detail .user-review{display:flex;flex-direction:column;align-items:center;flex:1}.hotel-view .detail .user-review .btn-more{font-size:1.4rem;text-decoration:none;color:#eb2f64;border-bottom:1px solid currentColor;font-weight:600}.hotel-view .detail .user-review .btn-more span{margin-left:3px}.hotel-view .detail .user-review .btn-more:hover{color:#333}.hotel-view .detail .user-review .btn-more:hover span{margin-left:8px}.hotel-view .book{padding:5rem;text-align:center}.hotel-view .book__header{font-size:2rem;text-transform:uppercase}@media (max-width:37.5em){.hotel-view .book__header{font-size:1.5rem}}.hotel-view .book__button{font-size:1.5rem;text-transform:uppercase;border-radius:100px;background-image:linear-gradient(to right,#f36 50%,#ba265d);border:hidden;color:#fff;margin-top:3rem;cursor:pointer;position:relative;overflow:hidden}.hotel-view .book__button .visible{display:inline-block;height:100%;width:100%;padding:1.5rem 7.5rem;transition:all .2s}.hotel-view .book__button .invisible{display:inline-block;height:100%;width:100%;padding:1.5rem 0;position:absolute;left:0;top:-100%;transition:all .2s}.hotel-view .book__button:hover .visible{transform:translateY(100%)}.hotel-view .book__button:hover .invisible{top:0}.hotel-view .book__button:hover{background-image:linear-gradient(to left,#f36 50%,#ba265d)}.review{background-color:#fff;position:relative;padding:3rem;margin-bottom:4rem;box-shadow:0 2rem 5rem rgba(0,0,0,.06);overflow:hidden}.review__text{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;z-index:10;position:relative}.review__user{display:flex;align-items:center}.review__photo{height:4.5rem;width:4.5rem;border-radius:50%;margin-right:1.5rem}.review__user-box{margin-right:auto;font-weight:600}.review__user-name{font-size:1.1rem;text-transform:uppercase}.review__user-date{color:#999}.review__rating{font-size:2.5rem;color:#eb2f64}.review::before{content:"“";font-size:20rem;position:absolute;top:-8.5rem;left:-.75rem;color:#f0eeee;z-index:1}.back-button{position:absolute;top:20px;left:20px;z-index:100;display:flex;padding:3px 6px;border:1px solid #fff;opacity:.5;cursor:pointer;transition:opacity .2s}.back-button::before{content:"";background-color:#fff;-webkit-mask-image:url(/assets/arrow-left2.b97a4f87.svg);-webkit-mask-size:cover;mask-image:url(/assets/arrow-left2.b97a4f87.svg);mask-size:cover;height:2rem;width:2rem}.back-button:hover{opacity:1}