File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hoteldsvalley.com/assets/css/custom.css

Back
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Marcellus&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } a, button input { outline: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } figure { margin: 0; } body { font-size: 16px; line-height: 26px; font-weight: 400; color: var(--text-color); font-family: "Archivo", system-ui; } p{ color:#1b1a1a; font-size:16px; line-height:25px; font-family: "Archivo", system-ui; } h1, h2, h3, h4, h5, h6, span { font-family: "Marcellus", serif; text-transform: capitalize; color: #2b2b2b; } :root { --primary--color: #9cb424; --black--color: #000000; --black-family-color: #1f1f1f; --secondary--color: #ffffff; --text-color: #7a7a7a; --accent-color: #cf7965; --grey-color: #e7e7e7; --grey-color2: #747474; --grey-color3: #8b9898; --skin-color: #fcf6f4; --sea-blue-color1: #1b2c2c; --sea-blue-color2: #172626; } /* TOP HEADER BAR SECTION / .top-bar-con { background-color: var(--secondary--color); } .top-bar-con .wrapper1417 { border-bottom: 1px solid var(--grey-color); padding: 10px 0; } .top-bar-con span { font-size: 14px; color: var(--black-family-color); letter-spacing:.5px; } .top-bar-con a { font-size: 14px; font-weight: 500; line-height: 14px; margin: 0 29px; vertical-align: middle; transition: ease-in-out 0.6s; color: var(--black-family-color); } .top-bar-con a:hover { text-decoration: none; color: #b09308 !important; } / HEADER SECTION / .header-con .navbar-light .navbar-nav .nav-link { font-size: 15px; color: var(--black-family-color); font-weight: 400; padding: 10px 0 !important; position: relative; letter-spacing: 1px; } .header-con .navbar-light .navbar-nav .nav-link:hover { color: #b09308; } .header-con .navbar-expand-lg .navbar-nav { gap: 60px; justify-content: center; align-items: center; } .header-con { z-index: 5; padding: 5px 0; } .header-con .navbar { padding: 0; } .header-con .navbar-light .navbar-nav .nav-link:hover::before { width: 100%; } .header-con .navbar-light .navbar-nav .nav-link::before { left: 0; bottom: 0; width: 0; height: 1px; content: ''; position: absolute; background: #b09308; transition: ease-in-out 0.3s; } .header-con .navbar-light .navbar-nav .dropdown .nav-link:hover::after { width: 0; } .header-con .navbar-light .navbar-nav .dropdown .nav-link::after { width: unset; position: absolute; background: none; top: 19px; font-size: 16px; } .header-con .navbar-light .navbar-nav .dropdown-menu { padding: 10px 0; margin: 0; background-color: var(--secondary--color); border: 0; z-index: 2; width: 305px; margin-top: 10px; box-shadow: 0px 0px 100px rgb(0 0 0 / 15%); border-radius: 0; } .header-con .navbar-light .navbar-nav .dropdown-menu a:last-child { border-bottom: none; } .header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item { padding: 5px 10px; border-bottom: 1px solid var(--secondary--color); font-size: 14px; line-height: 23px; } .header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:active, .header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:active { background-color: var(--primary--color); color: var(--secondary--color); } .header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover { background-color: var(--primary--color); color: var(--secondary--color); } .header-con .navbar-light .navbar-brand { margin: 0; padding: 0; } / HEADER SECTION / / BACK TO TOP BUTTON / #back-to-top-btn { display: none; position: fixed; bottom: 60px; right: 60px; z-index: 99; font-size: 18px; border: none; background-color: var(--primary--color); color: white; cursor: pointer; width: 80px; height: 80px; -webkit-animation: spineer 2s infinite; animation: spineer 2s infinite; border-radius: 0; } .header-contact .contact-btn { min-width: 137px; background-color: var(--primary--color); color: var(--secondary--color); height: 50px; line-height: 30px; text-align: center; font-weight: 600; font-size: 14px; padding: 10px; width: 100%; text-decoration: none; z-index: 1; } .header-contact .contact-btn:hover { background: #b09308; color: var(--secondary--color); transition: ease-in-out 0.6s; / box-shadow: 0px 10px 20px rgb(0 0 0 / 15%); / } .header-contact { margin-left: 75px; } #back-to-top-btn:focus { outline: none; } @-webkit-keyframes spineer { from { box-shadow: 0 0 0 0 rgb(41, 87, 88, .99); } to { box-shadow: 0 0 0 45px rgb(24, 63, 60, .01); } } @keyframes spineer { from { box-shadow: 0 0 0 0 rgb(41, 87, 88, .99); } to { box-shadow: 0 0 0 45px rgb(24, 63, 60, .01); } } #back-to-top-btn::after { font-size: 18px; font-weight: 600; content: "\f062"; line-height: 50px; color: var(--secondary--color); font-family: "Font Awesome 5 free"; } #back-to-top-btn:hover { cursor: pointer; } / BACK TO TOP BUTTON / / LOADER SECTION / .loader-mask { top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 99999; background-color: #fff; } .loader { top: 50%; left: 50%; width: 50px; height: 50px; font-size: 0; position: absolute; text-indent: -9999em; display: inline-block; margin: -25px 0 0 -25px; color: var(--primary--color); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader div { top: 0; left: 0; opacity: .5; float: none; width: 50px; height: 50px; position: absolute; border-radius: 50%; display: inline-block; background-color: var(--primary--color); -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite; } .loader div:last-child { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes ballPulseDouble { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ballPulseDouble { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } / LOADER SECTION / / BANNER SECTION STYLING / .banner-con .carousel-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .banner-con .carousel-caption p { margin-bottom: 30px; } .banner-con p { font-size: 18px; line-height: 29px; } / RESERVATION SECTION STYLING / .reservation-con .white-box { padding: 10px 10px 10px 30px; background-color: var(--secondary--color); } .reservation-con { margin-top: -60px; z-index: 1; } .reservation-con .reservation-inner { display: grid; grid-template-columns: 259px 259px 138px 138px; gap: 18px; } .reservation-con .adults-con, .reservation-con .children-con { flex-direction: column; display: flex; } .reservation-inner label { color: var(--black-family-color); font-size: 14px; margin-bottom: 10px; font-weight: 600; } .reservation-con .primary-button a { height: 90px; min-width: 190px; padding: 18px 46px; line-height: 20px; font-size: 16px; } .reservation-con .primary-button { margin-left: 30px; } .reservation-con .reservation-inner input, .reservation-con .reservation-inner select { border: 1px solid #dfdfdf; height: 42px; padding: 10px 14px; color: var(--grey-color2); } .reservation-con .reservation-inner input:focus, .reservation-con .reservation-inner select:focus { box-shadow: inset 0 1px 1px rgb(20 70 46 / 8%), 0 0 8px rgb(41 87 88 / 60%); outline: none; border: 1px solid var(--primary--color); } / special classes / .heading-title-con { margin-bottom: 45px; } .heading-title-con h2 { margin-bottom: 25px; font-size:45px; } .heading-title-con p { margin-bottom: 31px; } / ABOUT US SECTION STYLING / .about-us-con .about-left-con .elipse { bottom: -50px; left: -50px; } .about-us-con { margin-top: -60px; } .about-us-con .about-right-con p { margin-bottom: 35px; color:#000000; font-size:16px; } .statistics-box p { margin-bottom:-10px!important } .about-us-con .about-right-con img { margin-bottom: 25px; } .about-us-con .statistics-box { background-color: var(--secondary--color); text-align: center; padding: 40px 28px; height: 129px; font-size: 16px; } .pt-60 { padding-top:60px } .center-icon img {width:60px} .about-us-con .statistics-con .col-lg-6.col-md-6 { margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .about-us-con .statistics-con .col-lg-6.col-md-6:nth-last-child(-n+2) { margin-bottom: 0; } .about-us-con .statistics-con .statistics-box span { font-size: 33px; line-height: 33px; margin-bottom: 16px; } .about-us-con .statistics-con .statistics-box sup { font-size: 33px; top: unset; } .about-us-con .statistics-con .statistics-box span.span-text { font-size: 14px; line-height: 14px; color: var(--black-family-color); margin-bottom: 0; font-weight: 600; } / SERVICES SECTION / .services-con .service-box { padding: 70px 45px 34px; box-shadow: 0 1px 94px rgb(0 0 0 / 12%); margin-top: 56px; border: 1px solid #0000004a; transition: ease-in-out 0.6s; width: 100%; } .services-con .service-box h4 { margin-bottom: 16px; } .bg-1 { background-color:#eee } .services-con .service-box figure.center-icon { position: absolute; width: 112px; height: 112px; line-height: 112px; border-radius: 100%; margin: 0 auto; text-align: center; background-color: var(--primary--color); left: 50%; transform: translate(-50%, 50%); top: -60%; transition: ease-in-out 0.6s; } .button-portion p{ font-size:16px; color: #292828; } .lower-portion h3{ font-size:25px; padding-top:10px; } .services-con .service-box p { line-height: 26px; margin-bottom: 0px; color: #373737; font-size:15px } .services-con .service-box a { font-size: 14px; } .services-con .service-box a i { transition: ease-in-out 0.6s; } .services-con .service-box a:hover { text-decoration: none; color: var(--primary--color) !important; } .services-con .service-box a:hover i { transform: translateX(2px); } .services-con .col-lg-4.col-md-4 { margin-bottom: 50px; display: flex; } .services-con .col-lg-4.col-md-4:nth-last-child(-n+3) { margin-bottom: 0; } .services-con .service-box:hover { border: 1px solid #b09308; } .services-con .service-box:hover img { transform: translateY(-2px); } .services-con .service-box img { transition: ease-in-out 0.6s; } .services-con .service-box:hover figure.center-icon, .services-con .services-box-outer-con:hover figure.center-icon { background-color: #b09308; } / ROOMS AND SUITS SECTION / .rooms-and-suites-con .room-box .white-box, .rooms-and-suites-con2 .room-box .white-box { width: 500px; background-color: var(--secondary--color); padding: 17px; bottom: 24px; left: 0; right: 0; margin: 0 auto; transition: ease-in-out 0.6s; } .rooms-and-suites-con .room-box, .rooms-and-suites-con2 .room-box { transition: ease-in-out 0.6s; } .rooms-and-suites-con .room-box:hover .white-box, .rooms-and-suites-con2 .room-box:hover .white-box { transform: translateY(-5px); } .rooms-and-suites-con .room-box .white-box h4, .rooms-and-suites-con2 .room-box .white-box h4 { margin-bottom: 5px; } .rooms-and-suites-con .room-box .white-box .arrow-con, .rooms-and-suites-con2 .room-box .white-box .arrow-con, .index2-outer-wrapper .news-and-articles-con .news-box .arrow-con { background-color: #b09308; width: 51px; height: 45px; text-align: center; cursor: pointer; transition: ease-in-out 0.6s; } .button-1 { background-color: #b09308; padding: 0; min-width: 187px; height: 50px; text-align: center; font-size: 16px; color:#fff; font-weight: 600; line-height: 58px; width: 100%; text-decoration: none; color: var(--secondary--color); cursor: pointer; border: none; } .button-1 a { color:#fff;} .rooms-and-suites-con .room-box .white-box .arrow-con i, .rooms-and-suites-con2 .room-box .white-box .arrow-con i, .index2-outer-wrapper .news-and-articles-con .news-box .arrow-con i { line-height: 45px; margin: 0 auto; color: var(--secondary--color); font-size: 12px; cursor: pointer; } .rooms-and-suites-con .room-box .white-box .arrow-con:hover, .rooms-and-suites-con2 .room-box .white-box .arrow-con:hover, .index2-outer-wrapper .news-and-articles-con .news-box .arrow-con:hover { background-color: var(--primary--color); } .rooms-and-suites-con .room-box .star { width: 46px; background-color: rgb(0 0 0 / 40%); left: 20px; top: 20px; padding: 7px; } .rooms-and-suites-con .room-box .star span { font-size: 12px; line-height: 12px; } .rooms-and-suites-con .owl-carousel .owl-item .room-box .star img { width: auto; } .rooms-and-suites-con .owl-dots, .testimonials-con .owl-dots, .gallery-photos-carousel-con .owl-dots { margin-top: 44px; text-align: center; } .rooms-and-suites-con .owl-dots button, .testimonials-con .owl-dots button, .gallery-photos-carousel-con .owl-dots button { border: none; outline: none; box-shadow: none; text-align: center; margin: 0 auto; } .rooms-and-suites-con .owl-dots button:focus, .rooms-and-suites-con .owl-dots button:focus-visible, .testimonials-con .owl-dots button:focus, .testimonials-con .owl-dots button:focus-visible, .gallery-photos-carousel-con .owl-dots button:focus, .gallery-photos-carousel-con .owl-dots button:focus-visible { border: none; outline: none; box-shadow: none; } .rooms-and-suites-con .owl-dots button.active span, .testimonials-con .owl-dots button.active span, .gallery-photos-carousel-con .owl-dots button.active span { background-color: var(--primary--color) !important; color: var(--primary--color); width: 16px; height: 16px; } .rooms-and-suites-con .owl-dots button span, .testimonials-con .owl-dots button span, .gallery-photos-carousel-con .owl-dots button span { background-color: #e3d6d2; width: 13px; height: 13px; display: block; margin-right: 10px; cursor: pointer; margin-bottom: 0; border-radius: 100%; } / WHO WE ARE SECTION / .who-we-are-con::after, .who-we-comfort-con::after { content: ""; right: 0; top: 0; width: 48%; height: 100%; position: absolute; background: url(../images/deluxe-room.jpg); background-position: right; background-size: cover; background-repeat: no-repeat; } .who-we-are-con .vector-icon, .who-we-comfort-con .vector-icon { top: 0; bottom: 0; margin: auto; left: 0; } .who-we-are-con .who-we-are-content-con, .who-we-comfort-con .who-we-are-content-con { padding-right: 20px; } .who-we-are-con .primary-button a:hover, .who-we-comfort-con .primary-button a:hover { background-color: var(--secondary--color); color: var(--primary--color); } / GALLERY SECTION / .gallery-inner-con { display: grid; grid-template-columns: 291px 471px 291px; gap: 30px; } .gallery-con .gallery-img-con { margin-bottom: 30px; } .gallery-con .gallery-img-con img { display: block; object-fit: cover; pointer-events: none; width: 100%; height: 100%; } .gallery-con .gallery-img-con img { transition: .4s ease-in-out; } .gallery-con .gallery-img-con img { transition: .4s ease-in-out; } .gallery-con .gallery-img-con:hover img { transform: scale(1.1); } .gallery-con .gallery-img-con a::before { content: ""; background: url(../images/Plus-icon.jpg) no-repeat center; width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; z-index: 2; display: none; transform: translate(-50%, -50%); } .gallery-con .gallery-img-con a::after { content: ""; top: 0; right: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 55%); display: none; } .gallery-con .gallery-img-con:hover a::before, .gallery-con .gallery-img-con:hover a::after { display: block; } .gallery-con .gallery-img-con a img { display: block; margin: 0; width: 100%; height: 100%; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .gallery-con .gallery-img-con a.zoom:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .gallery-con .gallery-img-con { overflow: hidden; position: relative; } #lightbox .modal-content { display: inline-block; text-align: center; background: none; border: none; } .modal-header { border: none; } .modal-body { padding: 0; } button.close:focus { outline: none; border: none; } button.close { border: 0; position: fixed; right: -20px; top: -20px; color: var(--secondary--color); background: var(--primary--color); opacity: 1; padding: 5px 16px 14px !important; border-radius: 50%; height: 50px; width: 50px; font-size: 32px; z-index: 2; font-weight: 300; } button.close span i { font-size: 20px; } button.close:hover { background: var(--primary--color); color: var(--secondary--color); opacity: 1; } .modal-dialog { max-width: fit-content; top: 0%; width: 55%; } .modal-content { overflow: inherit; } / DINING EXPERIENCE SECTION / .dinng-experience-content { background-color: var(--secondary--color); padding: 72px 61px 84px; } / MEMBERSHIP SECTION / .membership-con .member-benefits-con { display: grid; grid-template-columns: 215px 215px; gap: 30px; } .membership-con .member-benefits-con .benefit-box, .index2-outer-wrapper .benefits-we-provide-con .member-benefits-con .benefit-box { background-color: var(--secondary--color); box-shadow: 0px 1px 94px rgb(0 0 0 / 3%); padding: 29px 30px; text-align: center; border: 1px solid transparent; transition: ease-in-out 0.6s; } .membership-con .member-benefits-con .benefit-box img, .index2-outer-wrapper .benefits-we-provide-con .member-benefits-con .benefit-box img { margin-bottom: 21px; transition: ease-in-out 0.6s; } .membership-con .member-benefits-con .benefit-box h4, .index2-outer-wrapper .benefits-we-provide-con .member-benefits-con .benefit-box h4 { line-height: 26px; } .membership-con .member-benefits-con .benefit-box:hover img, .index2-outer-wrapper .benefits-we-provide-con .member-benefits-con .benefit-box:hover img { transform: translateY(-3px); } .membership-con .member-benefits-con .benefit-box:hover, .index2-outer-wrapper .benefits-we-provide-con .member-benefits-con .benefit-box:hover { border: 1px solid #b09308; } / TESTIMONIALS SECTION / .testimonials-con .white-box { padding:20px 20px; background-color: var(--secondary--color); } .testimonials-con .owl-carousel .owl-item .white-box img { width: auto; margin-bottom: 18px; } .testimonials-con .owl-carousel .owl-item .white-box p { line-height: 25px; margin-bottom: 24px; } .testimonials-con .testimonial-detail { gap: 16px; } .testimonials-con .owl-carousel .owl-item .white-box .testimonial-detail .name-outer img { margin-bottom: 10px; } .testimonial-detail .designation { font-size: 14px; line-height: 17px; } / HOTEL INFORMATION SECTION / .hotel-info-white-box { background-color: var(--secondary--color); padding: 45px 52px; box-shadow: 0px 1px 94px rgb(0 0 0 / 5%); } .hotel-info-white-box .hotel-info-inner { gap: 18px; padding: 0 60px; border-right: 1px solid #dfdfdf; } .hotel-info-white-box .hotel-info-inner i { color: #b09308; position: relative; top: 2px; } .hotel-info-white-box .hotel-info-inner .info-content h6 span, .hotel-info-white-box .hotel-info-inner .info-content span { margin-left: 9px; font-size: 14px; line-height: 18px; color: var(--text-color); } .hotel-info-white-box .hotel-info-inner .info-content h6 { margin-bottom: 12px; } .hotel-info-white-box .hotel-info-inner .info-content h6 span.first-span { margin-left: 19px; } / FOLLOW INSTAGRAM SECTION / .follow-insta-con .heading-title-con i { color: #b09308; font-size: 34px; width: 29px; height: 29px; } .follow-insta-con .heading-title-con a { font-size: 16px; color: var(--text-color); margin-bottom: 12px; } .follow-insta-con .heading-title-con a:hover { color: #b09308; } .follow-insta-con .insta-posts figure { border-right: 1px solid var(--secondary--color); } .follow-insta-con .insta-posts a { position: relative; } .follow-insta-con .insta-posts i { position: absolute; color: var(--secondary--color); top: 50%; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; } / FOOTER SECTION / .footer-con { background-color: var(--sea-blue-color1); padding-top:50px; } .footer-con .row { padding-bottom: 45px; } .footer-con .footer-inner-content i { color: var(--grey-color3); } .footer-con .footer-inner-content4 form { margin: 5px 0 30px; } .footer-con .footer-inner-content4 form input { height: 55px; width: 350px; font-size: 14px; padding: 10px 15px; } .footer-con .footer-inner-content4 form input:focus { box-shadow: inset 0 1px 1px rgb(20 70 46 / 8%), 0 0 8px rgb(207 121 101 / 60%); outline: none; border: 1px solid #b09308; } .footer-inner-content4 form button { position: absolute; width: 48px; height: 44px; background: #b09308; outline: none; border: none; top: 6px; right: 6px; cursor: pointer; transition: ease-in-out 0.6s; } .footer-inner-content4 form i { color: var(--secondary--color); } .footer-con .footer-inner-content ul li { padding-left: 32px; color: #e7e7e7; line-height: 25px; font-size: 16px; margin-bottom: 10px; } .footer-con .footer-inner-content ul li a { color:#e7e7e7; font-size:15px; } .footer-con .footer-inner-content ul li i { position: absolute; top: 5px; left: 0; font-size: 16px; } .footer-con h5.span-heading { margin-bottom: 20px; } .footer-con .footer-inner-links-con ul li:before { content: "\f061"; color: var(--grey-color3); font-size: 11px; font-weight: bold; display: inline-block; margin-left: 0; position: absolute; font-family: 'FontAwesome'; top: 0; left: 0px; } .footer-con .footer-inner-links-con li { display: flex; position: relative; align-items: center; font-size: 16px; line-height: 23px; margin-bottom: 10px; color: #e7e7e7; } .footer-con .footer-inner-links-con ul li a { color: #e7e7e7; position: relative; margin-left: 22px; margin-bottom: 0; display: inline-block; } .footer-con .footer-inner-links-con.var2 { padding-left: 29px; } .footer-con .footer-inner-links-con.var3 { padding-left: 53px; } .footer-con .copyright-con { background-color: var(--sea-blue-color2); padding: 16px 0; } .footer-con .copyright-con p { font-size: 14px; color: #e7e7e7; font-size:14px; } .footer-con .social-icon i, .our-team-con .team-box .social-icon i { background-color: var(--primary--color); width: 46px; height: 46px; border-radius: 100%; text-align: center; line-height: 46px; display: inline-block; color: var(--secondary--color); transition: ease-in-out 0.6s; } .footer-con .social-icon i:hover, .our-team-con .team-box .social-icon i:hover { background-color: #b09308; transform: translateY(-2px); } .footer-con .social-icon a, .our-team-con .team-box .social-icon a { margin: 0 5px; display: block; } .footer-inner-content4 form button:hover { background-color: var(--primary--color); } .footer-con a { position: relative; } .footer-con a::after { left: 0; bottom: -2px; width: 0; height: 1px; content: ''; position: absolute; background: #b09308; transition: ease-in-out 0.3s; } .footer-con a:hover::after { width: 100%; } .footer-con .footer-inner-content ul li a:hover, .footer-con .footer-inner-links-con ul li a:hover { color: #b09308; text-decoration: none; } .footer-con .footer-inner-content4 a:hover::after { display: none; } .footer-con .footer-inner-content a.logo-wrapp:hover::after { display: none; } / SUB BANNER SECTION / .sub-banner-con { background-image: url(../images/bg1.jpg); background-size: cover; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; background-position: center; } .room-bg { background-image: url(../images/room-bg.jpg); } .sub-banner-con { color: var(--secondary--color); } .sub-banner-con p { font-size: 18px; line-height: 29px; margin-bottom: 36px; letter-spacing: 0.2px; } .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active { color: var(--secondary--color); } .breadcrumb-item { font-size: 16px; font-weight: 500; line-height: 16px; } .breadcrumb { background-color: transparent; padding: 16.5px 10px; min-width: 197px; border: 1px solid rgb(255 255 255 / 30%); transition: ease-in-out 0.6s; border-radius: 0; justify-content: center; } .breadcrumb-item a { text-decoration: none; color: var(--secondary--color); } .breadcrumb-item a:hover { color: #b09308; } .breadcrumb:hover { background-color: var(--primary--color); } .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "\f061"; font-family: "Font Awesome 6 Free"; font-size: 11px; padding: 0 14px; font-weight: 600; } /* ABOUT US CRAFTING SECTION / ul.check-list li { padding-left: 30px; font-weight: 600; color: var(--black-family-color); font-size: 16px; margin-bottom: 5px; } ul.check-list li i { left: 0; top: 4px; color: var(--primary--color); } ul.check-list { margin-bottom: 39px; } .about-us-crafting-con .heading-title-con p { margin-bottom: 5px; line-height: 26px; font-size: 16px; color: #3b3b3b; } / WHO WE ARE COMFORT SECTION / .who-we-comfort-con::after { right: unset; left: 0; background-image: url(../images/who-we-are-comfort-img.jpg); } .who-we-comfort-con .vector-icon { left: unset; right: 0; } / OUR TEAM SECTION / .our-team-con .team-box img { margin-bottom: 35px; transition: ease-in-out 0.6s; } .our-team-con .team-box { overflow: hidden; position: relative; } .our-team-con .team-box:hover img { transform: scale(1.05); } .our-team-con .team-box span { margin-bottom: 16px; } .our-team-con .team-box .social-icon i { transition: ease-in-out 0.6s; } .our-team-con .team-box:hover .social-icon i { background-color: #b09308; transform: translateY(-2px) } / SERVICES OUTER IMAGE SECTION / .services-con .services-box-outer-con .service-box:hover { border: 1px solid transparent; } / / .rooms-and-suites-con .col-lg-4.col-md-6 { margin-bottom: 30px; } .rooms-and-suites-con .col-lg-4.col-md-6:nth-last-child(-n+3) { margin-bottom: 0; } .refine-relaxation-con::after { background-image: url(../images/refined-relaxation-img.jpg); } .refine-relaxation-con .heading-title-con p { margin-bottom: 24px; } / FAQ PAGE STYLING / .who-we-faq-con::after { background-image: url(../images/who-we-are-faq-img.jpg); } / GALLERY PAGE STYLING / .gallery-bottom-con { display: grid; grid-template-columns: 291px 790px; gap: 30px; } / FAQ PAGE STYLING / .faq-con .accordion-card .card-header { background-color: transparent; position: relative; padding: 21px 24px; margin-bottom: 0; background: none; border: none; } .faq-con .accordion-card .card-header a:focus { text-decoration: none; } .faq-con .accordion-card .card-header a:hover { text-decoration: none; } .faq-con .accordian-section-inner { text-align: left; } .faq-con .accordion-card { border-radius: 0; margin-bottom: 25px; box-shadow: 0 1px 94px rgb(0 0 0 / 4%); background-color: var(--secondary--color); } .faq-con .accordion-card a { padding: 0; align-items: center; display: flex; justify-content: space-between; } .faq-con .accordion-card .card-body p { font-size: 16px; line-height: 26px; } .faq-con .accordion-card .card-body { padding: 14px 0; margin-right: 24px; margin-left: 24px; border-top: 1px solid #dfdfdf; } .faq-con .accordion-card .card-header h5 { color: var(--black-family-color); font-size: 18px; font-weight: 600; font-family: "Archivo", system-ui; text-decoration: none; margin-bottom: 0; white-space: break-spaces; } .faq-con .accordion-card .card-header h5 a { color: var(--black-family-color); font-size: 18px; font-weight: 600; font-family: "Archivo", system-ui; text-decoration: none; } .faq-con .accordion-card:last-child { margin-bottom: 0; } .faq-con .accordion-card:has(.collapsed) .card-header h5 { color: var(--black-family-color); font-size: 18px; line-height: 22px; font-weight: 600; font-family: "Archivo", system-ui; } .faq-con .accordion-card:has(.collapsed) { background: var(--secondary--color); box-shadow: 0 1px 94px rgb(0 0 0 / 4%); border: none; } .faq-con .accordion-card a.btn.btn-link:focus { outline: none; box-shadow: none; } .faq-con .accordian-inner .accordion-card .btn { padding: 0; text-decoration: none; text-align: left; display: block; color: var(--dark-blue-family-color); } .faq-con .accordion-card a.btn.btn-link { position: relative; padding: 0; border: none; } .faq-con .accordion-card .btn-link:before { content: "\f063"; font-size: 16px; right: 0px; top: 6px; width: 13px; height: 11px; line-height: 12px; color: #b09308; text-align: center; position: absolute; font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; transition: all 0.3s ease-in-out; } .faq-con .accordion-card .collapsed:before { content: "\f061"; color: var(--primary--color); } .faq-con .accordion-card.mb-0 .card-header { border-bottom: none; } .faq-con .accordion-card a.btn.btn-link:hover h5 { color: #b09308; } / CONTACT US PAGE STYLING / .get-intouch-con .get-intouch-inner-wrap #contactpage span.error { font-size: 16px; line-height: 20px; margin-top: 12px; display: block; padding-left: 6px; color: red; } .get-intouch-con .reach-us-wrap { background-color: #b09308; padding: 58px 37px; } .get-intouch-con .get-intouch-inner-wrap form ul li { float: left; width: 48.5%; margin-right: 20px; margin-bottom: 20px; } .get-intouch-con .get-intouch-inner-wrap form ul li:nth-child(2), .get-intouch-con .get-intouch-inner-wrap form ul li:nth-child(4) { margin-right: 0; } .get-intouch-con .get-intouch-inner-wrap form ul li input { width: 100%; padding: 13px 19px; background-color: var(--secondary--color); border: none; height: 57px; font-size: 14px; font-weight: 400; color: var(--text-color); } .get-intouch-con .get-intouch-inner-wrap { padding-left: 50px; } .get-intouch-con .get-intouch-inner-wrap form ul li:last-child { width: 100%; } .get-intouch-con .get-intouch-inner-wrap form ul li textarea { height: 132px; padding: 13px 19px; background-color: var(--secondary--color); border: none; width: 100%; font-size: 14px; color: var(--text-color); float: left; } .get-intouch-con .get-intouch-inner-wrap form ul li:last-child { width: 100%; margin-right: 0; margin-bottom: 33px; } .get-intouch-con .get-intouch-inner-wrap form ul li input:focus-visible, .get-intouch-con .get-intouch-inner-wrap form ul li textarea:focus-visible { border: none; outline: none; } .get-intouch-con .get-intouch-inner-wrap form ul li input:focus, .get-intouch-con .get-intouch-inner-wrap form ul li textarea:focus { box-shadow: inset 0 1px 1px rgb(20 70 46 / 8%), 0 0 8px rgb(41 87 88 / 60%); border-color: var(--primary--color); } .get-intouch-con .reach-us-wrap p { font-size: 16px; line-height: 25px; margin-bottom: 19px; padding-left: 3px; } .get-intouch-con .reach-us-wrap ul.info-details li a:hover::after { width: 100%; } .get-intouch-con .reach-us-wrap ul.info-details li a::after { left: 0; left: 0; bottom: -2px; width: 0; height: 1px; content: ''; position: absolute; background: var(--primary--color); transition: ease-in-out 0.3s; } .get-intouch-con .reach-us-wrap ul.info-details li a:hover { text-decoration: none; color: var(--primary--color) !important; } .get-intouch-con .reach-us-wrap ul.info-details li a { position: relative; font-size: 16px; line-height: 25px; } .get-intouch-con .reach-us-wrap ul.info-details li { display: flex; align-items: center; padding-bottom: 30px; padding-top: 28px; border-bottom: 1px solid rgb(255 255 255 / 20%); } .get-intouch-con .reach-us-wrap ul.info-details li:first-child { padding-top: 0; } .get-intouch-con .reach-us-wrap ul.info-details li:last-child { border-bottom: none; } .get-intouch-con .reach-us-wrap .sub-info-inner { margin-left: 24px; } .get-intouch-con .reach-us-wrap p.sub-p { padding-left: 0; } .get-intouch-con .reach-us-wrap ul.info-details li img { position: relative; top: -15px; } .get-intouch-con .reach-us-wrap ul.info-details li .sub-info-inner h4 { margin-bottom: 18px; } / MAP SECTION / .contact-map-con iframe { width: 100%; height: 547px; border: none; position: relative; / pointer-events: none; / filter: grayscale(100%); } .error-section, .coming-soon-con { height: 100vh; display: flex; text-align: center; align-items: center; justify-content: center; position: relative; } .error-section .primary-button a { min-width: 210px; } .error-con { position: relative; z-index: 2; } .error-con h2 { font-size: 170px; line-height: 165px; margin-bottom: 20px; color: var(--primary--color); } .error-con h2 span { color: #b09308; } .error-con p { font-size: 22px; line-height: 36px; margin-bottom: 40px; } .error-con .secondary-button a i { margin-left: 4px; } .error-con .secondary-button a { min-width: 220px; } / COMING SOON PAGE / .coming-soon-con .new-logo { margin-bottom: 40px; } .coming-soon-con h1 { margin-bottom: 48px; font-size: 90px; line-height: 100px; text-transform: uppercase; } .coming-soon-con h3 { margin-bottom: 20px; } / coming soon countdown timer styling / .compaign_countdown ul { margin: 0; padding: 0; list-style: none; } .compaign_countdown ul li { float: left !important; width: auto; margin: 0; text-align: center; margin: 0 13px; min-height: 133px; min-width: 133px; background-color: var(--primary--color); padding: 16px; color: var(--secondary--color); font-size: 22px; font-weight: 300; } .compaign_countdown ul li:first-child { margin-left: 0; } .compaign_countdown ul li:last-child { margin-right: 0; } .compaign_countdown ul li span.days, .compaign_countdown ul li span.hours, .compaign_countdown ul li span.minutes, .compaign_countdown ul li span.seconds { display: block; color: #b09308; width: auto; font-size: 60px; / font-family: "Archivo", system-ui; / font-family: "Montserrat", system-ui; line-height: 70px; border-radius: 0; font-weight: 700; } .compaign_countdown { margin: 0 auto; width: 70%; } .coming-soon-con { flex-grow: 1; min-height: 100vh; } .error-banner, .coming-soon-con { flex-grow: 1; } / FACILITIES PAGE STYLING / .facility-con .services-box-outer-con.w-100 { background-color: #fff; box-shadow: 0 1px 94px rgb(0 0 0 / 5%); } .facility-con .services-box-outer-con .service-box { box-shadow: none; } / index 2 styling / .index2-outer-wrapper .top-bar-con { color: var(--secondary--color); } .index2-outer-wrapper .header-con .navbar-light .navbar-nav .nav-link { color: var(--secondary--color); } .index2-outer-wrapper .header-con .navbar-light .navbar-nav .nav-link:hover { color: #b09308; } .index2-outer-wrapper .header-contact .contact-btn { background-color: #b09308; color: var(--secondary--color); border: 1px solid transparent; } .index2-outer-wrapper .header-contact .contact-btn:hover { background: var(--primary--color); color: var(--secondary--color); transition: ease-in-out 0.6s; /* box-shadow: 0px 10px 20px rgb(0 0 0 / 15%); / border: 1px solid var(--secondary--color); } .index2-outer-wrapper .top-bar-con { background-color: rgb(0 0 0 / 15%); } .index2-outer-wrapper .top-bar-con span { color: var(--secondary--color) !important; } .index2-outer-wrapper .header-con { padding: 32px 0; } .index2-outer-wrapper .top-bar-con img { filter: brightness(0) invert(1); } .index2-outer-wrapper .top-bar-con .wrapper1417 { border-bottom: none; padding: 15px 0; } .index2-outer-wrapper .top-bar-con a { font-weight: 400; } .index2-outer-wrapper .bg-outer-wrapper { background-image: url(../images/home02/index2-banner-img.jpg); background-repeat: no-repeat; background-size: cover; height: 1117px; } .index2-outer-wrapper .banner-con { padding-top: 75px; padding-bottom: 146px; } .index2-outer-wrapper .banner-img-con figure.img2 { right: -35px; bottom: -48px; z-index: 3; } .index2-outer-wrapper .banner-img-con figure.img2::after { width: 336px; height: 232px; content: ""; position: absolute; text-align: center; background-image: url(../images/home02/banner-vector2.png); z-index: 1; right: -21px; bottom: -23px; } .index2-outer-wrapper .banner-img-con figure.img1::after { width: 512px; height: 100%; content: ""; position: absolute; text-align: center; background-image: url(../images/home02/banner-vector1.png); z-index: 1; left: -26px; top: -26px; } .index2-outer-wrapper .banner-img-con figure.img1 img { z-index: 2; position: relative; } .index2-outer-wrapper .banner-img-con figure.img2 img { z-index: 2; position: relative; } .index2-outer-wrapper .banner-con .secondary-button a { border: 1px solid transparent; } .index2-outer-wrapper .banner-con .secondary-button a:hover { border: 1px solid var(--secondary--color); } .index2-outer-wrapper .banner-con .down_button { left: 0; right: 0; bottom: 30px; display: block; position: absolute; } .index2-outer-wrapper .banner-con .down_button .banner-dropdownimage { transition: ease-in-out 0.6s; } .index2-outer-wrapper .down_button .banner-dropdownimage:hover { transform: translateY(-3px); } .index2-outer-wrapper .banner-con h1 { margin-bottom: 23px; } .index2-outer-wrapper .banner-con p { margin-bottom: 30px; } / index2 reservation con / .index2-outer-wrapper .reservation-con { box-shadow: 0 1px 94px rgb(0 0 0 / 8%); } .index2-outer-wrapper .reservation-con .reservation-inner { grid-template-columns: 329px 329px 194px 194px; gap: 36px; } .index2-outer-wrapper .reservation-con .secondary-button { margin-left: 36px; } .index2-outer-wrapper .reservation-con .reservation-inner input, .index2-outer-wrapper .reservation-con .reservation-inner select { border: none; height: auto; padding: 0; background: none; } .index2-outer-wrapper .reservation-con .reservation-inner input:focus, .index2-outer-wrapper .reservation-con .reservation-inner select:focus { outline: none; box-shadow: none; border: none; } .index2-outer-wrapper .reservation-con .checkin-con, .index2-outer-wrapper .reservation-con .checkout-con, .index2-outer-wrapper .reservation-con .adults-con, .index2-outer-wrapper .reservation-con .children-con { padding-right: 38px; border-right: 1px solid #dfdfdf; } .index2-outer-wrapper .reservation-con .children-con { border-right: none; } .index2-outer-wrapper .reservation-inner label { line-height: 17px; } .index2-outer-wrapper .reservation-con .secondary-button a { min-width: 212px; } .index2-outer-wrapper .reservation-con .white-box { padding: 60px 0; } / / .index2-outer-wrapper .rooms-and-suites-con2 .heading-title-con { margin-bottom: 30px; } .index2-outer-wrapper .rooms-and-suites-con2 .room-box .white-box { display: block !important; text-align: center; margin: 0 auto; transform: translate(-50%, 50%); bottom: 0; left: 50%; right: unset; top: unset; box-shadow: 0 1px 12px rgb(0 0 0 / 7%) inset; padding: 26px 25px 40px; } .index2-outer-wrapper .rooms-and-suites-con2 .room-box .white-box .arrow-con { margin: 19px auto 0; position: absolute; / margin: 0 auto; / transform: translate(-50%, 50%); bottom: 0; left: 50%; } .index2-outer-wrapper .rooms-and-suites-con2 .room-box { margin-bottom: 100px; transition: ease-in-out 0.6s; } .index2-outer-wrapper .rooms-and-suites-con2 .room-box:hover { transform: translateY(-20px); } .index2-outer-wrapper .owl-stage-outer { padding-top: 50px; } .index2-outer-wrapper .rooms-and-suites-con2 .room-box figure { position: relative; } .index2-outer-wrapper .rooms-and-suites-con2 .room-box figure::after { width: 356px; height: 100%; content: ""; position: absolute; text-align: center; background-image: url(../images/home02/rooms-vector.png); z-index: 1; left: 0; margin: 0 auto; right: 0; top: -20px; } .index2-outer-wrapper .rooms-and-suites-con2 .owl-carousel .owl-item img.star { width: auto; text-align: center; margin: 0 auto 12px; } .logo-1 img { width:110px } .index2-outer-wrapper .owl-carousel .owl-nav button.owl-next { top: 50%; position: absolute; right: -50px; } .index2-outer-wrapper .owl-carousel .owl-nav button:focus { outline: none; border: none; box-shadow: none; } .index2-outer-wrapper .owl-carousel .owl-nav button.owl-prev { top: 50%; position: absolute; left: -50px; } .index2-outer-wrapper .owl-carousel .owl-nav button span { color: var(--black--color); } .index2-outer-wrapper .services-con .provide-box figure.green-circle { position: absolute; width: 90px; height: 90px; line-height: 90px; border-radius: 100%; margin: 0 auto; text-align: center; background-color: var(--primary--color); left: 50%; transform: translate(-50%, 50%); bottom: 0; z-index: 3; transition: ease-in-out 0.6s; } .index2-outer-wrapper .services-con .provide-box .provide-content-con { padding-top: 67px; } .index2-outer-wrapper .services-con .provide-box.beige-con { margin-top: 40px; } .index2-outer-wrapper .services-con .provide-box.beige-con figure.green-circle { background-color: #b09308; } .index2-outer-wrapper .services-con .provide-box figure.position-relative::after { width: 260px; height: 314px; content: ""; position: absolute; text-align: center; background-image: url(../images/home02/provide-vector.png); z-index: 1; left: 0; margin: 0 auto; right: 0; top: -20px; } .index2-outer-wrapper .services-con .provide-box.beige-con figure.position-relative::after { background-image: url(../images/home02/provide-vector2.png); } .index2-outer-wrapper .services-con .provide-box figure.position-relative img { position: relative; z-index: 2; } / / .index2-outer-wrapper .hotel-services-con { background-image: url(../images/home02/hotel-services-bg.jpg); background-repeat: no-repeat; background-size: cover; } .index2-outer-wrapper .hotel-services-con .heading-title-con h2 { padding-bottom: 29px; border-bottom: 2px solid rgb(255 255 255 / 20%); margin-bottom: 30px; } .index2-outer-wrapper .hotel-services-con .hotel-review-con span { font-size: 14px; margin-left: 11px; } .index2-outer-wrapper .hotel-services-con .hotel-review-con span.review-no { margin-left: 11px; font-size: 22px; } .index2-outer-wrapper .hotel-services-con .quality-con .quality-box span { font-size: 33px; line-height: 33px; margin-bottom: 16px; } .index2-outer-wrapper .hotel-services-con .quality-con .quality-box sup { font-size: 33px; top: unset; } .index2-outer-wrapper .hotel-services-con .quality-con .quality-box span.span-text { font-size: 14px; line-height: 14px; margin-bottom: 0; font-weight: 600; } .index2-outer-wrapper .hotel-services-con .quality-con { right: -36px; position: relative; } / / .index2-outer-wrapper .benefits-we-provide-con .member-benefits-con { display: grid; grid-template-columns: 256px 256px 256px 256px; gap: 30px; } .index2-outer-wrapper .benefits-we-provide-con .member-benefits-con .benefit-box { padding: 39px 30px; } .index2-outer-wrapper .news-and-articles-con .news-box img { margin-bottom: 30px; } .index2-outer-wrapper .news-and-articles-con .news-box span { font-size: 14px; line-height: 14px; margin-bottom: 13px; } .index2-outer-wrapper .news-and-articles-con .news-box h4 { margin-bottom: 20px; line-height: 26px; } .index2-outer-wrapper .news-and-articles-con .news-box a:hover { color: var(--primary--color); text-decoration: none; } .index2-outer-wrapper .news-and-articles-con .news-box a:hover h4 { color: var(--primary--color); } .index2-outer-wrapper .news-and-articles-con .news-box .arrow-con { margin: 0 auto; text-align: center; line-height: 45px; color: var(--secondary--color); font-size: 13px; } .index2-outer-wrapper .news-and-articles-con .news-box figure::after { width: 356px; height: 347px; content: ""; position: absolute; text-align: center; background-image: url(../images/home02/news-vector.png); z-index: 1; left: 0; margin: 0 auto; right: 0; top: -26px; } .index2-outer-wrapper .explore-gallery-photos-con .owl-carousel .owl-item img { width: auto; } .index2-outer-wrapper .explore-gallery-photos-con { overflow: hidden; } .index2-outer-wrapper .explore-gallery-photos-con .owl-carousel .owl-nav.disabled { display: block; margin-top: 55px; } .index2-outer-wrapper .explore-gallery-photos-con .owl-carousel .owl-nav button.owl-prev { top: 50%; position: relative; left: unset; margin-right: 18px; } .index2-outer-wrapper .explore-gallery-photos-con .owl-carousel .owl-nav button.owl-next { top: 50%; position: relative; right: unset; } .index2-outer-wrapper .explore-gallery-photos-con .owl-carousel .owl-nav button { transition: ease-in-out 0.6s; } .index2-outer-wrapper .explore-gallery-photos-con .owl-carousel .owl-nav button span { color: var(--secondary--color); background-color: var(--primary--color); height: 45px; line-height: 45px; width: 51px; transition: ease-in-out 0.6s; } .index2-outer-wrapper .explore-gallery-photos-con .owl-carousel .owl-nav button:hover span { background-color: #b09308; } .index2-outer-wrapper .explore-gallery-photos-con .owl-stage-outer { padding-top: 0; } .index2-outer-wrapper .testimonials-con .owl-stage-outer { padding-top: 0; } .index2-outer-wrapper .testimonials-con .white-box, .index3-outer-wrapper .testimonials-con .white-box { box-shadow: 0 1px 94px rgb(0 0 0 / 4%) inset; } / INDEX 03 PAGE STYLING / .index3-outer-wrapper .rooms-and-suits-con3 .suit-inner-con { padding: 36px 20px 17px; } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box { box-shadow: 0 1px 94px rgb(0 0 0 / 5%); background-color: var(--secondary--color); width: 100%; } .index3-outer-wrapper .rooms-and-suits-con3 .col-lg-3.col-md-3 { display: flex; } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box figure.green-stars-bg { margin: 0 auto; transform: translate(-50%, 50%); top: 0; position: absolute; } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box .suit-content { padding-bottom: 18px; margin-bottom: 12px; border-bottom: 1px solid var(--grey-color); } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box a { font-size: 14px; line-height: 16px; } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box a:hover { text-decoration: none; color: var(--primary--color) !important; } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box a:hover i { transform: translateX(3px); } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box a i { font-size: 13px; transition: ease-in-out 0.6s; } .index3-outer-wrapper .rooms-and-suits-con3 .suit-box figure.green-stars-bg { margin: 0 auto; transform: translate(50%, 50%); position: absolute; top: -32px; } .index3-outer-wrapper .wt-we-provide-con3 .provider-box { padding: 45px 38px 45px 30px; background-color: var(--secondary--color); transition: ease-in-out 0.6s; width: 100%; } .index3-outer-wrapper .wt-we-provide-con3 .provider-box .provider-content { padding-left: 24px; } .index3-outer-wrapper .wt-we-provide-con3 .provider-box:hover { background-color: #b09308; } .index3-outer-wrapper .wt-we-provide-con3 .provider-box:hover { color: var(--secondary--color); } .index3-outer-wrapper .wt-we-provide-con3 .provider-box:hover img { filter: brightness(0) invert(1); } .index3-outer-wrapper .wt-we-provide-con3 .col-lg-4.col-md-6 { margin-bottom: 30px; display: flex; } .index3-outer-wrapper .wt-we-provide-con3 .col-lg-4.col-md-6:nth-last-of-type(-n+3) { margin-bottom: 0; } .index3-outer-wrapper .about-us-con .statistics-box { box-shadow: 0 1px 94px rgb(0 0 0 / 4%); } .index3-outer-wrapper .about-us-con figure.image2 { right: 46px; bottom: -100px; } .index3-outer-wrapper .about-us-con figure.image2 img { border: 10px solid var(--secondary--color); } .index3-outer-wrapper .header-contact .contact-btn { background-color: #b09308; color: var(--secondary--color); } .index3-outer-wrapper .header-contact .contact-btn:hover { background: var(--primary--color); color: var(--secondary--color); } .index3-outer-wrapper .banner-con3::after { content: ""; right: 0; top: 0; width: 960px; height: 100%; position: absolute; background: url(../images/home03/banner-image3.jpg); background-position: right; background-size: cover; background-repeat: no-repeat; } .index3-outer-wrapper .banner-con3::before { content: ""; left: 0; top: 0; width: 1038px; height: 100%; position: absolute; background: url(../images/home03/banner-image-bg.jpg); background-size: cover; background-repeat: no-repeat; } .index3-outer-wrapper .banner-con3 { height: 825px; padding-top: 162px; padding-bottom: 170px; } .index3-outer-wrapper .banner-con3 .banner-inner { z-index: 1; } .index3-outer-wrapper .banner-con3 .banner-inner .special-text3 { margin-bottom: 20px; } .index3-outer-wrapper .banner-con3 .banner-inner .special-text3 span { padding-left: 54px; font-size: 18px; } .index3-outer-wrapper .banner-con3 .banner-inner .special-text3::after { left: 0; top: 0; bottom: 0; margin: auto; width: 43px; height: 2px; content: ''; position: absolute; background: var(--secondary--color); transition: ease-in-out 0.3s; } .index3-outer-wrapper .banner-con3 .banner-inner h4.special-font3 { margin-bottom: 70px; } .index3-outer-wrapper .reservation-con .white-box { width: 1110px; } .index3-outer-wrapper .reservation-con .secondary-button a { height: 100px; min-width: 190px; padding: 18px 46px; line-height: 20px; font-size: 16px; } .index3-outer-wrapper .reservation-con .secondary-button { margin-left: 30px; } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom:50px; margin-top:50px; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 16px; } .tarifinfo th { background: #12716c; text-align: center; font-size: 18px; color: #fff; } .tarifinfo th, td { padding: 10px; border: solid 1px #ddd; font-weight: 500; } .knsl-p-60-60 { margin-top:60px } .carousel-item { max-height:90vh; } .logo-wrapp { width:100px; margin-bottom:10px; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings