:root{--color-primary: #eb2f64;--color-primary-light: #ff3366;--color-primary-dark: #ba265d;---color-white: #fff;--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-light: 0 2rem 5rem rgba(0, 0, 0, 0.06);--shadow-dark: 0 2rem 8rem rgba(0, 0, 0, 0.3);--border-bottom: 1px solid var(--color-grey-light-2)}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}@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.9;background-image:linear-gradient(to right bottom, var(--color-primary-light), var(--color-primary-dark));background-size:cover;background-repeat:no-repeat;color:var(--color-grey-dark-2);min-height:100vh}.logo{height:4rem;margin:0 3rem}.search{flex:0 0 40%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 31.25em){.search{order:1;flex:0 0 100%;background-color:var(--color-grey-light-2)}}.search__input{font-family:inherit;font-size:inherit;color:inherit;background-color:var(--color-grey-light-2);border:none;border-radius:100rem;padding:0.7rem 2rem;width:90%;transition:all 0.2s;margin-right:-3.25rem}.search__input::-moz-placeholder{color:var(--color-grey-light-4)}.search__input:-ms-input-placeholder{color:var(--color-grey-light-4)}.search__input::placeholder{color:var(--color-grey-light-4)}.search__input:focus{outline:none;width:100%;background-color:var(--color-grey-light-3)}.search__input:focus+.search__button{background-color:var(--color-grey-light-3)}.search__button{border:none;background-color:var(--color-grey-light-2)}.search__button:focus{outline:none}.search__button-icon{height:2rem;width:2rem;fill:var(--color-grey-dark-3)}.user{display:flex;align-items:center;align-self:stretch}.user>*{padding:0 2rem;cursor:pointer;height:100%;display:flex;align-items:center;transition:all 0.2s}.user>*:hover{background-color:var(--color-grey-light-2)}.user__bookmarks-container{position:relative}.user__bookmarks-icon{height:3rem;width:3rem;fill:var(--color-grey-dark-2)}.user__bookmarks-amount{font-size:1rem;height:2rem;width:2rem;border-radius:50%;color:var(---color-white);background-color:var(--color-primary);position:absolute;top:1.5rem;right:1.2rem;display:flex;justify-content:center;align-items:center}.user__notifications-container{position:relative}.user__notifications-icon{height:3rem;width:3rem;fill:var(--color-grey-dark-2)}.user__notifications-amount{font-size:1rem;height:2rem;width:2rem;border-radius:50%;color:var(---color-white);background-color:var(--color-primary);position:absolute;top:1.5rem;right:1.2rem;display:flex;justify-content:center;align-items:center}.user__info-photo{height:4rem;border-radius:50%;margin-right:1rem}.sidebar__item{position:relative;list-style:none}.sidebar__item:not(:last-child){margin-bottom:0.5rem}.sidebar__item--active{background-color:var(--color-primary)}.sidebar__item::before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:var(--color-primary);z-index:1;transform:scaleY(0);transition:transform 0.2s,width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s,background-color 0.1s}.sidebar__item:hover::before{transform:scaleY(1);width:100%}.sidebar__item:active::before{background-color:var(--color-primary-light)}.sidebar__link:link,.sidebar__link:visited{font-size:1.4rem;text-transform:uppercase;letter-spacing:0.1rem;color:var(--color-grey-light-1);text-decoration:none;padding:1.5rem 3rem;position:relative;z-index:10;display:flex;align-items:center}@media only screen and (max-width: 56.25em){.sidebar__link:link,.sidebar__link:visited{justify-content:center;padding:2rem}}@media only screen and (max-width: 37.5em){.sidebar__link:link,.sidebar__link:visited{flex-direction:column;padding:1.5rem 0.5rem}}.sidebar__icon{height:1.75rem;width:1.75rem;margin-right:2rem;fill:currentColor}@media only screen and (max-width: 37.5em){.sidebar__icon{margin-right:0;margin-bottom:0.7rem;width:1.5rem;height:1.5rem}}.legal{font-size:1.2rem;color:var(--color-grey-dark-3);text-align:center}@media only screen and (max-width: 56.25em){.legal{display:none}}.gallery{display:flex}.gallery__image{width:100%;display:block}.overview{display:flex;justify-content:space-between;align-items:center;background-color:var(---color-white);border-bottom:var(--border-bottom)}.overview>*{display:flex;align-items:center;align-self:stretch}.overview__title{font-size:2.25rem;font-weight:300;text-transform:uppercase;letter-spacing:0.1rem;padding:1.5rem 3rem;color:var(--color-grey-dark-2)}@media only screen and (max-width: 37.5em){.overview__title{font-size:1.8rem;padding:1.25rem 2rem}}.overview__stars-container{display:flex}.overview__icon-star{height:1.75rem;width:1.75rem;fill:var(--color-primary)}.overview__location{display:flex;align-items:center;margin:0 3rem;transition:all 0.3s;font-size:1.25rem}.overview__location--icon{height:1.75rem;width:1.75rem;fill:var(--color-primary);margin-right:0.5rem}.overview__location *:hover{color:var(--color-primary)}.overview__rating{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 2.25rem;background-color:var(--color-primary);color:var(---color-white)}@media only screen and (max-width: 37.5em){.overview__rating{padding:0 1.5rem}}.overview__rating--average{font-size:2.25rem;font-weight:400;margin-bottom:-0.5rem}@media only screen and (max-width: 37.5em){.overview__rating--average{font-size:1.8rem}}.overview__rating--count{font-size:0.9rem;text-transform:uppercase}@media only screen and (max-width: 37.5em){.overview__rating--count{font-size:0.5rem}}.button-inline{display:inline-block;border:none;background:transparent;font-size:inherit;letter-spacing:0.1rem;cursor:pointer;color:var(--color-primary);border-bottom:1px solid currentColor;padding:2px 0;transition:all 0.2s}.button-inline:hover{color:var(--color-grey-dark-1)}.button-inline:focus{outline:none;-webkit-animation:pulseAnim 1s infinite;animation:pulseAnim 1s infinite}@-webkit-keyframes pulseAnim{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}}@keyframes pulseAnim{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}}.paragraph{border-bottom:var(--border-bottom)}.paragraph :last-child{padding:2rem 0 3rem 0}.list{padding:3rem 0;border-bottom:var(--border-bottom);display:flex;flex-wrap:wrap}.list__item{display:flex;align-items:center;flex:0 0 50%;list-style:none;padding-bottom:0.8rem}.list__item--icon{height:1.25rem;width:1.25rem;fill:var(--color-primary);margin-right:1rem}.recommend{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;color:var(--color-grey-dark-3);padding:2.5rem 0}.recommend__images{display:flex}.recommend__image{box-sizing:content-box;height:4.5rem;width:4.5rem;border-radius:50%;border:4px solid var(---color-white);margin-left:-1.5rem}.review{position:relative;padding:3rem;margin-bottom:3.5rem;box-shadow:var(--shadow-light);background-color:var(---color-white);overflow:hidden}.review__text{margin-bottom:2rem;position:relative;z-index:2}.review__user{display:flex;align-items:center}.review__user-image{height:4.5rem;width:4.5rem;border-radius:50%;margin-right:1.5rem;display:inline-block}.review__user-container>*{display:block}.review__user-name{font-size:1.1rem;font-weight:600;text-transform:uppercase}.review__user-date{font-size:1rem;color:var(--color-grey-dark-3)}.review__user-rating{margin-left:auto;font-size:2.2rem;color:var(--color-primary)}.review::before{content:"\201C";position:absolute;top:-2.5rem;left:-1rem;z-index:1;font-size:20rem;line-height:1;font-family:sans-serif;color:var(--color-grey-light-3)}.review__btn-container{display:flex;justify-content:center}.review__btn-container:hover .review__btn :last-child{padding-left:0.5rem;transition:all 0.3s}.cta{text-align:center;background-color:var(---color-white);border-top:var(--border-bottom);padding:3.5rem 0}@media only screen and (max-width: 56.25em){.cta{padding:2.5rem 0}}.cta__heading{font-size:2rem;text-transform:uppercase;padding-bottom:2.5rem;font-weight:300}.btn{display:inline-block;position:relative;font-size:1.5rem;font-family:inherit;letter-spacing:1px;background:transparent;text-transform:uppercase;border:none;border-radius:10rem;cursor:pointer;overflow:hidden;color:var(---color-white);background-image:linear-gradient(to right, var(--color-primary-dark), var(--color-primary-light))}.btn>*{transition:all 0.3s}.btn--visible{display:inline-block;padding:2rem 7.5rem}.btn--invisible{position:absolute;top:-50%;left:50%;transform:translate(-50%, -50%);width:100%}.btn:hover{background-image:linear-gradient(to left, var(--color-primary-dark), var(--color-primary-light))}.btn:hover .btn--visible{transform:translateY(100%)}.btn:hover .btn--invisible{top:50%}.btn:focus{outline:none;-webkit-animation:pulseAnim 0.5s infinite;animation:pulseAnim 0.5s infinite}.container{max-width:120rem;margin:8rem auto;background-color:var(--color-grey-light-1);box-shadow:var(--shadow-dark);min-height:50rem}.header{font-size:1.4rem;display:flex;justify-content:space-between;align-items:center;height:7rem;background-color:var(---color-white);border-bottom:var(--border-bottom)}.content{display:flex}.sidebar{flex:0 0 18%;padding:3rem 0;background-color:var(--color-grey-dark-1);display:flex;flex-direction:column;justify-content:space-between}.hotel-view{background-color:var(---color-white);flex:1}.detail{display:flex;font-size:1.4rem;padding:4.5rem;border-bottom:var(--border-bottom);background-color:var(--color-grey-light-1)}.description{flex:0 0 60%;margin-right:4.5rem;padding:3rem;box-shadow:var(--shadow-light);background-color:#fff}.user-reviews{flex:1}