:root{--color-primary: #eb2f64;--color-primary-light: #FF3366;--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-light-5: rgb(230, 230, 230);--color-grey-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--shadow-dark: 0 2rem 6rem rgba(black, .2);--shadow-light: 0 2rem 5rem rgba(black, .06);--line: 1px solid var(--color-grey-light-2)}*{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}@media screen and (max-width: 68.75em){html{font-size:56%}}body{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));font-family:"Open Sans", sans-serif;color:var(--color-grey-dark-2);line-height:1.6;background-repeat:no-repeat;background-size:cover;min-height:100vh}.logo{height:3.75rem;margin-left:2rem;cursor:pointer}.search{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 31.25em){.search{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}.search__input{font-family:inherit;color:inherit;font-size:inherit;padding:0.7rem 2rem;border-radius:100px;border:none;width:90%;background-color:var(--color-grey-light-2);margin-right:-3.25rem;-webkit-transition:all 0.3s;transition:all 0.3s}.search__input:focus{outline:none;width:100%;background-color:var(--color-grey-light-3)}.search__input::-webkit-input-placeholder{color:var(--color-grey-dark-3)}.search__input::-moz-placeholder{color:var(--color-grey-dark-3)}.search__input::-ms-input-placeholder{color:var(--color-grey-dark-3)}.search__input::placeholder{color:var(--color-grey-dark-3)}.search__btn{border:none;background-color:var(--color-grey-light-2);-webkit-transition:all 0.2s;transition:all 0.2s}.search__btn:focus{outline:none}.search__btn:active{-webkit-transform:translateY(2px);transform:translateY(2px);background-color:var(--color-grey-light-3)}.search__icon{height:2rem;width:2rem;fill:var(--color-grey-dark-3);cursor:pointer}.user-nav{-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-nav>*{padding:0 2rem;cursor:pointer;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-nav>*:hover{background-color:var(--color-grey-light-2)}.user-nav__icon-box{position:relative}.user-nav__icon{height:2.25rem;width:2.24rem;fill:var(--color-grey-dark-2)}.user-nav__notification{font-size:.8rem;color:var(--color-grey-light-1);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--color-primary);position:absolute;top:1.50rem;right:1.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-nav__user-photo{height:3.75rem;width:3.75rem;border-radius:50%;margin-right:1rem}.side-nav{font-size:1.4rem;list-style:none;margin-top:3rem}@media screen and (max-width: 56.25em){.side-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:0}}.side-nav__item{position:relative}@media screen and (max-width: 56.25em){.side-nav__item{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:0}}.side-nav__item::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:var(--color-primary);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:width 0.4s cubic-bezier(1, 0, 0, 1) 0.1s,-webkit-transform 0.2s;transition:width 0.4s cubic-bezier(1, 0, 0, 1) 0.1s,-webkit-transform 0.2s;transition:transform 0.2s,width 0.4s cubic-bezier(1, 0, 0, 1) 0.1s;transition:transform 0.2s,width 0.4s cubic-bezier(1, 0, 0, 1) 0.1s,-webkit-transform 0.2s}.side-nav__item:hover::before,.side-nav__item--active::before{-webkit-transform:scaleY(1);transform:scaleY(1);width:100%}.side-nav__item:active::before{background-color:var(--color-primary-light)}.side-nav__item:not(:last-child){margin-bottom:.5rem}@media screen and (max-width: 56.25em){.side-nav__item:not(:last-child){margin-bottom:0}}.side-nav__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10;padding:1.5rem 3rem}.side-nav__link:link,.side-nav__link:visited{text-decoration:none;color:var(--color-grey-light-1)}@media screen and (max-width: 56.25em){.side-nav__link:link,.side-nav__link:visited{padding:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 37.5em){.side-nav__link:link,.side-nav__link:visited{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem}}.side-nav__icon{width:1.75rem;height:1.75rem;margin-right:1rem;fill:currentColor}@media screen and (max-width: 37.5em){.side-nav__icon{width:1.4rem;height:1.4rem;margin-right:0;margin-bottom:.5rem}}.copy{font-size:1.4rem;padding:2.5rem;color:var(--color-grey-dark-4);text-align:center}@media screen and (max-width: 56.25em){.copy{display:none}}.gallery{display:-webkit-box;display:-ms-flexbox;display:flex}.gallery__img{display:block;width:100%}.overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--color-grey-light-2)}.overview__heading{font-size:2.5rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;padding:1.5rem 3rem}@media screen and (max-width: 37.5em){.overview__heading{font-size:1.8rem;padding:1.2rem 2rem}}.overview__star{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto}.overview__star-icon,.overview__location-icon{width:1.75rem;height:1.75rem;fill:var(--color-primary)}.overview__location{font-size:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex}.overview__location-icon{margin-right:.5rem}.overview__rating{background-color:var(--color-primary);margin-left:3rem;-ms-flex-item-align:stretch;align-self:stretch;padding:0 1.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}@media screen and (max-width: 37.5em){.overview__rating{padding:0 1.4rem}}.overview__rating-average{font-size:2.25rem;font-weight:300px}@media screen and (max-width: 37.5em){.overview__rating-average{font-size:1.8rem}}.overview__rating-vote{font-size:.9rem;text-transform:uppercase}.btn-inline{border:none;color:var(--color-primary);border-bottom:1px solid currentColor;font-size:inherit;padding-bottom:.5rem;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;display:inline-block}.btn-inline span{margin-left:3px;-webkit-transition:margin-left .2s;transition:margin-left .2s}.btn-inline:hover{color:var(--color-grey-dark-2)}.btn-inline:hover span{margin-left:7px}.btn-inline:focus{outline:none;font-size:inherit}.btn-inline:active{-webkit-animation:pulsate .8s infinite;animation:pulsate .8s infinite;color:currentColor;font-size:inherit}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 1rem 4rem rgba(0,0,0,0.25);box-shadow:0 1rem 4rem rgba(0,0,0,0.25)}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:none;box-shadow:none}}@keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 1rem 4rem rgba(0,0,0,0.25);box-shadow:0 1rem 4rem rgba(0,0,0,0.25)}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:none;box-shadow:none}}.paragraph:not(:last-child){margin-bottom:2rem}.list{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:3rem 0;border-top:var(--line);border-bottom:var(--line)}.list__item{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin-bottom:.7rem}@media screen and (max-width: 31.25em){.list__item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}.list__item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:.7rem;background:var(--color-primary);-webkit-mask-image:url(../img/chevron-thin-right.svg);mask-image:url(../img/chevron-thin-right.svg);-webkit-mask-size:cover;mask-size:cover}.recommend{font-size:1.4rem;color:var(--color-grey-dark-3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.recommend__count{margin-right:auto}.recommend__friend{display:-webkit-box;display:-ms-flexbox;display:flex}.recommend__photo{-webkit-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;width:4rem;height:4rem;border-radius:50%;display:inline-block}.recommend__photo:not(:last-child){margin-right:-1.5rem}.review{font-size:1.4rem;padding:3rem;background-color:#fff;position:relative}@media screen and (max-width: 56.25em){.review{padding:2rem}}.review:not(:last-child){margin-bottom:3rem}.review__text{font-size:1.4rem;margin-bottom:3rem;position:relative;z-index:10}.review__user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.review__photo{display:block;height:4.5rem;width:4.5rem;border-radius:50%;margin-right:2rem}.review__user-box{margin-right:auto}.review__user-name{font-weight:700;font-size:1.2rem;margin-bottom:.4rem}.review__user-date{font-size:1.1rem;color:var(--color-grey-dark-3)}.review__rating{font-size:1.8rem;color:var(--color-primary)}.review::before{content:"\201C";position:absolute;font-size:20rem;font-family:sans-serif;line-height:1;top:-2.75rem;left:-1rem;color:var(--color-grey-light-5);z-index:1}.btn{border:none;font-size:1.5rem;font-weight:300;border-radius:100px;color:var(--color-grey-light-2);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));position:relative;overflow:hidden;text-align:center}.btn>*{display:inline-block;text-transform:uppercase;-webkit-transition:all .2s;transition:all .2s}.btn__visible{padding:2rem 7.5rem}.btn__invisible{position:absolute;left:0;padding:2rem 0;width:100%;top:-100%;text-align:center}.btn:hover .btn__visible{-webkit-transform:translateY(100px);transform:translateY(100px)}.btn:hover .btn__invisible{top:0}.btn:focus,.btn:active{outline:none;-webkit-animation:pulsate 1s infinite;animation:pulsate 1s infinite}.container{max-width:120rem;background-color:var(--color-grey-light-1);margin:8rem auto;-webkit-box-shadow:var(--shadow-dark);box-shadow:var(--shadow-dark);min-height:50rem}@media screen and (max-width: 75em){.container{margin:0;max-width:100%;width:100%}}.header{font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:7rem;background-color:#fff;border-bottom:var(--line)}@media screen and (max-width: 31.25em){.header{-ms-flex-wrap:wrap;flex-wrap:wrap;height:11rem;-ms-flex-line-pack:distribute;align-content:space-around}}.content{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 56.25em){.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.sidebar{-webkit-box-flex:0;-ms-flex:0 0 18%;flex:0 0 18%;background-color:var(--color-grey-dark-1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hotel-view{-webkit-box-flex:1;-ms-flex:1;flex:1}.detail{background:var(--color-grey-light-1);padding:4.5rem;border-bottom:1px solid var(--color-grey-light-2);display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 68.75em){.detail{padding:4rem}}@media screen and (max-width: 56.25em){.detail{padding:3rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.description{background-color:#fff;font-size:1.4rem;margin-right:4.5rem;-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;-webkit-box-shadow:var(--shadow-light);box-shadow:var(--shadow-light);padding:3rem}@media screen and (max-width: 56.25em){.description{padding:2rem;margin-right:3rem}}@media screen and (max-width: 37.5em){.description{margin-right:0;margin-bottom:3rem}}.user-review{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cta{text-align:center;padding:3.5rem}@media screen and (max-width: 56.25em){.cta{padding:2rem}}.cta__text{font-size:2rem;font-weight:300;margin-bottom:2rem}