:root{--color-primary:#eb2f64;--color-primary-light:#f36;--color-primary-dark:#ba265d;--color-grey-light-1:#faf9f9;--color-grey-light-2:#f4f2f2;--color-grey-light-3:#f0eeee;--color-grey-light-4:#ccc;--color-grey-dark-1:#333;--color-grey-dark-2:#777;--color-grey-dark-3:#999;--color-white:#fff;--color-black:#000;--shadow-dark:0 2rem 6rem #0000004d;--shadow-light:0 2rem 5rem #0000000f;--line:1px solid var(--color-grey-light-2)}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}@media only screen and (width<=68.75em){html{font-size:50%}}body{box-sizing:border-box;background-image:linear-gradient(to right bottom,var(--color-primary-light),var(--color-primary-dark));min-height:100vh;color:var(--color-grey-dark-2);background-repeat:no-repeat;background-size:cover;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.6}.u-center-text{text-align:center!important}.u-margin-bottom-small{margin-bottom:1.5rem!important}.u-margin-bottom-medium{margin-bottom:4rem!important}@media only screen and (width<=56.25em){.u-margin-bottom-medium{margin-bottom:3rem!important}}.u-margin-bottom-big{margin-bottom:8rem!important}@media only screen and (width<=56.25em){.u-margin-bottom-big{margin-bottom:5rem!important}}.u-margin-top-medium{margin-top:4rem!important}.u-margin-top-big{margin-top:8rem!important}.u-margin-top-huge{margin-top:10rem!important}.container{background-color:var(--color-grey-light-1);max-width:120rem;box-shadow:var(--shadow-dark);min-height:50rem;margin:8rem auto}@media only screen and (width<=75em){.container{width:100%;max-width:100%;margin:0}}.header{border-bottom:var(--line);background-color:#fff;justify-content:space-between;align-items:center;height:7rem;font-size:1.4rem;display:flex}@media only screen and (width<=31.25em){.header{flex-wrap:wrap;align-content:space-around;height:11rem}}.logo{height:3.25rem;margin-left:2rem}.search{flex:0 0 40%;justify-content:center;align-items:center;display:flex}@media only screen and (width<=31.25em){.search{background-color:var(--color-grey-light-2);flex:0 0 100%;order:1}}.search__input{font-family:inherit;font-size:inherit;color:inherit;background-color:var(--color-grey-light-2);border:none;border-radius:100px;width:90%;margin-right:-3.5rem;padding:.7rem 2rem;transition:all .2s}.search__input:focus{background-color:var(--color-grey-light-3);outline:none;width:100%}.search__input::placeholder{color:var(--color-grey-light-4);font-weight:100}.search__input:focus+.search__button{background-color:var(--color-grey-light-3)}.search__button{background-color:var(--color-grey-light-2);border:none}.search__button:focus{outline:none}.search__button:active{transform:translateY(2px)}.search__icon{width:2rem;height:2rem;fill:var(--color-grey-dark-3)}.user-nav{align-self:stretch;align-items:center;display:flex}.user-nav>*{cursor:pointer;align-items:center;height:100%;padding:0 2rem;display:flex}.user-nav>:hover{background-color:var(--color-grey-light-2)}.user-nav__icon-box{position:relative}.user-nav__icon{width:2.25rem;height:2.25rem;fill:var(--color-grey-dark-2)}.user-nav__notification{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;display:flex;position:absolute;top:1.5rem;right:1.1rem}.user-nav__user-photo{border-radius:50%;height:3.75rem;margin-right:1rem}.sidebar{background-color:var(--color-grey-dark-1);flex-direction:column;flex:0 0 18%;justify-content:space-between;display:flex}.side-nav{margin-top:3.5rem;font-size:1.4rem;list-style:none}@media only screen and (width<=56.25em){.side-nav{margin:0;display:flex}}.side-nav__item{position:relative}.side-nav__item:not(:last-child){margin-bottom:.5rem}@media only screen and (width<=56.25em){.side-nav__item:not(:last-child){margin:0}.side-nav__item{flex:1}}.side-nav__item:before{content:"";background-color:var(--color-primary);width:3px;height:100%;transition:transform .2s,width .4s cubic-bezier(1,0,0,1) .2s,background-color .1s;position:absolute;top:0;left:0;transform:scaleY(0)}.side-nav__item:hover:before,.side-nav__item--active:before{width:100%;transform:scaleY(1)}.side-nav__item:active:before{background-color:var(--color-primary-light)}.side-nav__link:link,.side-nav__link:visited{color:var(--color-grey-light-1);text-transform:uppercase;z-index:10;align-items:center;padding:1.5rem 3rem;text-decoration:none;display:flex;position:relative}@media only screen and (width<=56.25em){.side-nav__link:link,.side-nav__link:visited{justify-content:center;padding:2rem}}@media only screen and (width<=37.5em){.side-nav__link:link,.side-nav__link:visited{flex-direction:column;padding:1.5rem .5rem}}.side-nav__icon{fill:currentColor;width:1.75rem;height:1.75rem;margin-right:2rem}@media only screen and (width<=37.5em){.side-nav__icon{width:1.5rem;height:1.5rem;margin-bottom:.7rem;margin-right:0}}.legal{color:var(--color-grey-light-4);text-align:center;padding:2.5rem;font-size:1.2rem}.legal a{color:var(--color-primary);text-decoration:none}.legal a:hover{text-decoration:underline}@media only screen and (width<=56.25em){.legal{display:none}}.content{display:flex}@media only screen and (width<=56.25em){.content{flex-direction:column}}.hotel-view{background-color:#fff;flex:1}.gallery{display:flex}.gallery__photo{width:100%;display:block}.overview{border-bottom:var(--line);align-items:center;display:flex}.overview__heading{text-transform:uppercase;letter-spacing:1px;padding:1.5rem 3rem;font-size:2.25rem;font-weight:300}@media only screen and (width<=37.5em){.overview__heading{padding:1.25rem 2rem;font-size:1.8rem}}.overview__stars{margin-right:auto;display:flex}.overview__icon-star,.overview__icon-location{width:1.75rem;height:1.75rem;fill:var(--color-primary)}.overview__location{vertical-align:center;font-size:1.2rem;display:flex}.overview__icon-location{margin-right:.5rem}.overview__rating{background-color:var(--color-primary);color:#fff;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;margin-left:3rem;padding:0 2.25rem;display:flex}@media only screen and (width<=37.5em){.overview__rating{padding:0 1.5rem}}.overview__rating-average{margin-bottom:-.3rem;font-size:2.25rem;font-weight:300}@media only screen and (width<=37.5em){.overview__rating-average{font-size:1.8rem}}.overview__rating-count{text-transform:uppercase;font-size:.8rem}@media only screen and (width<=37.5em){.overview__rating-count{font-size:.5rem}}.btn-inline{color:var(--color-primary);font-size:inherit;cursor:pointer;background-color:#0000;border:none;border-bottom:1px solid;padding-bottom:2px;transition:all .2s;display:inline-block}.btn-inline span{margin-left:3px;transition:margin-left .2s}.btn-inline:hover{color:var(--color-grey-dark-1)}.btn-inline:hover span{margin-left:8px}.btn-inline:focus{outline:none;animation:1s infinite pulsate}@keyframes pulsate{0%{box-shadow:none;transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 1rem 4rem #00000040}to{box-shadow:none;transform:scale(1)}}.detail{background-color:var(--color-grey-light-1);border-bottom:var(--line);padding:4.5rem;font-size:1.4rem;display:flex}@media only screen and (width<=56.25em){.detail{padding:3rem}}@media only screen and (width<=37.5em){.detail{flex-direction:column}}.description{box-shadow:var(--shadow-light);background-color:#fff;flex:0 0 60%;margin-right:4.5rem;padding:3rem}@media only screen and (width<=56.25em){.description{margin-right:3rem;padding:2rem}}@media only screen and (width<=37.5em){.description{margin-bottom:3rem;margin-right:0}}.user-reviews{flex-direction:column;flex:1;align-items:center;display:flex}.paragraph:not(:last-of-type){margin-bottom:2rem}.list{border-top:var(--line);border-bottom:var(--line);flex-wrap:wrap;margin:3rem 0;padding:3rem 0;list-style:none;display:flex}.list__item{flex:0 0 50%;margin-bottom:.7rem}.list__item:before{content:"";width:1rem;height:1rem;margin-right:.7rem;display:inline-block}@supports (mask-image:url()){.list__item:before{background-color:var(--color-primary);background-image:none;mask-image:url(chevron-thin-right.0f036719.svg);mask-size:cover}}.recommend{color:var(--color-grey-dark-3);align-items:center;font-size:1.3rem;display:flex}.recommend__count{margin-right:auto}.recommend__friends{display:flex}.recommend__photo{box-sizing:content-box;border:3px solid #fff;border-radius:50%;width:4rem;height:4rem}.recommend__photo:not(:last-child){margin-right:-1.5rem}@media only screen and (width<=75em){.recommend__photo:not(:last-child){margin-right:-2rem}}.review{box-shadow:var(--shadow-light);background-color:#fff;margin-bottom:3.5rem;padding:3rem;position:relative;overflow:hidden}@media only screen and (width<=56.25em){.review{margin-bottom:3rem;padding:2rem}}.review__text{z-index:10;margin-bottom:2rem;position:relative}.review__user{align-items:center;display:flex}.review__photo{border-radius:50%;width:4.5rem;height:4.5rem;margin-right:1.5rem}.review__user-box{margin-right:auto}.review__user-name{text-transform:uppercase;margin-bottom:.4rem;font-size:1.1rem;font-weight:600}.review__user-date{color:var(--color-grey-dark-3);font-size:1rem}.review__rating{color:var(--color-primary);font-size:2.2rem;font-weight:300}.review:before{content:"“";color:var(--color-grey-light-2);z-index:1;font-family:sans-serif;font-size:20rem;line-height:1;position:absolute;top:-2.5rem;left:-1rem}.cta{text-align:center;padding:3.5rem 0}@media only screen and (width<=56.25em){.cta{padding:2.5rem 0}}.cta__book-now{text-transform:uppercase;margin-bottom:2.5rem;font-size:2rem;font-weight:300}.btn{text-transform:uppercase;cursor:pointer;background-image:linear-gradient(to right,var(--color-primary-light),var(--color-primary-dark));color:#fff;border:none;border-radius:100px;font-size:1.5rem;font-weight:300;position:relative;overflow:hidden}.btn>*{width:100%;height:100%;transition:all .2s;display:inline-block}.btn__visible{padding:2rem 7.5rem}.btn__invisible{padding:2rem 0;position:absolute;top:-100%;left:0}.btn:hover{background-image:linear-gradient(to left,var(--color-primary-light),var(--color-primary-dark))}.btn:hover .btn__visible{transform:translateY(100%)}.btn:hover .btn__invisible{top:0}.btn:focus{outline:none;animation:1s infinite pulsate}
/*# sourceMappingURL=index.038544e0.css.map */