/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap'); body { overflow-x: hidden; color: #000; background: #FFFCF0; } /* Header Styles */ header { height: 125px; background: rgba(255, 255, 255, 0.9); transition: all 0.3s ease; } header.scrolled { height: 80px; box-shadow: 1px 1px 12px #0000003b; } h1,h2,h3,h4,h5,h6 { font-family: "Vollkorn", serif; } .robofont { font-family: "Roboto", sans-serif; } .playfont { font-family: "Playfair Display", serif; } .volcornfont { font-family: "Vollkorn", serif; } .geatvibesfont { font-family: "Great Vibes", cursive; } a.linkBTN { text-decoration: none; color: #000; font-weight: 500; font-size: 1em; transition: all 0.3s ease; } a.linkBTN:hover { color: #ed1c24!important; transition: all 0.3s ease; } a.lineBTN { position: relative; display: flex; width: 100%; height: 100%; padding: 0.7em; text-decoration: none; border: 1px solid #fff; color: #ffffff; font-weight: 400; font-size: 1.15em; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; transition: all 0.3s ease; } a.lineBTN:hover { color: #000!important; border-color: #C59E55!important; background-color: #C59E55; transition: all 0.3s ease; } a.commonlinkBTN { position: relative; display: table-cell; background-color: #000; color: #fff; padding: 1vh 2vw; text-decoration: none; /* border-radius: 5px;*/ transition: all 0.3s ease; } a.commonlinkBTN:hover { background-color: #C59E55; } .pb5 { padding-bottom: 5em; } .roundedbrd { border-radius: 7px; } .subheader { font-family: "Roboto", sans-serif; font-size: 1.5rem; } .logo { height: 100px; transition: all 0.3s ease; } .logo::before { content: ""; display: inline-block; width: 280px; height: 100px; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>'); background-size: contain; background-repeat: no-repeat; margin-right: 10px; vertical-align: middle; transition: all 0.3s ease; } header.fixed-top .navbar ul li a { font-size: 20px; font-weight: 400; color: #000; transition: all 0.3s ease; } header.fixed-top .navbar ul li a:hover { color: #C59E55; } .navbar-toggler:focus {box-shadow: unset;} .navbar-collapse.collapse.show {background-color: #fff;padding: 10px 20px;} header.scrolled .logo { height: 50px; transition: all 0.3s ease; } header.scrolled .logo::before { content: ""; display: inline-block; width: 105px; height: 65px; transition: all 0.3s ease; } /* Hero Slider Styles */ .hero-slider { position: relative; height: 100vh; margin-top: -125px; } .hero-slider .slide-inner { width: 100%; height: 100vh; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; } /* Update the slide content styles */ .hero-slider .slide-content { color: white; text-align: center; z-index: 2; position: relative; margin-top: 20vh; } .hero-slider .slide-content h2 { font-family: "Playfair Display", serif; font-optical-sizing: auto; font-size: 4rem; margin-bottom: 1rem; transform: translateY(30px); transition: all 1s ease; } .hero-slider .slide-content h1 { font-family: "Playfair Display", serif; font-optical-sizing: auto; font-size: 3.5rem; font-weight: 700; transform: translateY(30px); transition: all 1s ease; } .hero-slider .swiper-slide-active .slide-content h2 { opacity: 1; transform: translateY(0); transition-delay: 0.5s; } .hero-slider .swiper-slide-active .slide-content h1 { opacity: 1; transform: translateY(0); transition-delay: 0.8s; } /* Add overlay to make text more visible */ .hero-slider .slide-inner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; } /* Navigation arrow styles */ .hero-slider .swiper-button-next, .hero-slider .swiper-button-prev { width: auto; height: auto; color: #fff; background: none; transition: all 0.3s ease; } .hero-slider .swiper-button-next:after, .hero-slider .swiper-button-prev:after { font-size: 35px; } .hero-slider .swiper-button-next:hover, .hero-slider .swiper-button-prev:hover { color: rgba(255, 255, 255, 0.7); } /* Animation classes */ .hero-slider .slide-content h2.animate__fadeInUp { animation: fadeInUp 1s ease forwards; } .hero-slider .slide-content h1.animate__fadeInUp { animation: fadeInUp 1s ease 0.3s forwards; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Booking Section Styles */ .booking-section { position: relative; margin-top: -60px; z-index: 10; } .booking-section ul {position: relative; display: flex; flex-direction: row; align-content: center; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 0;} .booking-section ul li {list-style: none; width: 20%;} .booking-section .booking-form { background: #fff; margin: 0 3vw; padding: 30px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); } .booking-section .form-select, .booking-section .form-control { height: 50px; border: 0px solid #e5e5e5; padding: 0 15px; font-size: 14px; } .booking-section .form-select:focus, .booking-section .form-control:focus { border-color: #C59E55; box-shadow: none; } .booking-section .btn-book { width: 100%; height: 50px; background-color: #c59e55bd; color: white; border: none; font-weight: 500; transition: all 0.3s ease; font-size: 22px; text-transform: uppercase; } .booking-section .btn-book:hover { background-color: #b08c45; color: white; } .booking-section .itemSection {position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between; justify-content: center; align-items: flex-start;} .booking-section .itemSection .titleRow {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 500;} .booking-section .itemSection .titleRow i.las {font-size: 25px; margin-right: 10px;} .booking-section .itemSection select.bkRooms, .booking-section .itemSection select.bkAdults { position: relative; display: flex; height: 27px; width: 100%; padding-left: 2.5em; background-color: transparent; } .booking-section .itemSection input.bkCHKinout, .booking-section .itemSection input.bkCHKinouts { position: relative; display: block; width: 100%; padding-left: 2.5em; } .booking-section .itemSection input.bkCHKinout:after, .booking-section .itemSection input.bkCHKinouts:after { position: absolute; display: flex; content: '+'; } .booking-section .itemSection .input-wrapperinout { position: relative; display: flex; width: 100%; } .booking-section .itemSection .input-wrapperinout input { height: 27px; padding-right: 2.5rem; /* Adjust padding to prevent text overlap */ background-color: transparent; } .booking-section .itemSection .input-wrapperinout::after { content: "\f133"; font-size: 17px; font-family: "Line Awesome Free"; font-weight: 900; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #000; } /* Datepicker customization */ .ui-datepicker { padding: 10px; border: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .ui-datepicker .ui-datepicker-header { background: #C59E55; color: white; border: none; } .ui-datepicker .ui-datepicker-today .ui-state-highlight { background: #C59E55; color: white; } /* Welcome Section Styles */ .welcome-section { /* background-color: #fff;*/ position: relative; z-index: 1; } .welcome-content { padding: 2rem 0; } .welcome-content p.lead { font-size: 2.5rem; } .section-title { font-size: 2.75rem; margin-bottom: 0rem; color: #474747; font-weight: 500; } .welcome-content .lead { color: #666; margin-bottom: 2.5rem; } .welcome-content p.sublead { color: #4E4E4E; font-size: 1.5rem; line-height: 36px; margin-bottom: 2rem; text-align: justify; } .double-border { background-color: #FFFCF0; border: 5px solid #ccc; border-radius: 7px; padding: 2em; width: 35em; height: 25em; position: relative; margin: 0 auto; } .double-border::before { background: none; border: 4px solid #ccc; border-radius: 3px; content: ""; display: block; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; pointer-events: none; } .welcome-logo { padding: 2rem;} .welcome-logo img { margin-top: 5vh; max-width: 80%; height: auto; } .btn-outline-primary { border: 2px solid #333; color: #333; padding: 0.75rem 2rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; transition: all 0.3s ease; } .btn-outline-primary:hover { background-color: #333; color: #fff; border-color: #333; } /* Responsive adjustments */ @media (max-width: 991.98px) { .welcome-content { text-align: center; padding: 2rem 0; } .welcome-logo { margin-top: 2rem; } .welcome-logo img { max-width: 60%; } } .home-accommodation-section { position: relative; display: block; padding: 5em 0; background-color: #FBF6E8; } .home-accommodation-section .section-titles span { position: relative; display: block; color: #AA998A; padding-bottom: 0.5em; text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.7px; } .home-accommodation-section .section-titles h2 { color: #111111; font-size: 50px; font-weight: 400; max-width: 30vw; } .home-accommodation-section .section-titles .navigLink { position: relative; display: flex; height: 85%; width: 100%; flex-direction: column; align-content: flex-end; justify-content: flex-end; align-items: flex-end; flex-wrap: nowrap; } .home-accommodation-section .section-titles .navigLink a { color: #111111; text-transform: uppercase; } .home-accommodation-section .accomSlides {} .home-accommodation-section .accomSlides .owl-item .slideCaptions {display: none;} .home-accommodation-section .accomSlides .owl-item.active .slideCaptions { display: block; position: absolute; display: flex; height: auto; width: 90%; align-content: stretch; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; top: 100vh; margin-top: -50vh; margin-left: 2vw; } .home-accommodation-section .accomSlides .owl-item.active .slideCaptions ul { margin: 0; padding: 0; position: relative; display: flex; height: 100%; width: 100%; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-evenly; align-items: center; } .home-accommodation-section .accomSlides .owl-item.active .slideCaptions ul li { display: flex; align-items: center; list-style: none; font-size: 1.2vw; font-weight: 300; letter-spacing: 0.02vw; } .home-accommodation-section .accomSlides .owl-item.active .slideCaptions ul li i.las {padding-right: 0.3em;} .home-accommodation-section .accomSlides .owl-item.active .slideCaptions ul li i.las.extrnl img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(31deg) brightness(115%) contrast(105%);} .home-accommodation-section .accomSlides .owl-item.active .slideCaptions span { position: relative; display: block; max-width: 10vw; padding: 0.5em; background-color: #AE802A; color: #fff; font-size: 1.3rem; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .home-accommodation-section .accomSlides .owl-item.active .slideCaptions .infoBar{ border-radius: 7px; background-color: #1C2C34; padding: 1.5em; color: #fff; } .home-accommodation-section .accomSlides .owl-item.active .slideCaptions .infoBar h3 { margin: 0; height: 100%; font-size: 1.5vw; font-weight: 400; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .home-accommodation-section .item { height: 70vh; padding: 20px; opacity: 0.6; transition: .4s ease all; margin: 0 20px; /* transform: scale(0.9);*/ } .home-accommodation-section .owl .item { background: #4DC7A0; } .home-accommodation-section .active .item { opacity: 1; transform: scale(1); } .home-accommodation-section .owl-controls { position: absolute; margin-top: 300px; } .home-accommodation-section .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 3em;} .home-accommodation-section .owl-dots .owl-dot { padding: 0.7em 1em; font-weight: 400; transition: all 0.5s ease; } .home-accommodation-section .owl-dots .owl-dot span { font-size: 16px; background: none; color: #000; border: 1px solid #ccc; padding: 5px 10px; border-radius: 50%; } .home-accommodation-section .owl-dots .owl-dot.active span { background-color: #000; color: #fff; } .home-accommodation-section .owl-dots .owl-dot.active { background-color: #E4DECB; color: #000; font-weight: 500; border-radius: 50%; padding: 0.7em 1em; } .home-facilities-section { position: relative; display: block; padding: 5em 0; background-color: #FFFCF2; } .home-facilities-section ul.service-list{ position: relative; display: flex; height: 100%; width: 100%; padding: 0; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; } .home-facilities-section ul.service-list li { list-style: none; width: 30%; position: relative; display: flex; flex-direction: column; align-content: center; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff; padding: 2em 0.1em; margin: 0.5rem; border-radius: 5px; } .home-facilities-section ul.service-list li img {max-width: 50px; margin-bottom: 0.5em;} .home-facilities-section ul.color000 li img{ filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7484%) hue-rotate(313deg) brightness(93%) contrast(107%); } .home-facilities-section .section-titles { position: relative; display: flex; height: 100%; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: center; align-items: flex-start; } .home-facilities-section .section-titles p{ font-size: large; /*text-align: justify;*/ padding-bottom: 2em; } .home-banquet-section { position: relative; display: block; padding: 5em 0; background-color: #fff; } .home-banquet-section .contentSection{ position: relative; display: flex; flex-direction: column; height: 100%; flex-wrap: nowrap; align-content: flex-start; justify-content: center; align-items: flex-start; } .home-banquet-section .contentSection p.pre-title{ text-align: left; } .home-banquet-section .contentSection p{ font-size: 19px; /*text-align: justify;*/ } .home-banquet-section .thumbSection{ position: relative; display: block; } .home-banquet-section .thumbSection img { width: 100%; border-radius: 10px; } .home-dining-section { position: relative; display: block; padding: 9em 0 5em 0; background-color: #fff; } .home-dining-section .contentCol {padding: 0 5em;} .home-dining-section .context-style { font-size: 10px; font-weight: 500; color: #cfb763; letter-spacing: 3px; } .home-dining-section .bg-image { background-image: url("../images/restaurant_intro_thumb.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; height: auto; min-height: 100vh; margin-top: -6rem; } /*left side card section styling*/ .home-dining-section .heading { font-size: 54px; line-height: 70px; } .home-dining-section .context { line-height: 27px; /*text-align: justify;*/ } .home-dining-section .border-style { border-color: #b5975d !important; transition: all 0.3s ease; } .home-dining-section .border-style:hover { border-color: #fff !important; transition: all 0.4s ease; } .home-dining-section .background-style { background-color: #201e1a; } .home-dining-section .right-side-color { background-color: #3d3931; } .home-dining-section .restaurant-heading { font-size: 27px; color: #cfb763; letter-spacing: 0.6px; } .home-dining-section .restaurant-content { font-weight: 400; line-height: 19px; letter-spacing: 0.2px; } .home-dining-section .find-more { color: #b5975d; font-weight: 200; text-transform: uppercase; letter-spacing: 1.7px; } .home-dining-section .custom-container { max-width: 100%; } #ddThumb { position: relative; background-size: cover; background-position: center; } /*===============Room Details============*/ #roomDetails .playFair { font-family: "Playfair", serif; } #roomDetails .barlow { font-family: "Barlow", sans-serif; } #roomDetails .gilda-display { font-family: "Gilda Display", serif; } #roomDetails .lato { font-family: "Lato", sans-serif; font-weight: 500; font-style: normal; font-size: 18px; } #roomDetails .txtJustify { text-align: justify; } #roomDetails .li { list-style: none; } #roomDetails .a { text-decoration: none; } /*banner text */ #roomDetails .single-room { font-weight: 400; } /*Overview section is here */ #roomDetails .overview-intro h4 { font-weight: 400; } #roomDetails .overview-intro p { font-size: 18px; font-weight: 400; line-height: 33px; color: #4f4f4f; } #roomDetails .breaker { color: 2px solid #cacaca; } #roomDetails .amenities h4 { font-weight: 400; } #roomDetails .item-list { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } #roomDetails .item-list li { width: 25%; padding: 40px; margin: 10px; box-sizing: border-box; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; text-align: center; } #roomDetails .item-list a { text-decoration: none; color: #9a9a9a; } #roomDetails .inpageBooking input[type="text"]{ width: 100%; } #roomDetails .booking { padding: 0; margin: 0; display: flex; } #roomDetails .booking li { flex: 1; list-style: none; } #roomDetails .booking a { display: block; width: 100%; padding: 0px; font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; } #roomDetails .booking a h3 { text-transform: capitalize; } #roomDetails .booking-button { color: black; border-bottom: 2px solid; } #roomDetails .request-booking { color: #666666; border-bottom: 0.5px solid #cacaca; box-shadow: 0 0.5px 0 #cacaca; } #roomDetails span { font-weight: 500; font-size: 20px; } #roomDetails .extra-service { font-size: 18px; font-weight: 400; } #roomDetails .form-check-input { width: 25px !important; height: 25px !important; } #roomDetails .select { width: 100%; } #roomDetails .select.minimal { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 25px) calc(1em + 9px), calc(100% - 20px) calc(1em + 9px), calc(100% - 2.5em) 0.9em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; background-color: #fff; } #roomDetails .select.minimal:focus { background-image: linear-gradient(45deg, black 50%, transparent 50%), linear-gradient(135deg, transparent 50%, black 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 25px) calc(1em + 10px), calc(100% - 2.5em) 1em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: black; outline: 0; } #roomDetails .inner-text { font-size: 18px; font-weight: 400; } #roomDetails .deposite-option p { font-size: 18px; font-weight: 400; color: black; } #roomDetails .deposite-text { background-color: black; font-size: 18px; font-weight: 200; } #roomDetails .booknow-option { background-color: black; } #roomDetails .total-room { margin-left: 82px; } #roomDetails .total-room p { font-size: 19px; font-weight: 400; color: #808080; } /*icon groups*/ #roomDetails .icon-group ul li span { font-size: 18px; color: #808080; font-weight: 600; } #roomDetails .icon-group ul li span span.perNight{font-weight: 100; font-size: 18px;} #roomDetails .card-custom { height: 300px; color: white; background-size: cover; background-position: center; position: relative; } #roomDetails .card-buttons { position: absolute; top: 80%; left: 20px; } #roomDetails .card-text-bottom { position: absolute; bottom: 20px; left: 20px; font-weight: bold; font-size: 18px; } #roomDetails .single-room h2 { font-weight: 400; color: black; } #roomDetails .bottom-breaker { color: #cacaca; } @media (max-width: 576px) { #roomDetails .icon-group ul { flex-direction: column; align-items: center; } } /*=============End Room Details===========*/ /*responsiveness for small screen*/ /*@media (max-width: 576px) {*/ /* .home-dining-section .bg-image {*/ /* margin-top: 0;*/ /* height: auto;*/ /* min-height: 250vh;*/ /* }*/ /* .home-dining-section .custom-text-style {*/ /* font-size: 14px;*/ /* line-height: 1.6;*/ /* }*/ /*}*/ .home-gallery-section { position: relative; display: block; padding: 5em 0; background-color: #FFFCF2; } .home-gallery-section .gallerySection { position: relative; display: block; margin-bottom: 1em; } .home-gallery-section .gallerySection ul{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; justify-content: space-between; align-items: center; height: 100%; padding: 0; margin: 0; } .home-gallery-section .gallerySection ul li{ list-style: none; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-end; align-items: flex-start; width: 23%; border-radius: 10px; overflow: hidden; } .home-gallery-section .gallerySection ul li a{ position: relative; display: block; width: 100%; height: auto; text-decoration: none; } .home-gallery-section .gallerySection ul li a .thumbImage{ position: relative; display: block; background-size: cover; background-position: center center; width: 100%; height: 40vh; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .home-gallery-section .gallerySection ul li a .thumbImage:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .home-gallery-section .gallerySection ul li a .title{ position: absolute; display: block; font-size: 22px; bottom: 0px; color: #fff; padding: 20px; text-shadow: 1px 2px 2px #0000009e; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .home-gallery-section .gallerySection ul li a:hover .title{ color: #000; text-shadow: 1px 2px 2px #ffffff3b; } .home-offers-section { position: relative; display: block; padding: 5em 0; background-color: #FFFCF2; } .home-offers-section .contentSection {text-align: center;} .home-offers-section .contentSection p.sub-title{position: relative; display: block; font-size: 23px; padding: 0em 16vw;} .home-offers-section .offerList {position: relative; display: block; margin-top: 3em;} .home-offers-section .offerList .offerSect{position: relative; display: block; padding: 0em 1em;} .home-offers-section .offerList .offerSect .offerThumb { position: relative; display: block; border-radius: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; overflow: hidden; } .home-offers-section .offerList .offerSect .offerThumb img{ border-radius: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .home-offers-section .offerList .offerSect .offerThumb:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .home-offers-section .offerList .offerSect .offerContent {position: relative; display: block; padding: 1.5em 0;} .home-offers-section .offerList .offerSect .offerContent .date{font-size: 17px; padding-bottom: 1em;} .home-offers-section .offerList .offerSect .offerContent .offerTitle{font-size: 25px; font-weight: 600; padding-bottom: 0.5em;} .home-offers-section .offerList .offerSect .offerContent .offerSub{font-size: 20px; line-height: 30px; padding-bottom: 1em;} .home-offers-section .offerList a.lineBTNlink {position: relative; display: flex; text-decoration: none; color: #ffffff; background-color: #000; padding: 0.6em 1em; border-radius: 0px; font-weight: 400; font-size: 1em; transition: all 0.3s ease; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; max-width: 170px; padding-left: 2.3em;} .home-offers-section .offerList a.lineBTNlink i { position: absolute; display: block; left: 1.7vw; font-size: 1.2em; top: 0.7em;} .home-offers-section .offerList a.lineBTNlink:hover {background-color: #C59E55;} .home-contact-section { position: relative; display: block; padding: 0em 0; background-color: #ffffff; } .home-contact-section .homeMapSection { position: relative; padding-bottom: 41vh; height: 0; overflow: hidden; border-radius: 10px; } .home-contact-section .homeMapSection iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .home-contact-section .MapList { position: relative; display: block; } .home-contact-section .MapList ul { margin: 0; padding: 0; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; height: 42vh; } .home-contact-section .MapList ul li { list-style: none; border: 1px solid #E9E9E9; border-radius: 5px; color: #606060; padding: 1em 1em; margin-bottom: 0.5em; font-size: 17px; width: 100%; } .home-contact-section .MapList ul li i { font-size: 20px; padding-right: 0.4em; } .home-contact-section .MapList ul li a { text-decoration: none; color: #606060; } .home-contact-section .MapList ul li:hover i { color: #C59E55; } .home-contact-section .MapList ul li:hover a { text-decoration: none; color: #C59E55; } .home-contact-section .MapList ul li:hover { background-color: #f0f0f0; } /*=====Inner Page=========*/ .pageBanner { position: relative; display: block; background-color: #f0f0f0; } .pageBanner .bannerSection{ position: relative; display: block; background-size: cover; background-position: center center; height: 50vh; width: 100vw; z-index: 1; } .pageBanner .bannerSection::before{ content: ''; position: absolute; display: block; background-color: #0000004a; width: 100vw; height: 50vh; z-index: 2; } .pageBanner .bannerSection h1{ position: relative; display: block; font-size: 4rem; font-weight: 400; text-align: center; margin: 0; padding: 27vh 0 18vh 0; color: #fff; text-shadow: 3px 5px 10px #00000030; z-index: 2; } .pageprecontent { position: relative; display: block; padding: 10vh 0 8vh 0; background-color: #fff; } .pageprecontent:before { content: ''; position: absolute; display: block; left: 0; top: 0; background: url(../images/page-sub-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center left; height: 100%; width: 90vw; } .pageprecontent p { font-size: 25px; font-weight: 400; line-height: 37px; margin: 0; padding: 0 5em; } .innerPageSection { position: relative; display: block; padding: 5em 0; background-color: #ffffff; } .innerPageSection .roomsLandingRow {position: relative; display: block; margin: 4em 0;} .innerPageSection .roomSlide {position: relative; display: block;} .innerPageSection .roomSlide .carousel-indicators {margin-bottom: 2rem;} .innerPageSection .roomSlide .carousel-indicators [data-bs-target] {width: 13px; height: 13px; border: 2px solid #fff; background-color: transparent; margin: 0 5px;} .innerPageSection .roomSlide .carousel-indicators .active {background-color: #fff;} .innerPageSection .roomsDiningRow { position: relative; display: block; } .innerPageSection .roomsDiningRow .restaurantThumb{ background-repeat: no-repeat; background-size: cover; background-position: center center; height: 80vh; width: 100%; } .innerPageSection .roomsDiningRow .sectionContent{ position: relative; display: flex; flex-direction: column; padding: 5em; flex-wrap: nowrap; align-content: flex-start; justify-content: center; align-items: flex-start; height: 100%; width: 100%; } .innerPageSection .roomsDiningRow .sectionContent.meet { padding: 2em 5em; } .innerPageSection .roomsDiningRow .sectionContent h2 { font-size: 40px; } .innerPageSection .roomsDiningRow .sectionContent.meet h2 { font-size: 35px; } .innerPageSection .roomsDiningRow .sectionContent img { width: 120px; } .innerPageSection .roomsDiningRow .sectionContent img.angralogo { width: 170px; } .innerPageSection .roomsDiningRow .sectionContent .capcity { position: relative; display: flex; font-size: 21px; padding-bottom: 1.2em; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; padding-left: 1.7em; } .innerPageSection .roomsDiningRow .sectionContent .capcity i.las{ font-size: 27px; position: absolute; display: block; left: 0; top: 4px; } .innerPageSection .roomsDiningRow .restaurantThumb.meetThumb{ height: 60vh; } .innerPageSection .roomsContent { position: relative; display: flex; padding: 0 2em; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; align-items: flex-start; height: 100%; justify-content: center; color: #454545; } .innerPageSection .roomsContent h2 { font-size: 2vw; } .innerPageSection .roomsContent p { font-size: 17px; } .innerPageSection .roomsContent .tariffSect { position: relative; display: flex; height: 100%; width: 100%; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: center; align-items: flex-start; } .innerPageSection .roomsContent .tariffSect ul.roomTariff{ position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; margin: 0; padding: 0; } .innerPageSection .roomsContent .tariffSect ul.roomTariff li { list-style: none; } .innerPageSection .roomsContent .tariffSect span{font-size: 16px;font-weight: 200;} .innerPageSection .roomsContent .tariffSect h3{ font-size: 27px; margin-bottom: 0; position:relative; display:block; width: 100%; } .innerPageSection .roomsContent .tariffSect h3 span.priceBar{font-size: unset; font-weight: 200; position: absolute; display: block; top: 3px; background-color: #0000006b; width: 0.05em; height: 25px;} .innerPageSection .roomsContent .tariffSect h3 span.currencyicon{font-size: 23px; font-weight: 600;} .innerPageSection .roomsContent .tariffSect p{ font-size: 18px; font-weight: 200; padding-bottom: 0.3em; } .innerPageSection .roomsContent .tariffSect a.viewDetails{ position: relative; display: table-cell; color: #fff; /* padding: 1vh 1vw;*/ text-decoration: none; border-radius: 5px; color: #000; font-size: 18px; font-weight: 200; letter-spacing: 0.1em; text-transform: uppercase; line-height: 35px; background-color: #f0f0f0; border-radius: 0; padding: 0.5vh 1vw; transition: all 0.3s ease; } .innerPageSection .roomsContent .tariffSect a.viewDetails:hover {color: #C59E55; background-color: #f0f0f070;} /*.innerPageSection .roomsContent .tariffSect {position: relative; display: block;} .innerPageSection .roomsContent .tariffSect span { content: ''; position: absolute; display: block; width: 2px; height: 20px; margin: 0px 10px; background-color: #000; }*/ .innerPageSection .roomsContent ul.commonAmenities{ position: relative; display: flex; height: auto; width: 100%; padding: 0; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; } .innerPageSection .roomsContent ul.commonAmenities li { list-style: none; height: 100%; width: 47%; position: relative; display: flex; flex-direction: column; align-content: center; flex-wrap: nowrap; justify-content: center; align-items: center; background-color: #F9F9F9; padding: 2em; margin: 0.2rem; border-radius: 5px; font-size: 12px; transition: all 0.3s ease; } .innerPageSection .roomsContent ul.commonAmenities li img {max-width: 30px; margin-bottom: 0.5em;} .innerPageSection .roomsContent ul.commonAmenities li:hover {background-color: #f0f0f0;} .commonFacilities { position: relative; display: block; padding: 5em 0; background-color: #FFFCF2; } .commonFacilities h3 { position: relative; display: block; font-size: 40px; } .commonFacilities ul.service-list{ position: relative; display: flex; height: 100%; width: 100%; padding: 0; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; } .commonFacilities ul.service-list li { list-style: none; width: 22%; position: relative; display: flex; flex-direction: column; align-content: center; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff; padding: 2em; margin: 0.5rem; border-radius: 5px; } .commonFacilities ul.service-list li span { font-size: 14px; line-height: 35px; } .commonFacilities ul.service-list li img {max-width: 50px; margin-bottom: 0.5em;} .commonFacilities ul.service-list li i.las{ font-size: 50px; } #meetBook { position: relative; display: block; padding: 0 0 1em 0; } #meetBook form { margin-bottom: 0; } #meetBook h5 {font-size: 27px; padding-bottom: 1em; } #meetBook label {position: relative; display: block; color: #000; font-size: 15px; font-weight: 500; text-transform: capitalize; padding-bottom: 15px;} #meetBook input[type="text"], #meetBook select {position: relative; display: block; width: 100%; color: #000; border: none; border-bottom: 1px solid #B0B0B0; margin-bottom: 2.5em; height: 40px; margin-top: -5px; font-weight: 400; } #meetBook input[type="text"]:focus-visible, #meetBook select:focus-visible {outline: none;} #meetBook button, #meetBook input[type="submit"] {border: 1px solid #000; background-color: #fff; color: #000; width: 100%; padding: 18px 10px; text-transform: uppercase; font-size: 20px; font-weight: 400; letter-spacing: 2px; border: 1px solid #000; border-radius: 0; margin-top: 1em; -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear;} #meetBook button, #meetBook textarea { position: relative; display: block; width: 100%; color: #000; border: none; border-bottom: 1px solid #B0B0B0; margin-bottom: 2em; margin-top: -5px; font-weight: 300; } #meetBook button:hover, #meetBook input[type="submit"] {border: 1px solid #000; background-color: #000; color: #fff;} #meetBook button:hover, #meetBook input[type="submit"]:hover {border: 1px solid #000; background-color: #fff; color: #000;} #meetBook .bookForms .xinptbtn p{margin: 0; padding: 0;} #meetBook .bookForms .xinptbtn p input{margin: 0;} #meetBook .bookForms ul { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; margin: 0; padding: 0; font-size: 18px;} #meetBook .bookForms ul li {list-style: none; padding-left: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.3em;} #meetBook .bookForms ul li:nth-child(2) {padding-top: 0.5em;} #meetBook .bookForms ul li:nth-child(3), #meetBook .bookForms ul li:nth-child(4) {font-size: 15px;} #meetBook .bookForms ul li span {font-size: 18px;} .facilitiesList {position: relative; display: block;} .facilitiesList ul.fList{margin-bottom: 2em; padding-left: 3em;} .facilitiesList ul.fList li{list-style: square; font-size: 18px; padding-bottom: 5px;} .facilitiesList .postFaciList {font-size: 28px; text-align: left; letter-spacing: 1px;} .page-contact-section { position: relative; display: block; padding: 5em 0; background-color: #ffffff; } .page-contact-section h4 {} .page-contact-section .MapList { position: relative; display: block; padding-right: 1em; } .page-contact-section .MapList ul { margin: 0; padding: 0; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; height: auto; } .page-contact-section .MapList ul li { list-style: none; border: 1px solid #E9E9E9; border-radius: 5px; color: #606060; padding: 1em 1em; margin-bottom: 0.5em; font-size: 17px; width: 100%; } .page-contact-section .MapList ul li i { font-size: 20px; padding-right: 0.4em; } .page-contact-section .MapList ul li a { text-decoration: none; color: #606060; } .page-contact-section .MapList ul li:hover i { color: #C59E55; } .page-contact-section .MapList ul li:hover a { text-decoration: none; color: #C59E55; } .page-contact-section .MapList ul li:hover { background-color: #f0f0f0; } #contactPreFooter .contactMapSection { position: relative; padding-bottom: 45vh; height: 0; overflow: hidden; border-radius: 10px; } #contactPreFooter .contactMapSection iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .socialContacts .siincontact {padding-top: 0em!important; background-color: transparent!important;} .socialContacts .siincontact .footerColumns{padding-left: 0vw!important;} .socialContacts .siincontact .footerColumns ul.socialLinks {justify-content: flex-start!important;} .socialContacts .siincontact .footerColumns ul.socialLinks li {margin-right: 1em;} .socialContacts .siincontact .footerColumns ul.socialLinks li a {color: #000!important; border-color: #000!important;} .socialContacts .siincontact .footerColumns ul.socialLinks li a i {font-size: 2vw!important;} .socialContacts .siincontact .footerColumns ul.socialLinks li a:hover {color: #000!important; border-color: #f00!important; } .socialContacts .siincontact .footerColumns ul.socialLinks li a.xtwiter img, .socialContacts .siincontact .footerColumns ul.socialLinks li a.tiktok img { filter: invert(100%) sepia(55%) saturate(259%) hue-rotate(350deg) brightness(0%) contrast(89%)!important; max-width: 48px!important; } .contactFormsect {position: relative; display: block; padding-left: 2em;} .contactFormsect .sub-title{color: #000; font-size: 18px;} .contactFormsect .contactFormID {} .contactFormsect .contactFormID span.fieldLabel {} .contactFormsect .contactFormID input.cformInput{ position: relative; display: block; width: 100%; padding: 15px; border: 1px solid #d7d7d7; border-radius: 0; color: #000; height: 60px; margin-bottom: 2em; } .contactFormsect .contactFormID input::focus{ border-color: #f0f0f0; border-radius: 0; } .contactFormsect .contactFormID textarea{ position: relative; display: block; width: 100%; height: 200px; padding: 15px!important; border: 1px solid #d7d7d7!important; border-radius: 0!important; color: #000; } .reservationForm {} .reservationForm select.selectDrop{ position: relative; display: block; width: 100%; padding: 15px; border: 1px solid #d7d7d7; border-radius: 0; color: #000; height: 60px; margin-bottom: 2em; } .reservationForm textarea.cformInput{height: 150px;} .reservationForm textarea.cformInput.addressinfo{height: 100px;} /*----responsive slider-------*/ .slideXS .item { height: 35vh; } .slideXS .slideCaption { position: absolute; bottom: 10%; left: 5%; background-color: rgba(0, 0, 0, 0.3); color: #fff; padding: 1em 2em; border-radius: 0px; max-width: 80%; z-index: 2; } .slideXS .slideCaption h4 { font-size: 1.2rem; margin: 0 0 0.5em 0; } .slideXS .slideCaption a { display: inline-block; padding: 0.4em 1em; background-color: #000; color: #fff; text-decoration: none; border-radius: 0px; font-size: 0.9rem; } .slideXS .owl-carousel .item { position: relative; } /*----End responsive slider-------*/ /*-------virtual tour -------------------*/ .fancybox__content {padding: 0;} .btnVT {} .btnVT a.viewDetailsVT{ position: relative; display: block; width: 100%; text-align: center; background-color: #F9F9F9; padding: 8px; text-decoration: none; text-transform: uppercase; color: #000; } .btnVT a.viewDetailsVT img{width: 47px; margin-right: 9px;} .btnVT a:hover.viewDetailsVT{ color: #C59E55; background-color: #f0f0f070; } .btnVT a:hover.viewDetailsVT img{filter: invert(52%) sepia(55%) saturate(259%) hue-rotate(350deg) brightness(96%) contrast(89%);} .btnVT a.viewDetailsVT.vtExtd { padding: 0.5em 2em; color: #ffffff; background-color: #000; } .btnVT a.viewDetailsVT.vtExtd img{ filter: brightness(0) invert(1); } .btnVT a:hover.viewDetailsVT.vtExtd { color: #ffffff; background-color: #C59E55; } .btnVT a.viewDetailsVT.vtList { padding: 0.5em; color: #ffffff; background-color: #000; text-transform: capitalize; } .btnVT a.viewDetailsVT.vtList img{ filter: brightness(0) invert(1); } .btnVT a:hover.viewDetailsVT.vtList { color: #ffffff; background-color: #C59E55; } .fullWidth {width: 100%;} .phgList a {line-height: 26px;} .inpageVT a {text-decoration: none;} /*-------End virtual tour-----------------*/ /*----------Popup offer-----------------*/ .popup{ position: absolute; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,.8); width: 100vw; height: 100vh; padding: 0px; left: 0%; top: 0%; display: none; text-align: center; overflow-y: hidden; transition: all 0.3s ease; z-index: 99999; } .popup #close { position: absolute; display: block; right: 2vw; top: 0vh; color: #fff; background-color: transparent; border: none; font-size: 3rem; } .popup a img{ width: 100%; padding: 0 33%; } /*-------End Popup offer-----------------*/ /*----------------Footer----------------*/ #footerSection { position: relative; display: block; padding: 3em 0 0em 0; background-color: #000000; } #footerSection .logofooter img{ max-width: 200px; } #footerSection .addressFooter { position:relative; display:block; margin-top: 1em; } #footerSection .addressFooter ul { margin: 0; padding: 0; padding-bottom: 1em; } #footerSection .addressFooter ul li { position: relative; display: inline-block; color: #fff; list-style: none; line-height: 25px; font-size: 18px; padding-left: 25px; padding-bottom: 10px; font-weight: 300;} #footerSection .addressFooter ul li a { color: #fff; text-decoration: none; font-weight: 300;} #footerSection .addressFooter ul li i{ position: absolute; display: inline-block; font-size: 22px; color: #fff; padding-right: 0.5em; left: -3px; top: 3px; } #footerSection .footerColumns { position: relative; display: block; padding: 1vw; } #footerSection .footerColumns h4 { color: #fff; font-size: 25px; padding-bottom: 0.5em; } #footerSection .footerColumns ul.quickLinks{ position: relative; display: block; margin: 0; padding: 0; } #footerSection .footerColumns ul.quickLinks li{ list-style: none; padding-bottom: 5px; } #footerSection .footerColumns ul.quickLinks li a{ position: relative; display: block; text-decoration: none; color: #fff; font-size: 18px; font-weight: 300; padding-left: 0.5em; transition: all 500ms ease-in-out; } #footerSection .footerColumns ul.quickLinks li a i{margin-left: -0.5em;font-size: 16px;} #footerSection .footerColumns ul.quickLinks li a:hover { letter-spacing: 0.01em; transition: all 700ms ease-in-out; } #footerSection .footerColumns ul.socialLinks { position: relative; display: flex; margin: 0; padding: 0; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; } #footerSection .footerColumns ul.socialLinks li{ list-style: none;} #footerSection .footerColumns ul.socialLinks li a{ position: relative; display: block; color: #fff; border: 1px solid #fff; border-radius: 7px; } #footerSection .footerColumns ul.socialLinks li a i{ font-size: 1.3vw; padding: 5px; } #footerSection .footerColumns ul.socialLinks li a img{ padding: 10px; } #footerSection .footerColumns ul.socialLinks li a.xtwiter img, #footerSection .footerColumns ul.socialLinks li a.tiktok img{ max-width: 34px; padding: 5px; filter: invert(100%) sepia(55%) saturate(259%) hue-rotate(350deg) brightness(96%) contrast(89%); } #footerSection .footerColumns ul.socialLinks li a:hover.xtwiter, #footerSection .footerColumns ul.socialLinks li a:hover.tiktok {background-color: #fff;} #footerSection .footerColumns ul.socialLinks li a:hover.xtwiter img, #footerSection .footerColumns ul.socialLinks li a:hover.tiktok img{ filter: invert(0%) sepia(55%) saturate(259%) hue-rotate(350deg) brightness(96%) contrast(89%); } #footerSection .footerColumns ul.socialLinks li a:hover i{ background-color: #fff; color: #000; border-radius: 6px; } #footerSection .mostfooter { position: relative; display: block; border-top: 1px solid #484848; padding: 1em 0; color: #fff; } #footerSection .mostfooter .credit {color: #fff; float: right;} #footerSection .mostfooter .credit a {text-decoration: none; color: #fff; font-size: 14px;}