*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 68.75em){html{font-size:50%}}body{font-family:'Open Sans', sans-serif;font-weight:400;line-height:1.6;background-image:linear-gradient(to bottom right, #f36, #BA265D);background-size:cover;background-repeat:no-repeat;color:#777777;min-height:100vh}.paragraph:not(:last-of-type){margin-bottom:2rem}.btn-inline{border:none;color:#eb2f64;font-size:inherit;border-bottom:1px solid currentColor;padding-bottom:2px;display:inline-block;background-color:transparent;cursor:pointer;transition:all .2s}.btn-inline span{margin-left:3px;transition:margin-left .2s}.btn-inline:hover{color:#333333}.btn-inline:hover span{margin-left:8px}.btn-inline:focus{outline:none;animation:pulsate 1s infinite}@keyframes pulsate{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.05);box-shadow:0 1rem 4rem rgba(0,0,0,0.25)}100%{transform:scale(1);box-shadow:none}}.btn{font-size:1.5rem;font-weight:300;text-transform:uppercase;border:none;border-radius:100px;background-image:linear-gradient(to right, #f36, #BA265D);color:white;position:relative;overflow:hidden;cursor:pointer}.btn>*{display:inline-block;height:100%;width:100%;transition:all .2s}.btn__visible{padding:2rem 7.5rem}.btn__invisible{position:absolute;padding:2rem 0;left:0;top:-100%}.btn:hover{background-image:linear-gradient(to left, #f36, #BA265D)}.btn:hover .btn__visible{transform:translateY(100%)}.btn:hover .btn__invisible{top:0}.btn:focus{outline:none;animation:pulsate 1s infinite}.cta{padding:3.5rem 0;text-align:center}@media only screen and (max-width: 56.25em){.cta{padding:2.5rem 0}}.cta__book-now{text-transform:uppercase;font-size:2rem;font-weight:300;margin-bottom:2.5rem}.gallery{display:flex}.gallery__photo{width:100%;display:block}.list{list-style:none;margin:3rem 0;padding:3rem 0;border-top:1px solid #f4f2f2;border-bottom:1px solid #f4f2f2;display:flex;flex-wrap:wrap}.list__item{flex:0 0 50%;margin-bottom:.7rem}.list__item::before{content:"";display:inline-block;height:1rem;width:1rem;margin-right:.7rem;background-color:#eb2f64;-webkit-mask-image:url("../img/chevron-thin-right.svg");-webkit-mask-size:cover;mask-image:url("../img/chevron-thin-right.svg");mask-size:cover}.logo{height:3.25rem;margin-left:2rem}.overview{display:flex;align-items:center;border-bottom:1px solid #f4f2f2}.overview__heading{font-size:2.25rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;padding:1.5rem 3rem}@media only screen and (max-width: 37.5em){.overview__heading{font-size:1.8rem;padding:1.25rem 2rem}}.overview__stars{margin-right:auto;display:flex}.overview__icon-star,.overview__icon-location{width:1.75rem;height:1.75rem;fill:#eb2f64}.overview__location{font-size:1.2rem;display:flex;align-items:center}.overview__icon-location{margin-right:.5rem}.overview__rating{background-color:#eb2f64;margin-left:3rem;color:#FFFFFF;padding:0 2.25rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width: 37.5em){.overview__rating{padding:0 1.5rem}}.overview__rating-average{font-size:2.25rem;font-weight:300;margin-bottom:-3px}@media only screen and (max-width: 37.5em){.overview__rating-average{font-size:1.8rem}}.overview__rating-count{font-size:.8rem;text-transform:uppercase}@media only screen and (max-width: 37.5em){.overview__rating-count{font-size:.5rem}}.recommend{font-size:1.3rem;color:#999999;display:flex;align-items:center}.recommend__count{margin-right:auto}.recommend__friends{display:flex}.recommend__photo{box-sizing:content-box;height:4rem;width:4rem;border-radius:50%;border:3px solid #FFFFFF}.recommend__photo:not(:last-child){margin-right:-2rem}.review{background-color:#FFFFFF;box-shadow:0 2rem 5rem rgba(0,0,0,0.06);padding:3rem;margin-bottom:3.5rem;position:relative;overflow:hidden;width:100%}@media only screen and (max-width: 56.25em){.review{padding:2rem;margin-bottom:3rem}}.review__text{margin-bottom:2rem;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}.review__user-name{text-transform:uppercase;font-weight:800;margin-bottom:4px;font-size:1.1rem}.review__user-date{font-size:1rem;color:#999999}.review__rating{color:#eb2f64;font-size:2.2rem;font-weight:300}.review::before{content:"\201C";position:absolute;top:-3rem;left:-1rem;line-height:1;font-size:20rem;color:#f4f2f2;font-family:sans-serif;z-index:1}.search{flex:0 0 40%;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 31.25em){.search{order:1;flex:0 0 100%;background-color:#f4f2f2}}.search__input{font-family:inherit;font-size:inherit;color:inherit;background-color:#f4f2f2;border:none;margin-right:-3.25rem;padding:.7rem 2rem;border-radius:10rem;width:90%;transition:all .2s}.search__input:focus{outline:none;width:100%;background-color:#f0eeee}.search__input::-webkit-input-placeholder{font-weight:100;color:#cccccc}.search__input:focus+.search__button{background-color:#f0eeee}.search__button{border:none;background-color:#f4f2f2}.search__button:focus{outline:none;background-color:#f0eeee}.search__button:active{transform:translateY(2px)}.search__icon{height:2rem;width:2rem;fill:#999999}.side-nav{font-size:1.4rem;list-style:none;margin-top:3.5rem}@media only screen and (max-width: 56.25em){.side-nav{display:flex;margin:0}}.side-nav__item{position:relative}@media only screen and (max-width: 56.25em){.side-nav__item{flex:1}}.side-nav__item:not(:last-child){margin-bottom:.5rem}@media only screen and (max-width: 56.25em){.side-nav__item:not(:last-child){margin-bottom:0}}.side-nav__item::before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:#eb2f64;transform:scaleY(0);transition:transform 0.2s,width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s,background-color 0.1s}.side-nav__item:hover::before,.side-nav__item--active::before{transform:scaleY(1);width:100%}.side-nav__item:active::before{background-color:#FF3366}.side-nav__link:link,.side-nav__link:visited{color:#faf9f9;text-decoration:none;text-transform:uppercase;padding:1.5rem 3rem;display:flex;align-items:center;position:relative;z-index:10}@media only screen and (max-width: 56.25em){.side-nav__link:link,.side-nav__link:visited{justify-content:center;padding:2rem}}@media only screen and (max-width: 37.5em){.side-nav__link:link,.side-nav__link:visited{flex-direction:column;padding:1.5rem .5rem}}.side-nav__icon{width:1.75rem;height:1.75rem;margin-right:2rem;fill:currentColor}@media only screen and (max-width: 37.5em){.side-nav__icon{margin-right:0;width:1.5rem;height:1.5rem;margin-bottom:7px}}.legal{font-size:1.2rem;color:#cccccc;text-align:center;padding:2.5rem}@media only screen and (max-width: 56.25em){.legal{display:none}}.user-nav{align-self:stretch;display:flex;align-items:center}.user-nav>*{padding:0 2rem;cursor:pointer;height:100%;display:flex;align-items:center}.user-nav>*:hover{background-color:#f4f2f2}.user-nav__icon-box{position:relative}.user-nav__icon{height:2.25rem;width:2.25rem;fill:#777777}.user-nav__notification{font-size:.8rem;height:1.75rem;width:1.75rem;border-radius:50%;background-color:#eb2f64;color:#FFFFFF;position:absolute;top:1.5rem;right:1.1rem;display:flex;justify-content:center;align-items:center}.user-nav__user-photo{height:3.75rem;border-radius:50%;margin-right:1rem}.header{font-size:1.4rem;height:7rem;background-color:#FFFFFF;border-bottom:1px solid #f4f2f2;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 31.25em){.header{flex-wrap:wrap;height:11rem;align-content:space-evenly}}.hotel-view{flex:1}.detail{display:flex;padding:4.5rem;background-color:#f4f2f2;border-bottom:1px solid #f4f2f2;font-size:1.4rem}@media only screen and (max-width: 56.25em){.detail{padding:2rem}}@media only screen and (max-width: 37.5em){.detail{flex-direction:column}}.description{background-color:#FFFFFF;box-shadow:0 2rem 5rem rgba(0,0,0,0.06);padding:3rem;flex:0 0 60%;margin-right:4.5rem}@media only screen and (max-width: 56.25em){.description{padding:2rem;margin-right:3rem}}@media only screen and (max-width: 37.5em){.description{margin-right:0;margin-bottom:3rem}}.user-reviews{flex:1;display:flex;flex-direction:column;align-items:center}.sidebar{background-color:#333333;flex:0 0 18%;display:flex;flex-direction:column;justify-content:space-between}.container{background-color:#faf9f9;box-shadow:0 2rem 6rem rgba(0,0,0,0.3)}.content{display:flex}@media only screen and (max-width: 56.25em){.content{flex-direction:column}}