File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/kridhapalace.com/css/custom.css
Back
/* INDEX ---------------------------------------------------------------------------------------- 01. Global Variables 02. General css 03. Header css 04. Hero css 05. Offer Section Section css 06. Your Comfort Section css 07. LuxeStay Offerings Section css 08. Check In Check Out Section css 09. Extra Service Section css 10. The Journey Section css 11. Event Section css 12. Testimonial Section css 13. High Priority Section css 14. Our Services Section css 15. Room list css 16. Room Single Page css 17. Gallery Section css 18. Services List Section css 19. Categorywise Counter Section css 20. Quality Services & Activities Section css 21. Skyline Suit For Need Section css 22. Experience Section css 23. Need An Inquiry Section css 24. About Us Page css 25. Offers And Promotion Page css 26. Restaurant Page css 27. Event And Wedding Page css 28. Fitness and Wellness Page css 29. Golf Cources Page css 30. Hiking and Trekking Page css 31. Leisure And Entertainment Page css 32. Nature And Exploration Page css 33. Ski & Snowboarding Page css 34. Spa And Wellness Page css 35. Unique Experiences Page css 36. Water Sports Page css 37. Winter Hiking Page css 38. Video Section css 39. Pricing Table Section css 40. FAQ Page css 41. Form Section Css 42. Letest Blog Section css 43. Inner Pages Banner Css 44. Contact Page css 45. Shop List Page css 46. Shop Detail Page css 47. Cart Page css 48. Checkout Page css 49. My Account Page css 50. Blog Page css 51. Blog Single css 52. Landing Page css 53. Footer css 54. Responsive css -------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Header / #sisf-page-header 3. Navigation / .navbar 4. Page Sidebar / .sisf-page-sidebar 5. Div Section / .section 6. Blog Section / .blogs-list 7. logo / .logo-section, .logo-Slider 8. Gallery / .gallery-items 9. Team / .sis-team-member 10. Testimonioal / .-testimonioal-section 11. Room List / room-list-slider 12. Footer / .main-footer -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Color codes] Background: #FFFFFF (White) Content: #000000 (Black) Header h1: #FFFFFF (White) Header h2: #000000 (Black) Footer: #000 (Black) Main Color : #a58437 ("Warm Beige") Secondary Color : #A0FD62 ("Light Green") Text White: #ffffff (white) Text Dark : #000000 (Black) a (standard): #FFFFFF a (active): #a58437 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Typography] Body copy : 16px/28px, 400, "Nunito Sans", sans-serif (Default Font) Heading h1 : 54px/3.375em, 800, "Nanum Myeongjo", serif (Heading Font) Heading h2 : 44px/2.75em, 700, "Nanum Myeongjo", serif (Heading Font) Section SubTitle h3 : 16px/ "Nunito Sans", sans-serif (Default Font) Input, textarea : 14px, "Nunito Sans", sans-serif; (Default Font) Sidebar heading : 26px,500,normal "Nunito Sans", sans-serif (Default Font); -------------------------------------------------------------------------------------- */ /************************************/ /*** 01. Global Variables ***/ /************************************/ :root { --main-color: #a58437; --dark-main-color: #24D2DD; --primary-color: #000000; --secondary-color: #A0FD62; --text-color: #311D19; --accent-color: #FE6035; --white-color: #FFFFFF; --divider-color: #FFFFFF26; --dark-divider-color: #E9E9E9; --error-color: rgb(230, 87, 87); --default-font: "Nunito Sans", sans-serif; --heading-font: "Nanum Myeongjo", Sans-serif; } /************************************/ /*** 02. General css ***/ /************************************/ body { font-family: var(--default-font); font-size: 16px; font-weight: 500; line-height: 32px; color: var(--primary-color); letter-spacing: 0.8px; background-color: var(--white-color); overflow: hidden; } p { line-height: 32px; margin-bottom: 1.6em; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 500; line-height: 1.75em; font-family: var(--heading-font); } h3 { font-size: 26px; line-height: 37px; font-weight: 500; letter-spacing: 1.04px; text-transform: none; } h4 { font-size: 25px; line-height: 40px; font-weight: 500; letter-spacing: 1.2px; word-wrap: break-word; } h5 { font-weight: 500; text-transform: none; font-size: 20px; line-height: 1.39em; letter-spacing: 1px; -ms-word-wrap: break-word; word-wrap: break-word; } figure { margin: 0; } img { max-width: 100%; } a { text-decoration: none !important; color: var(--primary-color); } a:hover { text-decoration: none; outline: 0; } a:focus { text-decoration: none; outline: 0; } html, body { width: 100%; overflow-x: hidden; } .container { max-width: 1330px; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .mfp-container { padding-right: 15px; padding-left: 15px; } .image-anime { position: relative; overflow: hidden !important; } .image-anime:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .5); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } .image-anime:hover:after { height: 250%; transition: all 600ms linear; background-color: transparent; } /*.reveal { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; visibility: hidden; overflow: hidden; }*/ .reveal img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: left; transform-origin: left; } .row { margin-right: -15px; margin-left: -15px; } .row>* { padding-right: 15px; padding-left: 15px; } .row.no-gutters { margin-right: 0px; margin-left: 0px; } .row.no-gutters>* { padding-right: 0px; padding-left: 0px; } .btn-default { position: relative; display: inline-block; font-size: 16px; font-weight: 400; line-height: 1.2em; letter-spacing: 0.5px; text-transform: uppercase; background: var(--main-color); color: var(--white-color); border-radius: 0px; padding: 16px 28px 16px 28px; font-family: var(--heading-font); border: 1px solid var(--main-color) !important; z-index: 1; transition: all 0.3s ease-in-out; overflow: hidden; } .btn-default i { margin-left: 5px; } .btn-default:hover { color: var(--main-color); transition: all 0.3s ease-in-out; border: 1px solid var(--primary-color) !important; background-color: var(--primary-color) !important; } .btn-default::before { content: ''; position: absolute; top: 50%; right: 0; bottom: 0; width: 40px; height: 40px; border-radius: 0%; background-color: var(--primary-color); background-image: url('../images/arrow-orange.html'); background-repeat: no-repeat; background-position: center center; background-size: 12px auto; transform: translate(-4px, -50%); transition: all 0.3s ease-in-out; display: none; } .btn-default:hover:before { transform: translate(-4px, -50%) rotate(45deg); background-size: 12px auto; } .btn-default::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0%; height: 100%; border-radius: 0px; background: var(--primary-color); transition: all 0.3s ease-in-out; z-index: -1; } .btn-default:hover::after { width: 100%; } .btn-secondary { color: var(--white-color); border: 1px solid var(--white-color) !important; } .btn-secondary:hover { color: var(--main-color) !important; border: 1px solid var(--main-color) !important; transition: all 0.3s ease-in-out; } .btn-secondary::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; border-radius: 0px; background: var(--primary-color); transition: all 0.3s ease-in-out; z-index: -1; } .btn-secondary:hover::after { height: 100%; } .sisf-m-button .sisf-m-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .btn-default.btn-highlighted { background-color: var(--white-color); color: var(--accent-color); } .btn-default.btn-highlighted:hover { background-color: transparent; } .btn-default.btn-highlighted:before { background-color: var(--accent-color); background-image: url('../images/arrow-white.html'); } .btn-default.btn-highlighted::after { background-color: var(--primary-color); } .readmore-btn { background-color: var(--accent-color); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; } .readmore-btn img { max-width: 15px; transition: all 0.3s ease-in-out; } #magic-cursor { position: absolute; width: 10px !important; height: 10px !important; pointer-events: none; z-index: 1000000; } #ball { position: fixed; display: block; left: 0; top: 0; transform: translate(-50%, -50%); width: 8px !important; height: 8px !important; background: var(--accent-color); margin: 0; border-radius: 50%; pointer-events: none; opacity: 1 !important; } .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: var(--accent-color); display: flex; align-items: center; justify-content: center; } .loading-container, .loading { height: 100px; position: relative; width: 100px; border-radius: 100%; } .loading-container { margin: 40px auto; } .loading { border: 1px solid transparent; border-color: transparent var(--white-color) transparent var(--white-color); animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%; } .loading-container:hover .loading, .loading-container .loading { transition: all 0.5s ease-in-out; } #loading-icon { position: absolute; top: 50%; left: 50%; max-width: 66px; transform: translate(-50%, -50%); } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .section-row { margin-bottom: 30px; } .section-row .section-title { width: 100%; max-width: 720px; margin: 0 auto; text-align: center; margin-bottom: 0; } .section-btn { text-align: end; } .section-title { margin-bottom: 40px; } .section-title .sisf-m-subtitle { color: var(--main-color); font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 24px; letter-spacing: 7px; margin-bottom: 15px; } .section-title .sisf-subtitle { color: var(--main-color); font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 7.2px; line-height: 25px; margin-bottom: 15px; font-family: var(--default-font); } .section-title h1 { font-size: 54px; font-weight: 800; line-height: 83px; text-transform: none; letter-spacing: 2.7px; margin-bottom: 30px; } .section-title h2 { margin-bottom: 10px; font-size: 35px; line-height: 35px; font-weight: 700; letter-spacing: 2.2px; text-transform: uppercase; position: relative; z-index: 1; } .section-title .sisf-m-title i { font-size: 28px; color: var(--main-color); line-height: 1; display: inline-block; position: relative; top: -22px; left: -10px; transform: rotate(57deg); } .sisf-e-colored { color: var(--main-color) !important; } .section-title .sisf-e-decorated { position: relative; } .section-title .sisf-e-decorated::before { content: ""; height: 1px; left: 0; right: 0; bottom: 15px; margin: auto; background: var(--main-color); position: absolute; z-index: 0; } .section-title .spin-img img { vertical-align: middle; } .section-title p { margin-top: 15px; margin-bottom: 0; } .section-title .text-heading { line-height: 65px; letter-spacing: 2px; font-weight: 400; font-size: 45px; text-transform: uppercase !important; color: var(--primary-color) !important; } .section-title .text-heading .bottom-line { border-bottom: 1px solid var(--main-color); line-height: 1, 3; } .help-block.with-errors ul { margin: 0; text-align: left; } .help-block.with-errors ul li { color: var(--error-color); font-weight: 500; font-size: 14px; } .mobile-none { display: block !important; } .navbar-brand.mobile-block.sisf-header-logo-link { display: none !important; } .section.att { padding: 20px 0px 20px 0px; } .section { padding: 70px 0px 70px 0px; } .float { transition: transform 0.3s ease-in-out; animation: smoothupDown 5s infinite ease-in-out; transition: transform 0.3s ease-in-out; } @keyframes smoothupDown { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0); } } .wow-bounce { animation-name: wow-bounce; animation-duration: 1.6s; animation-iteration-count: 1; animation-fill-mode: both; animation-timing-function: ease-in-out; transform-origin: center bottom; } @keyframes wow-bounce { 20%, 53%, 80%, from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.800, 0.07, 0.900, 0.07); transform: translate3d(0, -65px, 0); } 70% { animation-timing-function: cubic-bezier(0.800, 0.07, 0.900, 0.07); transform: translate3d(0, -35px, 0); } 90% { transform: translate3d(0, -15px, 0); } 100% { transform: translate3d(0, -5px, 0); } } /* ====================== BUZZ ANIMATION =========================*/ .image-container { display: inline-block; overflow: hidden; } .image-container img { transition: transform 0.1s ease-in-out; } .image-container:hover img { animation: buzz 0.15s infinite alternate; } @keyframes buzz { 0% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(-2px) rotate(-1deg); } 100% { transform: translateX(2px) rotate(1deg); } } .animate-hover { transition: transform 0.3s ease-in-out; } .animate-hover:hover { animation: upDown 1.2s infinite alternate ease-in-out; } @keyframes upDown { from { transform: translateY(0); } to { transform: translateY(-10px); } } .sisf-underline--left { text-decoration: none; font-size: 16px; font-weight: 600; line-height: 2em; position: relative; } .sisf-underline--left:after { content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; height: 1px; background-color: var(--primary-color); transition: .3s ease-in-out; backface-visibility: hidden; } .sisf-underline--left:hover:after { width: 0%; transition: .3s ease-in-out; } .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; background-color: #FF9933; color: var(--white-color); font-size: 16px; border-radius: 0px; text-align: center; line-height: normal; z-index: 999; opacity: 0; border: none; outline: none; visibility: hidden; transition: all 0.3s ease-in-out; } .back-to-top:hover { color: var(--main-color); background-color: var(--primary-color); transition: all 0.3s ease-in-out; } .back-to-top.show { opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; } /************************************/ /**** 03. Header css ****/ /************************************/ .sisf-skin--light.sisf-page .container-fluid { display: flex; align-items: center; } .header-top { display: flex; justify-content: space-between; background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.12); padding: 10px 0px; } .header-top a { color: var(--white-color); font-size: 14px; transition: 0.4s ease-in-out; cursor: pointer; } .header-top a:hover { color: var(--main-color); transition: 0.4s ease-in-out; } .header-top .mail-us .fa-envelope { position: relative; top: 2px; } .header-top .header_col { width: 100%; display: flex; align-items: center; padding: 0; justify-content: space-between; } .widget .sisf-icon-list-item .icon-call-out::before { position: relative; top: 1px; margin-right: 5px; font-size: 16px; } .sisf-skin--light .sisf-e-title-text { color: var(--white-color) !important; font-size: 16px !important; transition: 0.3s ease-in-out; } .header-top .sisf-icon--icon-pack .sisf-e-title-text:hover { color: var(--main-color) !important; transition: 0.3s ease-in-out; } .header-top .mail-us .sisf-e-title-text:hover { color: var(--main-color) !important; transition: 0.3s ease-in-out; } header.main-header { position: relative; border-bottom: 1px solid var(--divider-color); z-index: 100; } header.main-header .header-sticky { position: relative; top: 0; z-index: 100; } header.main-header .header-sticky.hide { transform: translateY(-100%); transition: transform 0.3s ease-in-out; border-radius: 0; } header.main-header .header-sticky.active { position: fixed; top: 0; left: 0; right: 0; border-radius: 0; transform: translateY(0); background: var(--primary-color); border-bottom: 1px solid var(--divider-color); backdrop-filter: blur(30px); } .navbar { padding: 0px 0; align-items: center; } .navbar-brand { padding: 0; margin: 0; } .sisf-main-header { position: absolute; top: 0; left: 0; right: 0; z-index: 5; height: auto; } #sisf-page-header-inner { background-color: transparent; position: relative; height: 100%; padding: 15px 0px 0 0px; } .sisf-divided-header-left-wrapper, .sisf-divided-header-right-wrapper { width: 100%; height: 80px; } .sisf-divided-header-left-wrapper .navbar { margin: 0 30px 0 0px; position: static; } .sisf-centered-header-wrapper .navbar { position: static; } .sisf-divided-header-right-wrapper .navbar { margin: 0 0 0 45px; position: static; } .sisf-header-logo-link.navbar-brand { position: relative; display: flex !important; align-items: center; flex-shrink: 0; max-height: 100%; height: auto; justify-content: center; } .sisf-header-logo-link.navbar-brand img { width: 120px; /*height: 80px;*/ } .sisf-skin--light .input-group .form-control { background: transparent !important; font-size: 17px; } .sisf-icon-list-item .input-group input::placeholder { color: var(--white-color) !important; } .sisf-icon-list-item .input-group input:focus { color: var(--white-color) !important; } .sisf-divided-header-left-wrapper .icon-location-pin, .sisf-divided-header-left-wrapper .store-location { font-size: 20px; } .sisf-divided-header-left-wrapper .icon-location-pin { position: relative; top: 2px; } .sisf-skin--light .sisf-icon-holder { color: var(--primary-color); font-family: var(--default-font); } .sis_core_woo_dropdown_cart .sisf-dropdown-cart-content { display: block; padding: 30px 20px; text-align: left; background: #fff; border: 1px solid #ebebeb; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(235, 235, 235); border-top: 1px solid var(--sis-main-color); transform: translateY(8px); opacity: 0; transition: opacity .6s ease-out, transform .4s ease-out; position: absolute; top: 85%; left: auto; right: -24px; width: 305px; opacity: 0 !important; visibility: hidden !important; z-index: 1000; } .sis_core_woo_dropdown_cart:hover .sisf-dropdown-cart-content { transform: translateY(0) !important; opacity: 1 !important; visibility: visible !important; } .sis_core_woo_dropdown_cart, .header-favorite-icon { position: relative; } .user-icon .dripicons-user i { color: var(--primary-color); font-size: 26px; } .header-favorite-icon i { font-size: 30px; color: var(--primary-color); } .header-favorite-icon .sisf-m-opener-count { top: -10px !important; right: -10px !important; } .header-icon .sisf-icon-list-item { background-color: rgba(255, 255, 255, 0.2); padding: 8px 20px 8px 20px; border-radius: 50px; } .header-icon .search-container { position: relative; display: inline-block; } .header-icon .search-input { background-color: transparent; border: none; outline: none; width: 220px; } .header-icon .search-input::placeholder { color: var(--white-color); } .header-icon .search-input { color: var(--white-color); } .header-icon .sisf-icon-list-item .search-btn { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background: var(--primary-color); border: none; border-radius: 50%; padding: 5px; width: 30px; color: var(--white-color); height: 30px; display: flex; align-items: center; justify-content: center; } .sisf-m-opener-count { position: absolute; top: -13px; right: -15px; width: 25px; height: 25px; border-radius: 100px; background: var(--primary-color); color: var(--white-color); font-size: 14px; display: flex; font-weight: 500; line-height: 1.39em; align-items: center; justify-content: center; text-align: center; padding-top: 4px; } .sis_core_woo_dropdown_cart .sisf-m-opener-icon i { font-size: 25px; } .sisf-divided-header-right-wrapper .sisf-widget-holder { height: 100% } .sisf-divided-header-right-wrapper .sisf-widget-holder>div { margin: 0 15px; position: relative; height: 100%; align-items: center; display: flex; } .sisf-divided-header-right-wrapper .sisf-widget-holder>div:first-child { margin-left: 0 } .sisf-divided-header-right-wrapper .sisf-widget-holder>div:last-child { margin-right: 0 } .sisf-divided-header-right-wrapper .sisf-widget-holder .sisf-m-opener { position: relative; } .sisf-divided-header-right-wrapper .sisf-widget-holder .sisf-m-opener .sisf-m-opener-count { text-align: center; font-family: inherit; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: .75px; text-transform: uppercase; width: 22px; height: 22px; background: var(--main-color); border-radius: 50px; position: absolute; top: -12px; right: -15px; color: var(--white-color); } .cart-image { width: 14px; height: 19px; } .single-gallery{ margin-bottom:25px; } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; margin-top: 20px; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 16px; } .tarifinfo th { background: #323232; text-align: center; font-size: 18px; color: #fff; } .tarifinfo th { padding: 10px; border: solid 1px #000; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; } .tarifinfo td { font-size: 18px; color: #323232; padding: 10px; border: solid 1px #000; font-weight: 500; /*text-transform: uppercase;*/ letter-spacing: 1px; } .sisf-button.sisf-layout--outlined { letter-spacing: 0.5px; line-height: 1.5em; border: 1px solid var(--main-color); position: relative; display: inline-flex; vertical-align: middle; width: auto; background-color: var(--main-color); margin: 0; border-radius: 0px; outline: 0; transition: color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out; font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 10px 30px; color: #fff; } .sisf-button.sisf-layout--outlined:hover { border: 1px solid var(--main-color); background-color: var(--white-color); transition: 0.4s ease-in-out; color: var(--main-color); } .sisf-button.sisf-layout-outlined { border: 0; border-top: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color); font-family: var(--heading-font); font-size: 20px; font-style: normal; color: var(--main-color); border-radius: 0; padding: 16px 28px 16px 28px; font-weight: 400; line-height: 24px; letter-spacing: 1px; background-color: transparent; transition: 0.4s ease-in-out; } .sisf-button.sisf-layout-outlined:hover { background-color: #3C2525; transition: 0.4s ease-in-out; color: var(--main-color); } .select2-dropdown { width: 100% !important; background: var(--primary-color); padding: 20px; min-width: 344px; left: -22px !important; top: 13px; } .select2-search--dropdown .select2-search__field { background-color: var(--white-color); border-radius: 50px; padding: 15px; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-container--default .select2-results__option--selected { background: var(--main-color); } .select2-dropdown .select2-results__option { color: var(--white-color); } .select2-container--default .select2-selection--single { background-color: transparent; } .main-menu .nav-menu-wrapper { flex: 1; text-align: center; } .main-menu .nav-menu-wrapper>ul { align-items: center; display: inline-flex; } .main-menu ul li { margin: 0 0px; position: relative; padding: 0; } .main-menu ul li a { font-size: 14px; font-weight: 400; font-family: var(--default-font); padding: 0px !important; transition: all 0.3s ease-in-out; text-transform: none; line-height: 24px; margin-right:15px; position: relative; letter-spacing: 1.4px; } .sisf-skin--light .main-menu ul li a { color: var(--white-color); } .main-menu-inner ul li a { font-size: 16px; font-weight: 400; font-family: var(--default-font); padding: 0px 15px !important; color: var(--primary-color); transition: all 0.3s ease-in-out; text-transform: none; line-height: 24px; position: relative; letter-spacing: 2px; } .main-menu ul.navbar-nav>li>a { line-height: 100px; display: flex; align-items: center; text-transform: uppercase; } .main-menu ul li.submenu>a:after { content: '\f107'; font-family: 'FontAwesome'; font-weight: 900; font-size: 14px; margin-left: 8px; display: none; } .main-menu ul li a i { font-size: 14px; } .main-menu ul.submenu>li>a::before { content: ''; position: absolute; width: 10px; background-size: auto; background-size: 100%; left: -4px; height: 1px; margin-right: 10px; display: inline-block; z-index: 5; } .main-menu ul li.submenu>a:hover:before { transform: inherit; } .main-menu ul li a:hover, .main-menu ul li a:focus { color: var(--main-color); } .main-menu ul ul { visibility: hidden; opacity: 0; transform: scaleY(0.8); transform-origin: top; padding: 0; margin: 0; list-style: none; width: 260px; border-radius: 0; position: absolute; left: -10px; top: 100%; background-color: var(--primary-color); border-top: 1px solid var(--main-color); transition: all 0.4s ease-in-out; text-align: left; padding: 20px 0; } .main-menu ul ul ul::before { display: none; } .main-menu ul li.submenu ul li.submenu>a:after { content: '\f105'; float: right; } .main-menu ul li.submenu:first-child ul ul { width: 250px; } .main-menu ul ul ul { left: 100%; top: 0; text-align: left; } .main-menu ul ul li { margin: 0; padding: 6px 20px; } .main-menu ul ul li a { color: var(--white-color) !important; padding: 6px 0px 6px 0px !important; transition: all 0.3s ease-in-out; font-family: var(--default-font); font-size: 15px; line-height: 24px; font-weight: 600; letter-spacing: 0.8px; text-transform: none; position: relative; } .main-menu ul ul li a:hover, .main-menu ul ul li a:hover .menu-item-arrow { color: var(--main-color) !important; transition: all 0.3s ease-in-out; } .main-menu ul ul li a:before { content: "-"; font-family: FontAwesome !important; line-height: 1; display: inline-block; position: absolute; top: 4%; left: 0; right: initial; opacity: 1; -webkit-transition: opacity .4s; transition: opacity .4s; font-weight: 900; font-size: 25px; display: none; width: 0%; } .main-menu ul ul li:hover a:before { display: block; -webkit-transition: opacity .4s; transition: opacity .4s; width: 100%; } .main-menu ul li:hover>ul { visibility: visible; opacity: 1; transform: scaleY(1); padding: 5px 0; transition: all 0.4s ease-in-out; } .main-menu ul ul li a:hover, .main-menu ul ul li a:focus { background-color: transparent; padding-left: 5px !important; } .main-menu ul ul li a::before { display: none !important; transition: 0.3s ease-in-out; } .main-menu ul ul li a:hover:before { display: block !important; transition: 0.3s ease-in-out; } .main-menu ul ul li .page-link:hover:before { display: none !important; } .main-menu ul ul li .page-link:hover, .main-menu ul ul li .page-link:focus { background-color: transparent; padding-left: 0px !important; } .main-menu ul li.highlighted-menu { display: none; } .main-menu .mega-menu-item { position: static; } .main-menu .mega-menu-item .mega-menu { width: 100%; left: 0; right: 0; padding: 0 5px; display: flex; flex-wrap: wrap; justify-content: center; } .main-menu .mega-menu-item .mega-menu .nav-item.px-0 { padding: 10px !important; } .main-menu .mega-menu .nav-item { width: 20%; padding: 20px 10px !important; } .main-menu .mega-menu1 .nav-item { width: 25% !important; } .main-menu .mega-menu-item .mega-menu .sisf-menu-title { font-size: 22px; font-family: var(--default-font); font-weight: 600; margin-bottom: 15px; text-transform: capitalize; color: var(--white-color); } .menu-item-arrow { position: absolute; top: calc(50% - 11px); right: 0; color: var(--white-color); line-height: normal; transition: all 0.3s ease-in-out; } .menu-item-arrow i { font-size: 12px !important; } .responsive-menu, .navbar-toggle { display: none; } .responsive-menu { top: 0; position: relative; } .slicknav_btn { background: #fff; padding: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0; border-radius: 0 0 0px 0; } .slicknav_icon .slicknav_icon-bar { display: block; width: 100%; height: 1px; width: 40px; background-color: var(--main-color); border-radius: 6px; margin: 10px auto !important; transition: all 0.1s ease-in-out; } .slicknav_icon .slicknav_icon-bar:first-child { margin-top: 0 !important; } .slicknav_icon .slicknav_icon-bar:last-child { margin-bottom: 0 !important; } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) { transform: rotate(-45deg) translate(-10px, 5px); } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) { opacity: 0; } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) { transform: rotate(45deg) translate(-10px, -5px); } .slicknav_menu { position: absolute; width: 100%; padding: 0; background: #fff; border-radius: 0 0 0px 0; } .slicknav_menu ul { margin: 5px 0; } .slicknav_menu ul ul { margin: 0; } .slicknav_nav li { border-bottom: 1px solid #DFDFDF; } .slicknav_nav .slicknav_row, .slicknav_nav li a { position: relative; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 10px 20px; color: #333; line-height: normal; margin: 0; border-radius: 0 !important; transition: all 0.3s ease-in-out; } .slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover { background-color: transparent; color: var(--main-color); } .slicknav_menu ul ul li a { padding: 10px 20px 10px 30px; font-weight: 700; font-size: 14px; } .slicknav_menu ul ul li a:hover { color: var(--main-color); } .slicknav_arrow { font-size: 0 !important; } .slicknav_arrow:after { content: '\f107'; font-family: 'FontAwesome'; font-weight: 900; font-size: 15px; margin-left: 8px; color: #333; position: absolute; right: 15px; top: 15px; transition: all 0.3s ease-out; } .slicknav_open>a .slicknav_arrow:after { transform: rotate(-180deg); color: var(--primary-color); } .navbar-sidebar { position: absolute; right: 0%; top: 0%; bottom: 0%; vertical-align: middle; } .left-menu-side-area-menu ul li { margin-bottom: 20px; } .left-menu-side-area-menu ul li a { font-family: var(--heading-font); font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; letter-spacing: -0.4px; color: #D4B79D !important; display: block; position: relative; transition: all ease 0.5s; } .left-menu-side-area-menu ul li a::before { position: absolute; left: 0px; height: 1px; width: 15px; background-color: #D4B79D; transform: scaleX(0); transform-origin: left; transition: transform .4s ease-out; border-radius: 0px; content: ""; top: 0; bottom: 0; margin: auto; } .left-menu-side-area-menu ul li a:hover::before { transform: scaleX(1); transition: transform .4s ease-out; background-color: var(--white-color); } .left-menu-side-area-menu ul li a:hover { padding-left: 30px !important; color: var(--white-color) !important; } .contact-information .sisf-icon-list-item .sisf-icon-holder { width: 50px; height: 50px; border-radius: 50%; background: var(--white-color); display: flex; justify-content: center; align-items: center; min-width: 50px; } .contact--information .sisf-icon-list-item .sisf-icon-holder { background: var(--main-color); } .contact--information .sisf-icon-list-item .sisf-icon-holder i { color: var(--white-color) !important; } .contact-information h4 { font-size: 18px; line-height: normal; font-family: var(--default-font); font-weight: 500; } .contact-information .sisf-icon-list-item .sisf-icon-holder i { color: var(--text-color); } .contact-information h3, .sidebar-social-links h3 { color: #D4B79D; } .sidebar-social-links ul li { width: 50px; height: 50px; border-radius: 50%; background: transparent; border: 1px solid var(--white-color); display: flex; justify-content: center; transform: scale(1); align-items: center; min-width: 50px; transition: 0.4s ease-in-out; } .sidebar-social-links ul li:hover { transform: scale(1.05); transition: 0.4s ease-in-out; } .sidebar-social-links ul li a { color: var(--white-color); line-height: normal; } .sisf-standerd--header .container { display: flex; align-items: center; justify-content: space-between; } .sisf-standerd--header .main-menu ul ul ul { left: -100%; } .bg-black.sisf-standerd-header .main-menu ul.navbar-nav>li>a { line-height: 45px; } /************************************/ /*** 04. Hero css ***/ /************************************/ .hero { position: relative; background: var(--primary-color) url('../images/hero-bg.html') no-repeat; background-position: center center; background-size: cover; overflow: hidden; padding: 250px 0; } .hero .hero-bg-video::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--primary-color); opacity: 40%; width: 100%; height: 100%; z-index: 2; } .hero-video .hero-bg-video { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; } .hero-video .hero-bg-video video { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .hero.hero-slider { background: none; padding: 0; } .hero-slider-layout .hero-slide { position: relative; padding-bottom: 70px; min-height: 900px; display: flex; justify-content: center; align-items: end; } .hero.hero-slider:before { display: none; } .hero.hero-slider .hero-slider-layout { position: relative; z-index: 2; } .hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image img { width: 100%; height: 100%; object-fit: cover; } .hero.hero-slider .hero-slider-layout .hero-slide .hero-content { position: relative; z-index: 2; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; } .swiper .swiper-slide { position: relative; } .swiper .swiper-slide .mask-group { position: absolute; bottom: -1px; left: 0; z-index: 5; } .swiper-slide .header-contact-info { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 40%; top: 59%; transform: rotate(-90deg); left: -16%; z-index: 3; } .swiper-slide .header-contact-info .contact-number::before { content: ''; position: absolute; width: 200px; height: 1px; background: var(--white-color); left: 0; top: 48%; } .swiper-slide .header-contact-info .contact-number::after { content: ''; position: absolute; width: 200px; height: 1px; background: var(--white-color); right: 0; top: 48%; } .hero-slider-layout .hero-pagination { position: absolute; text-align: center; z-index: 2; bottom: 80px; left: 0; right: 0; margin: 0 auto; display: block; width: auto; padding-top: 0px; } .hero-slider-layout .hero-pagination .swiper-pagination-bullet { width: 24px; height: 23px; background: var(--white-color); opacity: 1; transition: all 0.3s ease-in-out; margin: 0 12px; position: relative; border: 2px solid transparent; } .hero-slider-layout .hero-pagination .swiper-pagination-bullet:before { content: ""; width: 7px; height: 7px; background: #c2a56b; opacity: 1; transition: all 0.3s ease-in-out; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50px; opacity: 0 } .hero-slider-layout .hero-pagination .swiper-pagination-bullet-active { background-color: transparent; border: 3px solid #c2a56b; } .hero-slider-layout .hero-pagination .swiper-pagination-bullet-active:before { opacity: 1 } .hero-content { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; z-index: 10; } .hero-content .section-title p { width: 100%; margin-top: 20px; color: var(--primary-color); padding-bottom: 30px; font-size: 20px; text-align: center; } .hero-content .btn-slider { background: var(--main-color); line-height: 30px; letter-spacing: 0.8px; font-family: var(--default-font); border: 1px solid var(--main-color); font-weight: 700; padding: 15px 30px; font-size: 16px; border-radius: 50px; color: var(--white-color); text-transform: uppercase; transition: all ease 0.5s; } .hero-content .btn-slider:hover { background-color: var(--white-color) !important; color: var(--main-color); border: 1px solid var(--white-color); transition: all ease 0.5s; } .hero-content .btn-slider i { margin-left: 5px; transform: rotate(-40deg); } .hero-content-body .btn-default.btn-highlighted { margin-left: 30px; } .down-arrow a { position: absolute; top: auto; left: 50%; bottom: 30px; width: 30px; height: 50px; border: 2px solid var(--white-color); border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; transform: translate(-50%); animation: jumpInfinite 1.5s infinite; transition: all 0.3s ease-in-out; z-index: 2; } .down-arrow a:hover { border-color: var(--accent-color); } .down-arrow a i { font-size: 20px; color: var(--white-color); transition: all 0.3s ease-in-out; } .down-arrow a:hover i { color: var(--accent-color); } @keyframes jumpInfinite { 0% { margin-bottom: 0; } 50% { margin-bottom: 20px; } 100% { margin-bottom: 0; } } .hero .home-slide .section-title h1 { color: var(--white-color); position: relative; padding: 50px 0 0 100px; z-index: 3; text-transform: uppercase !important; } .hero .home-slide .slider-image { position: relative; z-index: 4; padding-bottom: 60px; } .hero .home-slide p { padding-top: 0 !important; } .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next { display: block; width: 60px; height: 60px; display: flex; background-color: var(--primary-color); opacity: 1; justify-content: center; align-items: center; border-radius: 0%; transition: 0.3s ease-in-out; } .hero-slider .swiper-button-prev::after, .hero-slider .swiper-button-next::after { color: var(--white-color); line-height: 70px; font-size: 20px; opacity: 1; font-weight: 900; } .hero-slider .swiper-button-prev:hover, .hero-slider .swiper-button-next:hover { background: #c2a56b; opacity: 1; transition: 0.3s ease-in-out; } .hero-slider .home-bottom img { position: absolute; bottom: -1px; left: 0; right: 0; z-index: 2; width: 100% !important; height: 200px; } .hero--slide { height: 950px; padding-top: 75px; } .slider-right-image img { aspect-ratio: 1 / 1.32; object-fit: cover; } .hero--slide .hero_video video { width: 100%; height: 100%; min-height: 900px; object-fit: cover; } .hero .check-in-out-box { position: absolute; bottom: 30px; z-index: 2; width: 100%; display: block; margin: 0 auto; } .hero .check-in-out-box .select-wrapper .dropdown-menu { position: absolute !important; bottom: 100% !important; top: auto !important; transform: translate(0px, -68.8889px) !important; } /* ================================= Animation ==================================== */ .animate-wobble:hover { animation: wobble-vertical 0.8s ease-in-out; } @keyframes wobble-vertical { 0%, 100% { transform: translateY(0); } 15% { transform: translateY(-8px); } 30% { transform: translateY(5px); } 45% { transform: translateY(-5px); } 60% { transform: translateY(3px); } 75% { transform: translateY(-1px); } } /* ======================================== (LuxeStay) 05. Offer Section Section css =========================================== */ .sisf-box-with-content { display: flex; align-items: center; justify-content: center; padding: 30px 15px; } .sisf-box-with-content.slideInLeft { border-right: 1px solid #D1C8C8; } /* ====================================== (LuxeStay) 06 Your Comfort Section css ========================================= */ .your-comfort-decoration-center { background-image: url("../images/your_comfort_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px; } .your-comfort-left-image { margin-right: -100px; position: relative; } .your-comfort-right-image { margin-left: -100px; position: relative; } .comfort-graphic-image { width: 70%; position: absolute; right: -40%; bottom: -40%; } .comman-bg { background-image: url("../images/comman_bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; } .sisf-border-box.sisf-sis-info-cards { border: 1px solid #E8E8E8; } .sisf-border-box.sisf-sis-info-cards .sisf-m-content { background-image: url("../images/your_comfort_bg1.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; padding: 25px; } .sisf-border-box.sisf-sis-info-cards.second .sisf-m-content { background-image: url("../images/lets_start_your_bg.png") !important; margin-top: 30px; } .sisf-border-box.sisf-sis-info-cards.second-inner .sisf-m-content { background-image: url("../images/aboutus_bg.png") !important; margin-bottom: 30px; } .sisf-border-box.sisf-sis-info-cards.second .sisf-m-content, .sisf-border-box.sisf-sis-info-cards.second-inner .sisf-m-content { aspect-ratio: 1 / 0.543; } .sisf-border-box.sisf-sis-info-cards .sisf-m-content h5, .sisf-sis-info-cards.sisf--info-cards .sisf-m-content h5 { color: #B58453; font-size: 15px; font-weight: 600; letter-spacing: 0.75px; font-family: var(--default-font); } .sisf-border-box.sisf-sis-info-cards.second .sisf-m-content h5, .sisf-border-box.sisf-sis-info-cards.second-inner .sisf-m-content h5 { color: #404040; } .sisf-sis-info-cards.sisf--info-cards { margin-bottom: 33px; } .sisf-sis-info-cards.sisf--info-cards img { aspect-ratio: 1 / 0.999; object-fit: cover; } .sisf-sis-info-cards.sisf--info-cards .sisf-m-content { position: absolute; padding: 25px; bottom: 0; left: 0; } .sisf-sis-info-cards.sisf--info-cards .sisf-underline--left:after { background-color: var(--white-color); } /* =========================================== (LuxeStay) 07 LuxeStay Offerings Section css ============================================== */ .comman--bg { background-image: url("../images/services_bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0; } .service-box { padding-bottom: 20px; } .service-box h4 { color: #FF9933; font-family: var(--default-font); letter-spacing: 1.04px; } .your-comfort-section.att1 .sisf-m-content h3{ font-weight: 600; } .service-box p { color: #FFFFFF70; font-weight: 400; letter-spacing: 0.8px; } .sisf-room-list--item .swiper-buttons .custom--icon{ display: none; } .your-comfort-section.att1{ background-color:#fff; padding:40px 0px; } .services-video img { display: flex; align-items: end; padding: 8px 8px 0 8px; border-top-left-radius: 200px; border-top-right-radius: 200px; border-style: solid; border-width: 1px 1px 0px 1px; border-color: var(--main-color); } .services-video video { width: 100%; aspect-ratio: 1 / 1.65; object-fit: cover; border-top-left-radius: 200px; border-top-right-radius: 200px; } /* ============================================ (LuxeStay) 08 Check In Check Out Section css =============================================== */ .check-in-out-section { background-image: url("../images/availability_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .check-in-out-form form { display: flex; align-items: center; } .check-in-out-form .booking-form-col { width: 22%; margin-right: 10px; } .booking-form-col .dropdown-menu { position: absolute; background-color: var(--primary-color); color: var(--white-color); border: none; border-radius: 0; box-shadow: 0 0 10px rgba(0,0,0,0.5); min-width: 280px; z-index: 1000; } .booking-form-col .form-select { background-color: var(--primary-color); color: var(--white-color); border: none; border-bottom: 1px solid #404040 !important; box-shadow: none; border-radius: 0px; } .booking-form-col .form-select:focus { border-bottom: 1px solid var(--main-color) !important; } .booking-form-col .dropdown-toggle::after { display: none; } .check-in-out-form.bg-black { border-top: 1px solid var(--main-color); margin-top: -100px; position: relative; z-index: 2; } /* ======================================== (LuxeStay) 09. Extra Service Section css =========================================== */ .extra-service-section { background-image: url("../images/extra_service_img.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; } .extra-service-section .btn-default { background-color: var(--primary-color); } /* ====================================== (LuxeStay) 10. The Journey Section css ========================================= */ .the-journey-section { background-image: url("../images/the_journey_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .step-counter { padding-top: 30px; } .step-counter .counter { font-size: 50px; font-weight: 500; } .step-counter .sisf-digit-label { font-size: 26px; vertical-align: middle; display: inline-block; } /* ================================ (LuxeStay) 11. Event Section css =================================== */ .sisf-activities-slider .sisf-e-inner { display: flex; align-items: center; } .sisf-activities-slider .sisf-e-inner .sisf-e-images-holder { width: auto; } .sisf-activities-slider .sisf-e-inner .sisf-e-content-holder { width: auto; padding: 20px; background-color: var(--white-color); position: relative; margin-left: -115px; } .sisf-activities-slider .sisf-e-inner .sisf-e-category { color: #B58453; font-size: 15px; font-weight: 600; line-height: normal; font-family: var(--default-font); letter-spacing: 0.75px; margin: 0 0 10px 0; } .sisf-activities-slider .sisf-e-inner .sisf-activities-title h3 { font-weight: 600; margin-bottom: 5px; } .sisf-activities-slider .sisf-e-inner .sisf-activities-price .sisf-e-price { background: #F2EDDB; padding: 8px 12px; color: #000; font-size: 15px; font-family: var(--default-font); font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.75px; margin: 0; display: inline-block; } .event-section.comman--bg { padding: 70px 0; } .event-section.comman--bg .sisf-underline--left:after { background-color: var(--white-color); } .sisf-activities-slider .sisf-e-inner.flex-column .sisf-e-content-holder { width: 100%; background-color: transparent; padding: 20px 15px 10px 0 !important; } .sisf-activities-slider .sisf-e-inner.flex-column .sisf-e-main-image { position: relative; } .sisf-activities-slider .sisf-e-inner.flex-column .sisf-e-main-image img { padding: 15px 15px 0 0; } .sisf-activities-slider .sisf-e-inner.flex-column .sisf-e-main-image::before { content: ""; border: 1px solid var(--main-color); top: 0; bottom: 15px; left: 15px; right: 0px; position: absolute; z-index: -1; } /* ====================================== (LuxeStay) 12. Testimonial Section css ========================================= */ .testimonial--section { background-image: url("../images/testimonial_bg.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; } .testimonial-section.comman--bg { padding: 70px 0; } .sisf-testimonial-slider .sisf-e-inner { display: flex; align-items: center; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-quote { width: 25%; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-media-image { width: 30%; position: relative; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-content { width: 55%; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-quote i { color: #a58437; font-size: 80px; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-bottom-info { display: flex; align-items: center; justify-content: space-evenly; border-left: 1px solid rgba(217, 217, 217, 0.12); } .sisf-testimonial-slider .sisf-e-inner .sisf-e-text { margin-bottom: 50px; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-author-job { color: #FFFFFF70; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-author .sisf-e-author-name:before { position: absolute; right: 0; width: 5px; height: 5px; content: ""; border-radius: 100%; margin: auto; top: 0; bottom: 0; background: currentColor; right: -17px; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-author { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #868686; } .sisf-testimonial-slider .swiper-buttons { position: absolute; bottom: 0; left: 46%; display: flex; z-index: 2; gap: 30px; } .sisf-testimonial-slider .swiper-buttons .custom-icon { font-size: 40px; color: #868686; cursor: pointer; transition: all 0.3s ease-in-out; } .sisf-testimonial-slider .swiper-buttons .custom-icon:hover { color: var(--main-color); transition: all 0.3s ease-in-out; } .testimonial_slide .sisf-e-inner { background-color: var(--white-color); padding: 50px 50px 100px 50px; } .testimonial_slide .sisf-e-media-image { width: auto !important; } .testimonial_slide .sisf-e-media-image img { width: 50px !important; } .swiper--buttons { left: 8% !important; bottom: 35px !important; } .swiper--buttons .custom-icon { font-size: 25px !important; } /* ======================================== (LuxeStay) 13. High Priority Section css =========================================== */ .high-priority-section { background-image: url("../images/high-pro.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; } .sis--counter { background-color: #E3E1D2; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #D7D3BE; padding: 50px 0px 50px 0px; } .sis--counter .counter { font-size: 50px; font-weight: 500; color: #B58453; font-family: var(--heading-font); } .sis--counter .sisf-digit-label { font-size: 26px; color: #B58453; } .sis-e-counter { background-color: transparent !important; border: none !important; } /* ======================================== (LuxeStay) 14. Our Services Section css =========================================== */ .our-services-section { background-image: url("../images/service_bg.png"); background-position: bottom left; background-repeat: no-repeat; background-size: cover; } .sisf-sis-services-tabs .service-nav-tabs { display: flex; align-items: center; justify-content: space-between; } .sisf-sis-services-tabs .sisf-m-filter-items .tabs { display: flex; flex-direction: column; } .sisf-sis-services-tabs .sisf-m-filter-item span { font-size: 34px; font-weight: 700; text-transform: uppercase; position: relative; font-family: var(--heading-font); display: inline-block; transition: all 0.3s ease-in-out; } .sisf-sis-services-tabs .sisf-m-filter-item.active span, .sisf-sis-services-tabs .sisf-m-filter-item:hover span { color: var(--main-color); transition: all 0.3s ease-in-out; } .sisf-sis-services-tabs .sisf-m-filter-item-name { padding: 20px 25px; margin-bottom: 10px; } .sisf-sis-services-tabs .sisf-m-filter-item .count { padding-right: 120px; } .sisf-sis-services-tabs .sisf-m-filter-item .count::after { content: ""; background: currentColor; height: 1px; width: 100px; position: absolute; bottom: 5px; right: 5px; } .sisf-sis-services-tabs .tab-content { width: 50%; } .slidein { animation-duration: 2s; animation-name: slidein; } @keyframes slidein { from { translate: 50vw 0; scale: 150% 1; } to { translate: 0 0; scale: 100% 1; } } /* ================================ (LuxeStay) 15. Room List css =================================== */ .sisf-room-list-item .sisf-e-content { position: absolute; bottom: 25px; left: 25px; right: 25px; background: #223546; padding: 25px; z-index: 1; display: flex; align-items: center; justify-content: space-between; } .sisf-room-list-item .sisf-e-content h3 { font-size: 22px; font-weight: 500; } .sisf-room-list-item .sisf-e-content-info li { color: var(--white-color); margin-left: 15px; display: flex; align-items: center; } .sisf-room-list-item .sisf-e-content-info li span { line-height: 0; } .sisf-room-list-item .sisf-e-content-info li img { width: 20px; height: 18px; margin-right: 10px; } .sisf-room-list--item .sisf-e-content { position: unset; flex-direction: column; align-items: start; background-color: var(--white-color); padding: 25px 0; } .sisf-room-list--item .sisf-e-price { bottom: 25px !important; } .sisf-room-list--item .sisf-e-content-text h4 { font-size: 26px; font-weight: 700; } .sisf-room-list--item .sisf-e-content-info li img { filter: brightness(0) invert(0); -webkit-filter: brightness(0) invert(0); } .sisf-room-list-item .sisf-e-price { position: absolute; bottom: 120px; background: var(--white-color); z-index: 1; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .15); padding: 12px 15px; left: 25px; display: flex; align-items: center; } .sisf-room-list-item .sisf-e-price-value { font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.2px; margin-left: 10px; } .sisf-room-list--item .swiper { position: relative; } .sisf-room-list--item .swiper-buttons { position: absolute; width: 100%; display: flex; align-items: center; justify-content: space-between; top: 45%; z-index: 2; } .sisf-room-list--item .swiper-buttons .custom--icon { padding: 0 15px; font-size: 30px; color: var(--white-color); transition: all 0.3s ease-in-out; } .sisf-room-list--item .swiper-buttons .custom--icon:hover { color: var(--main-color); transition: all 0.3s ease-in-out; } .sisf-room-list-item.sisf-item--full { margin-bottom: 50px; } /* ================================ (LuxeStay) 16. Room Single Page css =================================== */ .sisf-room-single .sisf-room-detail { border-top: 1px solid #dadde0; padding-top: 40px; margin-top: 40px; } .sisf-room-single .sisf-room-detail h4 { font-size: 30px; line-height: normal; margin-bottom: 25px; } .sisf-room-single .sisf-room-detail ul li { margin-bottom: 20px; display: flex; align-items: center; } .sisf-room-single .sisf-room-detail ul li .sisf-e-icon { margin-right: 15px; } .sisf-room-single .sisf-room-detail ul li img { width: 30px; height: 30px; object-fit: contain; } .sisf-room-single .sisf-room-detail ul li .sisf-e--content { font-size: 18px; } .sisf-room-calendar .flatpickr-calendar { border: 1px solid #d9d9d9; padding: 25px; background-color: #fafafa; width: 100% !important; border-radius: 0px !important; box-shadow: none; } .sisf-room-calendar .flatpickr-calendar .flatpickr-rContainer, .sisf-room-calendar .flatpickr-calendar .flatpickr-weekdays, .sisf-room-calendar .flatpickr-calendar .flatpickr-days { width: 100% !important; } .sisf-room-calendar .flatpickr-calendar .flatpickr-day { color: var(--primary-color) !important; border-radius: 0px !important; border: 1px solid #e1e1e1; margin: 0; font-size: 16px; } .sisf-room-calendar .flatpickr-calendar .flatpickr-day.today { border: 1px solid var(--main-color); color: var(--main-color) !important; } .sisf-room-calendar .flatpickr-calendar .flatpickr-day.flatpickr-disabled { color: rgba(80, 78, 69, .4) !important; } .sisf-room-calendar .flatpickr-calendar .dayContainer { justify-content: start; align-items: start; width: 100%; box-shadow: none; min-width: none; max-width: none; } .sisf-room-calendar .flatpickr-calendar .flatpickr-months, .sisf-room-calendar .flatpickr-calendar .flatpickr-weekdays { margin-bottom: 25px; } .sisf-room-calendar .flatpickr-calendar .flatpickr-weekday { font-size: 14px; font-weight: 500; color: var(--main-color); } .sisf-room-calendar .flatpickr-calendar .flatpickr-current-month, .sisf-room-calendar .flatpickr-calendar .flatpickr-current-month span.cur-month { height: auto; padding-top: 0px; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; text-align: center; color: var(--primary-color); } .sisf-room-calendar .flatpickr-calendar .flatpickr-current-month .arrowUp, .sisf-room-calendar .flatpickr-calendar .flatpickr-current-month .arrowDown { display: none; } .sisf-room-calendar .flatpickr-months .flatpickr-prev-month, .sisf-room-calendar .flatpickr-months .flatpickr-next-month { top: 12px; color: var(--primary-color); transition: 0.3s ease-in-out; } .sisf-room-calendar .flatpickr-months .flatpickr-prev-month:hover, .sisf-room-calendar .flatpickr-months .flatpickr-next-month:hover { color: var(--main-color); transition: 0.3s ease-in-out; } .sisf-room-calendar .flatpickr-months .flatpickr-next-month { right: 32px; } .sisf-room-calendar .flatpickr-months .flatpickr-prev-month { left: 32px; } .sisf-e--location .sisf-e-address-additional-info-content .sisf-e-info-item .sisf-e-label { width: 30%; font-weight: 700; display: inline-block; } .sisf-e--location .map { width: 100%; height: 450px; } .sisf-e--location .map iframe { width: 100%; height: 100%; } .sisf-room-single .sisf-e-bottom-holder { margin-top: 50px; } .sisf-room-single .sisf-e-bottom-holder .page-gallery--item img { object-fit: cover !important; } .sisf-room-single .sisf-e-bottom-holder .page-gallery { margin-bottom: 30px; } .sisf-room-reservation-title { font-size: 30px; } .sisf-room-reservation { background-color: #f7f7f7; padding: 25px; } .sisf-room-reservation .room-reservation-form form { flex-direction: column; } .sisf-room-reservation .room-reservation-form .booking-form-col { width: 100%; margin-right: 0px; } .sisf-room-reservation .room-reservation-form .form-label { color: var(--primary-color); } .sisf-room-reservation .room-reservation-form .dropdown-menu .form-label { color: var(--white-color); } .sisf-room-reservation .room-reservation-form .form-control { border: 1px solid #404040 !important; background-color: var(--white-color); border-radius: 0px; color: var(--primary-color); padding: 15px !important; } .sisf-room-reservation .room-reservation-form .form-control::placeholder { color: var(--primary-color); } .sisf-room-reservation .room-reservation-form .form-control:focus { color: var(--primary-color); border: 1px solid var(--main-color) !important; } .sisf-room-reservation .room-reservation-form .fa-calendar { color: var(--primary-color); top: 52%; } .sisf-room-reservation .room-reservation-form .sisf--service-box { margin-bottom: 25px; width: 100%; } .sisf-room-reservation .room-reservation-form .sisf--service-box .service-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; cursor: pointer; } .sisf-room-reservation .room-reservation-form .sisf--service-box .service { width: 20px !important; height: 20px !important; margin-right: 15px; border: 1px solid 1px solid var(--main-color) !important; vertical-align: middle; transition: 0.3s ease-in-out; cursor: pointer; } .sisf-room-reservation .room-reservation-form .sisf--service-box label { background-color: transparent !important; } .sisf-room-reservation .room-reservation-form .booking-form-col .dropdown-menu { width: 100%; } .sisf-room-reservation .room-reservation-form .sisf--service-box .price-box { border: 1px solid #404040 !important; background-color: var(--white-color); border-radius: 0px; color: var(--primary-color); padding: 15px !important; margin-top: 25px; } .sisf-room-reservation .room-reservation-form .sisf--service-box .price-box p, .sisf-room-reservation .room-reservation-form .sisf--service-box .price-box span { font-size: 20px; color: #404040; } .sisf-room-related-items { margin-top: 50px; } .sisf-room-related-items .sis-e-items-title { margin-bottom: 40px; } .sisf-room-related-items .sis-e-items-title h3 { font-size: 38px; text-transform: uppercase; font-weight: 600; } /* ================================== (LuxeStay) 17. Gallery Section css ===================================== */ .page-gallery-item { margin-bottom: 30px; position: relative; } .page-gallery-item img { transform: translateX(-20px); min-width: 115%; height: 100%; object-fit: cover; transition: 0.3s ease-in-out; } .page-gallery-item:hover img { transform: translateX(0px); transition: 0.3s ease-in-out; } .page-gallery-item .gallery-item { overflow: hidden; } .page-gallery--item { position: relative; overflow: hidden; } .page-gallery-item::after, .page-gallery--item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: background-color .35s ease-out; pointer-events: none; } .page-gallery-item:hover::after, .page-gallery--item:hover::after { background-color: #00000059; } .page-gallery--item .gallery-item img { aspect-ratio: 1; object-fit: fill; } .page-gallery--item .gallery-item .single-image { aspect-ratio: 1 / 2.045 !important; } .sisf-has-ripple-effect { transition: 0.3s ease-in-out; } /* ======================================== (LuxeStay) 18. Services List Section css =========================================== */ .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner { display: flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item { width: 20%; margin-bottom: 0 !important; position: relative; display: inline-block; vertical-align: top; min-height: 1px; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item>.sisf-service-item-inner { height: 100%; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:first-child, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+8) { width: 40%; background: none; overflow: hidden; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:first-child .sisf-service-item-inner, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+8) .sisf-service-item-inner, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:first-child .sisf-service-image, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+8) .sisf-service-image { height: 100%; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+3) .sisf-service-item-inner, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+1) .sisf-service-item-inner { width: 100%; height: 100%; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+2) .sisf-service-item-inner { background: #131718; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+3) .sisf-service-item-inner { background-image: url("../images/about_us_bg.png"); } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+4) .sisf-service-item-inner { background-image: url("../images/the_best_hotels_bg.png"); display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-image { height: 50% } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-image figure { position: relative; overflow: hidden; height: 100%; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-image img { width: 100%; object-fit: cover; height: 100%; transform: scale(1.005) translateZ(0); transition: transform .35s cubic-bezier(.25, .46, .45, .94); will-change: transform; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-image:hover img { transform: scale(1.05); } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-content { text-align: center; padding: 20px; height: auto; align-self: center; width: 100%; display: flex; align-items: center; height: 50% } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:first-child .sisf-service-content, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+8) .sisf-service-content { position: absolute; bottom: 0; top: auto; height: auto; text-align: left; z-index: 0; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:first-child .sisf-service-content:before, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+8) .sisf-service-content:before { position: absolute; content: ""; opacity: 0.88; background: var(--primary-color); filter: blur(97px); left: -20%; right: 0; bottom: -73px; height: 100%; z-index: -1; width: 200%; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-content .sisf-service-date { font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0.32px; text-transform: uppercase; margin-bottom: 5px; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-content .sisf-service-title a { color: inherit; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-content .sisf-service-title { font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 0; margin-bottom: 10px; transition: transform .35s cubic-bezier(.25, .46, .45, .94); will-change: transform; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .sisf-service-content .sisf-service-description { font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; letter-spacing: 0.36px; margin-bottom: 0px; } .sisf-services-card-list.sisf-layout-standard .sisf-service-item .underlines::after { background-color: var(--white-color); } /* =============================================== (LuxeStay) 19. Categorywise Counter Section css ================================================== */ .categorywise-counter-section { padding: 100px 0 70px 0; } .categorywise-counter { background-color: var(--white-color); padding: 60px 30px 30px 30px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #E8E8E8; position: relative; } .categorywise-counter .categorywise-counter-image { margin: -100px 0 40px 0; } .categorywise-counter .counter-title .counter { font-size: 70px; font-weight: 400; line-height: 1; } /* ======================================================== (LuxeStay) 20. Quality Services & Activities Section css =========================================================== */ .sisf-m-hover--box { position: relative; overflow: hidden; width: 100%; height: 100%; transition: all 0.5s ease-in-out; } .sisf-m-hover--box .sisf-e-inner { overflow: hidden; } .sisf-m-hover--box .sisf-m-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; opacity: 0; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; } .sisf-m-hover--box .sisf-e-inner::after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.8); top: auto; height: 0%; left: 10px; right: 10px; bottom: 10px; z-index: 2; transition: all 0.3s ease-in-out; } .sisf-m-hover--box .sisf-e-inner:hover::after { top: 10px; height: 96.6%; transition: all 0.3s ease-in-out; } .sisf-m-hover--box:hover{ opacity: 1; height: 95%; transition: all 0.5s ease-in-out; } .sisf-m-hover--box:hover .sisf-m-content { opacity: 1; transition: all 0.5s ease-in-out; } .sisf-m-hover--box .sisf-underline--left:after { background-color: var(--main-color) !important; } .sisf-m-hover--box .sisf-sis-media-image img { aspect-ratio: 1 / 1.7; object-fit: cover; } .sisf-m-hover--box .sisf-m-subtitle { font-family: var(--default-font); } .sisf-m-hover--box h3 a { color: var(--white-color); font-weight: 700; transition: all 0.5s ease-in-out; } .sisf-m-hover--box h3:hover a { color: var(--main-color); } /* ================================================ (LuxeStay) 1. Skyline Suit For Need Section css =================================================== */ .thrilling-activites-section, .skyline-suit-for-section { background-image: url("../images/skyline-bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 100px; } .sisf-m-hover--box1:hover { height: 100% !important; } /* ===================================== (LuxeStay) 22. Experience Section css ======================================== */ .experience-section.pt-0 { margin-top: -190px; } .sisf-experience-paralled-image.bounceInRight { margin-left: -190px; position: relative; z-index: 2; } .sisf-experience-paralled-image.zoomInUp img { width: 93%; } /* ========================================== (LuxeStay) 23. Need An Inquiry Section css ============================================= */ .need-an-inquiry-bg { background-image: url("../images/get_in_touch_img.png"); background-position: center left; background-repeat: no-repeat; background-size: 43% auto; } /* ================================ (LuxeStay) 24. About Us Page css =================================== */ .quality-service-section { background-image: url("../images/luxury_rooms_bgimg.png"); background-position: center left; background-repeat: no-repeat; background-size: cover; } .sisf-about-us-content { background-image: url("../images/the_best_hotels_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 70px 30px; margin-bottom: 30px; } .sisf-luxury-room-content { background-image: url("../images/about_us_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 70px 30px; margin-top: 30px; } .quality-service-background { background-image: url("../images/quality_service_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 250px 0px; } .comman--background::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .62); z-index: 0; } .quality-service-background .section-title { position: relative; z-index: 1; } .sisf-sis--image.bounceInRight img { aspect-ratio: 1 / 1.0255; object-fit: fill; } /* ============================================ (LuxeStay) 25. Offers And Promotion Page css =============================================== */ .sisf-contact-desk { margin-bottom: 30px; } .sisf-contact-desk .sisf-m-content h5 { font-size: 22px; } /* ================================== (LuxeStay) 26. Restaurant Page css ===================================== */ .the-restaurant-section { background-image: url("../images/burger.png"); background-position: bottom right; background-repeat: no-repeat; background-size: 250px auto; } .restaurant-image1 { margin-bottom: -30px; } .restaurant-image2 { margin-top: -30px; } .our-restaurant-section { background-image: url("../images/experience_bg.png"); background-position: top left; background-repeat: no-repeat; background-attachment: fixed; padding: 200px 0; } .restaurant-opning-contents { background-color: var(--primary-color); border-top: 1px solid var(--main-color); padding: 50px; } .sisf-opning-contents .sisf--m-content { padding-left: 60px; } .sisf-opning-contents .sisf-m-content { border-right: 1px solid #CFCFCF; } .sisf-opning-contents h5 { font-size: 22px; margin-bottom: 10px; font-weight: 600; } .sisf-menu-item-video video { aspect-ratio: 1 / 1.6; width: 100%; object-fit: cover; } .sisf-menu-list { padding: 40px 0 40px 40px; margin-left: -80px; position: relative; overflow: hidden; } .sisf-menu-list .col-md-6.ps-0 { overflow: hidden; } .sisf-menu-list.bounceInLeft { margin: 0 -80px 0 0 !important; padding: 40px !important; } .sisf-menu-list.bounceInLeft .sisf-menu-item::after { width: calc(22.5vw + 100px) !important; } .sisf-menu-list.bounceInLeft .sisf-menu-list-item.ps-3 { overflow: hidden; } .sisf-menu-list .sisf-menu-list-item { padding-bottom: 25px; } .sisf-menu-list .sisf-menu-list-item:last-child { padding-bottom: 0; } .sisf-menu-list .sisf-menu-item::after { content: ""; position: absolute; width: calc(23.8vw + 100px); left: calc((1300px - 79vw) / 2 - 50px); bottom: -50px; background-color: transparent; border-block-start: 1px dashed #DFDFDF; } .sisf-menu-list .sisf-menu-list-item .dashed-border { display: flex; align-items: center; } .sisf-menu-list .sisf-menu-list-item .dashed-border::after{ display: block; content: ""; border-block-end: 0; flex-grow: 1; margin: 0 10px; border-block-start: 1px dashed var(--primary-color); } .sisf-menu-list .sisf-menu-list-item h5 { font-weight: 600; letter-spacing: 0.6px; } .sisf-menu-list .sisf-menu-list-item .amount { color: #F0A039; font-size: 20px; font-weight: 700; letter-spacing: 0.6px; } /* ========================================= (LuxeStay) 27. Event And Wedding Page css ============================================ */ .activities-page-bg { background-image: url("../images/page_comman_bg.png"); background-position: center right; background-repeat: no-repeat; background-size: 40% auto; } .activities-page-right { background-color: var(--white-color); padding: 30px 20px 20px 20px; /*margin-left: -80px;*/ } .the-enchanting-wedding-section { background-image: url("../images/a_symphony_img.png"); } .bg-effect { background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 200px 0; } .book-now-section { background-position: top left; background-repeat: no-repeat; background-size: cover; } .event-wedding { background-image: url("../images/event-wedding-book_now.png"); } /* ============================================ (LuxeStay) 28. Fitness and Wellness Page css =============================================== */ .journey-to-wellness-section { background-image: url("../images/fitness-joreny_to_bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; } .fitness-and-wellness { background-image: url("../images/fitness-book_now.png"); } .activities-page-contents { background-color: var(--white-color); padding: 60px 60px 60px 10px; margin-right: -100px; position: relative; z-index: 2; } /* ==================================== (LuxeStay) 29. Golf Cources Page css ======================================= */ .golf-category-part .sisf-m-subtitle, .thrilling-category-part .sisf-m-subtitle { color: #B58453; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.75px; margin: 15px 0 10px 0; } .golf-category-part h4, .thrilling-category-part h4 { font-weight: 600; margin-bottom: 8px; } .golf-category-part .sisf-underline--left::after, .thrilling-category-part .sisf-underline--left::after { background-color: var(--white-color); } .golf-cources-bg { background-image: url("../images/book_now_bg3.png"); } /* =========================================== (LuxeStay) 30. Hiking and Trekking Page css ============================================== */ .journey-in-mountain-section { background-image: url("../images/the_journey_bg-1.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; } .hiking-bg { background-image: url("../images/hiking-book-bg.png"); } /* ================================================= (LuxeStay) 31. Leisure And Entertainment Page css ==================================================== */ .leisure-book-bg { background-image: url("../images/Leisure-and-book_now_bg.png"); } /* ============================================== (LuxeStay) 32. Nature And Exploration Page css ================================================= */ .nature-and-explore-content { background-color: var(--primary-color); padding: 40px; margin-top: -50px; } .natural-wonders-section, .best-winter--section { background-image: url("../images/discover_the_bg.png"); } .nature-explore-book-bg { background-image: url("../images/nature-exploration-book_now_bg.png"); } /* ========================================== (LuxeStay) 33. Ski & Snowboarding Page css ============================================= */ .thrills-on-the-slopes-section { background-image: url("../images/thrills_on_img.png"); } .ski-snowboarding-bg { background-image: url("../images/ski-snowboarding-book_now_bg.png"); } /* ======================================== (LuxeStay) 34. Spa And Wellness Page css =========================================== */ .massage-and-wellness-section { background-image: url("../images/ultimate_bg.png"); } .spa-and-wellness-bg { background-image: url("../images/spa_book_now_bg.png"); } /* ========================================== (LuxeStay) 35. Unique Experiences Page css ============================================= */ .best-winter-section { background-image: url("../images/uncommon_bg.png"); } .unique-experiences-bg { background-image: url("../images/unique-experiences-book_now_bg.png"); } /* ==================================== (LuxeStay) 36. Water Sports Page css ======================================= */ .journey-in--mountain--section { background-image: url("../images/altitude-bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; } /* ===================================== (LuxeStay) 37. Winter Hiking Page css =======================================- */ .winter-hiking-book-bg { background-image: url("../images/book_now_bg2.png"); } /* ================================ (LuxeStay) 38. Video Section css =================================== */ .video-section { background-image: url("../images/experiance_unmatched.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; width: 100%; padding: 150px 0; } .video-section .bg-video { position: absolute; top: 0%; left: 0%; transform: translate(0%, 0%); min-width: 100%; height: 100%; object-fit: cover; z-index: 4; } .video-section .intro-video-box .content-overlay { position: relative; z-index: 6; color: var(--white-color); text-align: center; padding: 200px 0; } .video-section .intro-video-box .content-overlay .sisf-video-title { font-size: 72px; line-height: 85px; font-weight: 800; } .video-section .intro-video-box::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0, 0, 0, 0.5); } .sisf-video .video-btn-text::before { content: ""; width: 96px; height: 1px; background: var(--primary-color); position: absolute; left: 127px; top: 80px; } .sisf-video .video-with-title { position: absolute; right: 0; bottom: 0; background-color: #FFDCA8; padding: 40px 30px; width: 350px; } .sisf-video .sisf-m-play-inner { width: 80px !important; height: 80px !important; border-radius: 0px !important; background-color: var(--primary-color); display: flex; justify-content: center; align-items: center; } .sisf-video .video-btn-text { font-size: 30px; font-family: var(--heading-font); margin-right: -130px; text-transform: uppercase; } .sisf-video .button-img { width: 70px; height: 70px; } .video-bottom-shape img { position: absolute; width: 100%; left: 0; right: 0; bottom: -15px; height: 80px; object-fit: fill; } /* ==================================== Video Section css ======================================= */ .video-play-button { position: relative; z-index: 2; } .video-play-button .sisf-m-play-inner { width: 200px; height: 200px; padding: 20px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; } .video-play-button .popup-video { border-radius: 50%; padding: 20px; display: inline-block; border: 1px solid rgba(255, 255, 255, .3); } .video-play-button .button-img { border-radius: 50% !important; } /* ====================================== (Yachter) 39. Pricing Table Section css ========================================= */ .sisf-sis-pricing-table.highlighted { background-color: #171C2A; } .sisf-sis-pricing-table { background-color: var(--white-color); border-radius: 12px 12px 12px 12px; box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.08); position: relative; z-index: 2; } .sisf-sis-pricing-table .sisf-m-top { border-bottom: 1px solid #343434; padding: 20px 20px 20px 20px; } .sisf-sis-pricing-table.highlighted { padding: 50px 0; } .sisf-sis-pricing-table.highlighted .sisf-m-top { border-bottom: 1px solid #343434; } .sisf-sis-pricing-table .sisf-m-content { padding: 24px; } .sisf-sis-pricing-table .sisf-m-content .sisf-e-icon i { color: #099b17; } .sisf-sis-pricing-table .sisf-m-content .sisf-e-item { padding: 20px 0px 0px 0px; color: var(--primary-color); } .sisf-sis-pricing-table .sisf-m-title { font-size: 26px; color: var(--primary-color); font-weight: 600; text-transform: none; margin-top: 0px; letter-spacing: 1.08px; } .sisf-sis-pricing-table .sisf-m-price { padding-top: 24px; align-items: baseline; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-wrapper { display: inline-flex; line-height: 1; justify-content: center; align-items: baseline; margin: 0px 0px 25px 20px; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-currency { align-self: flex-start; font-size: 50px; font-weight: 700; line-height: 70px; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-value { font-size: 100px; font-weight: 700; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-period { font-size: 20px; letter-spacing: 0.6px; font-family: var(--default-font); font-weight: 400; } .sisf-sis-pricing-table .sisf-m-price span { font-size: 26px; font-weight: 700; letter-spacing: 1.08px; font-family: var(--heading-font); color: var(--primary-color); line-height: 1; display: inline-block !important; } .sisf-sis-pricing-table .sisf-m-content .sisf-e-icon img { margin-right: 15px; width: 16px; } .sisf-sis-pricing-table .sisf-m-button { padding: 32px 24px; line-height: normal; } .sisf-sis-pricing-table .sisf-m-button .btn-default:hover { border: 2px solid var(--main-color) !important; } /* =========================== (Luxestay) 40. FAQ Page css ============================== */ .faqs-accordian .accordion { border-bottom: 1px solid #E3E8EF !important; } .faqs-accordian .accordion-button { background: transparent; box-shadow: none; outline: none; font-family: var(--heading-font); font-size: 20px; font-weight: 600; text-transform: none; line-height: 32px; color: var(--primary-color); padding: 25px 0px 25px 0px; letter-spacing: 1px; border: none; } .faqs-accordian .accordion-body { color: #666666; background-color: transparent; padding: 0px 0px 25px 0px; } .faqs-accordian .accordion-item { margin-top: 0px; border-radius: 0px !important; border: none; border-top: 1px solid #E3E8EF !important; background-color: transparent; } /* =============================== (LuxeStay) 41. Form Section Css ================================== */ .form-section .form-label { color: var(--white-color); } .form-section .form-control { font-size: 16px; padding: 22px; border-bottom: 1px solid #404040 !important; background-color: transparent; border-radius: 0px; border: none; color: var(--white-color); box-shadow: none; outline: none; line-height: normal; margin-bottom: 20px; text-align: left; } .form-section .form-control:focus, .form-section .form-control::placeholder { color: var(--white-color); border-bottom: 1px solid var(--main-color) !important; } .form-section .fa-calendar { color: var(--white-color); position: absolute; right: 17px; top: 61%; pointer-events: none; } .booking-form-col select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; } select.form-control option { color: var(--primary-color); } .form-section .select-wrapper i { position: absolute; top: 63%; right: 11px; pointer-events: none; z-index: 3; font-size: 14px; color: var(--white-color); } .check-in-out-form .check-btn { width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: var(--main-color); color: var(--primary-color); text-transform: uppercase; border: 1px solid transparent; transition: 0.3s ease-in-out; } .check-in-out-form .check-btn:hover { background-color: var(--primary-color); color: var(--white-color); border: 1px solid var(--main-color); transition: 0.3s ease-in-out; } /* ===================================== (Luxestay) 42. Letest Blog Section css ======================================== */ .bg-texture-light { background-image: url("../images/blog_bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; } .letest-blog .sisf-e-content .sisf-e-title-link { color: var(--primary-color); position: relative; font-size: 22px; text-transform: none; font-family: var(--default-font); letter-spacing: 1px; width: 100%; background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), #000000 2px); transition: .9s cubic-bezier(.32, .32, .15, 1.17); background-size: 0 100%; } .letest-blog .sisf-e-content .sisf-e-title-link:hover { color: var(--main-color) !important; background-size: 100% 100%; background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), var(--main-color) 2px); transition: .9s cubic-bezier(.32, .32, .15, 1.17); } .letest-blog .sisf-e-info-category a { margin-right: 10px; background: var(--main-color); color: var(--white-color); font-size: 18px; font-weight: 600; padding: 5px 10px; border-radius: 5px; transition: o.4s ease-in-out; } .letest-blog .sisf-e-info-category a:hover { color: var(--primary-color); transition: o.4s ease-in-out; } .letest-blog .sisf-e-inner { position: relative; } .letest-blog .sisf-e-info-date { padding: 0px 92px 0px 27px; position: absolute; top: 92px; right: 175px; width: 100%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .letest-blog .sisf-e-info-date::before { content: ""; height: 1px; background: var(--primary-color); left: 70px; right: 4px; position: absolute; top: 17px; } .letest-blog .sisf-e-info-date a { text-transform: uppercase; letter-spacing: 1.6px; color: var(--primary-color) !important; background: var(--white-color); z-index: 2; padding: 0 12px; position: relative; } .blogs-list .sisf-blog-content .sisf-e-info-author-link, .blogs-list .sisf-blog-content .blog-date { font-size: 16px; transition: 0.5s ease-in-out; font-weight: 500; color: var(--white-color); } .blogs-list .sisf-blog-content span { font-size: 18px; } .blogs-list .sisf-blog-content .blog-date:hover, .blogs-list .sisf-blog-content .sisf-e-info-author-link:hover { transition: 0.5s ease-in-out; color: var(--main-color); } .blogs-list .sisf-blog-content .sisf-e-title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--white-color); margin-bottom: 10px; } .blogs-list .sisf-blog-content .sisf-e-title:hover { color: var(--main-color); } .blogs-list .sisf-blog-title-link { color: var(--white-color); font-weight: 500; margin: 10px 0; position: relative; transition: 0.5s ease-in-out; background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px); transition: .9s cubic-bezier(.32, .32, .15, 1.17); background-size: 0 100%; } .blogs-list .sisf-blog-title-link:hover { transition: 0.5s ease-in-out; color: var(--main-color) !important; background-size: 100% 100%; } .letest-blog-item { margin-bottom: 0px; position: relative; } .letest-blog-item .sisf-e-inner { position: relative; overflow: hidden; transition: 0.4s ease-in-out; } .sisf-blogs .sisf-e-media-holder { position: relative; } .sisf-blogs .sisf-e-media-holder img { aspect-ratio: 1; object-fit: cover; } .sisf-blogs .sisf-e-inner::before { content: ""; bottom: 0; left: 0; right: 0; position: absolute; width: 100%; height: 100%; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.86) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.86) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.86) 100%); } .sisf-blogs .sisf-e-content { position: absolute; bottom: 0; } .sisf-blogs .sisf-e-info-date a:hover, .sisf-blogs .sisf-e-info-date a:hover i, .letest-blog-item .sisf-e-info-author a:hover, .letest-blog-item .sisf-e-info-author a:hover i { color: var(--main-color) !important; transition: 0.4s ease-in-out; } .letest-blog-item .sisf-e-content { padding: 20px; z-index: 2; } .letest-blog-item .blog-title { width: 100%; display: inline-block; } .letest-blog--item { margin-bottom: 30px; } .letest-blog--item .blog-title-link, .letest-blog-item .blog-title-link, .letest--blog--item .blog--title-link { letter-spacing: 1.04px; line-height: 40px; font-weight: 700; position: relative; background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px); transition: .9s cubic-bezier(.32, .32, .15, 1.17); background-size: 0 100%; } .letest-blog-item .blog-title-link:hover, .letest-blog--item .blog-title-link:hover, .letest--blog--item .blog--title-link:hover { transition: 0.4s ease-in-out; color: var(--main-color) !important; background-size: 100% 100%; } .letest-blog-item .sisf-e-title-wraper { margin-bottom: 15px; padding-bottom: 0px; } .letest-blog--item .sisf-e-content { margin-left: -155px; } .letest-blog-item .sisf-e-info-date a, .letest-blog-item .sisf-e-info-author a { text-transform: none; font-weight: 600; transition: 0.4s ease-in-out; color: var(--white-color); } .letest-blog-item .info-date a { padding: 10px 20px 10px 20px; background: var(--main-color); color: var(--primary-color); font-size: 14px; border-radius: 10px; text-transform: uppercase; } .letest-blog-item .sisf-e-info-author-link { font-size: 15px; text-transform: uppercase; } .letest-blog-item .sisf-e-info-category a { background: #B57C5A; color: var(--white-color); font-size: 14px; line-height: normal; font-weight: 600; padding: 5px 10px; border-radius: 50px; transition: .4s ease-in-out; position: absolute; top: 20px; right: 20px; z-index: 2; } .letest-blog-item .sisf-e-info-date .date { font-size: 32px; font-weight: 600; } .sisf-addons-blogs-list .media-image { border-radius: 0%; position: relative; z-index: 2; } .letest-blog--item .blog-title-link { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; } .letest-blog--item .sisf-e-info-author a:hover { transition: 0.4s ease-in-out; color: var(--main-color) !important; } .letest-blog--item .sisf-e-info-date, .letest-blog--item .sisf-e-info-author { font-size: 14px; transition: 0.4s ease-in-out; } .letest--blog--item .sisf-e-info-date a, .letest--blog--item .sisf-e-info-author a { font-size: 16px !important; transition: 0.4s ease-in-out; } /* ============================ 43. Inner Pages Banner Css =============================== */ .sisf-banner { margin-top: 0px; } .banner-img img { width: 100%; height: 100%; object-fit: cover; } .banner-img .image { height: 250px; } .sisf-page-title { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; top: 0; left: 0; } .sisf-page-title .sisf-m-title { color: var(--white-color); text-shadow: 0 4px 64px #000; font-size: 46px; font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; letter-spacing: 2.8px; } .sisf-breadcrumbs span { font-family: var(--heading-font); font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; position: relative; } .sisf-breadcrumbs-link span { position: relative; } .sisf-breadcrumbs-link span::after { content: ""; width: 0%; height: 1px; background: var(--white-color); position: absolute; left: 0; right: 0; bottom: -2px; margin: 0 auto; transition: 0.3s ease-in-out; } .sisf-breadcrumbs-link:hover span::after { width: 100%; transition: 0.3s ease-in-out; } .sisf-breadcrumbs-separator:after { content: '/'; } /************************************/ /*** 44. Contact Page css ***/ /************************************/ .contact-opning-contents { background-image: url("../images/hours-bg2.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px; } .contact-opning-contents .sisf-icon-holder i { font-size: 60px; } .contact-opning-contents .sisf-icon-with-content { border-right: 1px solid var(--primary-color); } .our-address { background-image: url("../images/address-bg.png"); background-repeat: no-repeat; background-size: cover; padding: 70px; display: inline-block; } .our-address h5 { font-family: var(--default-font); } .contact-social-icons { margin-bottom: 40px; } .contact-social-icons a { font-size: 18px; transform: translateY(0px); background-color: #F7F5F2; padding: 15px; margin-right: 10px; transition: 0.3s ease-in-out; display: inline-flex; } .contact-social-icons a:hover { background-color: var(--main-color); color: var(--white-color); transition: 0.3s ease-in-out; transform: translateY(-7px); } .contact-column .sisf-m-title { font-weight: 500; font-family: var(--default-font); } .contact-here--form { background: var(--white-color); padding: 50px; } .contact-here--form .form-control { border: 1px solid #DDDDDD !important; color: #666666; padding: 15px 15px !important; margin-bottom: 25px !important; } .contact-here--form label { font-family: var(--default-font) !important; font-size: 14px !important; color: #666666 !important; } .contact-here-form .form-control { padding: 15px 15px 15px 0; border: none; margin-bottom: 35px; border-bottom: 1px solid var(--primary-color); color: var(--primary-color); border-radius: 0px; box-shadow: none; background: transparent; line-height: 25px !important; } .contact-here-form label { margin-bottom: 10px; font-size: 18px; font-family: var(--heading-font); } .contact-here-form .form-control::placeholder { font-size: 16px; color: var(--primary-color); } .contact-here-form .form-control::-webkit-input-placeholder { color: var(--primary-color) !important; } .contact-here-form .form-control::-moz-placeholder { color: var(--primary-color) !important; } .contact-here-form .form-control:-ms-input-placeholder { color: var(--primary-color) !important; } .contact-here-form .form-control:-moz-placeholder { color: var(--primary-color) !important; } .contact-here-form input[type="text"]:focus, .contact-here-form input[type="email"]:focus, .contact-here-form input[type="tel"]:focus, .contact-here-form textarea:focus { color: var(--primary-color) !important; background: transparent; border: 1px solid var(--main-color) !important; } .contact-map { height: 800px; } .contact-map iframe { width: 100%; height: 100%; filter: grayscale(100%); transition: all 0.3s ease-in-out; margin-bottom: 0px; } .contact-map iframe:hover { filter: grayscale(0); } .contac-info { position: relative; z-index: 2; padding: 50px; background-color: var(--white-color); margin: 0px 0px 0px -100px; box-shadow: 0px 0px 70px 4px rgba(0, 0, 0, 0.1); transition: border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .contac-info .sis-contact-info { display: flex; align-items: start; } .contac-info .sis-contact-info .sisf-m-icon-wrapper img { min-width: 20px; } .contac-info .sis-contact-info h5 { font-size: 22px; margin-bottom: 5px; } .contac-info .sis-contact-info p { color: #444; } .sisf-book-now-image { position: relative; z-index: 2; margin-right: 0px; } .sisf-sis--contact { position: relative; z-index: 1; background: var(--white-color); padding: 50px 50px 50px 150px; margin-left: -150px; box-shadow: -50px -20px 50px 0px rgba(0, 0, 0, 0.05); } /******************************** 45. Shop List Page css ********************************/ .sisf--page-section { background-image: url("../images/shop-top.html"); background-position: top center; background-repeat: no-repeat; } .sisf-shop-results { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 13px; line-height: 1.83em; margin-bottom: 30px; } .sisf-shop-results .product-result-count { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.7px; margin: 10px 0; } .sisf-shop-results .product-ordering { position: relative; display: inline-block; border-radius: 0px; border: 1px solid #b3b3b3; padding: 12px 20px; } .product-ordering .select2-container--default .select2-selection--single { border: none; outline: none; } .product-ordering .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .sisf-shop-results .product-ordering .custom-toggle-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 12px; color: #666666; } .sisf-shop-results .product-ordering select { display: block; height: auto; margin: 0; border: 1px solid #dfdfdf; padding: 15px; background: var(--white-color); border-radius: 0px; outline: none; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #666666; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.7px; min-width: 300px; appearance: none; -moz-appearance: none; } .product-ordering select option { background-color: #ffffff; color: var(--text-color); padding: 10px; } .product-ordering select option:hover { background-color: #ffffff; color: var(--main-color); } .sisf-product-list .product .sisf-product-inner { border-radius: 10px; position: relative; display: inline-block; vertical-align: top; width: 100%; } .sisf-product-list .product .sisf-product-image { padding: 0; background: var(--white-color); position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 100%; } .sisf-product-list .product .sisf-product-image img { transform: scale(1.005) translateZ(0); transition: transform .35s cubic-bezier(.25, .46, .45, .94); will-change: transform; width: 100%; } .sisf-product-list .product .sisf-product-image:hover img { transform: scale(0.95); } .sisf-product-list .product .sisf-e-product-content { margin: 21px 0 0px; } .sisf-product-list .product .sisf-image-content { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; background-color: #000000C7; width: 100%; height: 100%; margin: 0 !important; opacity: 0; transition: 0.3s ease-in-out; padding: 15px; text-align: center; } .sisf-product-list .product .sisf-product-inner:hover .sisf-image-content { opacity: 1; transition: 0.3s ease-in-out; } .sisf-product-list .product .sisf-product-inner .sisf-image-content-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.3s ease-in-out; transform: translateY(20px); } .sisf-product-list .product .sisf-product-inner .sisf-image-content-inner .button.add-to-cart { color: var(--white-color); font-size: 18px; } .sisf-product-list .product .sisf-product-inner .sisf-image-content-inner .shop-product { color: var(--white-color) !important; transition: 0.3s ease-in-out; } .sisf-product-list .product .sisf-product-inner .sisf-image-content-inner .shop-product:hover { color: var(--main-color) !important; transition: 0.3s ease-in-out; } .sisf-product-list .product .sisf-product-inner:hover .sisf-image-content-inner { transition: 0.3s ease-in-out; transform: translateY(0px); } .sisf-product-list .product .sisf-e-product-title .shop-product { margin: 1px 0 0; font-size: 18px; font-style: normal; font-weight: 500; color: var(--primary-color); font-family: var(--default-font); line-height: normal; text-transform: none; letter-spacing: 0.5px; transition: 0.3s ease-in-out; } .sisf-product-list .product .sisf-e-product-title .shop-product:hover { color: var(--main-color) !important; transition: 0.3s ease-in-out; } .sisf-product-list .product .sisf-e-inner { margin-bottom: 30px; transition: .5s ease-in-out; } .product .sisf-product-inner .sisf--m-button { line-height: 0; position: absolute; bottom: -60px; left: 0; right: 0; width: 80%; margin: 0 auto; transition: 0.5s ease-in-out; } .sisf-m-star .star { font-size: 25px; } .product .sisf-product-inner:hover .sisf--m-button { bottom: 0px; transition: 0.6s ease-in-out; } .sisf-product-list .product .sisf-e-inner .sisf-product-image { background: transparent; position: relative; overflow: hidden; } .cart-icon-button .btn-default { border-radius: 0px !important; } .cart-icon-button .btn-default::after { border-radius: 0px !important; } .sisf-product-list .product .sisf-e-inner .sisf-product-image img { transform: scale(1) translateZ(0); transition: .4s ease-in-out; } .sisf-product-list .product .sisf-e-inner .sisf-product-image img:hover { transform: scale(1.1); transition: .4s ease-in-out; } .sisf-product-list .product .sisf-product-price { margin: 20px 0 10px; } .sisf-product-list .product .sisf-product-price .product-price-amount { font-size: 22px; font-weight: 700; line-height: normal; letter-spacing: 0.5px; color: var(--primary-color); } .sisf-product-inner .sisf-underline--left { transition: .4s ease-in-out; } .sisf-product-inner .sisf-underline--left:hover { color: var(--main-color); transition: .4s ease-in-out; } .sisf-product-list .product .sisf-e-ratings i { color: var(--main-color); } .sisf-product-list .product .sisf-product-price .product-price-amount .product-price-currencysymbol { font-size: 22px; font-weight: 500; line-height: normal; letter-spacing: 0.5px; margin: 0; top: 0; } .sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button { position: relative; display: inline-flex; width: auto; margin: 0; text-decoration: none; border-radius: 0px; outline: none; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; cursor: pointer; z-index: 3; text-align: center; font-style: normal; font-weight: 500; border: 0; font-size: 16px; text-transform: capitalize; letter-spacing: 0.44px; background: none; padding: 0; } .cart-icon-button .btn-default { font-size: 16px !important; width: 80%; } .sisf-product-list .product .sisf-e-product-content .button.add-to-cart { margin-top: 10px; } .sisf-product-list .product .sisf-e-product-content .rating-count { display: inline; margin-left: 10px; color: #7C7C7C; font-size: 18px; font-style: normal; font-weight: 500; } .sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; transition: background-color .25s ease-in-out, width .36s cubic-bezier(.51, .5, .07, .99); backface-visibility: hidden; } .sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button:hover { color: var(--main-color); } .sisf-product-list .product .sisf-e-product-content .button.add_to_cart_button:hover:after { width: 0; } .sisf-product-on-hover-list .sisf-e-product-content { position: absolute; width: 100%; height: 100%; background-color: #0000008C; top: 0; left: 0; right: 0; bottom: 0; margin-top: 0px !important; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; transition: 0.4s ease-in-out; opacity: 0; } .sisf-product-on-hover-list .sisf-product-inner:hover .sisf-e-product-content, .sisf-cart-button-on-hover-list .sisf-product-inner:hover .sisf--m-button { transition: 0.4s ease-in-out; opacity: 1; } .sisf-product-on-hover-list .product { overflow: hidden; } .sisf-product-on-hover-list .sisf-e-product-content h5 { text-align: center; } .sisf-cart-button-on-hover-list .sisf-product-inner .sisf--m-button { position: absolute; width: 100%; height: 100%; background-color: #0000008C; top: 0; left: 0; right: 0; bottom: 0; margin-top: 0px !important; display: flex; justify-content: center; align-items: center; transition: 0.4s ease-in-out; opacity: 0; } .sisf-cart-button-on-hover-list .title-with-price { padding-bottom: 15px; margin-bottom: 16px; border-bottom: 1px dashed #b1b1b1; } .sisf-item-layout--info-below-swap .sisf-e-swap-holder { position: relative; display: flex; align-items: center; overflow: hidden; z-index: 3; transition: .3s ease-out; width: 182px; height: 50px; } .sisf-item-layout--info-below-swap .sisf-e-swap-holder .sisf-e-to-swap { position: absolute; width: 100%; transform: translateX(100%); transition: .3s ease-out; overflow: hidden; opacity: 0; line-height: normal; } .sisf-item-layout--info-below-swap .sisf-e-swap-holder .sisf-e-to-swap .btn-default { padding: 10px 28px; } .sisf-item-layout--info-below-swap .sisf-e-swap-holder .price { transform: translateX(0); transition: .3s ease-out; width: 182px; position: absolute; } .sisf-item-layout--info-below-swap .sisf-product-inner:hover .sisf-e-to-swap { transform: translateX(0%); transition: .3s ease-out; opacity: 1; } .sisf-item-layout--info-below-swap .sisf-product-inner:hover .sisf-e-swap-holder .price { transform: translateX(-100%); transition: .3s ease-out; opacity: 1; } .sisf-layout-filled { font-size: 18px !important; } .sisf-layout-filled:hover { color: var(--white-color) !important; } .sisf-page-sidebar { border-radius: 0px; border: 2px solid #EEE; padding: 25px 0 0px 0; background: var(--white-color); position: relative; display: inline-block; width: 100%; vertical-align: top; margin-bottom: 60px; } .premium-gallery.small--gallry { margin-top: 30px; } .sisf-page-sidebar .sidebar-widget { padding: 0px 25px 0px 25px; } .sisf-dropdown-filter .filter-section { width: 300px; padding: 20px 15px; position: absolute; top: 100%; z-index: 2; background: var(--white-color); border-radius: 10px; border: 1px solid #ccc; bottom: auto; height: auto; max-height: none; overflow: visible; box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.15); display: none; transition: all 0.3s ease; opacity: 0; } .dropdown:hover .sisf-dropdown-filter .filter-section { display: block; visibility: visible; transition: all 0.3s ease; opacity: 1; } .sidebar-separator .separator { border: 1px solid #A4A4A4; background-color: #dedede; color: #dedede; margin-top: 1.5em; margin-bottom: 1.5em; } .sisf-search-form .sisf-search-form-inner { max-width: 100%; position: relative; display: flex; align-items: center; border-radius: 10px; } .sisf-search-form .sisf-search-form-inner input { position: relative; border-radius: 0px; background: var(--white-color); margin: 0 } .sisf-search-form .sisf-search-form-inner .sisf-search-form-button { position: absolute; top: 0; right: 0; width: 50px; height: 100%; display: inline-flex; align-items: center; justify-content: center; padding: 0; background-color: transparent; border: 0; color: var(--primary-color); margin-left: 1em; } .sisf-page-sidebar ul { list-style: none; padding: 0; margin: 0 } .sisf-page-sidebar ul li { margin: 0 0 10px; padding: 0 } .sisf-page-sidebar ul li a { font-size: 18px; color: #333; transition: 0.3s ease-in-out; } .sisf-page-sidebar .sidebar-title { border: 0; text-transform: none; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.6px; position: relative; margin-bottom: 21px; } .sisf-page-sidebar a:hover { color: var(--main-color); transition: 0.3s ease-in-out; } .sidebar_content-list .content_list_widget li { position: relative; display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DEDEDE; } .sidebar_member-list .member_list_widget li { position: relative; display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DEDEDE; } .sidebar_member-list .member_list_widget .sisf-member-content { margin-left: 12px; } .sidebar_member-list .member_list_widget .sisf-member-content .sisf-member-name { font-size: 20px; color: var(--text-color); font-family: var(--default-font); font-style: normal; letter-spacing: normal; text-transform: none; font-weight: 400; line-height: normal; margin-bottom: 6px; } .sidebar_member-list .member_list_widget li:last-child { border: 0; padding: 0; margin: 0; } .sidebar_content-list .content_list_widget li:last-child { border: 0; padding: 0; margin: 0; } .sidebar_content-list .content_list_widget li .sisf-image { margin-right: 12px; } .sidebar_content-list .content_list_widget li .sisf-image img { width: 75px; height: 80px; min-width: 75px; object-fit: cover; border-radius: 0px; } .sidebar_content-list .content_list_widget li .sisf-title { text-transform: none; color: #404040; font-size: 20px; font-family: var(--default-font); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px; margin-bottom: 5px; } .sidebar_content-list .content_list_widget li .sisf-price .price-amount { color: var(--white-color); text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.6px; background: var(--main-color); padding: 4px 12px; display: inline-block; margin-top: 5px; } .sidebar_tag-list a.tag { padding: 9px 14px; border: 1px solid #DEDEDE; border-radius: 0px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.28px; margin: 0 10px 10px 0; font-size: 16px; display: inline-block; font-family: inherit; position: relative; text-transform: capitalize; vertical-align: top; transition: 0.4s ease-in-out; color: #333; } .sidebar_tag-list a.tag:hover { background: var(--main-color); color: var(--white-color); transition: 0.4s ease-in-out; } .our-contact-part { position: relative; display: flex; justify-content: center; } .our-contact-part .contact-info { position: absolute; background: #fff; border-radius: 5px; padding: 15px; width: 73%; bottom: 40px; } .our-contact-part .contact-info p { text-align: center; margin-bottom: 0; line-height: 18px; font-weight: 500; } .our-contact-part .sisf-member-image img { width: 100%; height: 210px; object-fit: cover; margin-bottom: 24px; } .content_list_widget .sisf-product-content .sisf-product-title { font-family: var(--default-font); text-transform: none; font-weight: 500; } .content_list_widget .sisf-product-content .sisf-stars i { font-size: 14px; color: var(--main-color) !important } .content_list_widget .sisf-product-content .product-price-amount { font-size: 18px; font-weight: 500; } .sidebar-widget .form-check { margin-bottom: 10px; } .sidebar-widget .form-check .form-check-input { width: 20px !important; height: 20px !important; margin-right: 15px; border: 1px solid rgba(25, 23, 17, .48) !important; cursor: pointer; } .sidebar-widget .color-list .form-check .form-check-input { width: 25px !important; height: 25px !important; border-radius: 50px; } .sidebar-widget .color-list .form-check-label { padding-top: 4px; } .sidebar-widget .form-check-label { color: #333; line-height: normal; } .sidebar-widget .form-check-input:checked { background-color: var(--main-color) !important; border: 1px solid var(--main-color) !important; transition: background-color 0.3s ease; } .sidebar-widget .form-check-input { box-shadow: none !important; } .dropdown-toggle::after { display: none; } /*********************************** 46. Shop Detail Page css *********************************/ .sisf-single-top .small-gallery img { border: 1px solid #EEE !important; border-radius: 5px !important; margin-top: 15px; transition: 0.3s ease-in-out; } .sisf-single-top .small-gallery img:hover { border: 1px dashed var(--main-color) !important; transition: 0.3s ease-in-out; } .product-main-gallery img { width: 100% } .product-main-gallery { margin-bottom: 30px; } .single-product-summary .sisf-product-title { font-size: 46px; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: 500; text-transform: none; } .single-product-summary .sisf-product-title-box { position: relative; padding-right: 90px; } .single-product-summary .sisf-social-share { position: absolute; right: 0; top: 15px; margin: 0; } .sisf-social--share a { display: inline-block; transition: 0.3s ease-in-out; } .sisf-social--share a:hover { color: var(--main-color) !important; transition: 0.3s ease-in-out; } .single-product-summary .sisf-social-share:after { content: ""; background: url("../images/share-icon.png") no-repeat center center; width: 18px; height: 16px; vertical-align: middle; margin-left: 10px; display: inline-block; transition: 0.4s ease-in-out; } .sisf-social-share .sisf-social-title { min-width: inherit; color: var(--text-color); font-family: inherit; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.8px; text-transform: none; } .share.sisf-social-share { position: relative; } .sisf-social-share .sisf-social-list { display: none; position: absolute; top: 85%; left: 0; right: 0; z-index: 1; text-align: center; padding: 15px 0; transition: 0.4s ease-in-out; } .sisf-social-share:hover .sisf-social-list { transition: 0.4s ease-in-out; display: block; width: 100px; } .sisf-social-share .sisf-social-list li { margin-right: 2px; display: inline-block; text-align: center; margin-bottom: 10px; margin-left: 2px; } .sisf-social-share .sisf-social-list li a { width: 30px; height: 30px; display: flex; background: var(--main-color); color: var(--white-color); justify-content: center; align-items: center; border-radius: 50px; font-size: 14px; line-height: normal; transition: 0.4s ease-in-out; } .sisf-social-share .sisf-social-list li a i { line-height: normal; } .sisf-social-share .sisf-social-list li a:hover { color: var(--white-color); transition: 0.4s ease-in-out; background: var(--primary-color); } .single-product-summary .price { margin-top: 17px; margin-bottom: 12px } .single-product-summary .price .big-dash { font-size: 30px; color: var(--main-color); display: block; margin: 0 15px; } .single-product-summary .price-amount { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .single-product-summary .price .line { font-size: 30px; } .sisf-ratings .review-link { margin-top: -1px; color: #777; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.8px; } .sisf-ratings .sisf-m-star .star { font-size: 27px; } .product_meta>span { position: relative; display: flex; margin-bottom: 10px; flex-shrink: 0; margin-right: 8px; line-height: inherit !important; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: 0.32px; text-transform: none; } .product_meta>span .sisf-meta-label { min-width: 114px; } .product_meta>span .sisf-meta-value { font-size: 18px; line-height: 30px; font-weight: 500; } .cart-link-button { line-height: normal; margin-top: 8px; } .Compare { font-size: 20px; transition: 0.4s ease-in-out; } .Compare:hover { transition: 0.4s ease-in-out; color: var(--main-color); } .product_meta>span .sisf-meta-value a { color: var(--primary-color); } .sisf-quantity-buttons { position: relative; display: inline-block; white-space: nowrap; margin-right: 30px; } .sisf-product_cart .sisf-m-button .sisf-m-icon::before { top: -3.5px; } .sisf-product_cart .sisf-m-button .sisf-m-icon::after { top: -3.5px; } .sisf-product_cart .sisf-m-button .sisf-m-icon-inner::before { bottom: -3px; } .sisf-product_cart .sisf-m-button .sisf-m-icon-inner::after { bottom: -3px; } .sisf-quantity-buttons .sisf-quantity-minus, .sisf-quantity-buttons .sisf-quantity-plus { font-size: 16px; font-weight: 400; text-align: center; user-select: none; color: #7A7979; position: absolute; right: 0; height: auto; width: 45px; line-height: 23px; border-left: 0; cursor: pointer; transition: color 0.3s ease-out; display: flex; justify-content: center; align-items: center; } .sisf-quantity-buttons .sisf-quantity-minus { bottom: 0; left: 1px; top: 0; z-index: 1; border-right: 1px solid #ddd; } .sisf-quantity-buttons .sisf-quantity-plus { top: 0; height: auto; width: 45px; bottom: 0; right: 0; border-left: 1px solid #ddd; } .sisf-quantity-buttons .sisf-quantity-plus i { transform: rotate(-180deg); } .sisf-quantity-buttons input.sisf-quantity-input { display: inline-block; vertical-align: middle; text-align: center; -webkit-user-select: none; -ms-user-select: none; border: 1px solid #ddd; border-radius: 0px; user-select: none; position: relative; height: 54px; width: 160px; padding: 0; margin: 0 0px 0 0; outline: 0; font-variant-numeric: lining-nums; color: var(--primary-color); font-size: 20px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: 0.4px; } .sisf-product_cart .sisf-m-button { line-height: 0px; } .product-tabs { position: relative; display: inline-block; width: 100%; vertical-align: top; margin-top: 47px; } .product-tabs .product-tab-nav .nav-tabs { position: relative; display: flex; align-items: center; justify-content: center; margin: 0; list-style: none; border-bottom: none; } .product-tabs .product-tab-nav .nav-tabs li { margin-right: 5px; margin-top: 20px; } .product-tabs .product-tab-nav .nav-tabs li .nav-link { position: relative; text-transform: none; font-size: 20px; text-align: start; width: 100%; font-style: normal; padding: 15px 30px; font-weight: 500; line-height: normal; color: var(--primary-color); letter-spacing: 0.8px; border: none; border-radius: 0%; transition: 0.4s ease-in-out; display: flex; align-items: center; justify-content: space-between; margin-bottom: -1px; border-bottom: 1px solid transparent; position: relative; z-index: 2; } .product-tabs .product-tab-nav .nav-tabs li .nav-link:hover, .product-tabs .product-tab-nav .nav-tabs li .nav-link.active { color: var(--main-color); border-bottom: 1px solid var(--main-color); transition: 0.4s ease-in-out; } .product-tab-box { position: relative; display: inline-block; width: 100%; vertical-align: top; padding-top: 40px; border-top: 1px solid #dcdfe0; font-size: 18px; font-style: normal; font-weight: 400; color: #13161a; line-height: 30px; letter-spacing: 0.32px; } .product-tab-box ol { list-style-position: inside; } .product-tab-box .discription h5 { position: relative; font-size: 22px; font-weight: 600; color: var(--primary-color); font-family: var(--default-font); text-transform: capitalize; } .product-tab-box .discription h5:before { content: ""; width: 70px; height: 2px; background: var(--primary-color); position: absolute; bottom: -10px; left: 0; } .product-tab-body .product-information th, .product-tab-body .product-information td { padding: 5px 5px; } .product-tab-body .product-information th { width: 214px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: 0.32px; text-transform: none; vertical-align: middle; } .product-tab-body .product-information td { font-size: 16px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 0.32px; text-transform: none; vertical-align: middle; } .reviews-title { text-transform: none; color: var(--primary-color); font-size: 22px; line-height: 1.25em; letter-spacing: 0.5px; font-weight: 500; margin: 0; } .comments .commentlist { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 22px 0 0; padding: 0; list-style: none; padding: 0 } .comments .commentlist .review-list { margin: 0 0 25px; padding: 0; padding-bottom: 0px; padding-bottom: 0px; padding-bottom: 25px; border-bottom: 1px solid #e5eaf1; list-style-type: none; } .comments .commentlist .review-list .comment_container { position: relative; display: flex; align-items: flex-start; } .comments .commentlist .review-list .comment_container .sisf-e-image { margin-right: 15px; } .comment_container .sisf-e-image img { flex-shrink: 0; border-radius: 50px; width: 60px; } .comments .commentlist .review-list .comment-text { position: relative; display: inline-block; width: 100%; } .comments .commentlist .review-list .comment-text .meta { display: flex; padding-top: 2px; margin: 0; } .review-list .comment-text .meta .review-author { font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: 0.54px; font-style: normal; text-transform: none; } .review-list .comment-text .meta .review-published-date { margin: 0px 0 0 35px; color: #666666; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.42px; position: relative; } .review--form { border-radius: 0px; border: 1px solid #F6F6F6; background: #F9F9F9; padding: 50px; } .comments .commentlist .review-list .description { margin-top: 20px; } .comments .commentlist .review-list .description p { color: #666666; font-size: 15px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: 0.45px; margin: 0 } .review_form .comment-reply-title { display: block; margin-bottom: 14px; text-transform: none; color: var(--primary-color); font-size: 30px; line-height: 1.25em; letter-spacing: 0.5px; font-weight: 500; font-family: var(--default-font); margin-top: 0; } .review_form .comment-notes { font-size: 14px; } .review_form .comment-box { font-size: 12px; } .comment-form-rating .star-rating label { font-size: 2rem; color: #ccc; cursor: pointer; transition: color 0.2s; } .comment-form-rating .star-rating input { display: none; } .comment-form-rating .star-rating input:checked~label, .comment-form-rating .star-rating label:hover, .comment-form-rating .star-rating label:hover~label { color: var(--main-color); } .review_form_box input[type="text"], .review_form_box textarea { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; background-color: transparent; border-radius: 0px; box-sizing: border-box; outline: 0; cursor: pointer; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; color: #666666 !important; letter-spacing: 0.7px; border: 1px solid #DEDEDE; padding: 15px 20px; font-family: inherit; transition: 0.3s ease-in-out; } .review_form_box input[type="text"]:focus, .review_form_box textarea:focus { color: #666666; border: 1px solid var(--main-color); transition: 0.3s ease-in-out; } .form-check { margin-bottom: 0; } .review_form_box .form-check .form-check-input { border: 1px solid var(--main-color) !important; outline: none; box-shadow: none; border-radius: 3px; flex-shrink: 0; width: 12px; height: 12px; margin-top: .25em } .related_products { border-top: 1px solid #dcdfe0; margin-top: 30px; padding-top: 30px; } .related_products h2 { margin: 0 0 32px 0px; font-size: 42px; font-style: normal; font-weight: 500; letter-spacing: 2.2px; line-height: normal; text-transform: capitalize; } .page-pagination { margin-top: 30px; text-align: center; } .page-pagination ul { display: flex; justify-content: center; padding: 0; margin: 0; } .review-list .comment-text .meta .review-published-date:before { content: ""; width: 5px; height: 5px; border-radius: 100%; background: var(--primary-color); display: inline-block; position: absolute; left: -18px; top: 0px; bottom: 0; margin: auto; } .page-pagination ul li a, .page-pagination ul li span { display: flex; text-decoration: none; justify-content: center; align-items: center; background: #F0F1F1; color: #666; border-radius: 50px; width: 50px; height: 50px; margin: 0 5px; font-weight: 400; line-height: 1em; transition: 0.5s ease-in-out; } .page-pagination ul li.active a, .page-pagination ul li a:hover { background: var(--main-color); color: var(--white-color); transition: 0.5s ease-in-out; } .sisf-single .sticky-gallery { outline: #cccccc solid 1px; } .food-size-container .label { color: var(--primary-color); line-height: 1.54em; letter-spacing: .25em; font-weight: 500; } .food-size-container .food-button { padding: 6px 20px; background: var(--primary-color); color: var(--white-color); border: 0; border-radius: 50px; line-height: 1.54em; letter-spacing: .25em; font-weight: 500; font-size: 14px; } .sisf-e-bottom-holder .social-icon a { font-size: 18px; color: #665E5E; margin: 0 10px; } /*************************** 47. Cart Page css * *************************/ .cart-scroll { width: 100%; overflow-x: auto; } table { width: 100%; vertical-align: middle; border: medium none; border-collapse: collapse; border-spacing: 0; font-size: inherit; color: inherit; line-height: inherit; } .cart-form-table table tr { border: 1px solid #dedede; } .cart-form-table .shop_table tr { border-left: none; border-right: none; border-top: none; } .cart-form-table .shop_table tfoot tr:last-child { border-bottom: 0 } .cart-form-table .shop_table tr th, .cart-form-table .shop_table tr td { padding: 15px 0 15px 15px; padding-left: 16px; vertical-align: middle; text-align: left; border: 0; } .cart-form-table .shop_table tr th { font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.4px; text-transform: none; } .cart-form-table .shop_table tr th:first-child { padding-left: 0; } .cart-form-table .shop_table tr th.product-thumbnail, .cart-form-table .shop_table tr td.product-thumbnail { width: 72px; padding-left: 0; } .cart-form-table .shop_table tr th.product-remove { width: 30px; } .cart-form-table .shop_table tr td.product-thumbnail img { width: 72px; height: auto; } .cart-form-table .shop_table tr td.product-name a { font-weight: 500; color: var(--primary-color); } .cart-form-table .shop_table tr td.product-remove a { color: var(--primary-color); font-size: 20px; } .cart-form-table .shop_table tr td.product-remove i { color: var(--main-color); font-size: 13px; } .cart-form-table .shop_table tr td.actions { padding: 30px 0 0; text-align: initial; } .shop_table .coupon { position: relative; display: flex; align-items: flex-start; flex-wrap: wrap; width: 70%; float: left; } .shop_table .coupon input[type="text"] { width: auto; margin-right: 20px; margin-bottom: 0; border-radius: 0px; border: 1px solid var(--main-color); transition: 0.3s ease-in-out; padding: 6px 21px; color: var(--primary-color); } .shop_table .coupon input[type="text"]:focus { color: var(--primary-color); outline: none; border: 1px solid var(--main-color); transition: 0.3s ease-in-out; } .shop_table .coupon input[type="text"]::placeholder { color: var(--primary-color); } .shop_table .actions .button { padding: 11px 34px; font-size: 14px !important; } .shop_table .actions>.button.btn-default { float: right; } .cart-collaterals { display: table; width: 100%; } .cart-collaterals .cart_totals { float: right; width: 35%; margin-top: 92px; border-radius: 0px; background: var(--white-color); padding: 24px; border: 1px solid var(--main-color); } .cart-collaterals .cart_totals h2 { font-size: 20px; font-style: normal; font-weight: 500; font-family: var(--default-font); line-height: normal; letter-spacing: 0.4px; text-transform: uppercase; margin: 0 0 42px; } .cart-form-table .cart-collaterals .cart_totals tr th { width: 40%; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.32px; } .proceed-to-checkout .checkout-button { width: 100%; text-align: center !important; font-size: 14px; display: block; } /*************************** 48. Checkout Page css * *************************/ .sisf-checkout h3 { font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.72px; margin: 0; margin-bottom: 0px; text-transform: none; margin-bottom: 24px; } .payment_methods li { padding: 12px 18px; margin-bottom: 15px; list-style-type: none; padding-left: 55px; filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.05)); border: 0; position: relative; } .payment_methods li .input-radio { cursor: pointer; border-radius: 50px; width: 21px; height: 21px; border: 1px solid var(--main-color); position: absolute; left: 18px; top: 0; bottom: 0; margin: auto; } .payment_methods li .input-radio:before { content: ""; width: 9px; height: 9px; background: var(--primary-color); display: inline-block; border-radius: 50px; position: absolute; top: 5px; left: 5px; opacity: 0; } .payment_methods li .input-radio:checked::before { opacity: 1; } .payment_methods li label { text-transform: none; margin: 0; cursor: pointer; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.28px; } .payment_methods li p { margin: 0; } .place-order { justify-content: space-between; display: flex !important; align-items: center; } .place-order .back-to-cart { padding: 0; background: none; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.42px; border: 0; text-transform: uppercase; color: var(--primary-color); } .place-order i { font-size: 14px; } .place-order .back-to-cart svg { margin-right: 10px; transition: transform .22s cubic-bezier(.37, .08, .02, .93) 50ms, background-color .2s ease-out, color .2s ease-out; } .place-order .back-to-cart:hover svg { transform: translateX(-4px); } .sisf-button.btn-big { padding: 11px 28px; font-size: 14px !important; display: block; } .sisf-checkout-cart-items-content .sisf-e-image { margin-right: 25px; padding: 0px; width: 77px; height: 77px; border: 2px solid #EEE; border-radius: 10px; background-color: var(--white-color); } .sisf-checkout-cart-items-content .sisf-e-image img { width: 77px; height: 77px; object-fit: cover; min-width: 77px; } .sisf-checkout-cart-items-content .product-name { font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; max-width: 150px; } .sisf-checkout-cart-items-content .product-name h5 { font-family: var(--default-font); font-size: 16px; font-style: normal; font-weight: 400; text-transform: none; } .sisf-checkout-cart-items-content .product-name i { font-size: 12px; } .sisf-checkout-cart-items-content .cart_item { border-bottom: 1px solid #D5D5D6; padding-bottom: 15px; margin-bottom: 15px; } .cart-form-table.sisf-checkout-cart-totals .shop_table tr th { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.32px; } .cart-form-table.sisf-checkout-cart-totals .shop_table tr td { text-align: right; } .checkout_coupon .coupon-code-box input.input-text { width: 50%; margin-right: 10px; border: 1px solid var(--main-color) !important; padding: 6px 21px; background-color: #fff; border-radius: 0px; color: var(--primary-color); } .checkout_coupon .coupon-code-box input.input-text:focus { outline: none; color: var(--primary-color); border: 1px solid #dedede !important; } .checkout_coupon .coupon-code-box input::placeholder { color: var(--primary-color); } /************************** 49. My Account Page css * ************************/ .shop-my-account-columns-banner { background-image: url("../images/my_account_banner.html"); background-repeat: no-repeat; background-size: cover; } .myaccount-navigation ul li { box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 4%); margin: 0 0 15px 0; } .myaccount-navigation ul li a { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px; display: block; position: relative; padding: 25px 30px; border: 1px solid #dedede; border-radius: 0px; color: var(--primary-color); background: var(--white-color); transition: 0.4s ease-in-out; } .myaccount-navigation ul li a:hover, .myaccount-navigation ul li.is-active a { background: var(--main-color); border-color: var(--main-color); color: var(--white-color); transition: 0.4s ease-in-out; } .myaccount-content p { font-size: 15px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 0.3px; margin: 10px 0; } .myaccount-content a { color: var(--primary-color); transition: 0.5s ease-in-out; } .myaccount-content a:hover { color: var(--main-color); transition: 0.5s ease-in-out; } .myaccount-content.cart-form-table .shop_table td { font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.3px; } .myaccount-info { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px; margin-bottom: 30px; border: 1px solid #e1e1e1; list-style: none; } .sisf-address-box { width: 100%; padding: 15px 15px; margin-bottom: 30px; } .sisf-address-title { position: relative; } .sisf-address-box h3 { text-transform: uppercase; font-size: 18px; line-height: 1.15em; letter-spacing: 0.05em; font-weight: 500; margin: 0 0 20px; } .sisf-address-title a.edit { position: absolute; right: 0; top: 0; vertical-align: middle; border: 1px solid var(--main-color); font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px; text-transform: uppercase; padding: 10px 15px; } .sisf-address-box address { font-size: 15px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 0.3px; } .billing-form .input-text { width: 100%; font-size: 16px; border: none; outline: none; color: var(--primary-color); box-shadow: none; padding: 12px 15px 12px 15px; background-color: var(--white-color); border: 1px solid #dedede; border-radius: 0px; margin-bottom: 20px; line-height: 0; } .billing-form .input-text:focus { color: var(--primary-color); border: 1px solid var(--main-color); } .myaccount-content h2 { text-transform: uppercase; color: var(--primary-color); font-size: 33px; line-height: 1.15em; letter-spacing: 0.05em; font-weight: 500; margin: 0 0 20px; } form .form-row label { font-size: 15px; font-style: normal; margin-bottom: 20px; font-weight: 400; line-height: 30px; letter-spacing: 0.3px; } .checkout-form .form-row input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"], input[type="date"], textarea, select { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; margin-right: 0px; margin-bottom: 20px; padding: 12px 20px; background-color: #FFF; border: 1px solid #dedede; border-radius: 0px; box-sizing: border-box; outline: 0; cursor: pointer; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; color: var(--primary-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.7px; transition: 0.3s ease-in-out; } .checkout-form .form-row select option { color: var(--primary-color) !important; } .checkout-form .form-row input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="date"]:focus, textarea:focus, select:focus { border: 1px solid var(--main-color); transition: 0.3s ease-in-out; } .checkout-form .form-row select.country_select, .checkout-form .form-row select.state_select { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: block !important; } .checkout-form .form-row { position: relative; display: inline-block; width: 100%; } .checkout-form .form-row .custom-toggle-icon { position: absolute; right: 21px; top: 35%; transform: translateY(-50%); pointer-events: none; font-size: 13px; color: var(--primary-color); } .checkout-form .form-row .input-text::placeholder { color: var(--primary-color); font-size: 14px; } .sisf-checkout-left .billing-field-wrapper { padding: 40px; border: 1px solid var(--main-color); background: var(--white-color); border-radius: 0px; margin-bottom: 40px; } .sisf-checkout-left .content-box { border: 1px solid var(--main-color); background: var(--white-color); border-radius: 0px; padding: 24px; } .sisf-checkout-right .sisf-checkout-cart-items-content, .sisf-checkout-right .sisf-checkout-cart-totals { border: 1px solid var(--main-color); background: var(--white-color); border-radius: 0px; padding: 24px; } .woocommerce-info { border: 1px solid #e1e1e1; padding: 20px; width: 90%; } /*************************** 50. Blog Page css * *************************/ .sidebar_blog-list .blog-list-widget li { position: relative; display: flex; margin-bottom: 10px; padding-bottom: 10px; align-items: center; } .sidebar_blog-list .blog-list-widget .sisf-blog-image { margin-right: 15px; } .sidebar_blog-list .blog-list-widget .sisf-blog-image img { max-width: 70px; max-height: 70px; object-fit: cover; width: 70px; height: 70px; border-radius: 10px; } .sidebar_blog-list .blog-list-widget .sisf-blog-title { font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; color: var(--primary-color); display: -webkit-box; max-width: 400px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; font-family: var(--default-font); text-transform: none; } .sidebar_content-list .content_list_widget .sisf-blog-title { font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; color: var(--primary-color); display: -webkit-box; max-width: 400px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; font-family: inherit; text-transform: none; font-family: var(--default-font); } .sidebar_blog-list .blog-list-widget .sisf-date { color: var(--main-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.28px; text-transform: uppercase; } .sisf-author-info { padding: 20px; background: #F4F4F4; display: block; } .sisf-author-info .sisf-author-info-image img { border-radius: 100px; width: 106px; height: 106px; } .sisf-blog-item--portrait { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08); } .sisf-blog-item--portrait .sisf-e-info-date { position: absolute; top: 0; right: 0; padding: 12px 18px; background-color: var(--main-color); z-index: 5; } .sisf-blog-item--portrait .sisf-e-content { margin-top: -60px !important; position: relative; width: 90%; z-index: 1; } .sisf-blog-item--portrait .sisf-e--media-image img { transform: translateX(-10px); min-width: 110%; height: 100%; object-fit: cover; transition: 0.3s ease-in-out; } .sisf-blog-item--portrait .sisf-e--media-image { overflow: hidden; } .sisf-blog-item--portrait .sisf-e-info-category a { color: #B58453; font-size: 13px; } .sisf-blog-item--portrait:hover .sisf-e--media-image img { transform: translateX(0px); transition: 0.3s ease-in-out; } .sisf-related-posts { border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; } .sisf-related-posts .sisf-blog-item .sisf-e-title { font-size: 30px !important; } .sisf-author-info .sisf-author-info-name a { color: #404040; font-family: var(--default-font); font-size: 24px; } .sisf-social-links-widget .sisf-social-list li a { border-radius: 0px; border: 1px solid #F4F4F4; background: #F4F4F4; padding: 15px; align-items: center; transform: translateY(0px); display: flex; color: var(--primary-color); font-size: 18px; line-height: 0; opacity: 1; transition: 0.3s ease-in-out; } .sisf-social-links-widget .sisf-social-list li a:hover { color: var(--white-color); background: var(--main-color); transform: translateY(-5px); border: 1px solid var(--main-color); transition: 0.3s ease-in-out; } .sisf-blog .sisf-blog-item { margin-bottom: 50px; } .sisf-blog .sisf-blog-item .sisf-e-media-image { overflow: hidden; } .sisf-blog-item .sisf-info--top-holder { bottom: 0px; margin-top: 10px; display: flex; align-items: center; } .sisf-blog-item .blog-video { width: 100%; height: 500px; object-fit: cover; } .sisf-blog-item .blog--video { width: 100%; height: 500px; object-fit: cover; } .sisf-blog-item .blog---video { width: 100%; height: 227px; object-fit: cover; } .sisf-addons-blogs-list .sisf-inner { padding: 0 20px 20px 20px; position: relative; z-index: 2 !important; } .sisf-addons-blogs-list .sisf-inner::before { position: absolute; z-index: -1 !important; } .sisf-blog-single .sisf-blog-item .blog-video { height: auto; } .sisf-blog .sisf-blog-item .sisf-e-media-image a { display: block; } .sisf-blog .sisf-blog-item .sisf-e-media-image figure, .sisf-blog .sisf-blog-item .sisf-e-media-image img { width: 100% } .sisf-blog-item.sisf-addons-blogs-list.letest-blog-item .media-image { border-radius: 20px; } .sisf-blog .sisf-blog-item .sisf-e-title { text-transform: none; color: var(--primary-color); font-style: normal; font-weight: 500; line-height: 36px; margin-bottom: 15px; letter-spacing: 0.66px; font-size: 30px; } .sisf-blog .sisf-blog-item .sisf-info--top>* { display: inline-flex; vertical-align: middle; font-size: 16px; line-height: 1.54em; letter-spacing: 0.32px; font-weight: 500; flex-wrap: wrap; color: var(--primary-color); margin: 0; } .sisf-blog-item .sisf-info--top .sisf-e-info-divider { font-size: 35px; background-color: var(--primary-color); text-align: center; display: inline-block; vertical-align: middle; width: 4px; line-height: 0; margin: 0 0 0 8px; border-radius: 50%; height: 4px; } .sisf-blog-item .sisf-e-content .sisf-e-info-category a { color: var(--primary-color); font-size: 16px; line-height: normal; font-weight: 500; margin-left: 7px; text-transform: uppercase; transition: .4s ease-in-out; } .sisf-blog-item .sisf-e-content .sisf-e-info-category a:hover { color: var(--main-color) !important; transition: 0.3s ease-in-out; } .sisf-info--top .sisf-e-info-date a:hover { color: var(--main-color); transition: 0.3s ease-in-out; } .sisf-blog .sisf-blog-item.format-quote .sisf-e-quote { position: relative; display: inline-block; width: 100%; vertical-align: top; padding: 70px 70px 70px 160px; border: 0; background: url("../images/quote-bg.png") no-repeat top left; background-size: auto; background-size: cover; } .sisf-blog .sisf-blog-item.format-quote .blog-quote { border: 1px solid var(--main-color); } .sisf-blog .sisf-blog-item.format-quote .sisf-e-qoute-background-text { position: absolute; top: 55px; left: 75px; letter-spacing: -0.015em; font-size: 40px; line-height: 1.28em; color: var(--sis-main-color); opacity: 1; text-transform: uppercase; } .sisf-blog .sisf-blog-item .quote-icon { position: unset !important; } .sisf-blog .sisf-blog-item.format-quote .sisf-e-qoute-background-text::before { font-weight: 900; font-size: 70px; letter-spacing: -0.015em; line-height: 1.28em; color: var(--main-color); text-transform: uppercase; } .sisf-blog .sisf-blog-item.format-quote .sisf-e-quote-text { position: relative; margin: 0 auto; padding: 0; letter-spacing: 0; color: var(--primary-color); text-align: left; font-size: 30px; font-family: var(--heading-font); font-style: normal; font-weight: 500; line-height: normal; text-transform: none; } .sisf-blog .sisf-blog-item.format-quote .sisf-e-quote-author { position: relative; display: block; margin: 24px 0 0; padding: 0; letter-spacing: 0.075em; color: var(--main-color); text-align: left; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } .sisf-blog .sisf-m-icon-holder { font-size: 80px; color: var(--primary-color); } .sisf-blog .sisf-m-icon-wrapper .sisf-m-title { font-size: 26px; line-height: 40px; font-weight: 500; } .sisf-blog .sisf-m-content h5 { font-weight: 600; text-transform: uppercase; } .grooming-title h3 { font-size: 30px; font-weight: 800; } .benefits h3 { font-size: 34px; font-weight: 800; } .sisf-m-blog-content h4 { font-size: 38px; } .sisf-blog .icon-list-items .sisf-e-icon img { width: 14px; } .sisf-blog .icon-list-item { padding-bottom: 15px; position: relative; } .sisf-blog .icon-list-item .icon-list-icon { padding-right: 5px; } .sisf-blog .icon-list-item .icon-list-icon svg { width: 6px; height: 6px; fill: #444444; transition: fill 0.3s; } .sisf-blog .icon-list-item .icon-list-text { font-family: var(--default-font), Sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0.32px; transition: color 0.3s; align-self: center; padding-inline-start: 5px; } .sisf-blog-item.sisf-item-layout-boxed { position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08); } .sisf-blog-item.sisf-item-layout-boxed .sisf-e-content { background-color: var(--white-color); padding: 20px; width: 90%; margin: 0 auto; margin-top: -90px; position: relative; z-index: 2; } .sisf-blog-item.sisf-item-layout-boxed .sisf-e-info-date { position: absolute; top: 0; right: 0; padding: 12px 18px; background-color: #111; z-index: 2; } .sisf-blog-item.sisf-item-layout-boxed .sisf-e-info-date a { color: var(--white-color); } .sisf-blog-item.sisf-item-layout-boxed .sisf-e-title .sisf-e-title-link { font-size: 25px; font-family: var(--default-font); position: relative; background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px); transition: .9s cubic-bezier(.32, .32, .15, 1.17); background-size: 0 100%; } .sisf-blog-item.sisf-item-layout-boxed .sisf-e-title .sisf-e-title-link:hover { transition: 0.4s ease-in-out; color: var(--primary-color) !important; background-size: 100% 100%; } .latest-posts__list.sis-side-blog { display: flex; flex-wrap: wrap; } .latest-posts__list.sis-side-blog li { padding: 5px; width: 33.33%; height: auto; object-fit: cover; margin-bottom: 0px; } .sisf-m-quote-icon-wrapper .sisf-e-qoute-background-text { position: unset !important; } /****************************** 51. Blog Single css * ****************************/ .sisf-blog-single .sisf-e-bottom-holder .sisf-e-info.sisf-e-left a { padding: 9px 14px; border: 1px solid #dedede; color: #333; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.28px; margin: 0 10px 10px 0; text-transform: none; transition: 0.5s ease-in-out; } .sisf-blog-single .sisf-e-bottom-holder .sisf-e-info.sisf-e-left a:hover { color: var(--main-color); transition: 0.5s ease-in-out; } .sisf-blog-single .sisf-author-info { background: url("../images/blog-author-bg.png") no-repeat top left; background-size: auto; background-size: auto; padding: 40px; } .sisf-blog .review_form .comment-notes { font-size: 16px; } .sisf-blog .reviews-title { font-size: 30px; } .sisf-blog .comment-text .meta .review-author { font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.66px; text-transform: none; margin: -5px 0px 11px; } .sisf-blog .comment-text .meta .description p { font-size: 16px; } .sisf-blog .comment-text .meta .review-published { color: var(--main-color); } .sisf-blog .comment_container a { color: var(--primary-color); } .sisf-blog-single .sisf-author-info .sisf-m-inner { position: relative; display: flex; align-items: center; } .sisf-blog-single .sisf-author-info .sisf-m-image { width: 80px; height: auto; flex-shrink: 0; margin-right: 30px; } .sisf-blog-single .sisf-author-info .sisf-m-content .sisf-m-author { color: var(--white-color); font-size: 22px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 0.44px; font-family: var(--default-font); } .sisf-blog-single .sisf-author-info .sisf-m-content .sisf-m-description { color: var(--white-color); } .sisf-page-comments .sisf-m-comments .sisf-comment-item { margin-top: 40px; padding: 0 0 40px 0; border-bottom: 1px solid #E5EAF1; position: relative; } .sisf-page-comments .sisf-m-comments .sisf-comment-item .sisf-e-content h5 { color: #333; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.66px; text-transform: none; margin: 0px 0px 11px; } .sisf-page-comments .sisf-m-comments .sisf-comment-item .sisf-e-content h5 .comment-reply-link { position: absolute; top: -4px; right: 24px; color: var(--main-color); font-family: var(--default-font); font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.3px; text-transform: uppercase; } .sisf-page-comments .sisf-m-comments .sisf-comment-item .commentmetadata { color: var(--main-color); } .review_form_box .form_box-grid .form_box-item { width: 50%; } .sisf-page-comments .review_form .comment-reply-title { font-size: 30px; font-family: var(--heading-font); font-weight: 500; } .our-blog { padding: 100px 0 70px; } .blog-item { height: calc(100% - 30px); margin-bottom: 30px; z-index: 1; } .blog-item .post-featured-image { border-radius: 0 0 80px 0; overflow: hidden; margin-bottom: 30px; } .blog-item .post-featured-image a { position: relative; display: block; cursor: none; overflow: hidden; } .blog-item .post-featured-image a::before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--primary-color); opacity: 30%; width: 100%; height: 100%; z-index: 1; } .blog-item .post-featured-image img { aspect-ratio: 1 / 0.75; object-fit: cover; border-radius: 0 0 80px 0; transition: all 0.5s ease-in-out; } .blog-item:hover .post-featured-image img { transform: scale(1.1); } .sisf-blog-item .sisf-e-media { margin-bottom: 1.5em; } .sisf-blog-item .sisf-e-content .sisf-e-info-date { color: var(--main-color); font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; } .sisf-blog-item .sisf-e-content .sisf-e-info-date a { font-weight: 500; } .sisf-blog-item .sisf-e-content .sisf-e-title a { font-size: 38px; font-weight: 700; text-transform: none; line-height: 36px !important; letter-spacing: 0.66px; margin: 0 0 15px; transition: 0.4s ease-in-out; } .sisf-blog---content { padding: 25px; border-left: 2px solid var(--secondary-color); } .sisf-sis--blog .sisf-e-content .sisf-e-title-link { letter-spacing: 1.5px !important; line-height: 40px !important; font-weight: 700 !important; position: relative; transition: 0.4s ease-in-out; background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px); transition: .9s cubic-bezier(.32, .32, .15, 1.17); background-size: 0 100%; } .sisf-sis--blog .sisf-e-content .sisf-e-title-link:hover { transition: 0.4s ease-in-out; color: var(--main-color) !important; background-size: 100% 100%; } .sisf-blog-item .sisf-e-content .sisf-e-title a:hover { color: var(--main-color); transition: 0.4s ease-in-out; } .sisf-blog-single .sisf-e-content .sisf-e-title { font-size: 38px; font-weight: 700; } .sisf-blog-single .marketing h5 { font-size: 20px; font-weight: 700; text-transform: none !important; font-family: var(--default-font); } /****************************** 36. Mini cart css * ****************************/ .sisf-mini-cart { padding: 0 !important; border-bottom: 1px solid #DEDEDE; margin: 0; max-height: 400px; overflow-y: auto; overflow-x: hidden; } .sisf-mini-cart .sisf-mini-cart-item { padding-bottom: 15px; position: relative; } .sisf-mini-cart .sisf-mini-cart-item .sisf-e-image img { height: 68px; min-width: 68px; width: 68px; object-fit: cover; } .sisf-mini-cart .sisf-mini-cart-item .sisf-e-title { margin: -3px 0 0; letter-spacing: .075em; color: var(--primary-color); font-family: var(--default-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-transform: none; } .sisf-mini-cart .sisf-mini-cart-item .product-price-amount { color: rgb(19, 22, 26); font-family: var(--default-font); font-size: 16px; line-height: 30px; font-weight: 400; letter-spacing: 0.48px; text-transform: none; } .sisf-mini-cart .sisf-mini-cart-item a.remove_from_cart_button { position: absolute; right: 0; top: -5px; } .sisf-m-action .btn-default { padding: 10px 18px 10px 18px; font-size: 14px; font-weight: 600; } .sisf-m-action .btn-default.btn-default-rev { background: var(--main-color); color: var(--white-color); border: 1px solid var(--main-color) !important; } .sisf-m-action .btn-default.btn-default-rev:hover { background: #fff; color: var(--main-color); } .sisf-m-action .btn-default.btn-default-rev:hover:after { background: #fff; } /****************************** 52. Landing Page css * ****************************/ .landing-banner { padding: 160px 0 70px 0; } .section-title .home-page-count { margin-bottom: 0px; line-height: normal; font-size: 100px; } .stu-homepages .section-title h2 { margin-top: -60px; } .stu-homepages { background-image: url("../images/skyline-bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 280px; } .inner-pages .sisf-sis-section-title { background-image: url("../images/inner-page-bg-2.html"); background-position: center center; background-repeat: no-repeat; background-size: auto; } .inner-pages .sisf-sis-section-title .sisf-m-digit { font-size: 270px; line-height: 250px; font-family: var(--heading-font); letter-spacing: -16.32px; } .inner-pages .sisf-sis-section-title .sisf-m-digit span { font-size: 100px; line-height: 250px; vertical-align: middle; margin-left: -50px; font-weight: 900; } .sisf-images--box { margin-bottom: -250px; position: relative; z-index: 3; } .sisf-images--box h5 { font-size: 20px; color: var(--primary-color); font-weight: 500; display: inline-block; font-family: var(--default-font); letter-spacing: 0.5px; text-transform: none; transition: 0.4s ease-in-out; } .sisf-images--box h5:hover { color: var(--main-color); transition: 0.4s ease-in-out; } .your-website { background-color: #F7F7F9; } .inner-pages { background-image: url("../images/landing_banner_bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; } .sisf-landing-icon-with-text.mb-3 { margin-top: 70px; } .sisf-landing-icon-with-text { display: flex; align-items: center; } .landing-layout-image { background-image: url("../images/beautiful_room_bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; padding: 70px 40px; } .sisf-activity-page-image-wrapper { margin-bottom: 30px; } .sisf-activity-page-image-wrapper .sisf-e-inner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #02010140; transition: background-color .35s ease-out; pointer-events: none; opacity: 0; transition: 0.3s ease-in-out; } .sisf-activity-page-image-wrapper:hover .sisf-e-inner::after { opacity: 1; transition: 0.3s ease-in-out; } .sisf-activity-page-image-wrapper .sisf-e-inner { overflow: hidden; } .sisf-activity-page-image-wrapper .sisf-e-inner img { transition: 0.3s ease-in-out; transform: scale(1.01); } .sisf-activity-page-image-wrapper:hover .sisf-e-inner img { transition: 0.3s ease-in-out; transform: scale(1.04) translateZ(0); } .sisf-landing-icon-with-text .check { width: 20px; height: 20px; border-radius: 3px; background-color: var(--main-color); display: flex; align-items: center; justify-content: center; } .sisf-landing-icon-with-text .check i { color: #0D2A4A; font-size: 12px; line-height: 0; } .modern-website { background-image: url("../images/landing-bg.html"); background-repeat: no-repeat; background-position: center; } .sisf-icon-box .sisf-m-title { font-family: var(--default-font); font-size: 18px; font-weight: 600; } .startup-plateform { background-image: url("../images/create_theme_bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .sisf-top-notch { margin-bottom: -100px; position: relative; z-index: 2; } .sisf-top-notch-inner { background-color: #F7F4F2; border-radius: 20px 20px 20px 20px; padding: 50px 50px 50px 50px; } .top-area .functionalities { width: 20%; background-color: var(--white-color); margin-right: 15px; border-radius: 20px 20px 20px 20px; padding: 30px; } .top-area .functionalities .sisf-m-icon-holder img { width: 50px; height: auto; object-fit: cover; } .top-area .functionalities:last-child { margin-right: 0px; } .top-area .functionalities .sisf-m-content h5 { color: #333333; font-family: var(--default-font); font-weight: 700; text-transform: none; line-height: 26px; } .build-an-website { background-image: url("../images/create_powerful.html"); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 250px 0; } /************************************/ /*** 53. Footer css ***/ /************************************/ .footer-top--area-inner { background-image: url("../images/footer-top-bg.html"); background-position: center; background-repeat: no-repeat; padding: 70px 0 70px 0; background-position: top 0px center !important; background-size: 110% !important; } .footer-top-area-inner { padding: 70px 0 70px 0; } .footer-top-area-inner h5 { font-size: 30px; font-style: normal; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; font-family: var(--default-font); } .subscription-container { background-color: transparent; border-radius: 0px; margin-top: 40px; border-bottom: 1px solid var(--primary-color); } .subscription-container input { background: transparent; border: none; font-size: 18px; padding: 16px 28px 16px 0; margin-bottom: 0px !important; border-radius: 0px; color: var(--primary-color); } .subscription-container input:focus { outline: none; box-shadow: none; color: var(--primary-color); background: transparent; } .subscription-container input::placeholder { color: var(--primary-color); background: transparent; } .subscription-container button { color: var(--primary-color); background: transparent; border-radius: 0px; font-weight: 500; letter-spacing: 1px; text-transform: none; text-decoration: none; padding: 0; } .footer-logo { margin-bottom: 25px; } .footer-logo img { max-width: 220px; } .about-footer-content { margin-bottom: 25px; } .about-footer-content p { color: var(--white-color); margin: 0; font-size: 15px; font-style: normal; font-family: var(--default-font); font-weight: 400; line-height: 30px; letter-spacing: 0.3px; } /*.sisf-page-footer-middle-area{ display: none; }*/ .footer-contact p { font-size: 16px; color: var(--white-color); } .footer-social-links { margin: 20px 0 20px 0; } .footer-social-links ul { list-style: none; padding: 0; } .footer-social-links .privacy p { color: var(--primary-color); } .footer-social-links ul li { width: 40px; height: 40px; display: inline-flex; justify-content: center; border-radius: 100%; align-items: center; margin-right: 20px; background-color: var(--primary-color); } .menu-footer-menu-container .menu-item { margin-right: 20px; } .menu-footer-menu-container .menu-item a { font-weight: 600; } .footer-social-links ul li:last-child, .menu-footer-menu-container .menu-item:last-child { margin-right: 0; } .footer-social-links ul li a i { color: var(--white-color); font-size: 18px; padding-top: 10px; transition: all 0.3s ease-in-out; } .footer-social-links ul li:hover a i { color: var(--main-color); transition: all 0.3s ease-in-out; } .footer-links h3, .footer-contact h3 { margin-top: 0; margin-bottom: 25px; color: var(--main-color); font-size: 22px; font-style: normal; font-family: var(--heading-font); text-transform: uppercase; font-weight: 500; line-height: normal; letter-spacing: 7px; } .footer-links ul { margin: 0; padding: 0; padding-left: 0px; } .footer-links ul li { text-transform: capitalize; margin-bottom: 6px; margin-top: 10px; list-style-type: none; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 0.3px; } .footer-links ul li:last-child { margin-bottom: 0; } .footer-links ul li::marker { color: var(--accent-color); } .footer-links ul li a { color: var(--white-color); font-weight: 500; transition: all 0.3s ease-in-out; } .footer-links ul li:hover a { color: var(--main-color); transition: all ease 0.5s; padding-left: 10px; } .footer-contact-details .footer-info-box { position: relative; padding-left: 0px; margin-bottom: 25px; } .sisf-page-footer-middle-area .text p { color: var(--white-color); } .footer-info-box p { font-size: 16px; font-family: var(--default-font); font-style: normal; font-weight: 500; line-height: 30px; letter-spacing: 0.3px; color: var(--white-color); margin: 10px 0; } .footer-contact-details .footer-info-box:last-child { margin-bottom: 0; } .footer-info-box .icon-box { position: absolute; top: -2px; left: 0; } .footer-info-box .icon-box img { max-width: 24px; } .footer-info-box-content p { color: var(--white-color); margin-bottom: 0; } .footer-blog-post-details .sisf-blog-image img { max-width: 80px; } .footer-blog-post-details .blog_list_widget .sisf-blog-title a { color: var(--white-color); } .footer-blog-post-details .publish-date { color: #CDCFCF; font-size: 13px; } .footer-copyright { padding: 10px 0; margin-top: 0px; } .footer-copyright-text p { color: #B2BCC8; font-family: var(--default-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; letter-spacing: 0.45px; margin: 0; } .footer-privacy-policy ul { list-style: none; margin: 0; padding: 0; text-align: end; } .footer-privacy-policy ul li { display: inline-block; margin-right: 40px; } .footer-privacy-policy ul li:last-child { margin-right: 0; } .footer-privacy-policy ul li a { color: #838383; font-size: 15px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: 0.45px; text-decoration: none; } .footer-privacy-policy ul li:hover a { color: var(--main-color); } .sisf-page-footer-top-area { background-image: url("../images/footer-top.png"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 70px 0; } .sisf-page-footer-top-area h3 { font-size: 36px; font-style: normal; font-weight: 700; text-transform: uppercase; line-height: 50px; letter-spacing: 1.8px; } .sisf-page-footer-top-area .sisf-icon-simple-line-icons { font-size: 24px; } .sisf-page-footer-top-area .sisf-shortcode.sisf-m.sisf-icon-holder { line-height: normal; margin-right: 10px; } .sisf-page-footer-top-area .widget.itemss { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9d9cb; } .sisf-page-footer-top-area .sisf-m.footer-btn { width: 150px; height: 150px; background-color: var(--primary-color); display: flex; justify-content: center; text-align: end; align-items: center; border-radius: 50%; transition: 0.3s ease-in-out; color: var(--white-color); cursor: pointer; } .sisf-page-footer-top-area .sisf-m.footer-btn:hover a { color: var(--main-color); transition: 0.3s ease-in-out; } .sisf-page-footer-top-area .sisf-sis-icon-with-text.sisf-layout--before-content { display: flex; align-items: flex-start; text-align: left; font-family: var(--default-font); } .sisf-page-footer-top-area .sisf-sis-icon-with-text.sisf-layout--before-content .sisf-m-icon-wrapper { margin-top: 10px; margin-right: 30px; flex-shrink: 0; position: relative; display: inline-block; } .sisf-page-footer-top-area .sisf-sis-icon-with-text .sisf-m-content .sisf-m-title { color: #979797; font-family: inherit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 34px; text-transform: uppercase; } .sisf-page-footer-top-area .sisf-sis-icon-with-text .sisf-m-content .sisf-m-title a { color: #979797; } .sisf-page-footer-top-area .sisf-sis-icon-with-text .sisf-m-content .sisf-m-text { font-size: 22px; font-style: normal; font-weight: 400; line-height: 34px; font-family: var(--default-font); color: var(--white-color); margin-top: 5px; } .sisf-page-footer-top-area .subscribe-newsletter-form .form-group .subscribe-btn { position: static; margin-left: 25px; padding: 6px 23px; background: transparent; border: 1px solid var(--main-color); color: var(--white-color); font-family: var(--default-font); font-size: 14px; font-style: normal; font-weight: 500; line-height: 30px; letter-spacing: 1.4px; border-radius: 0; text-transform: uppercase; } .sisf-page-footer-top-area .subscribe-newsletter-form .form-group .subscribe-btn:hover { background-color: var(--main-color); color: var(--white-color); border-color: var(--main-color) } .sisf-page-footer-top-area .subscribe-newsletter-form .form-group .form-control { background: #23292C; border-color: #23292C; color: #BABABA; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.7px; padding: 15px 15px; border-radius: 0; box-sizing: border-box; outline: 0; cursor: pointer; transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; font-family: var(--default-font) } .sisf-page-footer-middle-area { padding-top: 0px; padding-bottom: 0px; } .sisf-page-footer-middle-area .subscription { font-size: 36px; font-style: normal; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; } .main-footer .gallery-container { display: flex; align-items: center; gap: 0px; margin-top: 15px; flex-wrap: wrap; } .main-footer.section{ background-color: #efede263; } .sisf-sis-section-title.section-title{ margin-bottom:0px; } .main-footer .gallery-container .gallery-item { width: 33%; padding: 10px; position: relative; } .sisf-page-footer-bottom-area { background-color: #F3F3F2; border-top: 1px solid #D9D6D2; } /************************************/ /*** 54. Responsive css ***/ /************************************/ @media only screen and (min-width: 1441px) { .sisf-extended-grid.sisf-extended-grid--left .container { padding-right: calc((100% - 1300px)/ 2); } .sisf-extended-grid.sisf-extended-grid--right .container { padding-left: calc((100% - 1300px)/ 2); } } @media only screen and (min-width: 1025px) { html, body { overflow-x: hidden; } .hero { min-height: 59vh; } .sisf-extended-grid.sisf-extended-grid--left .container, .sisf-extended-grid.sisf-extended-grid--right .container { width: 100% !important; max-width: 100% !important; margin: 0; } } @media only screen and (max-width: 1366px) { .main-menu ul.navbar-nav>li>a { padding: 0px 5px !important; } .sisf-divided-header-left-wrapper .navbar, .sisf-divided-header-right-wrapper .navbar { margin: 0 15px 0 0; } .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-title { font-size: 26px; } .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-description { font-size: 14px; } .text-slider h2 { font-size: 30px; } .navbar-nav .nav-item .nav-link { font-size: 14px; } .main-menu ul li { padding-right: 0px !important; } .sisf--standerd-header .sisf-skin--dark { padding: 10px 0 !important; } .sisf--standerd-header .header-top { padding: 10px 0px !important; } .sisf-standerd--header .navbar.me-4 { margin-right: 30px !important; } } @media only screen and (max-width: 1199px) { html, body { overflow-x: hidden; } #sisf-page-header-inner { padding: 20px; } .main-menu ul.navbar-nav>li>a { font-size: 12px !important; } .main-menu ul ul li a { font-size: 12px; } .sisf-button.sisf-layout--outlined { font-size: 14px; padding: 8px 10px; } .hero-slider-layout .hero-slide { width: 100%; height: 440px; object-fit: cover !important; } .navbar.navbar-expand-lg { margin: 0px !important; } .header-icon .search-input { width: 140px; } .header-top { padding: 10px 25px; } .nav-item .fas.px-3 { padding-right: 0px !important; } .hero { min-height: 34vh !important; } .section-title .sisf-e-decorated::before { bottom: 8px; } .sisf-divided-header-left-wrapper .sisf-icon-holder { font-size: 14px; } .section-title .text-heading { font-size: 54px; line-height: 67px; } .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-image, .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content { height: auto; } .section-title h2 { font-size: 42px; } .your-comfort-decoration-center { padding: 70px 90px; } .your-comfort-decoration-center .section-title h2 { font-size: 30px; line-height: normal; } .your-comfort-decoration-center .section-title p { font-size: 15px; line-height: normal; } .activities-page-right { padding: 25px; margin-left: -120px; } .startup-plateform { padding: 30px 0; } } @media only screen and (max-width: 1024px) { .sisf-skin--light .navbar-brand.mobile-none { display: none !important; } .sisf-skin--light .navbar-brand.mobile-block { display: block !important; } .navbar-brand.mobile-block { padding: 0; } .hire-dream .hire-now { background: #222525; padding: 40px; } .hero-slider-layout .hero-slide { width: 100%; height: 440px; object-fit: cover !important; } .section-title .text-heading { font-size: 36px; line-height: 51px; } .hero.hero-slider .hero-slider-layout .hero-slide .hero-content-1 p { padding-top: 30px; } .hero-content-1 .btn-slider { padding: 18px 29px; } .hero-content-1 .btn-slider { font-size: 18px !important; } .hero.hero-slider .hero-slider-layout .hero-slide .hero-content-1 p { font-size: 16px } .sisf-main-header .in-mobile { display: none !important; } .navbar { padding: 20px 0px; } .main-menu ul li { margin: 0; } #sisf-page-header-inner { display: flex !important; justify-content: space-between !important; padding: 20px 0; } .sisf-main-header, #sisf-page-header-inner { position: relative; background: transparent; height: auto; } .slicknav_btn { background: transparent; } .sisf-divided-header-left-wrapper { display: none !important; } .header-top { display: none; } .sisf-main-header .sisf-widget-holder.sisf--two, .sisf-divided-header-right-wrapper { display: none !important; } .responsive-menu, .navbar-toggle { display: block; } .responsive-menu { position: absolute; top: 100%; left: 0; right: 0; width: auto; } .sisf-centered-header-wrapper { display: none !important; } .slicknav_menu { background: var(--white-color); } .hero-slider-layout .hero-slide { min-height: 600px; } .hero.hero-slider .hero-slider-layout .hero-slide .hero-slider-image { top: 0 } .hero { margin-top: 0 } .hero-content .section-title h3 { font-size: 16px; } .section-title h1 { font-size: 46px; } .hero-content .btn-slider { padding: 15px 25px; } .hero-slider-layout .hero-pagination { right: 0 } .section { padding: 50px 0px 50px 0px; } .section-title h2 { font-size: 32px; line-height: 1.5; } .section-row { margin-bottom: 20px; } .btn-default { font-size: 15px; padding: 14px 20px 14px 20px; } .sisf-page-footer-top-area { padding-top: 40px; padding-bottom: 40px; } .sisf-page-footer-middle-area { padding-top: 40px; padding-bottom: 40px; } .sisf-page-footer-top-area .sisf-sis-icon-with-text .sisf-m-content .sisf-m-title { font-size: 16px; } .sisf-page-footer-top-area .sisf-sis-icon-with-text .sisf-m-content .sisf-m-text { font-size: 18px; } .contact-banner { margin-top: 0 !important; } .sisf-banner { margin-top: 20px; } .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-title { font-size: 20px; } .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-description { font-size: 13px; } .portfolio-category .sisf-e-content p { display: none; } .counter-box { margin-bottom: 20px !important; } .sisf-sis-box-counter { padding: 10px; } .counter-box .counter-title h2 { font-size: 30px; } .error-page { padding: 60px 0 40px 0; } .timeline-detail { padding-bottom: 50px; } .sisf-blog-item .blog--video { width: 100%; height: 300px; object-fit: cover; } .sisf-blog-item .blog---video { width: 100%; height: 150px !important; object-fit: cover; } #sisf-page-header-inner { padding: 20px 0; } .slider-content, .image-content { width: 80%; padding: 20px; } .discover-ring-image { width: 100px; } .sparkle-and-shine { padding: 50px; } .new-arrivals-section { padding: 50px 0; } .new-arrival-image { position: unset; margin-bottom: 25px; } .new-arrival-image img { aspect-ratio: 1; } .new-arrival-left { padding-right: 50px; } .counter-box .counter-item .counter { font-size: 40px; } .counter-box .counter-item .counter-content h3 { font-size: 16px; } .carousel .carousel-item .sisf-e-text { padding: 0; } .carousel-indicators { bottom: -30px !important; } .footer-top--area-inner { background-size: 165% !important; } .sisf-skin--dark .container-fluid { justify-content: space-between; padding-top: 15px; } .sisf--standerd-header .sisf-skin--dark { padding: 0 !important; } .slicknav_menu .sisf-menu-title { padding: 10px 20px 10px 30px; margin: 10px 0; color: var(--primary-color); } .sisf-page-sidebar .sidebar-widget { padding: 0px 20px 0px 20px; } .sisf-e-left-holder .sisf-projects-title { font-size: 40px; } .sisf-tour-list .sisf-list-media { min-width: 250px; } .sisf-tour-list .list-contents { padding-left: 10px; } .sisf-tour-list .sisf-tour-list-item p { line-height: normal; } .sisf-tour--list-sidebar .form-section .fa-calendar { top: 50% !important; right: 22px; } .sisf-divided-header-right-wrapper .sisf-widget-holder>div:first-child { margin-left: 15px; } .your-comfort-decoration-center { padding: 30px 20px; } .your-comfort-decoration-center .section-title h2 { font-size: 18px; line-height: normal; } .your-comfort-decoration-center .section-title p { font-size: 13px; line-height: normal; } .your-comfort-left-image, .your-comfort-right-image { margin: 0; } } @media only screen and (max-width: 991px) { .sisf-header-logo-link.navbar-brand img { width: 65px; height: 50px; } .sisf-skin--light .navbar-brand.mobile-none { display: none !important; } .sisf-skin--light .navbar-brand.mobile-block { display: block !important; } .sisf-skin--dark .navbar-brand.mobile-none { display: none !important; } .sisf-skin--dark .navbar-brand.mobile-block { display: block !important; } .sisf-centered-header-wrapper { display: none !important; } .hero-slider-layout .hero-slide { width: 100%; height: 500px; object-fit: cover !important; } .hero-slider .home-bottom img { bottom: -2px; height: 100px; } .sisf-header-logo-link.navbar-brand { display: flex !important; align-items: center; } .header-icon { display: none !important; } .hero .home-slide .section-title h1 { padding-left: 10px; } .slicknav_nav li, .slicknav_nav ul { display: block; } .responsive-menu, .navbar-toggle { display: block; } .header-btn .btn-default { display: none; } .section-row { margin-bottom: 20px; } .section-row .section-title { max-width: 100%; } .section-title { margin-bottom: 30px; position: relative; z-index: 2; } .section-title h3 { margin-bottom: 15px; padding-bottom: 0; } .section-title h1 { font-size: 35px; line-height: 45px; } .section-title h2 { line-height: 1.5; } .section-title p { margin-top: 15px; } .hero-slider-layout .hero-slide { position: relative; min-height: 100%; padding: 50px 0 70px 0; } .sisf-sis-animated-text .sisf-m-title { font-size: 50px; } .sisf-main-header .in-mobile { display: none !important; } .hero-video .hero-bg-video { width: 100%; height: 100%; object-fit: cover; } .video-play-button .sisf-m-play-inner { position: absolute; border-radius: 100%; top: 40%; width: 100px; height: 100px; left: -90%; } .swiper-wrapper .swiper-items { flex: 0 0 auto; width: 50%; } .swiper-wrapper .mt { margin-top: 25px; } .video-play-button a { width: 64px; height: 64px; } .video-play-button a i { font-size: 24px; } .blog-item .post-featured-image { margin-bottom: 20px; } .main-footer { padding: 0px 0 0; } .footer-social-links ul li a i { font-size: 16px; } .footer-links h3, .footer-contact h3 { margin-bottom: 20px; } .footer-contact-details .footer-info-box { padding-left: 0px; margin-bottom: 0px; } .footer-copyright { padding: 20px 0; } .footer-privacy-policy ul li { margin-right: 20px; } .page-header { padding: 130px 0 50px; margin-top: -85px; } .page-header-box h1 { font-size: 60px; margin-bottom: 15px; } .contact-us-form { padding: 40px; } .sisf-info-box { margin-bottom: 30px !important; } .footer-links { margin-bottom: 25px; } .section { padding: 30px 0px 30px 0px; } .section-row { margin-bottom: 20px; } .hero .home-slide .slider-image { padding-bottom: 10px; } .single-product-summary .sisf-product-title { font-size: 35px } .sisf-checkout-right.ps-5 { padding-left: 15px !important; } .sisf-blog .sisf-blog-item { margin-bottom: 40px; } .sisf-blog .sisf-blog-item .sisf-e-title { font-size: 32px } .sisf-icon-box { padding: 15px; } .sisf-banner { margin-top: 0px; } .banner-img img { height: 300px; } .contact-info .sisf-layout--before-content { padding: 20px; } .contact-info .sisf-m-text .address-info { font-size: 16px; } .landing-page .sisf-m-title { font-size: 25px; } .sisf-blog .sisf-blog-item .sisf-e-title { font-size: 32px } .sisf-icon-box { padding: 0px; } .product-tab-body .product-information th { width: 150px; } .swiper-pagination { display: none; } .sisf-quantity-buttons .sisf-quantity-minus, .sisf-quantity-buttons .sisf-quantity-plus { bottom: 0px; } .sisf-divided-header-right-wrapper .sisf-widget-holder>div:first-child { margin-left: 15px; } br { display: none; } .sisf-services-item .sisf-e-title-link { font-size: 28px; line-height: normal; } .footer-top-area-inner h5 { font-size: 18px; } .counter-box { margin-bottom: 20px !important; } .sisf-sis-box-counter { padding: 10px; } .counter-box .counter-title h2 { font-size: 30px; } .sidebar_tag-list a.tag { font-size: 11px; } .sidebar_content-list .content_list_widget li .sisf-image img { min-width: 90px; } .sisf-social-list.d-flex.justify-content-between { justify-content: space-evenly !important; } .sisf-blog-item .blog--video { width: 100%; height: 300px; object-fit: cover; } .video-play-button .popup-video { padding: 0; } .hero-content .section-title p { font-size: 16px; line-height: normal; } .letest-blog-item { margin-bottom: 30px; } .counter-box h2 .counter { font-size: 25px; line-height: normal; } #sisf-page-header-inner { padding: 15px 0; background-color: var(--primary-color); } .sisf-sis--product-tabs .sisf-m-filter-items { width: 32%; } .sisf-m-button.text-center.ms-4 { margin-left: 0px !important; } .sisf-product_cart .sisf-m-button { width: 100%; margin-top: 10px; text-align: center; } .sisf-product_cart .btn-default { width: 100% !important; } .myaccount-navigation ul li a { padding: 15px 0; text-align: center; } .sisf-blog-item .blog-video { height: 350px; } .sisf-box-with-content h4 { font-size: 16px; } .comfort-graphic-image { position: unset; width: 100%; text-align: center; margin-top: 30px; } .your-comfort-decoration-center { padding: 30px 20px; } .your-comfort-decoration-center .section-title h2 { font-size: 18px; line-height: normal; } .your-comfort-decoration-center .section-title p { font-size: 13px; line-height: normal; } .your-comfort-left-image, .your-comfort-right-image { margin: 0; } .cart_table, .sisforders-table { min-width: 1000px; } .cart-collaterals .cart_totals { width: 50%; margin-top: 50px; } .sisf-skin--light.sisf-page .container-fluid { justify-content: space-between; } .activities-page-right { margin: 25px 0 0 0; padding: 15px 15px 0px 15px; } .activities-page-bg { background-position: top left; background-size: 130% auto; } .sisf-opning-contents .sisf-m-content { margin-bottom: 15px; } .nav-item .fas.px-3 { display: none; } .bg-effect { padding: 150px 0; } .landing-banner { padding: 30px 0; } .stu-homepages { margin-bottom: 0px; } .sisf-images--box { margin-bottom: 25px; } .sisf-landing-icon-with-text span.text-white { font-size: 10px; } .sisf-landing-icon-with-text.mb-3 { margin-top: 30px; } .landing-layout-image { padding: 170px 20px; } .activities-pages.comman--bg.pb-5 { padding: 30px 0 0 0 !important; } .startup-plateform { padding: 30px 0; } .services-video video { aspect-ratio: 1 / 4; } .sisf-room-list-item .sisf-e-content { padding: 10px 0 10px 10px; flex-direction: column; align-items: start; bottom: 10px; left: 10px; } .sisf-room-list-item .sisf-e-price { bottom: 102px; left: 10px; } .sisf-room-list-item .sisf-e-content-info li:first-child { margin-left: 0px; } .sisf-room-list-item .sisf-e-content h3 { margin-bottom: 10px; } .step-counter { padding-top: 0px; } .step-counter .counter { font-size: 26px; font-weight: 500; } .main-footer .gallery-container .gallery-item { width: 50%; } .main-footer .gallery-container .gallery-item img { width: 100%; } .hero-slider-layout.comman--bg { padding: 30px 0 !important; } .hero--slide { height: 750px; padding-top: 0px; } .hero--slide .hero_video video { min-height: 750px; } .slider-right-image img { aspect-ratio: 1 / 3; object-fit: cover; } .sisf-skin--light .input-group { display: none; } .check-in-out-form .check-btn { width: 100px; height: 100px; line-height: normal; font-size: 12px; } .sis--counter .counter { font-size: 25px; } .sis--counter { padding: 20px 0; } .sis--counter .counter-content span { font-size: 12px; } .sisf-sis-services-tabs .sisf-m-filter-item-name { padding: 0; margin-bottom: 15px; } .sisf-sis-services-tabs .sisf-m-filter-item span { font-size: 25px; } .sisf-sis-services-tabs .sisf-m-filter-item .count { padding-right: 0px; } .sisf-sis-services-tabs .sisf-m-filter-item .count::after { display: none; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:first-child, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+8), .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item { width: 50%; } .letest-blog--item .sisf-e-inner { flex-direction: column; } .letest-blog--item .sisf-e-content { margin-left: 0px; } .testimonial_slide .sisf-e-inner { background-color: var(--white-color); padding: 20px 20px 100px 20px; } .sisf-page-footer-top-area h3 { font-size: 25px; } .sisf-page-footer-top-area .widget .sisf-e-title-text { font-size: 15px; } .sisf-page-footer-top-area .sisf-m.footer-btn { width: 100px; height: 100px; text-align: center; } .sisf-page-footer-middle-area .subscription { font-size: 20px; } .footer-social-links { margin: 25px 0; } .check-in-out-form.bg-black { margin-top: 30px; } .categorywise-counter-section { padding: 70px 0 0px 0; } .categorywise-counter .counter-title .counter { font-size: 30px; } .categorywise-counter { margin-bottom: 60px; } .sisf-m-hover--box { margin-bottom: 30px; } .sisf-experience-paralled-image.bounceInRight { margin-left: -50px; } .contact-here--form { padding: 20px; } .col-md-6.py-5 { padding: 0 15px 0 15px !important; } .quality-service-background { padding: 100px 0; } .sisf-sis--image.bounceInRight img { aspect-ratio: 1 / 1.4; } .sisf-opning-contents .sisf--m-content { padding-left: 0px; } .sisf-opning-contents h5 { font-size: 20px; } .restaurant-opning-contents { padding: 20px 20px 5px 20px; } .our-restaurant-section { padding: 100px 0; } .sisf-menu-list { margin-left: 0ex; padding: 10px !important; } .sisf-menu-list .sisf-menu-list-item { padding-bottom: 0px; } .sisf-menu-list.bounceInLeft { margin: 0 0px 0 0 !important; padding: 1dvh !important; } .contact-opning-contents { padding: 20px; } .contact-opning-contents .sisf-icon-holder i { font-size: 25px; } .our-address { padding: 20px; } .activities-page-contents { padding: 0px; margin-right: 0px; } } @media only screen and (max-width: 767px) { .sisf-skin--light .navbar-brand.mobile-none { display: none !important; } .sisf-icon-holder.me-4{ margin-right: 10px!important; } .sisf-skin--light .navbar-brand.mobile-block { display: block !important; } .sisf-skin--dark .navbar-brand.mobile-none { display: none !important; } .sisf-skin--dark .navbar-brand.mobile-block { display: block !important; } #sisf-page-header-inner { padding: 5px 0; background-color: var(--primary-color); } .sisf-header-logo-link.navbar-brand img { width: 70px; height: auto; } .sisf-centered-header-wrapper { display: none !important; } .hero-slider .home-bottom img { height: 100px; bottom: -4px; } .hero-content .section-title p { font-size: 16px; line-height: normal; padding-bottom: 0px; } .sisf-page-centered-header-top-area .input-group { display: none; } .section-title .text-heading { font-size: 30px; line-height: normal; } .slicknav_nav .nav-item .nav-link i { display: none; } .section-row { margin-bottom: 30px; } .section-title .sisf-m-subtitle { font-size: 18px; } .pe-0 { padding-right: 15px !important; } .sisf-product-list .sisf-e-product-content .price .amount { font-size: 16px; } .sisf-center-text .sisf-m-subtitle::before { width: 80px; margin: 0 5px; } .sisf-header-logo-link.navbar-brand { display: flex !important; align-items: center; } .section-title h2 { font-size: 25px; line-height: normal; } .blog-item .post-featured-image, .blog-item .post-featured-image img { border-radius: 0 0 50px 0; } .footer-links { margin-bottom: 0px; } .footer-links.mt-5 { margin-top: 25px !important; } .footer-links h3, .footer-contact h3 { font-size: 18px; margin: 25px 0; display: block !important; } .subscription-container { margin-top: 25px; } .footer-social-links ul { margin-bottom: 0px; } .footer-copyright-text { text-align: center; margin-bottom: 10px; } .footer-privacy-policy ul { text-align: center; } .page-header-box h1 { font-size: 40px; } .page-header-box ol { padding: 6px 10px; } .team-content h3 { font-size: 18px; margin-bottom: 6px; } .sisf-main-header .in-mobile { display: none !important; } .hero-slider-layout .hero-slide { width: 100%; height: 370px; object-fit: fill !important; padding-bottom: 0px; } .slicknav_nav .slicknav_row, .slicknav_nav li a { padding: 15px 20px; } .hero-slider-layout .hero-pagination { bottom: 35px; } .hero-video .hero-bg-video { width: 100%; height: 510px; object-fit: cover; } .section-title h1 { font-size: 28px; line-height: 45px; } .sisf-sis-info-cards { margin-bottom: 20px } .sisf-sis-info-cards .sisf-sis-info-cards-inner { min-height: 250px; } .sisf-sis-info-cards .sisf-sis-info-cards-inner { padding-top: 70%; } .sisf-info-box .sisf-m-info .sisf-m-title { padding: 10px 0; } .swiper-slide .services-category h2.sisf-e-title { font-size: 32px; line-height: 40px; } .sisf-page-footer-top-area .sisf-sis-icon-with-text.sisf-layout--before-content { margin-bottom: 15px } .cart-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } .cart_table, .sisforders-table { min-width: 700px; } .cart-form-table .shop_table tr th, .cart-form-table .shop_table tr td { padding: 5px 0 5px 5px; font-size: 15px; } .sisf-quantity-buttons .sisf-quantity-minus, .sisf-quantity-buttons .sisf-quantity-plus { bottom: 0px; height: auto; font-size: 12px; } .sisf-page-footer-top-area, .sisf-page-footer-middle-area { padding-top: 30px; padding-bottom: 30px; } .subscribe-newsletter-form .form-group { display: table; } .sisf-page-footer-top-area .subscribe-newsletter-form .form-group .subscribe-btn { margin-left: 0; margin-top: 10px; width: 100% } .sisf-extended-grid.sisf-extended-grid--right .container { padding: 12px !important; } .video-play-button .sisf-m-play-inner { top: 30%; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; cursor: pointer; left: 0; transform: translate(-6%, -25%); padding: 5px; right: 0; margin: 0 auto; } .video-play-button a { width: auto; height: auto; } .header-contact-info span { display: none; } .swiper-wrapper .swiper-items { flex: 0 0 auto; width: 100%; } .sisf-item-layout--info-on-hover-inset .team-member-content { height: 90%; } br { display: none; } .hero .hero-slide .section-title h1 { padding: 0; font-size: 20px; line-height: 35px; margin-bottom: 0px; } .hero .home-slide .section-title { position: relative; } .hero .home-slide .slider-image { position: relative; margin-top: 70px; z-index: 4; padding-bottom: 0px; } .hero.hero-slider .hero-slider-layout .hero-slide .hero-content h3 { font-size: 16px; letter-spacing: 1px; } .sisf-main-header .header-top { display: none; } .product-tabs { margin-top: 25px; } .product-tab-body .product-information th { width: 150px; } .sisf-sis-animated-text .sisf-m-title { font-size: 40px; text-align: center; line-height: 35px; } .single-product-summary .sisf-product-title { font-size: 22px } .single-product-summary .price-amount { font-size: 25px } .sisf-quantity-buttons .sisf-quantity-minus, .cart .sisf-quantity-buttons .sisf-quantity-plus { width: 40px; } .sisf-quantity-buttons .sisf-quantity-plus { width: 40px; } .product-tabs .product-tab-nav .nav-tabs li { padding-right: 0; } .product-tabs .product-tab-nav .nav-tabs { display: table; width: 100% } .product-tabs .product-tab-nav .nav-tabs li { margin-bottom: 25px } .product-reviews-col { max-width: 100%; } .hero-video .hero-bg-video { top: 0%; width: 100%; height: 100%; } .faqs-accordian .accordion-button span { font-size: 17px; line-height: normal; } .faqs-accordian .accordion-button { padding: 15px 0 !important; } .faqs-accordian .sisf-accordion-mark { width: 35px; height: 35px; right: 15px; } .sisf-item-layout--info-from-bottom .social-icons { width: 52%; } .cart-form-table .shop_table tr th, .cart-form-table .shop_table tr td { padding: 5px 0 5px 5px; font-size: 15px; } .cart-form-table .shop_table tr td.product-name { font-size: 14px } .cart-form-table .shop_table tr th.product-thumbnail, .cart-form-table .shop_table tr td.product-thumbnail, .cart-form-table .shop_table tr td.product-subtotal, .cart-form-table .shop_table tr th.product-subtotal { margin-right: 15px; } .cart-collaterals .cart_totals { margin-top: 0px; width: 100%; } .cart-collaterals .cart_totals h2 { margin-bottom: 15px } .shop_table .coupon { width: 100% } .shop_table .actions .button.btn-default { padding: 11px 12px; } .cart-form-table .shop_table tr td.actions { padding-bottom: 15px } .related_products { padding-top: 30px; margin-top: 30px } .related_products h2 { font-size: 24px } .sisf-blog .sisf-blog-item .sisf-info--top>* { font-size: 14px } .sisf-blog .sisf-blog-item { margin-bottom: 30px; } .sisf-blog .sisf-blog-item .sisf-e-title, .sisf-page-comments .review_form .comment-reply-title { font-size: 24px } .sisf-page-comments .sisf-m-comments .sisf-comment-item { margin-top: 20px; padding: 0 0 20px 0; } .stu-homepages-row { padding: 0px !important; } .sisf-page-footer-middle-area h5 { font-size: 20px; } .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-title { font-size: 20px } .sisf-shop-list.sisf-layout-standard .sisf-shop-item .sisf-shop-content .sisf-shop-description { font-size: 13px } .sis-team-member .team-member-content h4 { font-size: 18px; } .sisf-layout-simple { display: flex; justify-content: center; margin-bottom: 20px; } .sisf-item-layout-info-below { margin-bottom: 20px; } .sisf-banner { margin-top: 0px; } .banner-img img { height: 200px; } .sisf-page-sidebar { margin: 25px 0; } .sisf-shop-results { display: flex; flex-direction: column; justify-content: center; align-items: center; } .sisf-text-counter span { font-size: 45px; } .counter-box .counter-title h2 { font-size: 40px; line-height: normal; } .sisf-sis-box-counter { padding: 20px; } .footer-top-area-inner { padding: 20px !important; } .footer-top-area-inner h5 { font-size: 18px; } .letest-blog-item { margin-bottom: 25px; } .sisf-icon-list-item.sisf-icon--custom-icon { margin-bottom: 20px; } .contact-here-form { margin-top: 25px; } .shop_table .coupon { float: none; } .shop_table .coupon input[type="text"] { margin-bottom: 20px; width: 100%; margin-right: 0px; } .shop_table .actions .button { width: 100%; text-align: center; display: block; margin-bottom: 20px; padding: 11px 34px; font-size: 14px !important; } .sisf-product_cart.mt-5 { margin-top: 25px !important; } .sisf-single-top-row .sisf-quantity-buttons { top: 11px; } .sisf-single-top-row .sisf-quantity-buttons input.sisf-quantity-input { height: 48px; font-size: 12px; width: 125px; } .ours-team .row>div:nth-child(even) .sis-team-member { margin-top: 0px; } .accordion-button::before { display: none; } .accordion .accordion-button { padding: 15px; } .faq-accordian .accordion .accordion-body { padding: 0px 15px 15px 15px; } .sisf-sis-pricing-table .sisf-m-top { padding: 20px; } .sisf-sis-pricing-table { margin-top: 0px; margin-bottom: 20px; } .sisf-sis-dropdown .dropdown-content { left: 0; } .landing-banner { padding: 20px 0 30px 0; } .video-play-button .sisf-popup-item img { border-width: 10px 10px 10px 10px; } .form-section .row:first-of-type .col-md-6:first-of-type input { margin-bottom: 20px; } .review-form { padding: 20px; } .sisf-sis--product-tabs .tab-content { width: 100%; } .counter-box .counter-item .counter { font-size: 30px; } .home-slider .hero-pagination { display: none !important; } .home-slider .swiper-button-prev, .home-slider .swiper-button-next { display: none; } .hero-slider-layout .hero-pagination { padding-top: 0px; } .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next { display: none; } .sisf-item-layout-info-below { margin-bottom: 90px; } .slicknav_menu .sisf-menu-title { padding: 10px 20px 10px 30px; margin: 10px 0; color: var(--primary-color); } .premium-gallery.small-gallry { margin-bottom: 30px; } .premium-gallery.small-gallry img { width: 100%; } .premium-gallery.small--gallry { margin-top: 0px; } .sisf-product_cart.d-flex.align-items-center.mt-5 { flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 30px 0 !important; } .sisf-product_cart .sisf-m-button { width: 100%; margin-top: 10px; text-align: center; } .sisf-product_cart .btn-default { width: 100% !important; } .sisf-blog .sisf-blog-item.format-quote .sisf-e-quote { padding: 25px; } .sisf-blog .sisf-blog-item.format-quote .sisf-e-qoute-background-text { position: unset; } .sisf-blog-item .sisf-e-content .sisf-e-title .sisf-e-title--link { font-size: 26px !important; } .landing-page .sisf-m-title { margin-top: 20px; } .sisf-box-with-content { justify-content: start; padding: 15px 10px; } .box-image.me-4 { margin: 0 20px 0 0 !important; } .sisf-box-with-content .content-text h4 { font-size: 16px; } .sisf-box-with-content.slideInLeft { border-right: 1px solid transparent; } .your-comfort-left-image { margin: 20px 0 20px 0; } .your-comfort-right-image { margin: 20px 0 30px 0; } .comfort-graphic-image { position: absolute; right: -5%; bottom: 2%; width: 45%; margin-top: 0px; } .your-comfort-decoration-center { padding: 30px 20px; } .luxestay-offering-section.comman--bg{ padding: 30px 0 0 0; } .service-box.text-end { text-align: start !important; } .service-box { padding-bottom: 0px; } .services-video { margin-bottom: 25px; } .sisf-room-list-item .sisf-e-content { flex-direction: column; justify-content: start; align-items: start; position: unset; padding: 15px; } .sisf-room-list-item .sisf-e-content h3 { margin-bottom: 10px; } .sisf-room-list-item .sisf-e-price { padding: 10px; left: 10px; bottom: 104px; } .sisf-room-list-item .sisf-e-content-info li:first-child { margin-left: 0px; } .check-in-out-form form { flex-wrap: wrap; } .check-in-out-form .booking-form-col { width: 100%; margin: 0px 0px 20px 0; } .check-in-out-form .sisf-m-button.text-center { width: 100%; } .check-in-out-form .check-btn, .sisf-page-footer-top-area .sisf-m.footer-btn { width: 100%; padding: 15px; height: auto; border-radius: 0%; } .booking-form-col .dropdown-menu { min-width: 100%; } .container.ps-0 { padding-left: 15px !important; } .extra-service-image, .sisf-journey-image { margin-bottom: 25px; } .step-counter .counter { font-size: 26px; } .extra-service-section { padding: 30px 0; } .step-counter { padding-top: 15px; } .step-counter .d-flex.align-items-center.justify-content-center { justify-content: start !important; } .text-center.step-counter { text-align: start !important; } .sisf-activities-slider .sisf-e-inner .sisf-e-content-holder, .sisf-activities-slider .sisf-e-inner .sisf-e-images-holder { width: 50%; margin-left: 0; } .sisf-activities-slider .sisf-e-inner .sisf-activities-title h3 { font-size: 18px; line-height: normal; } .sisf-activities-slider .sisf-e-inner .sisf-e-content-holder { padding: 0px 0px 0px 20px; } .sisf-activities-slider .sisf-e-inner .sisf-e-category { font-size: 12px; } .sisf-activities-slider .sisf-e-inner .sisf-e-content-holder p { line-height: normal; font-size: 14px; } .sisf-activities-slider .sisf-e-inner .sisf-activities-price .sisf-e-price { padding: 8px; font-size: 12px; } .sisf-activities-slider .sisf-m-button.sisf-sis-clear.pt-3 { padding-top: 8px !important; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-quote i { font-size: 30px; } .sisf-page-footer-top-area h3 { font-size: 20px; margin-bottom: 20px; line-height: normal; } .contact-button { width: 100%; margin-top: 20px; } .col-md-2.d-flex.justify-content-end { justify-content: start !important; } .sisf-page-footer-middle-area .subscription { font-size: 20px; margin-bottom: 20px; line-height: normal; } .footer-social-links { margin: 20px 0; } .menu.list-unstyled { flex-wrap: wrap; } .menu.list-unstyled li { width: 26%; } .main-footer .gallery-container { margin-top: 20px; } .main-footer .gallery-container .gallery-item { width: 100%; padding: 0; margin-bottom: 20px; } .main-footer .gallery-container .gallery-item:last-child { margin-bottom: 0; } .main-footer .gallery-container .gallery-item img { width: 100%; } .testimonial-section.comman--bg { padding: 30px 0; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-text { margin-bottom: 20px; font-size: 12px; line-height: normal; } .sisf-e-author.d-flex.align-items-center { flex-direction: column; align-items: start !important; padding-bottom: 10px; margin-bottom: 0px; } .testimonial-slide .sisf-e-author-name.me-3 { margin-right: 0px !important; font-size: 15px; line-height: normal; } .sisf-testimonial-slider .sisf-e-inner .sisf-e-quote { width: 74%; } .testimonial-slide .sisf-e-author-job.ms-3 { margin-left: 0px !important; font-size: 12px; } .sisf-testimonial-slider .swiper-buttons { display: none; } .sisf-icon-list-item .input-group { display: none; } .sisf-main-header.bg-black { padding-top: 15px; } .hero-slider-layout.comman--bg { padding: 30px 0; } .hero-slider-layout.comman--bg .section-title h1 { font-size: 20px; line-height: normal; } .hero--slide { height: 600px; padding-top: 0px; } .hero .check-in-out-box { position: unset; } .slider-right-image img { aspect-ratio: 1; } .hero--slide .hero_video video { min-height: 345px; } .col-sm-6.col-12.p-0, .container-fluid.p-0, .col-md-6.p-0 { padding: 0 15px !important; } .col-md-6.ps-0 { padding-left: 15px !important; } .high-priority-section { padding: 30px 0 5px 0; } .high-priority-image { margin-bottom: 25px; } .sis--counter.ms-3 { margin-left: 0px !important; } .sis--counter { padding: 30px 0; } .high-priority-section .section-title p { margin-top: 25px !important; } .sisf-sis-services-tabs .sisf-m-filter-item span { padding: 0px; font-size: 14px; line-height: normal; } .sisf-sis-services-tabs .sisf-m-filter-item .count::after { display: none; } .sisf-sis-services-tabs .sisf-m-filter-item .count { padding-right: 0px; } .event-section.comman--bg { padding: 30px 0; } .comman--bg .sisf--activities-slide .sisf-e-images-holder { width: 100%; } .sisf-room-list--item .sisf-e-price { bottom: 10px !important; } .sisf-room-list--item .sisf-e-content { padding: 20px 0 !important; } .gallery-section.pb-5 { padding-bottom: 10px !important; } .page-gallery-item { margin-bottom: 20px; } .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:first-child, .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item:nth-child(4n+8), .sisf-services-card-list.sisf-layout-standard .sisf-services-list-inner>.sisf-service-item { width: 100%; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-value { font-size: 30px; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-currency { font-size: 30px; line-height: 30px; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-wrapper { margin: 0 0 15px 0; } .sisf-sis-pricing-table .sisf-m-price .sisf-m-price-period { font-size: 16px; margin-left: 5px; } .sisf-sis-pricing-table .sisf-m-button { padding: 0 0 20px 0; } .sisf-sis-pricing-table.highlighted { padding: 0; } .video-section.position-relative.section { padding: 30px 0 70px 0; } .letest--blog--item .sisf-e-inner.d-flex { flex-direction: column; } .letest-blog--item .sisf-e-content { margin-left: 0px; } .testimonial_slide .sisf-e-inner { padding: 20px; margin: 20px 0; } .testimonial_slide .sisf-e-quote.mb-4 { margin-bottom: 10px !important; } .testimonial_slide h4 { font-size: 18px; line-height: normal; } .sisf-skin--light.sisf-page .container-fluid { justify-content: space-between; } .activities-page-right { margin: 25px 0 0 0; padding: 15px 15px 0px 15px; } .activities-page-bg { background-position: top left; background-size: 130% auto; } .sisf-opning-contents .sisf-m-content { margin-bottom: 15px; } .bg-effect { padding: 50px 0; } .check-in-out-form.bg-black { margin: 30px 0 0 0; } .categorywise-counter-section { padding: 60px 0 30px 0; } .categorywise-counter { margin-bottom: 60px; padding: 30px; } .row > div:last-child .categorywise-counter { margin-bottom: 0 !important; } .categorywise-counter .counter-title .counter { font-size: 30px; } .categorywise-counter .categorywise-counter-image { margin: -65px 0 15px 0; } .sisf-m-hover--box { margin-bottom: 25px; } .row > div:last-child .sisf-m-hover--box { margin-bottom: 0 !important; } .experience-section.pt-0 { margin-top: 0px; } .sisf-experience-paralled-image.zoomInUp img { width: 100%; } .sisf-experience-paralled-image.bounceInRight { margin: 25px 0 0 0; } .sisf-room-list-item.sisf-item--full { margin-bottom: 10px; } .sisf-room-list--item .sisf-e-content-text h4 { font-size: 22px; } .col-lg-3.col-md-6.p-2 { padding: 8px 15px !important; } .gallery-section.pt-3 { padding-bottom: 22px; } .col-md-6.py-5 { padding: 30px 15px !important; } .need-an-inquiry-section .contact-here-form { margin-top: 0px; padding: 30px 20px; } .need-an-inquiry-section .section-title .sisf-m-subtitle { font-size: 14px; letter-spacing: 3px; margin-bottom: 8px; } .need-an-inquiry-bg { background-position: top center; background-size: 100% auto; } .sisf-image-box.pt-5 { padding-top: 25px !important; } .quality-service-background { padding: 80px 0; } .sisf-sis--image.bounceInLeft { margin: 30px 0; } .sisf-sis--image.bounceInRight { margin-top: 30px; } .best-offer--image { margin-bottom: 25px; } .rooms-and-suits-section.pb-0 { padding-bottom: 25px !important; } .restaurant-image1 { margin-bottom: 20px; } .restaurant-image2 { margin-top: 30px; } .our-restaurant-section { padding: 50px 0; } .restaurant-opning-contents { padding: 25px; } .sisf-opning-contents .sisf--m-content { padding-left: 0px; } .sisf-opning-contents .sisf-m-blog-content { border-right: 1px solid transparent !important; } .sisf-menu-list { margin-left: 0px; padding: 20px 0; overflow: visible; } .sisf-menu-list-item.ps-3, .sisf-menu-list-item.pe-3 { padding: 0px 0 15px 0 !important; } .sisf-menu-item-video video { aspect-ratio: 16 / 9; } .sisf-menu-list.bounceInLeft { margin: 0 !important; padding: 10px 0 0 0 !important; } .sisf-sis-section-title.text-end { text-align: start !important; } .restaurant-menu-list { padding-bottom: 0px !important; } .contact-opning-contents { padding: 10px; } .contact-opning-contents .sisf-icon-holder i { font-size: 35px; } .sisf-icon-with-content.d-flex.align-items-center { align-items: start !important; border: none !important; } .our-address { padding: 25px; margin-top: 25px; } .open-close { display: block; margin-bottom: 24px; } .open-close br { display: block !important; } .contact-map { height: 250px; margin-top: 30px; } .sisf-room-single .sisf-room-detail { padding-top: 20px; margin-top: 20px; } .sisf-e.sisf-e-info-item.mb-0 { margin-bottom: 20px !important; } .sisf-room-single .sisf-room-detail h4 { font-size: 25px; } .sisf-room-single .sisf-room-detail ul li .sisf-e--content { font-size: 16px; } .sisf-room-calendar .flatpickr-calendar { padding: 15px; } .sisf-e--location .sisf-e-address-additional-info-content .sisf-e-info-item .sisf-e-label { width: 40%; } .sisf-e--location .map { width: 100%; height: 200px; } .sisf-room-single .sisf-e-bottom-holder { margin-top: 30px; } .sisf-room-single .sisf-e-bottom-holder .page-gallery--item { margin-bottom: 30px !important; } .sisf-room-reservation .room-reservation-form .sisf--service-box .service-item { flex-direction: column; align-items: start; margin-bottom: 15px; } .sisf-room-related-items { margin-top: 30px; } .sisf-room-related-items .sis-e-items-title { margin-bottom: 25px; } .sisf-room-related-items .sis-e-items-title h3 { margin-bottom: 20px; font-size: 25px; } .sisf-room-calendar .flatpickr-month .numInputWrapper { margin-left: 10px !important; } .page-pagination { margin-top: 10px; text-align: center; } .thrilling-activites-section, .skyline-suit-for-section { margin-bottom: 0px; } .skyline-suit-for-section.pb-0 { padding-bottom: 30px !important; } .sisf-m-hover--box .sisf-e-inner:hover::after { height: auto; } .stu-homepages { margin-bottom: 0px; } .section-title .home-page-count { font-size: 40px; } .stu-homepages .section-title h2 { margin-top: -25px; } .sisf-images--box { margin-bottom: 30px; } .sisf-landing-icon-with-text.mb-3 { margin-top: 25px; } .room-and-suit-layout { padding: 18px 0 20px 0; } .col-md-7.p-0 { padding: 0 15px !important; } .landing-layout-image { padding: 20px; } .activities-pages.comman--bg.pb-5 { padding: 30px 0 0 0 !important; } .landing-bottom-image { margin: 25px 0; } .activities-page-left { margin-bottom: 25px; } .activities-page-contents { padding: 30px 0px 30px 0px; margin-right: 0px; } .golf-cource-left-image { margin-bottom: 25px; } .explore-left-image { margin-bottom: 25px; } .nature-and-explore-content { padding: 20px; margin-top: 25px; } .sisf-blog-item .sisf-e-content .sisf-e-title a { font-size: 25px; } .sisf-blog-single .gallery-items.page-gallery-box.mt-3 { margin-top: 0px !important; } .sisf-blog-single .sisf-author-info { padding: 20px; margin-top: 25px !important; } .sisf-blog-single .sisf-author-info .sisf-social-icon.mb-0.me-4 { margin-right: 14px !important; } .review--form { padding: 20px; } .review_form.review--form.mt-3 { margin-top: 0px !important; } } @media only screen and (max-width: 650px) { .sisf-page-title .sisf-m-title { font-size: 25px; text-align: center; line-height: normal; } } @media only screen and (max-width: 480px) { .row-cols-5 .col-md-3 { width: 100%; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings