:root{--color-white:#fff;--color-primary:#eb2f64;--color-primary-light:#FF3366;--color-primary-dark:#BA265D;--color-light-gray-1:#faf9f9;--color-light-gray-2:#f4f2f2;--color-light-gray-3:#f0eeee;--color-light-gray-4:#ccc;--color-dark-gray-1:#333;--color-dark-gray-2:#777;--color-dark-gray-3:#999;--shadow-dark:0 2rem 6rem rgba(0,0,0,0.3);--shadow-light:0 2rem 5rem rgba(0,0,0,0.1);--border:1px solid var(--color-light-gray-2)}*{margin:0;padding:0}*,*:after,*:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 75em){html{font-size:50%}}body{font-family:"Open Sans", sans-serif;font-weight:400;line-height:1.6;color:var(--color-dark-gray-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-size:cover;background-repeat:no-repeat;min-height:100vh}.container{max-width:120rem;margin:8rem auto;background-color:var(--color-light-gray-1);-webkit-box-shadow:var(--shadow-dark);box-shadow:var(--shadow-dark)}@media only screen and (max-width: 75em){.container{margin:0 auto}}.header{height:7rem;background-color:var(--color-white);border-bottom:var(--border);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;font-size:1.4rem}@media only screen and (max-width: 31.25em){.header{-ms-flex-wrap:wrap;flex-wrap:wrap;height:11rem}}.content{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width: 60.94em){.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.sidebar{background-color:var(--color-dark-gray-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;-ms-flex-preferred-size:18%;flex-basis:18%}.hotel-view{background-color:var(--color-white);-ms-flex-preferred-size:82%;flex-basis:82%}.detail{font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4.5rem;background-color:var(--color-light-gray-1);border-bottom:1px solid var(--color-light-gray-2)}@media only screen and (max-width: 60.94em){.detail{padding:3rem}}@media only screen and (max-width: 46.25em){.detail{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.description{background-color:var(--color-white);-webkit-box-shadow:var(--shadow-light);box-shadow:var(--shadow-light);padding:3rem;-ms-flex-preferred-size:60%;flex-basis:60%;margin-right:4.5rem}@media only screen and (max-width: 60.94em){.description{padding:2rem;margin-right:3rem}}@media only screen and (max-width: 46.25em){.description{margin-right:0;margin-bottom:3rem}}.user-reviews{-webkit-box-flex:1;-ms-flex:1;flex: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-align:center;-ms-flex-align:center;align-items:center}.logo{height:3.25rem;margin-left:2rem}.search{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width: 31.25em){.search{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-ms-flex-preferred-size:100%;flex-basis:100%;background-color:var(--color-light-gray-2)}}.search__input{font-family:inherit;font-size:inherit;color:inherit;background-color:var(--color-light-gray-2);border:none;padding:.7rem 2rem;border-radius:100px;width:90%;-webkit-transition:all .2s;transition:all .2s;margin-right:-3.25rem}.search__input:focus{outline:none;border-radius:200px;width:100%;background-color:var(--color-light-gray-3)}.search__input::-webkit-input-placeholder{font-weight:100;color:var(--color-dark-gray-3)}.search__input:-ms-input-placeholder{font-weight:100;color:var(--color-dark-gray-3)}.search__input::-ms-input-placeholder{font-weight:100;color:var(--color-dark-gray-3)}.search__input::placeholder{font-weight:100;color:var(--color-dark-gray-3)}.search__input:focus+button{background-color:var(--color-light-gray-3)}.search__button{border:none;background-color:var(--color-light-gray-2)}.search__button:focus{outline:none}.search__button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.search__icon{height:2rem;width:2rem;fill:var(--color-dark-gray-3)}.user-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}.user-nav__user{position:relative}.user-nav__hover-menu--visible,.user-nav__hover-menu--hidden{background-color:var(--color-dark-gray-1);width:12rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:7rem;right:0;z-index:1000}.user-nav__hover-menu--visible ul,.user-nav__hover-menu--hidden ul{list-style:none;display:none}.user-nav__hover-menu--visible ul li,.user-nav__hover-menu--hidden ul li{margin-bottom:1rem}.user-nav__hover-menu--visible ul li a:link,.user-nav__hover-menu--visible ul li a:visited,.user-nav__hover-menu--hidden ul li a:link,.user-nav__hover-menu--hidden ul li a:visited{text-decoration:none;color:var(--color-light-gray-4);padding-bottom:.5rem;text-transform:uppercase;-webkit-transition:all .2s;transition:all .2s}.user-nav__hover-menu--visible ul li a:link:hover,.user-nav__hover-menu--visible ul li a:visited:hover,.user-nav__hover-menu--hidden ul li a:link:hover,.user-nav__hover-menu--hidden ul li a:visited:hover{color:var(--color-primary)}.user-nav__hover-menu--hidden{height:0;padding:0}.user-nav__hover-menu--visible{height:14rem;opacity:1;-webkit-transition:all .1s;transition:all .1s;padding:3rem 2.5rem}.user-nav__hover-menu--visible ul{display:block}.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-light-gray-2)}.user-nav__icon-box{position:relative}.user-nav__icon{height:2.25rem;width:2.25rem;fill:var(--color-dark-gray-2)}.user-nav__notification{font-size:.8rem;height:1.75rem;width:1.75rem;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);position:absolute;top:1.5rem;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;border-radius:50%;margin-right:1rem}.side-nav{font-size:1.4rem;list-style:none;margin-top:3.5rem}@media only screen and (max-width: 60.94em){.side-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}}.side-nav__item{position:relative}.side-nav__item:not(:last-child){margin-bottom:.5rem}@media only screen and (max-width: 60.94em){.side-nav__item:not(:last-child){margin:0}}@media only screen and (max-width: 60.94em){.side-nav__item{-webkit-box-flex:1;-ms-flex:1;flex:1}}.side-nav__item::before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:var(--color-primary);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s,background-color 0.1s,-webkit-transform 0.2s;transition:width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s,background-color 0.1s,-webkit-transform 0.2s;transition:transform 0.2s,width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s,background-color 0.1s;transition:transform 0.2s,width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s,background-color 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__link:link,.side-nav__link:visited{color:var(--color-light-gray-1);text-decoration:none;text-transform:uppercase;padding:1.5rem 3rem;position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 60.94em){.side-nav__link:link,.side-nav__link:visited{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem}}@media only screen and (max-width: 46.25em){.side-nav__link:link,.side-nav__link:visited{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.5rem .5rem}}.side-nav__icon{width:1.75rem;height:1.75rem;fill:currentColor;margin-right:2rem}@media only screen and (max-width: 46.25em){.side-nav__icon{margin-right:0;margin-bottom:.7rem;width:1.5rem;height:1.5rem}}.legal{font-size:1.2rem;color:var(--color-light-gray-4);text-align:center;padding:2.5rem}@media only screen and (max-width: 60.94em){.legal{display:none}}.gallery{display:-webkit-box;display:-ms-flexbox;display:flex}.gallery__photo{width:100%;display:block}.overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:var(--border)}.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: 46.25em){.overview__heading{font-size:1.8rem;padding:1.25rem 2rem}}.overview__stars{margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.overview__icon-stars,.overview__icon-location{width:1.75rem;height:1.75rem;fill:var(--color-primary)}.overview__icon-location{margin-right:.5rem}.overview__location{font-size:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex}.overview__rating{background-color:var(--color-primary);color:var(--color-white);margin-left:3rem;padding:0 2.25rem;-ms-flex-item-align:stretch;align-self:stretch;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 46.25em){.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: 46.25em){.overview__rating-average{font-size:1.8rem}}.overview__rating-count{font-size:.8rem;text-transform:uppercase}@media only screen and (max-width: 46.25em){.overview__rating-count{font-size:.5rem}}.btn--full{padding:1rem 2rem;background-color:var(--color-primary);color:white;border:none;outline:none;border-radius:200px;margin-top:1rem;cursor:pointer;-webkit-box-shadow:3px 3px 5px gray;box-shadow:3px 3px 5px gray}.btn--full:active{-webkit-transform:translate(2px, 2px);transform:translate(2px, 2px);-webkit-box-shadow:none;box-shadow:none}.btn-inline{border:none;color:var(--color-primary);font-size:inherit;border-bottom:1px solid currentColor;outline:none;padding-bottom:2px;display:inline-block;background-color:transparent;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.btn-inline span{margin-left:3px;-webkit-transition:margin-left .2s;transition:margin-left .2s}.btn-inline:hover{color:var(--color-dark-gray-1)}.btn-inline:hover span{margin-left:1rem}.btn-inline:active{-webkit-transform:translateY(0.1rem);transform:translateY(0.1rem)}.paragraph:not(:last-of-type){margin-bottom:2rem}.list{list-style:none;margin:3rem 0;padding:2rem;border-top:var(--border);border-bottom:var(--border);-webkit-column-count:2;column-count:2}@media only screen and (max-width: 31.25em){.list{font-size:.9rem}}.list__item{margin-bottom:.7rem}.list__item::before{content:"";display:inline-block;height:1.25rem;width:1.25rem;margin-right:.7rem;background-image:url("../img/chevron-thin-right.svg");background-size:cover;background-repeat:no-repeat}@supports (-webkit-mask-image: url()) or (mask-image: url()){.list__item::before{background-color: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;background-image:none}}.recommend{font-size:1.3rem;color:var(--color-dark-gray-3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 46.25em){.recommend{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.recommend__count{margin-right:auto}@media only screen and (max-width: 46.25em){.recommend__count{margin-right:0;margin-bottom:1rem}}.recommend__photo{-webkit-box-sizing:content-box;box-sizing:content-box;width:4rem;border-radius:50%;border:3px solid var(--color-white)}.recommend__photo:not(:last-child){margin-right:-1.5rem}.review{background-color:var(--color-white);-webkit-box-shadow:var(--shadow-light);box-shadow:var(--shadow-light);padding:3rem;margin-bottom:3.5rem;position:relative;overflow:hidden}@media only screen and (max-width: 60.94em){.review{padding:2rem;margin-bottom:3rem}}@media only screen and (max-width: 46.25em){.review{width:100%}}.review::before{content:"\201C";position:absolute;top:-2.75rem;left:-1rem;line-height:1;font-size:20rem;color:var(--color-light-gray-2);font-family:sans-serif;z-index:1}.review__text{position:relative;margin-bottom:2rem;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{width:4.5rem;border-radius:50%;margin-right:1.5rem}.review__user-box{margin-right:auto}.review__user-name{font-size:1.1rem;font-weight:600;text-transform:uppercase;margin-bottom:.4rem}.review__user-date{font-size:1rem;color:var(--color-dark-gray-3)}.review__rating{color:var(--color-primary);font-size:2.2rem;font-weight:300}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}::selection{background-color:var(--color-primary);color:var(--color-white)}.cta{text-align:center;padding:2rem 0}