:root{--color-primary: #7DAEFB;--color-primary-light: #8DBFFC;--color-primary-dark: #7AA9F7;--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;--font-size: 62.5%;--shadow-dark: 0 2rem 6rem rgba(0,0,0,.3);--shadow-light: 0 2rem 5rem rgba(0,0,0, .6);--line: 1px solid var(--color-grey-light-2)}*{padding:0;margin:0;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{font-family:"Open Sans",sans-serif;font-weight:400;line-height:1.6;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}.container{max-width:90%;margin:8rem auto;background:var(--color-grey-light-1);box-shadow:var(--shadow-dark);min-height:50rem}@media only screen and (max-width: 1200px){.container{margin:0;width:100%;max-width:100%}}.header{font-size:1.4rem;height:6rem;background:#fff;border-bottom:var(--line);display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 500px){.header{flex-wrap:wrap;justify-content:space-around;height:8rem}}.content{display:flex}@media only screen and (max-width: 900px){.content{flex-direction:column}}.sidebar{background:var(--color-grey-dark-1);flex:0 0 16%;display:flex;flex-direction:column;justify-content:space-between}.hotel-view{flex:1}.details{display:flex;padding:2.5rem;background:var(--color-grey-light-1);border-bottom:var(--line);font-size:.9rem}@media only screen and (max-width: 900px){.details{padding:.5rem}}@media only screen and (max-width: 600px){.details{flex-direction:column}}.description{font-size:1rem;background:#fff;flex:0 0 60%;margin-right:3rem;padding:2rem;box-shadow:var(--shadow-light)}@media only screen and (max-width: 900px){.description{padding:1rem;margin-right:.8rem}}@media only screen and (max-width: 600px){.description{margin:0 0 1rem 0}}.user-reviews{flex:1;display:flex;flex-direction:column;align-items:center}.logo{height:2rem;margin-left:1rem;color:var(--color-primary-dark)}.search{flex:0 0 35%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 500px){.search{order:1;flex:0 0 100%;background:var(--color-grey-light-2)}}.search__input{font-family:inherit;font-size:inherit;background-color:var(--color-grey-light-2);color:inherit;border:0;padding:.5rem 2rem;border-radius:6rem;width:75%;transition:all .2s;margin-right:-2.1rem}.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-light-4)}.search__input:focus+.search__button{background-color:var(--color-grey-light-3)}.search__button{border:0;background-color:var(--color-grey-light-2)}.search__button:focus{outline:none}.search__button:active{transform:translateY(2px)}.search__icon{height:1.2rem;width:1.2rem;fill:var(--color-grey-dark-3)}.user-nav{align-self:stretch;display:flex;align-items:center}.user-nav>*{padding:0 1rem;cursor:pointer;height:100%;display:flex;align-items:center}.user-nav>*:hover{background-color:var(--color-grey-light-2)}.user-nav__icon-box{position:relative}.user-nav__icon{height:1.45rem;width:1.45rem;fill:var(--color-grey-dark-2)}.user-nav__notification{font-size:.8rem;height:1.6rem;width:1.6rem;border-radius:50%;background:var(--color-primary);color:#fff;position:absolute;top:1.1rem;left:1.6rem;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 398px){.user-nav__notification{font-size:.7rem;height:1.3rem;width:1.3rem;top:1rem;left:1.8rem}}.user-nav__user-photo{height:2.5rem;border-radius:50%;margin-right:.9rem}@media only screen and (max-width: 398px){.user-nav__user-photo{height:2rem}}.side-nav{font-size:1rem;list-style:none;margin-top:3rem}@media only screen and (max-width: 900px){.side-nav{display:flex;margin:0}}@media only screen and (max-width: 600px){.side-nav{font-size:.7rem}}@media only screen and (max-width: 398px){.side-nav{flex-direction:column}}.side-nav__item{position:relative}.side-nav__item:not(:last-child){margin-bottom:.5rem}@media only screen and (max-width: 900px){.side-nav__item:not(:last-child){margin:0}}@media only screen and (max-width: 900px){.side-nav__item{flex:1}}.side-nav__item::before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:var(--color-primary);transform:scaleY(0);transition:transform .2s,width .4s ease-in-out .2s,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__link:link,.side-nav__link:visited{color:var(--color-grey-light-1);text-decoration:none;text-transform:uppercase;padding:.5rem 1rem;position:relative;z-index:10;display:flex;align-items:center}@media only screen and (max-width: 900px){.side-nav__link:link,.side-nav__link:visited{justify-content:center;padding:.5rem 0}}@media only screen and (max-width: 600px){.side-nav__link:link,.side-nav__link:visited{flex-direction:column;padding:1rem .4rem}}@media only screen and (max-width: 398px){.side-nav__link:link,.side-nav__link:visited{flex-direction:row}}.side-nav__icon{height:1.75rem;width:1.75rem;margin-right:2rem;fill:currentColor}@media only screen and (max-width: 600px){.side-nav__icon{margin:0;height:1rem;width:1rem}}@media only screen and (max-width: 398px){.side-nav__icon{margin-right:1rem}}.copyright{font-size:.8rem;color:var(--color-grey-light-4);text-align:center;padding:1.2rem}@media only screen and (max-width: 900px){.copyright{display:none}}.gallery{display:flex}@media only screen and (max-width: 398px){.gallery{flex-direction:column}}.gallery__photo{display:block;width:100%}.overview{display:flex;align-items:center;border-bottom:var(--line)}@media only screen and (max-width: 398px){.overview{flex-direction:column}}.overview__heading{font-size:2rem;font-weight:300;padding:1rem 2.5rem;letter-spacing:1px;text-transform:uppercase}@media only screen and (max-width: 900px){.overview__heading{font-size:1.2rem;padding:.7rem 1.6rem}}@media only screen and (max-width: 600px){.overview__heading{font-size:.8rem;padding:.5rem 1.25rem}}.overview__stars{margin-right:auto;display:flex}@media only screen and (max-width: 398px){.overview__stars{margin:0}}.overview__icon-star,.overview__icon-location{width:1.2rem;height:1.2rem;fill:var(--color-primary)}.overview__location{display:flex;align-items:center;font-size:.8rem}@media only screen and (max-width: 398px){.overview__location{margin:.5rem 0}}.overview__icon-location{margin-right:.5rem}.overview__rating{background:var(--color-primary);color:#fff;margin-left:2rem;padding:0 2rem;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width: 900px){.overview__rating{padding:0 1.2rem}}@media only screen and (max-width: 600px){.overview__rating{padding:0 .8rem}}@media only screen and (max-width: 398px){.overview__rating{margin:0;padding:.4rem .8rem;align-self:center}}.overview__rating-average{font-size:2.5rem;font-weight:300;margin-bottom:-10px}@media only screen and (max-width: 600px){.overview__rating-average{font-size:1.25rem;margin:0}}.overview__rating-count{font-size:.8rem;text-transform:uppercase}@media only screen and (max-width: 600px){.overview__rating-count{font-size:.5rem}}.btn-inline{display:inline-block;background-color:rgba(0,0,0,0);border:0;color:var(--color-primary);font-size:inherit;border-bottom:1px solid currentColor;padding-bottom:2px;cursor:pointer;transition:all .2s}.btn-inline span{margin-left:3px;transition:margin-left .2s}.btn-inline:hover{color:var(--color-grey-dark-1)}.btn-inline:hover span{margin-left:.5rem}.btn-inline:focus{outline:none;-webkit-animation:pulsating 1s ease infinite;animation:pulsating 1s ease infinite}@-webkit-keyframes pulsating{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.07);box-shadow:0 1rem 4rem rgba(0,0,0,.25)}100%{transform:scale(1);box-shadow:none}}@keyframes pulsating{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.07);box-shadow:0 1rem 4rem rgba(0,0,0,.25)}100%{transform:scale(1);box-shadow:none}}.paragraph:not(:last-of-type){margin-bottom:2rem}.list{display:flex;flex-wrap:wrap;list-style:none;margin:2rem 0;padding:1.5rem 0;border-top:var(--line);border-bottom:var(--line)}@media only screen and (max-width: 398px){.list{flex-direction:column}}.list__item{flex:0 0 50%;margin-bottom:.2rem}.list__item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:.7rem;background-image:url(../img/chevron-thin-right.svg);background-size:cover}@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);-webkit-mask-size:cover;mask-image:url(../img/chevron-thin-right.svg);mask-size:cover;background-image:none}}.recommend{font-size:1.2rem;color:var(--color-grey-dark-3);display:flex;align-items:center}@media only screen and (max-width: 398px){.recommend{flex-direction:column}}.recommend__count{margin-right:auto}.recommend__friends{display:flex}.recommend__photo{box-sizing:content-box;width:3rem;height:3rem;border-radius:50%;border:3px solid #fff}.recommend__photo:not(:last-child){margin-right:-1rem}.review{background:#fff;box-shadow:var(--shadow-light);padding:3rem;margin-bottom:1.5rem;position:relative;overflow:hidden}@media only screen and (max-width: 900px){.review{padding:1rem;margin-bottom:.75rem}}.review__text{position:relative;z-index:10}.review__user{display:flex;align-items:center;margin-top:1rem}.review__photo{width:4rem;height:4rem;border-radius:50%;margin-right:.5rem}.review__user-box{margin-right:auto}.review__username{font-size:.9rem;font-weight:700;text-transform:uppercase}@media only screen and (max-width: 900px){.review__username{font-size:.7rem}}.review__user-date{font-size:.7rem;color:var(--color-grey-dark-3)}.review__rating{font-size:1.5rem;color:var(--color-primary-dark)}.review::before{content:"“";font-size:10rem;color:var(--color-grey-light-2);position:absolute;top:-1.7rem;left:-0.3rem;font-family:sans-serif;line-height:1;z-index:1}.cta{text-align:center;padding:3.5rem 0}@media only screen and (max-width: 900px){.cta{padding:2rem 0}}.cta__book-now{font-size:2rem;font-weight:300;text-transform:uppercase;margin-bottom:1.5rem}@media only screen and (max-width: 398px){.cta__book-now{font-size:1rem}}.btn{position:relative;font-size:1.5rem;font-weight:300;border:0;border-radius:100px;text-transform:uppercase;background-image:linear-gradient(to right, var(--color-primary-light), var(--color-primary-dark));color:#fff;overflow:hidden}@media only screen and (max-width: 398px){.btn{font-size:1.2rem}}.btn>*{display:inline-block;height:100%;transition:all .2s}.btn__visible{padding:2rem 7.5rem}@media only screen and (max-width: 398px){.btn__visible{padding:1.5rem 4.5rem}}.btn__invisible{padding:2rem 0;position:absolute;width:100%;top:-100%;left:0}@media only screen and (max-width: 398px){.btn__invisible{padding:1.5rem 0}}.btn:hover{background-image:linear-gradient(to left, var(--color-primary-light), var(--color-primary-dark));-webkit-animation:pulsating 1s infinite;animation:pulsating 1s infinite}.btn:hover .btn__visible{transform:translateY(100%)}.btn:hover .btn__invisible{top:0}.btn:focus{outline:none}/*# sourceMappingURL=style.css.map */