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