: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-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--shadow-dark: 0 2rem 6rem rgba(0, 0, 0, 0.3);--shadow-light: 0 2rem 5rem rgba(0, 0, 0, 0.06);--line: 1px solid var(--color-grey-light-2)}*{margin:0;margin:0}*,*::after,*::before{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;color:var(--color-grey-dark-2);background-image:linear-gradient(to right bottom, var(--color-primary-light), var(--color-primary-dark));background-size:cover;background-repeat:none;min-height:100vh}.container{margin:8rem auto;max-width:120rem;background-color:var(--color-grey-light-1);box-shadow:var(--shadow-dark);min-height:50rem}@media only screen and (max-width: 75em){.container{margin:0;max-width:100%;width:100%}}.header{font-size:1.4rem;height:7rem;background-color:#fff;border-bottom:var(--line);display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 31.25em){.header{flex-wrap:wrap;align-content:space-around;height:10rem}}.content{display:flex}@media only screen and (max-width: 56.25em){.content{flex-direction:column}}.sidebar{background-color:var(--color-grey-dark-1);display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width: 56.25em){.sidebar{flex-direction:row}}.hotel-view{background-color:#fff;flex:1}.detail{font-size:1.4rem;display:flex;padding:4.5rem;background-color:var(--color-grey-light-1);border-bottom:var(--line)}@media only screen and (max-width: 56.25em){.detail{padding:3rem}}@media only screen and (max-width: 37.5em){.detail{flex-direction:column}}.description{background-color:#fff;box-shadow:var(--shadow-light);padding:3rem;flex:0 0 60%;margin-right:4.5rem;font-size:1.4rem}@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;justify-content:center}.logo{height:3.25rem;margin-left:2rem}.search{flex:0 0 40%;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 31.25em){.search{order:1;background-color:var(--color-grey-light-2);flex:0 0 100%}}.search__input{font-family:inherit;font-size:inherit;background-color:var(--color-grey-light-2);border:none;color:inherit;padding:.7rem 2rem;border-radius:100px;width:90%;transition:all .3s;margin-right:-3.25rem}.search__input:focus{outline:none;width:100%;background-color:var(--color-grey-light-3)}.search__input::-webkit-input-placeholder{font-weight:100;color:var(--color-grey-dark-3s)}.search__input:focus+.search__button{background-color:var(--color-grey-light-3)}.search__button{border:none;background-color:var(--color-grey-light-2);border-radius:100px}.search__button:focus{outline:none}.search__button:active{transform:translateY(2px)}.search__icon{height:2rem;width:2rem;fill:var(--color-grey-dark-3)}.user-nav{display:flex;align-items:center;align-self:stretch}.user-nav>*{padding:0 2rem;cursor:pointer;height:100%;display:flex;align-items:center}.user-nav>*:hover{background-color:var(--color-grey-light-3)}.user-nav__icon-box{position:relative}.user-nav__icon{width:2.25rem;height:2.25rem;fill:var(--color-grey-dark-2)}.user-nav__notification{position:absolute;font-size:.8rem;height:1.75rem;width:1.75rem;border-radius:100px;background-color:var(--color-primary);color:#fff;top:1.5rem;right:1.2rem;display:flex;justify-content:center;align-items:center}.user-nav__user-photo{height:3.75rem;border-radius:50%;margin-right:1rem}.side-nav{font-size:1.4rem;list-style:none;margin-top:3.5rem;display:flex;flex-direction:column;align-items:stretch;padding:0;width:100%}@media only screen and (max-width: 56.25em){.side-nav{flex-direction:row;align-items:center;margin:0}}.side-nav__item{position:relative}@media only screen and (max-width: 56.25em){.side-nav__item{display:flex;flex:1}}@media only screen and (max-width: 31.25em){.side-nav__item{font-size:1rem}}@media only screen and (max-width: 26.25em){.side-nav__item{font-size:.7rem}}.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;width:3px;height:100%;top:0;left:0;background-color:var(--color-primary);transform:scaleY(0);transition:transform .4s,width .15s .35s,background-color .1s}.side-nav__item:hover::before,.side-nav__item--active::before{transform:scaleY(1);width:100%}.side-nav__item:active::before{background-color:var(--color-primary-light)}.side-nav__item.side-nav__item--active .side-nav__link{color:var(--color-grey-dark-1)}.side-nav__link:link,.side-nav__link:visited{position:relative;text-decoration:none;color:var(--color-grey-light-1);text-transform:uppercase;padding:1.5rem 3rem;display:flex;align-items:center;z-index:2;width:100%}@media only screen and (max-width: 56.25em){.side-nav__link:link,.side-nav__link:visited{padding:2rem;justify-content:center}}@media only screen and (max-width: 37.5em){.side-nav__link:link,.side-nav__link:visited{flex-direction:column;padding:1rem 3rem}}.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;margin-bottom:.5rem;width:1.5rem;height:1.5rem}}.legal{font-size:1.2rem;color:var(--color-grey-light-4);text-align:center;padding:2.5rem}@media only screen and (max-width: 56.25em){.legal{display:none}}.gallery{display:flex}.gallery--img{width:100%;display:block;transition:all .2s}.gallery--img:hover{transform:scale(1.05);box-shadow:var(--shadow-dark);border-radius:3px;z-index:2}.gallery:hover .gallery--img:not(:hover){z-index:-2}.overview{display:flex;align-items:center;border-bottom:var(--line);height:6.75rem}.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.5rem 1rem}}.overview__star{margin-right:auto;display:flex}.overview__icon-star:hover{fill:var(--color-primary-light);transform:scale(1.2)}.overview__icon-star,.overview__icon-location{width:1.75rem;height:1.75rem;fill:var(--color-primary)}@media only screen and (max-width: 37.5em){.overview__icon-star,.overview__icon-location{width:1.5rem;height:1.5rem}}.overview__location{display:flex;align-items:center;font-size:1.2rem}@media only screen and (max-width: 37.5em){.overview__location{font-size:1rem}}.overview__icon-location{margin-right:.5rem;transition:all .2s}.overview__icon-location:hover{margin-top:.5rem}.overview__rating{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;padding:0 2.25rem;background-color:var(--color-primary);margin-left:3rem;transition:all .5s}.overview__rating:hover .overview__rating-average{color:var(--color-grey-dark-1)}.overview__rating:hover .overview__rating-count{color:var(--color-grey-dark-1)}@media only screen and (max-width: 37.5em){.overview__rating{padding:0 1.5rem;margin-left:1rem}}.overview__rating-average{font-size:2.25rem;font-weight:300;margin-bottom:-3px;transition:all .5s}@media only screen and (max-width: 37.5em){.overview__rating-average{font-size:1.8rem}}.overview__rating-count{font-size:.8rem;text-transform:uppercase;display:flex;transition:all .5s;transition-delay:.1s}.btn-inline{border:none;font-size:inherit;border-bottom:1px solid var(--color-primary);background-color:transparent;color:var(--color-primary);padding:2px;display:inline-block;cursor:pointer}.btn-inline span{margin-left:3px;transition:margin-left .2s}.btn-inline:hover{color:var(--color-grey-dark-1);border-bottom:1px solid var(--color-grey-dark-1)}.btn-inline:hover span{margin-left:8px}.btn-inline:focus{outline:none;animation:pulsate 1.3s infinite}@keyframes pulsate{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.1);box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.0784313725)}100%{transform:scale(1);box-shadow:none}}.paragraphe:not(:last-of-type){margin-bottom:2rem}.list{margin:3rem 0;list-style:none;padding:3rem 0;border-top:var(--line);border-bottom:var(--line);display:flex;flex-wrap:wrap}.list:hover .list__item::before{transform:rotate(360deg)}.list__item{flex:0 0 50%;line-height:3rem}.list__item::before{content:"";display:inline-block;height:1rem;width:1rem;margin-right:7px;background-color:var(--color-primary);-webkit-mask-image:url("../img/chevron-thin-right.svg");-webkit-mask-size:cover;mask-image:url("../img/chevron-thin-right.svg");mask-size:cover;transition:all .2s}@media only screen and (max-width: 26.25em){.list__item{font-size:.9rem}}.recommend{font-size:1.3rem;color:var(--color-grey-dark-3);display:flex;align-items:center}.recommend__count{margin-right:auto}.recommend__friends{display:flex}.recommend__photo{height:4rem;width:4rem;border-radius:50%;outline:3px solid #fff;transition:all .2s}.recommend__photo:hover{outline:3px solid var(--color-primary);transform:scale(1.05)}.recommend__photo:not(:last-child){margin-right:-1.5rem}.review{background-color:#fff;box-shadow:var(--shadow-light);padding:3rem;margin-bottom:3.5rem;position:relative;overflow:hidden}.review:hover .review__photo{transform:scale(1.1);outline:3px solid var(--color-primary)}@media only screen and (max-width: 56.25em){.review{padding:2rem;margin-bottom:3rem}}.review__text{z-index:20;position:relative}.review__photo{border-radius:50%;height:4.5rem;width:4.5rem;transition:all .2s}.review__user{margin-top:2rem;display:flex;justify-content:space-between;align-items:center}.review__user-box{flex:1;margin-left:1.2rem}.review__user-name{font-size:1.4rem;font-weight:900;color:var(--color-grey-dark-2);text-transform:uppercase}.review__rating{font-size:2.25rem;color:var(--color-primary)}.review::before{content:"“";font-size:20rem;position:absolute;top:-2.75rem;left:-1rem;line-height:1;color:var(--color-grey-light-2);font-family:sans-serif;z-index:1}.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:1.5rem;font-weight:300;margin-bottom:2.5rem}.btn{font-size:1.5rem;font-weight:300;text-transform:uppercase;border-radius:100px;border:none;background-image:linear-gradient(to right, var(--color-primary-light), var(--color-primary-dark));color:#fff;position:relative;overflow:hidden;transition:all .2s;cursor:pointer}.btn__visible{display:inline-block;padding:2rem 7.5rem;transition:all .2s}.btn__unvisible{display:inline-block;position:absolute;padding:2rem 0rem;height:100%;width:100%;left:0;top:-100%;transition:all .2s}.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__unvisible{top:0}.btn:focus{outline:none;animation:pulsate 1s infinite}/*# sourceMappingURL=style.css.map */