*{box-sizing:border-box;margin:0;padding:0}:root{--primaryColor:#af9a7d;--mainWhite:#fff;--offWhite:#f7f7f7;--mainBlack:#222;--mainGrey:#ececec;--darkGrey:#cfcfcf;--mainTransition:all .3s linear;--mainSpacing:3px;--lightShadow:2px 5px 3px 0px #00000080;--darkShadow:4px 10px 5px 0px #00000080}body{color:var(--mainBlack);background:var(--mainWhite);padding-top:66px;font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.4}h1{margin-bottom:.5em;font-size:3em;line-height:1}h2{margin-bottom:.75em;font-size:2em}h3{margin-bottom:1em;font-size:1.5em;line-height:1}h4{margin-bottom:1.25em;font-size:1.2em;line-height:1.25}h5,h6{margin-bottom:1.5em;font-size:1em;font-weight:700}.btn-primary{letter-spacing:var(--mainSpacing);color:var(--mainBlack);background:var(--primaryColor);border:3px solid var(--primaryColor);transition:var(--mainTransition);text-transform:uppercase;cursor:pointer;padding:.4rem .9rem;text-decoration:none;display:inline-block}.btn-primary:hover{color:var(--primaryColor);background:0 0}.loading{text-transform:capitalize;text-align:center;margin-top:3rem}.error{text-align:center;text-transform:uppercase;margin:2rem 0}.empty-search{text-align:center;text-transform:capitalize;letter-spacing:var(--mainSpacing);margin:2rem 0;padding:1rem}.navbar{background:var(--offWhite);z-index:1;width:100%;padding:.75rem 2rem;position:fixed;top:0;left:0}.nav-header{justify-content:space-between;display:flex}.nav-btn{cursor:pointer;background:0 0;border:none;outline:none}.nav-icon{color:var(--primaryColor);font-size:1.5rem}.nav-links{height:0;transition:var(--mainTransition);list-style-type:none;overflow:hidden}.nav-links a{color:var(--mainBlack);transition:var(--mainTransition);text-align:center;letter-spacing:var(--mainSpacing);padding:1rem 0;font-size:1rem;font-weight:600;text-decoration:none;display:block}.nav-links a:hover{color:var(--primaryColor)}.show-nav{height:100px}@media screen and (width>=768px){.nav-btn{display:none}.nav-center{max-width:1170px;margin:0 auto;display:flex}.nav-links{height:auto;margin-left:4rem;display:flex}.nav-links a{margin:0 1rem;padding:.5rem 0}}.defaultHero,.roomsHero{background:url(/assets/defaultBcg-Dzkb__fh.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:calc(100vh - 66px);display:flex}.roomsHero{background-image:url(/assets/room-2-B5mXaaQu.jpeg);min-height:60vh}.banner{color:var(--mainWhite);text-align:center;text-transform:capitalize;letter-spacing:var(--mainSpacing);background:#00000080;padding:2rem 1rem;display:inline-block}.banner h1{font-size:2.5rem}.banner div{background:var(--primaryColor);width:10rem;height:5px;margin:1.7rem auto}.banner p{margin-bottom:2rem;font-size:1.2rem}@media screen and (width>=576px){.banner{padding:2rem 3rem}.banner h1{font-size:3rem}}@media screen and (width>=992px){.banner{padding:2rem 6rem}.banner h1{font-size:4rem}}.section-title{text-align:center;margin-bottom:4rem}.section-title h4{letter-spacing:var(--mainSpacing);text-transform:capitalize;margin-bottom:1rem;font-size:2rem}.section-title div{background:var(--primaryColor);width:5rem;height:5px;margin:0 auto}.services{background:var(--darkGrey);text-align:center;padding:5rem 0}.services-center{grid-row-gap:2rem;grid-column-gap:50px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));width:90vw;margin:0 auto;display:grid}.service span{color:var(--primaryColor);margin-bottom:1.5rem;font-size:2.5rem;display:inline-block}.services h6{letter-spacing:var(--mainSpacing);text-transform:capitalize}.services p{width:80%;margin:0 auto}@media screen and (width>=992px){.services-center{width:95vw;max-width:1170px}}@media screen and (width>=1200px){.services p{width:100%}}.featured-rooms{padding:5rem 0}.featured-rooms-center{grid-row-gap:2rem;grid-column-gap:40px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));width:80vw;margin:0 auto;display:grid}@media screen and (width>=776px){.featured-rooms-center{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));width:90vw}}@media screen and (width>=992px){.featured-rooms-center{width:95vw;max-width:1170px}}.room{box-shadow:var(--lightShadow);transition:var(--mainTransition)}.room:hover{box-shadow:var(--darkShadow)}.img-container{position:relative}.img-container img{width:100%;transition:var(--mainTransition);display:block}.price-top{color:var(--mainWhite);text-align:center;transition:var(--mainTransition);background:#000c;border-bottom-right-radius:1rem;padding:.3rem .6rem .5rem;font-size:.5rem;position:absolute;top:0;left:0}.price-top h6{letter-spacing:var(--mainSpacing);margin-bottom:0;font-size:.9rem;font-weight:300}.room-link{transition:all .3s linear;position:absolute;top:50%;left:50%;transform:scale(0)}.img-container:hover{background:#000c}.img-container:hover img{opacity:.3}.img-container:hover .price-top{opacity:0}.img-container:hover .room-link{transform:translate(-50%,-50%)scale(1)}.room-info{background:var(--darkGrey);text-transform:capitalize;text-align:center;letter-spacing:var(--mainSpacing);padding:.5rem 0;font-weight:700}.single-room{padding:5rem 0 0}.single-room-images{grid-row-gap:2rem;grid-column-gap:50px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:80vw;margin:0 auto;display:grid}.single-room-images img{width:100%;display:block}.single-room-info{grid-template-columns:1fr;width:80vw;margin:2rem auto;display:grid}.desc,.info{margin:1rem 0}.desc h3{text-transform:capitalize;letter-spacing:var(--mainSpacing)}.desc p{line-height:1.5}.info h3,.info h6{text-transform:capitalize;letter-spacing:var(--mainSpacing)}.info h6{font-weight:300}.room-extras{width:80vw;margin:0 auto 3rem}.room-extras h6{text-transform:capitalize;letter-spacing:var(--mainSpacing)}.extras{grid-column-gap:2rem;grid-row-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));list-style-type:none;display:grid}@media screen and (width>=992px){.single-room-images,.single-room-info,.room-extras{width:95vw;max-width:1170px}.single-room-info{grid-column-gap:2rem;grid-template-columns:1fr 1fr;display:grid}.info{padding-left:3rem}}.roomslist{padding:5rem 0}.roomslist-center{grid-row-gap:2rem;grid-column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));width:80vw;margin:0 auto;display:grid}@media screen and (width>=776px){.roomslist-center{width:90vw}}@media screen and (width>=992px){.roomslist-center{width:95vw;max-width:1170px}}.filter-container{padding:5rem 0}.filter-form{grid-row-gap:2rem;grid-column-gap:40px;grid-template-columns:repeat(auto-fit,minmax(202px,1fr));width:60vw;margin:0 auto;display:grid}.form-group{text-transform:capitalize}.form-group label{letter-spacing:var(--mainSpacing);margin-bottom:.5rem;display:block}.form-control{background:0 0;width:100%;font-size:1rem}.size-inputs{display:flex}.size-input{border:1px solid var(--mainBlack);border-radius:.3rem;width:40%;margin-right:.3rem;padding:.2rem}.single-extra label{margin-left:.5rem;font-size:.8rem;display:inline-block}@media screen and (width>=776px){.filter-form{width:70vw}}@media screen and (width>=992px){.filter-form{width:95vw;max-width:1170px}}