: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;--shadow-dark:0 2rem 6rem #0000004d;--shadow-light:0 2rem 5rem #0000000f;--line:1px solid var(--color-grey-light-2)}*{margin:0;padding:0}*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (width<=68.75em){html{font-size:50%}}body{color:var(--color-grey-dark-2);background-image:-webkit-gradient(linear,left top,right bottom,from(var(--color-primary-light)),to(var(--color-primary-dark)));background-image:linear-gradient(to right bottom,var(--color-primary-light),var(--color-primary-dark));background-repeat:no-repeat;background-size:cover;min-height:100vh;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.6}.container{background-color:var(--color-grey-light-1);-webkit-box-shadow:var(--shadow-dark);box-shadow:var(--shadow-dark);max-width:120rem;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}}.content{display:flex}@media only screen and (width<=56.25em){.content{flex-direction:column}}.sidebar{background-color:var(--color-grey-dark-1);flex-direction:column;flex:0 0 18%;justify-content:space-between;display:flex}.hotel-view{background-color:#fff;flex: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{-webkit-box-shadow:var(--shadow-light);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}.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.25rem;padding:.7rem 2rem;transition:all .2s}.search__input:focus{background-color:var(--color-grey-light-3);outline:none;width:100%}.search__input::-webkit-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{fill:var(--color-grey-dark-3);width:2rem;height:2rem}.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{fill:var(--color-grey-dark-2);width:2.25rem;height:2.25rem}.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}.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,-webkit-transform .2s;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}@media only screen and (width<=56.25em){.legal{display:none}}.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{fill:var(--color-primary);width:1.75rem;height:1.75rem}.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:-3px;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%{-webkit-box-shadow:none;box-shadow:none;transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 1rem 4rem #00000040}to{-webkit-box-shadow:none;box-shadow:none;transform:scale(1)}}.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:"";background-image:url(chevron-thin-right.1223612e.svg);background-size:cover;width:1rem;height:1rem;margin-right:.7rem;display:inline-block}@supports ((-webkit-mask-image:url())) or ((-webkit-mask-image:url())) or ((-webkit-mask-image:url()) or (mask-image:url())){.list__item:before{background-color:var(--color-primary);background-image:none;-webkit-mask-image:url(chevron-thin-right.1223612e.svg);mask-image:url(chevron-thin-right.1223612e.svg);-webkit-mask-size:cover;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:-2rem}.review{-webkit-box-shadow:var(--shadow-light);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.75rem;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;background-image:-webkit-gradient(linear,left top,right top,from(var(--color-primary-light)),to(var(--color-primary-dark)));background-image:linear-gradient(to right,var(--color-primary-light),var(--color-primary-dark));color:#fff;cursor:pointer;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:-webkit-gradient(linear,right top,left top,from(var(--color-primary-light)),to(var(--color-primary-dark)));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}.legal .copyright{color:var(--color-grey-light-4);font-size:1.2rem}
/*# sourceMappingURL=index.54fa2f9d.css.map */