/* ===== FX FLIGHT CARD v4 — FULL TEXT FIX (PC + MOBILE) ===== */ /* --- Base Card --- */ .fx-flight-card { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; box-shadow: 0 2px 12px rgba(15,23,42,.06) !important; margin-bottom: 14px !important; padding: 20px 22px 14px !important; overflow: visible !important; display: flex !important; flex-direction: column !important; transition: box-shadow .2s, transform .15s !important; } .fx-flight-card:hover { box-shadow: 0 8px 28px rgba(15,23,42,.11) !important; transform: translateY(-1px) !important; } /* --- PC: 3-column grid: airline | route center | price --- */ .fx-flight-card .fx-fc-row { display: grid !important; grid-template-columns: 140px minmax(0, 1fr) 160px !important; gap: 18px !important; align-items: center !important; width: 100% !important; overflow: visible !important; } /* --- Airline Column --- */ .fx-flight-card .fx-fc-airline { width: auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; border-right: 1px solid #e2e8f0 !important; padding-right: 18px !important; } .fx-flight-card .fx-fc-airline img { width: 46px !important; height: 46px !important; max-width: 46px !important; max-height: 46px !important; object-fit: contain !important; margin: 0 0 8px !important; border-radius: 10px !important; background: #f8fafc !important; } .fx-flight-card .fx-fc-aname { color: #101828 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: left !important; white-space: normal !important; } .fx-flight-card .fx-fc-fnum { color: #667085 !important; font-size: 11px !important; font-weight: 600 !important; text-align: left !important; margin-top: 2px !important; } /* --- Center (dep-route-arr) --- */ .fx-flight-card .fx-fc-center { width: auto !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr) !important; gap: 12px !important; align-items: start !important; padding: 0 !important; overflow: visible !important; } .fx-flight-card .fx-fc-time-col, .fx-flight-card .fx-fc-route { width: auto !important; min-width: 0 !important; } .fx-flight-card .fx-fc-route { padding: 0 !important; } /* --- Time (HH:MM) --- */ .fx-flight-card .fx-fc-time { color: #07112f !important; font-size: 26px !important; font-weight: 900 !important; line-height: 1 !important; margin-bottom: 5px !important; white-space: nowrap !important; letter-spacing: -0.3px !important; } .fx-flight-card .fx-fc-date { display: none !important; } /* --- City / Airport Label --- */ .fx-flight-card .fx-fc-city, .fx-flight-card .fx-airport-label { width: 100% !important; max-width: none !important; min-width: 0 !important; color: #344054 !important; line-height: 1.3 !important; } .fx-flight-card .fx-fc-city strong, .fx-flight-card .fx-airport-label strong { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px !important; color: #182033 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.25 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-fc-city strong em, .fx-flight-card .fx-airport-label strong em { color: #667085 !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; } .fx-flight-card .fx-fc-city .fx-airport-detail, .fx-flight-card .fx-airport-label span { display: block !important; color: #667085 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.3 !important; margin-top: 3px !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-airport-flag { width: 17px !important; height: 11px !important; margin-left: 5px !important; vertical-align: -1px !important; flex: 0 0 auto !important; } /* --- Route bar --- */ .fx-flight-card .fx-ns-dur { color: #075985 !important; font-size: 12px !important; font-weight: 800 !important; margin-bottom: 8px !important; text-align: center !important; } .fx-flight-card .fx-bar-row { height: 8px !important; margin: 0 0 7px !important; } .fx-flight-card .fx-seg { height: 7px !important; border-radius: 999px !important; } .fx-flight-card .fx-ep { width: 13px !important; height: 13px !important; } .fx-flight-card .fx-stop-row { gap: 6px !important; margin-top: 4px !important; justify-content: center !important; } .fx-flight-card .fx-badge-nonstop, .fx-flight-card .fx-badge-stop { border-radius: 999px !important; font-size: 11px !important; font-weight: 800 !important; padding: 3px 12px !important; } .fx-flight-card .fx-layover-info { display: inline-flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; max-width: 100% !important; border-radius: 10px !important; padding: 5px 10px !important; line-height: 1.3 !important; white-space: normal !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-layover-info small { flex: 0 0 100% !important; margin: 2px 0 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; } /* --- Price Box --- */ .fx-flight-card .fx-fc-pricebox { width: auto !important; min-width: 0 !important; border-left: 1px solid #e2e8f0 !important; padding-left: 20px !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; justify-content: center !important; } .fx-flight-card .fx-fc-price { color: #07112f !important; font-size: 24px !important; font-weight: 950 !important; line-height: 1 !important; white-space: nowrap !important; margin-bottom: 3px !important; } .fx-flight-card .fx-fc-ptext { color: #667085 !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .04em !important; margin: 0 0 10px !important; } .fx-flight-card .fx-btn-select { width: 130px !important; height: 42px !important; border-radius: 10px !important; background: linear-gradient(90deg, #f59e0b, #ff7a1a) !important; box-shadow: 0 6px 16px rgba(245,158,11,.28) !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; padding: 0 14px !important; border: none !important; cursor: pointer !important; transition: all .18s !important; text-transform: none !important; letter-spacing: 0 !important; } .fx-flight-card .fx-btn-select:hover { background: linear-gradient(90deg, #e58a00, #e85d04) !important; transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(245,158,11,.38) !important; } /* --- Footer badges --- */ .fx-flight-card .fx-fc-footer { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; margin-top: 16px !important; padding-top: 12px !important; border-top: 1px dashed #e2e8f0 !important; flex-wrap: wrap !important; } .fx-flight-card .fx-fc-foot-left, .fx-flight-card .fx-fc-foot-right { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; min-width: 0 !important; } .fx-flight-card .fx-badge-ref { color: #1a9e3f !important; font-size: 12px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; gap: 5px !important; } .fx-flight-card .fx-badge-nref { color: #d32f2f !important; font-size: 12px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; gap: 5px !important; } .fx-flight-card .fx-badge-seat { color: #c05600 !important; font-size: 12px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; gap: 5px !important; } .fx-flight-card .fx-badge-eco { color: #344054 !important; font-size: 12px !important; font-weight: 700 !important; background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; padding: 3px 10px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; gap: 5px !important; } /* --- PC breakpoints --- */ @media (max-width: 1200px) { .fx-flight-card .fx-fc-row { grid-template-columns: 126px minmax(0, 1fr) 148px !important; gap: 14px !important; } .fx-flight-card .fx-fc-time, .fx-flight-card .fx-fc-price { font-size: 22px !important; } .fx-flight-card .fx-btn-select { width: 112px !important; } } /* --- TABLET 768px–1100px --- */ @media (max-width: 1100px) { .fx-flight-card .fx-fc-row { grid-template-columns: 112px minmax(0, 1fr) 138px !important; gap: 12px !important; } .fx-flight-card .fx-fc-time { font-size: 20px !important; } .fx-flight-card .fx-fc-price { font-size: 20px !important; } .fx-flight-card .fx-btn-select { width: 106px !important; height: 38px !important; font-size: 13px !important; } } /* --- MOBILE ≤768px: airline+price on top, route full-width below --- */ @media (max-width: 768px) { .fx-flight-card { padding: 14px 13px 12px !important; } .fx-flight-card .fx-fc-row { display: grid !important; grid-template-columns: 1fr auto !important; grid-template-areas: "air price" "route route" !important; gap: 10px !important; align-items: start !important; } /* Airline — horizontal row with logo+name */ .fx-flight-card .fx-fc-airline { grid-area: air !important; flex-direction: row !important; align-items: center !important; border-right: 0 !important; padding-right: 0 !important; gap: 10px !important; } .fx-flight-card .fx-fc-airline img { width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; margin: 0 !important; flex: 0 0 auto !important; } .fx-flight-card .fx-fc-aname { font-size: 13px !important; } .fx-flight-card .fx-fc-fnum { font-size: 11px !important; } /* Center route — 2 col: dep | arr, then full-width route bar */ .fx-flight-card .fx-fc-center { grid-area: route !important; display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-areas: "dep arr" "line line" !important; gap: 10px !important; border-top: 1px solid #e2e8f0 !important; padding: 12px 0 0 !important; align-items: start !important; } .fx-flight-card .fx-fc-time-col.text-left { grid-area: dep !important; text-align: left !important; align-items: flex-start !important; } .fx-flight-card .fx-fc-route { grid-area: line !important; } .fx-flight-card .fx-fc-time-col.text-right { grid-area: arr !important; text-align: right !important; align-items: flex-end !important; } .fx-flight-card .fx-fc-time-col.text-right .fx-fc-city, .fx-flight-card .fx-fc-time-col.text-right .fx-airport-label { text-align: right !important; margin-left: auto !important; } .fx-flight-card .fx-fc-time-col.text-right .fx-fc-city strong, .fx-flight-card .fx-fc-time-col.text-right .fx-airport-label strong { justify-content: flex-end !important; } /* Mobile time size — CLEARLY readable */ .fx-flight-card .fx-fc-time { font-size: 20px !important; font-weight: 900 !important; letter-spacing: -0.2px !important; } /* Mobile city/airport name */ .fx-flight-card .fx-fc-city strong, .fx-flight-card .fx-airport-label strong { font-size: 13px !important; font-weight: 800 !important; } .fx-flight-card .fx-fc-city strong em, .fx-flight-card .fx-airport-label strong em { font-size: 12px !important; } .fx-flight-card .fx-fc-city .fx-airport-detail, .fx-flight-card .fx-airport-label span { font-size: 10px !important; } /* Price box — top right */ .fx-flight-card .fx-fc-pricebox { grid-area: price !important; border-left: 0 !important; padding-left: 0 !important; align-items: flex-end !important; text-align: right !important; } .fx-flight-card .fx-fc-price { font-size: 18px !important; font-weight: 900 !important; } .fx-flight-card .fx-fc-ptext { font-size: 10px !important; margin-bottom: 7px !important; } .fx-flight-card .fx-btn-select { width: 96px !important; height: 36px !important; font-size: 13px !important; border-radius: 8px !important; } /* Footer */ .fx-flight-card .fx-fc-footer { font-size: 11px !important; gap: 8px !important; margin-top: 12px !important; padding-top: 10px !important; } .fx-flight-card .fx-badge-ref, .fx-flight-card .fx-badge-nref, .fx-flight-card .fx-badge-seat, .fx-flight-card .fx-badge-eco { font-size: 11px !important; } } /* --- SMALL MOBILE ≤480px --- */ @media (max-width: 480px) { .fx-flight-card { padding: 12px 10px 10px !important; } .fx-flight-card .fx-fc-time { font-size: 18px !important; } .fx-flight-card .fx-fc-city strong, .fx-flight-card .fx-airport-label strong { font-size: 12px !important; } .fx-flight-card .fx-fc-price { font-size: 16px !important; } .fx-flight-card .fx-btn-select { width: 84px !important; height: 34px !important; font-size: 12px !important; } .fx-flight-card .fx-fc-aname { font-size: 12px !important; } .fx-flight-card .fx-fc-fnum { font-size: 10px !important; } } /* ===== FX SEARCH SUMMARY BAR (Modify Search) ===== */ .fx-search-summary-bar { background: #d0021b; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 10px 24px; font-family: 'Inter', sans-serif; gap: 16px; } .fx-ssb-left { display: flex; align-items: center; gap: 20px; flex: 1; } .fx-ssb-trip-badge { font-size: 12px; font-weight: 800; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; padding: 4px 14px; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; } .fx-btn-modify { background: #fff; border: none; color: #d0021b; padding: 8px 20px; border-radius: 6px; font-weight: 800; cursor: pointer; transition: all 0.2s; font-size: 14px; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,0.15); flex-shrink: 0; } .fx-btn-modify:hover { background: #fff0f0; transform: translateY(-1px); } .fx-ssb-item { display: flex; flex-direction: column; line-height: 1.3; } .fx-ssb-label { font-size: 10px; opacity: 0.75; text-transform: uppercase; letter-spacing: .4px; } .fx-ssb-value { font-size: 14px; font-weight: 700; } .fx-ssb-icon { font-size: 18px; opacity: 0.8; } /* ===== FX MOBILE FILTER BUTTON ===== */ .fx-mobile-filter-btn { display: none; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #d0021b; color: #fff; border: none; border-radius: 30px; padding: 10px 24px; font-weight: 600; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 9999; font-size: 14px; align-items: center; gap: 8px; cursor: pointer; } .fx-mobile-filter-btn i { font-size: 16px; } @media(max-width:768px){ .fx-mobile-filter-btn { display: flex !important; } } .fx-badge-ref { color:#1a9e3f; font-weight:700; display:flex; align-items:center; gap:5px; } .fx-badge-nref { color:#d32f2f; font-weight:700; display:flex; align-items:center; gap:5px; } .fx-badge-seat { color:#c05600; font-weight:700; display:flex; align-items:center; gap:5px; } .fx-badge-eco { color:#344054; font-weight:700; background:#f1f5f9; padding:2px 8px; border-radius:12px; } /* ===== FX SEARCH SUMMARY BAR (Modify Search) ===== */ .fx-search-summary-bar { background: #d0021b; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 10px 24px; font-family: 'Inter', sans-serif; gap: 16px; } .fx-ssb-left { display: flex; align-items: center; gap: 20px; flex: 1; } .fx-ssb-trip-badge { font-size: 12px; font-weight: 800; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; padding: 4px 14px; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; } .fx-btn-modify { background: #fff; border: none; color: #d0021b; padding: 8px 20px; border-radius: 6px; font-weight: 800; cursor: pointer; transition: all 0.2s; font-size: 14px; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,0.15); flex-shrink: 0; } .fx-btn-modify:hover { background: #fff0f0; transform: translateY(-1px); } .fx-ssb-item { display: flex; flex-direction: column; line-height: 1.3; } .fx-ssb-label { font-size: 10px; opacity: 0.75; text-transform: uppercase; letter-spacing: .4px; } .fx-ssb-value { font-size: 14px; font-weight: 700; } .fx-ssb-icon { font-size: 18px; opacity: 0.8; } /* ===== FX MOBILE FILTER BUTTON ===== */ .fx-mobile-filter-btn { display: none; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #d0021b; color: #fff; border: none; border-radius: 30px; padding: 10px 24px; font-weight: 600; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 9999; font-size: 14px; align-items: center; gap: 8px; cursor: pointer; } .fx-mobile-filter-btn i { font-size: 16px; } @media(max-width:768px){ .fx-mobile-filter-btn { display: flex !important; } .fx-flight-card { padding: 10px 8px; margin-bottom: 10px; } .fx-fc-airline { width: 22%; padding-right: 5px; } .fx-fc-airline img { max-width: 24px; max-height: 24px; margin-bottom: 2px; } .fx-fc-aname { font-size: 10px; } .fx-fc-fnum { font-size: 8px; } .fx-fc-center { width: 55%; padding: 0 5px; } .fx-fc-time { font-size: 14px; } .fx-fc-city { font-size: 12px; } .fx-fc-date { font-size: 9px; } .fx-fc-route { padding: 0 5px; } .fx-ns-dur { font-size: 9px; margin-bottom: 2px; } .fx-badge-nonstop, .fx-badge-stop { font-size: 8px; padding: 2px 4px; } .fx-fc-pricebox { width: 23%; padding-left: 5px; border-left: 1px solid #f0f0f0; } .fx-fc-price { font-size: 14px; margin-bottom: 4px; } .fx-fc-ptext { font-size: 8px; margin-bottom: 4px; } .fx-btn-select { font-size: 10px; padding: 4px 8px; } .fx-fc-footer { font-size: 10px; padding-top: 8px; margin-top: 10px; flex-wrap: wrap; } .fx-badge-ref, .fx-badge-nref, .fx-badge-seat { font-size: 9px; } } .fx-flight-card { background: #fff !important; border: 1px solid #e8eef5 !important; border-radius: 16px !important; box-shadow: 0 2px 10px rgba(15, 23, 42, .04) !important; margin-bottom: 16px !important; padding: 20px 22px 12px !important; overflow: hidden !important; } .fx-flight-card:hover { box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important; transform: none !important; } .fx-flight-card .fx-fc-row { display: grid !important; grid-template-columns: 150px minmax(0, 1fr) 165px !important; gap: 22px !important; align-items: center !important; } .fx-flight-card .fx-fc-airline { width: auto !important; min-width: 0 !important; border-right: 1px solid #edf1f5 !important; padding-right: 18px !important; align-items: flex-start !important; text-align: left !important; } .fx-flight-card .fx-fc-airline img { width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important; object-fit: contain !important; margin: 0 0 6px !important; border-radius: 10px !important; } .fx-flight-card .fx-fc-aname { color: #101828 !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.15 !important; text-align: left !important; } .fx-flight-card .fx-fc-fnum { color: #667085 !important; font-size: 11px !important; font-weight: 600 !important; text-align: left !important; } .fx-flight-card .fx-fc-center { width: auto !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(145px, 175px) minmax(260px, 1fr) minmax(145px, 175px) !important; gap: 18px !important; align-items: center !important; padding: 0 !important; } .fx-flight-card .fx-fc-time-col, .fx-flight-card .fx-fc-route { width: auto !important; min-width: 0 !important; } .fx-flight-card .fx-fc-route { padding: 0 !important; } .fx-flight-card .fx-fc-time { color: #07112f !important; font-size: 25px !important; font-weight: 900 !important; line-height: 1 !important; margin-bottom: 5px !important; white-space: nowrap !important; } .fx-flight-card .fx-fc-date { display: none !important; } .fx-flight-card .fx-fc-city, .fx-flight-card .fx-airport-label { width: 100% !important; max-width: none !important; color: #344054 !important; line-height: 1.22 !important; min-width: 0 !important; } .fx-flight-card .fx-fc-city strong, .fx-flight-card .fx-airport-label strong { display: block !important; color: #182033 !important; font-size: 14px !important; font-weight: 760 !important; line-height: 1.18 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-fc-city strong em, .fx-flight-card .fx-airport-label strong em { color: #667085 !important; font-size: 12px !important; font-style: normal !important; font-weight: 650 !important; } .fx-flight-card .fx-fc-city .fx-airport-detail, .fx-flight-card .fx-airport-label span { display: block !important; color: #667085 !important; font-size: 10.5px !important; font-weight: 500 !important; line-height: 1.25 !important; margin-top: 3px !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-airport-flag { width: 17px !important; height: 11px !important; margin-left: 5px !important; vertical-align: -1px !important; } .fx-flight-card .fx-ns-dur { color: #075985 !important; font-size: 12px !important; font-weight: 850 !important; margin-bottom: 8px !important; } .fx-flight-card .fx-bar-row { height: 8px !important; margin: 0 0 7px !important; } .fx-flight-card .fx-seg { height: 7px !important; border-radius: 999px !important; } .fx-flight-card .fx-ep { width: 13px !important; height: 13px !important; } .fx-flight-card .fx-stop-row { gap: 6px !important; margin-top: 4px !important; } .fx-flight-card .fx-badge-nonstop, .fx-flight-card .fx-badge-stop { border-radius: 999px !important; font-size: 11px !important; font-weight: 850 !important; padding: 3px 12px !important; } .fx-flight-card .fx-layover-info { display: inline-flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; max-width: 240px !important; border-radius: 10px !important; padding: 5px 10px !important; line-height: 1.22 !important; white-space: normal !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-layover-info small { flex: 0 0 100% !important; margin: 2px 0 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-fc-pricebox { width: auto !important; min-width: 0 !important; border-left: 1px solid #edf1f5 !important; padding-left: 20px !important; align-items: flex-end !important; text-align: right !important; } .fx-flight-card .fx-fc-price { color: #07112f !important; font-size: 25px !important; font-weight: 950 !important; line-height: 1 !important; white-space: nowrap !important; } .fx-flight-card .fx-fc-ptext { color: #667085 !important; font-size: 11px !important; letter-spacing: .02em !important; margin: 4px 0 10px !important; } .fx-flight-card .fx-btn-select { width: 136px !important; height: 42px !important; border-radius: 12px !important; background: linear-gradient(90deg, #f59e0b, #ff7a1a) !important; box-shadow: 0 10px 18px rgba(245, 158, 11, .22) !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; padding: 0 16px !important; text-transform: none !important; } .fx-flight-card .fx-fc-footer { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; margin-top: 16px !important; padding-top: 12px !important; border-top: 1px dashed #edf1f5 !important; flex-wrap: wrap !important; } .fx-flight-card .fx-fc-foot-left, .fx-flight-card .fx-fc-foot-right { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; min-width: 0 !important; } .fx-flight-card .fx-badge-ref, .fx-flight-card .fx-badge-nref, .fx-flight-card .fx-badge-seat, .fx-flight-card .fx-badge-eco { border-radius: 999px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; padding: 4px 10px !important; } @media (max-width: 1200px) { .fx-flight-card .fx-fc-row { grid-template-columns: 132px minmax(0, 1fr) 152px !important; gap: 16px !important; } .fx-flight-card .fx-fc-center { grid-template-columns: minmax(128px, 158px) minmax(210px, 1fr) minmax(128px, 158px) !important; gap: 14px !important; } .fx-flight-card .fx-fc-time, .fx-flight-card .fx-fc-price { font-size: 22px !important; } .fx-flight-card .fx-btn-select { width: 124px !important; } } @media (max-width: 768px) { .fx-flight-card { padding: 14px 14px 12px !important; } .fx-flight-card .fx-fc-row { grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "air price" "route route" !important; gap: 12px !important; align-items: start !important; } .fx-flight-card .fx-fc-airline { grid-area: air !important; border-right: 0 !important; padding-right: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; } .fx-flight-card .fx-fc-airline img { margin: 0 !important; width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; } .fx-flight-card .fx-fc-center { grid-area: route !important; grid-template-columns: 1fr 1fr !important; grid-template-areas: "dep arr" "line line" !important; gap: 12px !important; border-top: 1px solid #edf1f5 !important; padding-top: 12px !important; } .fx-flight-card .fx-fc-time-col.text-left { grid-area: dep !important; } .fx-flight-card .fx-fc-route { grid-area: line !important; } .fx-flight-card .fx-fc-time-col.text-right { grid-area: arr !important; text-align: right !important; align-items: flex-end !important; } .fx-flight-card .fx-fc-time-col.text-right .fx-fc-city, .fx-flight-card .fx-fc-time-col.text-right .fx-airport-label { margin-left: auto !important; text-align: right !important; } .fx-flight-card .fx-fc-pricebox { grid-area: price !important; border-left: 0 !important; padding-left: 0 !important; } .fx-flight-card .fx-btn-select { width: 112px !important; height: 38px !important; } } /* ===== FX DESKTOP FLIGHT CARD RESPONSIVE FIX ===== */ @media (min-width: 769px) { .fx-flight-card { overflow: visible !important; padding: 18px 20px 12px !important; } .fx-flight-card .fx-fc-row { display: grid !important; grid-template-columns: minmax(104px, 132px) minmax(0, 1fr) minmax(130px, 154px) !important; gap: 16px !important; align-items: center !important; width: 100% !important; overflow: visible !important; } .fx-flight-card .fx-fc-airline { min-width: 0 !important; padding-right: 14px !important; align-self: stretch !important; justify-content: center !important; } .fx-flight-card .fx-fc-center { width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(95px, .9fr) minmax(150px, 1.25fr) minmax(95px, .9fr) !important; gap: 12px !important; align-items: center !important; padding: 0 !important; overflow: visible !important; } .fx-flight-card .fx-fc-time-col, .fx-flight-card .fx-fc-route { min-width: 0 !important; } .fx-flight-card .fx-fc-time-col { display: flex !important; flex-direction: column !important; justify-content: center !important; } .fx-flight-card .fx-fc-time-col.text-left { align-items: flex-start !important; text-align: left !important; } .fx-flight-card .fx-fc-time-col.text-right { align-items: flex-end !important; text-align: right !important; } .fx-flight-card .fx-fc-time { font-size: 23px !important; letter-spacing: 0 !important; } .fx-flight-card .fx-fc-city, .fx-flight-card .fx-airport-label { max-width: 100% !important; min-width: 0 !important; } .fx-flight-card .fx-fc-city strong, .fx-flight-card .fx-airport-label strong { font-size: 14px !important; line-height: 1.22 !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-fc-city .fx-airport-detail, .fx-flight-card .fx-airport-label span { white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere !important; } .fx-flight-card .fx-fc-time-col.text-right .fx-fc-city, .fx-flight-card .fx-fc-time-col.text-right .fx-airport-label { margin-left: auto !important; text-align: right !important; } .fx-flight-card .fx-fc-time-col.text-right .fx-fc-city strong, .fx-flight-card .fx-fc-time-col.text-right .fx-airport-label strong { justify-content: flex-end !important; } .fx-flight-card .fx-fc-route { padding: 0 !important; } .fx-flight-card .fx-layover-info { max-width: 100% !important; } .fx-flight-card .fx-fc-pricebox { min-width: 0 !important; padding-left: 14px !important; align-self: stretch !important; justify-content: center !important; } .fx-flight-card .fx-fc-price { font-size: 23px !important; letter-spacing: 0 !important; } .fx-flight-card .fx-btn-select { width: 100% !important; max-width: 126px !important; min-width: 104px !important; } } @media (min-width: 769px) and (max-width: 1180px) { .fx-flight-card { padding-left: 16px !important; padding-right: 16px !important; } .fx-flight-card .fx-fc-row { grid-template-columns: minmax(98px, 122px) minmax(0, 1fr) minmax(116px, 140px) !important; gap: 12px !important; } .fx-flight-card .fx-fc-airline { padding-right: 12px !important; } .fx-flight-card .fx-fc-center { grid-template-columns: minmax(86px, .9fr) minmax(132px, 1.1fr) minmax(86px, .9fr) !important; gap: 10px !important; } .fx-flight-card .fx-fc-pricebox { padding-left: 12px !important; } .fx-flight-card .fx-fc-time, .fx-flight-card .fx-fc-price { font-size: 20px !important; } .fx-flight-card .fx-btn-select { max-width: 112px !important; min-width: 96px !important; height: 38px !important; font-size: 13px !important; } } @media (min-width: 769px) and (max-width: 980px) { .fx-flight-card .fx-fc-row { grid-template-columns: minmax(90px, 110px) minmax(0, 1fr) minmax(108px, 128px) !important; gap: 10px !important; } .fx-flight-card .fx-fc-center { grid-template-columns: minmax(78px, .95fr) minmax(112px, 1fr) minmax(78px, .95fr) !important; gap: 8px !important; } .fx-flight-card .fx-fc-airline img { width: 38px !important; height: 38px !important; max-width: 38px !important; max-height: 38px !important; } .fx-flight-card .fx-fc-aname, .fx-flight-card .fx-fc-city strong, .fx-flight-card .fx-airport-label strong { font-size: 12px !important; } .fx-flight-card .fx-fc-city .fx-airport-detail, .fx-flight-card .fx-airport-label span { font-size: 10px !important; } .fx-flight-card .fx-fc-time, .fx-flight-card .fx-fc-price { font-size: 18px !important; } .fx-flight-card .fx-btn-select { min-width: 0 !important; max-width: 104px !important; } } /* ===== FX FLIGHT STOP BAR ===== */ .fx-nonstop-wrap{text-align:center;width:100%;} .fx-ns-dur{font-size:12px;font-weight:700;color:#444;margin-bottom:5px;} .fx-bar-row{display:flex;align-items:center;height:8px;border-radius:4px;overflow:visible;position:relative;margin:0 4px 4px;} .fx-seg{height:8px;min-width:2px;transition:opacity .2s;} .fx-seg-lay{position:relative;} .fx-lay-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;border:2px solid #F39C12;background:#fff;z-index:3;} .fx-ep{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(0,0,0,.15);flex-shrink:0;z-index:2;} .fx-ep-r{margin-left:-2px;} .fx-stop-row{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;} .fx-badge-nonstop{font-size:10px;font-weight:700;color:#1a9e3f;background:#eafbee;border-radius:20px;padding:2px 8px;} .fx-badge-stop{font-size:10px;font-weight:700;color:#bf5500;background:#fff5eb;border-radius:20px;padding:2px 8px;} .fx-layover-info{font-size:10px;color:#555;background:#fffbf0;border:1px solid #ffe0a0;border-radius:8px;padding:3px 8px;line-height:1.3;text-align:center;} .fx-layover-info strong{color:#b45309;font-size:10px;} .fx-layover-info small{display:block;color:#888;font-size:9px;} /* Override old datesbox */ .datesbox{display:none!important;} *{ margin:0;padding: 0;box-sizing: border-box;} /* ===== GLOBAL HORIZONTAL SCROLL PREVENTION ===== */ html { overflow-x: hidden !important; max-width: 100vw; } body { overflow-x: hidden !important; max-width: 100vw; } :root { --blue: #d0021b; --darkgray: #333333; --black: #000000; --white: #ffffff; --redcolor:#ff3700; --smallgray:#999999; --lightgray: #e7e7e7; --trwhite: #ffffff2e; --lightyellow: #eeeed5; --lowblue: #f3f7fa; --verylightblue: #f0faff; --midgay: #666666; --pink: #c97bf3; --darkbrown: #10062b; --hovergray: #f5f6f754; --pinkred: #9d2854; --searchbtn:#2291e6; --greyouter:#f3f7fa; --bookclr:#ffedd1; --greencolor:#009846; --redcolor:#ee2e24; --textgray:#677082; --tbcolor:#eaedf0; --starcolor:#ffb400; --hotelborder:#bababa; --datetab:#4a4a4a; --cancelcolor:#fff8ed; --reviewclr:#fafafa; --roomclr:#f0f6fb; } h1{margin-bottom:15px;} ::-webkit-scrollbar { width: 8px; } .bigcheck .form-check{line-height: 26px !important;} .bigcheck .form-check-input{width: 18px !important; height: 18px !important; margin-right: 10px !important; border: 2px solid #bebebe !important;} .incbox { float: left; text-align: center; width: auto !Important; padding: 5px; margin-right: 10px; font-size: 11px; color: #000; } .dropbuton .dropdown-item { border-radius: 5px !important; border: 0px !important; padding-left: 10px !important; margin-top: 0px !important; padding: 3px !important; height: auto !important; padding-left: 10px !important; border-radius: 0px !important; } .dropbuton .dropdown-menu.show{ padding: 5px !important;} .itemlist .blackbox{margin-bottom: 0px !important; margin-left: 10px !important;} .hotelfilter .card{background-color:transparent !important; border:0px !important;} .filtersidebar .card{margin-top:0px !important; margin-bottom:10px !important;} .hotelfilter .card-header { background-color: transparent !important; font-weight: 600; font-size: 15px !important; font-weight: 700 !important; padding: 0px !important; border: 0px !important; margin-top: 20px !important; margin-bottom: 0px !important; } .hotelfilter .card-body{background-color: #ffffff87; border-radius: 5px; margin-top: 10px;} .hotelfilter label { display: inline-block; width: 100%; margin: 5px 0px; font-weight: 600; font-size: 13px; color: #6b6b6b; line-height:16px; } .hotelfilter label checkbox{width: 18px !important; height: 18px !important; float: left; margin-right: 5px !important; } .filtersidebar .ui-widget-content { border: 0px solid #aaaaaa !important; color: #222222 !important; height: 4px !important; } .filtersidebar .ui-slider-horizontal .ui-slider-handle { top: -6px !important; } .filtersidebar #amountfilter{background-color:transparent !important;} /* mynewcss */ .mshow{display: none;} .newinputbookrow .mobileforncol{padding-right: 0px !important;padding-left: 7px !important;} .newinputbookrow .input-group>.form-control{height: 37px !important;} .asp-btm { background: #000; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 9; padding: 18px 10px 10px; display: none; } .label--text{font-size:11px; font-weight:600;} .label-warning{background-color: #000; color: #FFFFFF; font-size: 11px; font-weight: 600; padding: 2px 4px; border-radius: 4px} .cardresult .pricelisttable tr input { width: 20px; height: 19px; margin-top: 2px; } .roundtripbox .card-body{padding: 0px 15px !important;} .roundtripbox .col-4{padding: 6px !important;} .roundtripbox .col-8{padding: 0px !important;padding-left: 10px !important;} .roundtripbox .graysmalltext{ font-size:11px !important;} .roundtripbox h4{ font-weight: 700; font-size: 18px; margin-bottom: 5px;} .roundwayseatast{font-weight:600; font-size:11px;} .roundtripbox .pricelistflight td{padding-right:4px !important;} .roundtripbox .pricelistflight h4{font-size: 16px !important; margin-bottom: 0px !important;} .pricelistflight .blackbox{margin-bottom: 0px !important; margin-left:0px !important;} #steptwopassengerdetails{display:block;} .top_bg_ofr_sb2 .headtext{color:#fff; font-size:14px; font-weight:600; margin-bottom:0px;} .top_bg_ofr_sb2 .subtext{color:#cacaca; font-size:12px;} .top_bg_ofr_sb2 .fa-arrow-right{font-size:20px; color:#FFFFFF; margin:0px 20px;} .top_bg_ofr_sb2 .tdpadding{padding-right:70px;} .flightreview .container{overflow: hidden; padding: 10px; background-color: #fff; margin-top:72px; border-radius: 10px; } .flightreviewbox tr td { padding: 6px 8px; color: #545454; font-size: 14px; font-weight: 600; } #bookingdatainfo .card-footer{padding: 10px; background-color: #cccccc21;} #steponeflightdetails{ display:none;} #flightbookingsubmit{margin-top:20px;} #flightbookingsubmit .card{margin-top:0px; margin-bottom:20px;box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04); border-radius: 8px;} #flightbookingsubmit .detailscontent{display:block;} #flightbookingsubmit h2{position:relative;} .flightname{font-size:12px; font-weight:600; margin-left:4px;} .flightnumber{font-size:12px; margin-left:4px;} .coltime{font-size:12px; font-weight:600;} .graysmalltext{font-size:14px; font-weight:600; margin-top:5px;} .nostops{font-size:12px; font-weight:600; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ddd;} .displaybaggflightdetails { font-size: 12px; font-weight: 600; border-top: 1px dashed #ddd; margin-top: 10px !important; padding: 10px; border-bottom: 1px dashed #ddd; } #showfarerule{padding: 10px; background-color: #f6f6f6; margin-top: 10px; border-radius: 5px;} #showfarerule2{padding: 10px; background-color: #f6f6f6; margin-top: 10px; border-radius: 5px;} .netpriceshow{font-size:11px !important; font-weight:600 !important; margin-top:3px; display:block;} .flightreviewbox .steptext { font-size: 12px; color: #999999; } .flightreviewbox { margin-right: 20px; border-radius: 10px; cursor: pointer; background-color: #e6e9ec70; } .flightreview .active { color: #fff !important; background-color: var(--blue); } .flightreview .active td{ color: #fff !important;} .flightreview .active td .steptext{ color: #ffffffc7 !important;} .arranddep .custom-control-label { color: #212529 !important; } .form-check-label { color: #212529 !important; font-weight: 500; } .form-check-label .graytextlable{color:#999999;} .form-check-label .graytextlable span{position: absolute; right: 15px;} @media (min-width: 1270px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1270px; }} .arranddep .custom-control-label { text-align: center; color: #fff; border-radius: 60px; padding-left: 0px !important; padding: 0px; color: #212529; padding: 0px; width: 100%; height: 100%; border-radius: 0px; margin: 0px; padding: 5px !important; } .filterinnerboxes { background-color: #FFFFFF; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; } .filterinnerboxes td:last-child{border:0px solid #ddd !important; } .arranddep .custom-control-input:checked ~ .custom-control-label { background: var(--greyouter);; text-align: center; color: #666666; border-radius: 60px; padding-left: 0px !important; padding: 0px; width: 100%; height: 100%; border-radius: 0px; margin: 0px; padding: 5px !important; } .custom-control-input { display: none; } .iconfa{font-size: 20px; background-color: #0000001f; padding: 5px 8px; border-radius: 4px;} .flightreview td:last-child { padding-left:0px !important;} .mor-n1, .mor-n11 { margin: 0 auto; width: 28px; height: 25px; background: url(../images/filter-sprite.png); background-position: -5px -42px; } .mor1-n2, .mor1-n22 { margin: 0 auto; width: 24px; height: 25px; background: url(../images/filter-sprite.png); background-position: -38px -43px; } .mor1-n2, .mor1-n22 { margin: 0 auto; width: 24px; height: 25px; background: url(../images/filter-sprite.png); background-position: -38px -43px; } .mor2-n3, .mor2-n33 { margin: 0 auto; width: 20px; height: 25px; background: url(../images/filter-sprite.png); background-position: -66px -42px; } .mor3-n4, .mor3-n44 { margin: 0 auto; width: 16px; height: 25px; background: url(../images/filter-sprite.png); background-position: -95px -43px; } .refundablespan{color:#009900;} .nonrefundablespan{color:#CC0000;} .colorboxxx .custom-control { float: left; } .colorboxxx .custom-control-label { background-color: #000; width: 30px; height: 30px; float: left; margin-right: 4px; display: block; border: 2px solid #fff; } .colorboxxx .custom-control-input:checked ~ .custom-control-label { border: 2px dashed #fff; } .filterinnerboxes td { border-right: 1px solid #ddd; padding: 0px 0px; text-align: center; font-size: 11px; font-weight: 600; } .ui-slider-handle { width: 18px !important; height: 18px !important; background-color: var(--blue) !important; background: var(--blue) !important; border-radius: 30px !important; } .changeflightbox { background-color: #8fa7b857; padding: 10px; margin-bottom: 10px; border-radius: 10px; } .changeflightbox .chin { background-color: var(--greyouter); padding: 8px 8px; font-size: 13px; font-weight: 500; border-radius: 5px; } .flightsearchcalouter { text-align: center; background-color: #FFFFFF; overflow-x: auto; overflow-y: hidden; margin-bottom: 10px; border-radius: 5px; padding:5px; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; max-width: 100%; } .flightsearchcalouter::-webkit-scrollbar { display: none; } .flightsearchcalouter .datesbox { color: #000; display: inline-block; font-weight: 600; font-size: 14px; cursor: pointer; margin: 5px; padding: 8px 3%; border-radius: 5px; background-color: #fafafa; } .flightsearchcalouter .datesbox:hover { color:var(--blue); } .flightsearchcalouter .active{ background-color:var(--blue); color:#fff; } .balancesheettable tr td{ border:1px solid #ddd !important;} .balancesheettable th{ border:1px solid #ddd !important;} .tbtabcontent table tr td { vertical-align: middle; } #popcontent{padding:10px;} #popcontent table tr td{padding:5px;} #popcontent .row .btn-primary{margin-top: 5px !important; padding: 6px 10px !important; font-size: 13px !important; font-weight: 700 !important;} #popcontent .form-group{margin-bottom:10px !important;} a{cursor:pointer; color:var(--blue);} ::-webkit-scrollbar-track { background-color:#EFEFEF; border-radius: 0px; -webkit-border-radius: 8px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background-color:#666666; border-radius: 0px; } .pagingnumbers { border: 0px #EAEAEA solid; border-radius: 2px; overflow: hidden; float: right; } .pagingnumbers a { display: inline-block; padding: 6px 12px; min-width: 12px; text-align: center; color: #2c2c2c; text-decoration: none; border-right: #EAEAEA solid 0px; font-size: 12px; } .pagingnumbers .nextprev { line-height: 20px; } .pagingnumbers a:hover { background-color: #EAEAEA; color: #4d709f; border-radius: 2px; } .pagingnumbers .active { background-color: #6990C3; color: #FFFFFF; border-radius: 2px; } .pagingnumbers .current { background-color: #2196f3; color: #FFFFFF; border-radius: 2px; } .pagingnumbers .disabled { display: inline-block; padding: 7px 8px; color: #CECECE; border-radius: 2px; } .pagingnumbers .current { display: inline-block; padding: 5px 12px; border-radius: 2px; } #basicDropdownClickstar { box-shadow: 2px 2px 10px #00000045 !important; max-width: 190px; width: 460px; padding: 10px; left: 0px; display: none; } #basicDropdownClickstar label { width: 100%; display: block; padding-bottom: 3px; font-size: 13px; padding-top: 5px; padding-left: 4px; } #basicDropdownClick{max-width:470px !important;box-shadow: 2px 2px 10px #00000045 !important;} .roomguestblockdiv { float: left; width: auto; padding-left: 0px; padding-right: 2px; font-size: 12px; } .roomguestblockdiv .addroombtn { margin-top: 20px; cursor: pointer; background-color: #e52b30; padding: 10px 11px; color: #fff; border-radius: 2px; font-size: 12px; margin-left: 2px; border-radius: 40px; } #basicDropdownClick .form-control { min-width: 60px; } .bg-primary{background-color: var(--blue) !important;border-color: var(--blue) !important; font-weight:600;font-size:14px; min-height: 37px !important;} .btn-primary{background-color: var(--blue) !important;border-color: var(--blue) !important; font-size:14px; font-weight:600; min-height: 37px !important;} td .btn-primary{min-height: revert !IMPORTANT;} body{margin:0px; padding:0px; font-size:13px; color:var(--black); font-family: 'Quicksand', sans-serif; width:100%; height:100%; background-color:#FFFFFF; background-color:#fefefe; border:0px;} html{width:100%; height:100%;} .bodyhandbuttonright{ background-color: var(--blue); color:#fff; position:absolute; right:0px; padding:5px 10px; font-weight:600; font-size:14px; border:0px; outline:0px;border-radius: 5px; cursor:pointer;} a{text-decoration:none; } a:hover{transition: background-color 0.5s ease;} h1, h2, h3, h4, h5, h6, form, img{border:0px; padding:0px; margin:0px;} #header{width:100%; position:fixed; left:0px; top:0px; background-color:#FFFFFF; position:fixed; z-index:999;box-shadow: 0px 0px 10px #0000001f;} #header #logo{float:left; padding:10px; padding-right:30px;} #header #logo img{height:42px;} #header #menu{float:left; margin-left:10px;} #header #menu a { float: left; display: flex !important; justify-content: space-between !important; align-items: center !important; border: 1px solid var(--lightgray); padding: 5px 10px 5px 5px; color: var(--darkgray); font-weight: 800; font-size: 15px; margin-top: 0px; border-radius: 0px; margin-right: 15px; line-height: 26px; display: block !important; height: 62px; border: 0px !important; padding-top: 18px; border-bottom: 4px solid #fff !important; } #header #menu .active{ color:var(--blue); border-bottom: 4px solid var(--blue) !important; } #header #menu a:hover{ color:var(--blue); border-bottom: 4px solid var(--blue) !important; } #header #menu a span { width: 26px; height: 26px; text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px; display: flex !important; justify-content: center !important; align-items: center !important; } #header #rightmenu{float:right; margin-left:10px;} #header #rightmenu{float:right;} #header #rightmenu .btn { float: left; display: block; border: 1px solid var(--lightgray); padding: 8px 8px 8px 8px; color: var(--darkgray); font-weight: 800; font-size: 14px; margin-top: 7px; border-radius: 10px; margin-right: 10px; line-height: 26px; background-color: transparent; margin-top: 9px; } #header #rightmenu .btn:first-child{display: flex !important;justify-content: space-between !important;align-items: center !important;} #header #rightmenu .btn span:first-child{display: flex !important;justify-content: center !important;align-items: center !important;} #header #rightmenu .btn span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; background-color: var(--blue); color: var(--white); border-radius: 26px; margin-right: 5px; } #header #rightmenu .show .btn{background-color:var(--blue); color:var(--white);border: 1px solid var(--blue);} #header #rightmenu .dropdown-menu { background-color: #fff; color: #000 !important; padding: 10px; border-radius: 14px; box-shadow: 0px 0px 14px #00000075; border: 0px; min-width:200px; } #header #rightmenu .dropdown-menu .dropdown-item{color:#000; font-weight:600; font-size:14px;border-radius:6px;font-size:14px; padding: 7px 10px 7px 10px; font-weight:500; border-bottom: 1px solid #f2f2f2; border-radius: 0px; padding-left: 0px;} #header #rightmenu .dropdown-menu .dropdown-item:hover{color:#000; background-color:var(--trwhite) !important; } #header #rightmenu .dropdown-menu .dropdown-item .fa{margin-right:5px;color: #a5a5a5; padding-right: 5px; font-size: 18px;} /*---------------Left Menu-------------*/ #leftsidemenu{position:fixed; left:0px; top:0px; z-index:1; width:250px; border-right:1px solid var(--lightgray); overflow:auto; height:100%; background-color:#fff;} #leftsidemenu .inlist{padding:60px 20px 10px 20px;} #leftsidemenu .inlist .sidemenuleft a { padding: 10px; font-size: 14px; color: var(--darkgray); display: block; font-weight: 800; line-height: 26px; } #leftsidemenu .inlist .sidemenuleft a span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; border-radius:6px; margin-right: 5px; } #leftsidemenu .inlist .sidemenuleft a:hover span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px; } #leftsidemenu .inlist .sidemenuleft .active span { width: 26px; height: 26px; display: inline-block; text-align: center; padding: 0px; background-color:var(--blue); color:var(--white); border-radius:6px; margin-right: 5px; } #leftsidemenu .inlist .sidemenuleft .active{background-color:var(--verylightblue);border-radius: 12px} #leftsidemenu .inlist .companyinfobox { margin-bottom: 10px; background-color: var(--lowblue); padding: 12px 12px; border-radius: 12px; font-weight: 500; font-size: 12px; margin-top:3px; } #leftsidemenu .inlist .companyinfobox .companyname{font-weight:700; font-size:14px;} #leftcontactbox { background-color:var(--darkbrown);color: var(--white); font-size: 14px; text-align: center; font-weight: 600; border-radius: 14px; margin-top: 15px; padding: 10px 10px 20px; min-height: 200px; padding-top: 100px; position: relative; line-height: 22px;} #leftcontactbox img { position: absolute; left: 16px; top: -17px; width: 204px; } #leftcontactbox .head{font-size:16px; font-weight:800; margin-bottom:2px;} /*---------------Body Mid-------------*/ #midbody{padding-left:250px; padding-top:52px; width:100%; box-sizing:border-box; padding-right:350px;} #midbody .bodyouter{padding:20px;} h1{font-size:22px; font-weight:800; margin-bottom:20px;} h2{font-size:18px; font-weight:800; margin-bottom:20px;} .bodysection{margin-bottom:20px;} .bodysection .dashgraphcard { background-color: #FFFFFF; padding: 20px; box-shadow: 0px 10px 18px #29426917; border-radius: 14px; } .bodysection .dashgraphcard #chartdiv {width:100%; height:200px;} .bodysection .chartsalesouter{padding:10px 20px; border:1px solid var(--lightgray);border-radius: 20px; margin-top:10px;} .smalgraytext{font-size:12px; color:var(--midgay); font-weight:500;} .fontsize18{font-size:18px; font-weight:700;} .fontsize24{font-size:24px; font-weight:700;} .fontsize30{font-size:30px; font-weight:600;} .bodysection .chartsalesouter .borderleft{border-left:1px solid var(--lightgray); padding-left:20px;} .bodysection .blkcolorboxflight{padding:20px; color:var(--white); font-size:14px; background-color:var(--blue); margin-bottom:15px;border-radius:20px; margin-left:20px; margin-bottom:20px; position:relative;} .bodysection .blkcolorboxflight img { width: 64px; position: absolute; right: 20px; top: 20px; } .bodysection .blkcolorboxhotel{padding:20px; color:var(--white); font-size:14px; background-color:var(--pink); margin-bottom:15px;border-radius:20px; margin-left:20px; margin-bottom:20px; position:relative;} .bodysection .blkcolorboxhotel img { width: 64px; position: absolute; right: 20px; top: 20px; } .bodysection .blkcolorboxpackage{padding:20px; color:var(--white); font-size:14px; background-color:var(--darkbrown); margin-bottom:15px;border-radius:20px; margin-left:20px; position:relative;} .bodysection .blkcolorboxpackage img { width: 64px; position: absolute; right: 20px; top: 20px; } .tbtabsouter{width:100%; overflow:hidden; height:40px; } .tbtabsouter a { padding: 10px 20px; float: left; border: 1px solid var(--lightgray); border-bottom: 0px; font-weight: 700; color: var(--darkgray); border-radius: 12px; margin-right: 5px; font-size: 14px;border-bottom-left-radius: 0px; border-bottom-right-radius:0px; } .tbtabsouter a:hover{background-color:var(--blue); color:var(--white) !important;} .tbtabsouter .active{background-color:var(--blue); color:var(--white) !important;} .tbtabcontent{overflow:hidden; padding:20px;border: 1px solid var(--lightgray); border-radius:14px; border-top-left-radius:0px; } .tbtabcontent table tr{border-bottom: 1px solid var(--lightgray); font-weight:500; padding:10px 5px;} .tbtabcontent table tr td{padding:10px 5px;} .tbtabcontent table tr:last-child {border-bottom:0px !important;} .tbtabcontent table tr td table tr td{border:0px; padding:5px;} .tbtabcontent table .price{font-size:16px; font-weight:700;} .tbtabcontent table .flightname{font-size:15px; font-weight:700;} .tbtabcontent table .flightnumber{font-size:13px; font-weight:700; color:var(--midgay);} .tbtabcontent table .coltime{font-size:16px; font-weight:700; color:var(--midgay);} .tbtabcontent table .flightduration{margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid var(--blue); min-width:100px;} .tbtabcontent table .flightdate{color:var(--midgay); font-size:13px; margin-top:2px;} .tbtabcontent table tr:hover{background-color: var(--hovergray); cursor:pointer; border-radius: 12px; } #dashbaordright{width:350px; height:100%;background-color: var(--lowblue); position:fixed; right:0px; top:0px;} #dashbaordright .inlistright { padding: 52px 0px 0px 0px; } #dashbaordright .inlistright .rightbanner{width:100%; height:300px;position:fixed; right:0px; top:52px; width:350px;} #dashbaordright .inlistright .rightbanner img{width:100%; height:300px;} #dashbaordright .tourcalouter { padding: 40px 20px 0px 20px; height: 100%; position: absolute; padding-top: 310px; width: 350px; overflow: auto; font-weight:500; } #dashbaordright .tourcalouter h1{font-size:16px !important; margin-bottom:10px; padding-top:10px;} #dashbaordright .tourcalouter .todaydate{font-size:13px; margin-bottom:10px;} #dashbaordright .tourcalouter .calgrid{padding:10px 0px 20px;} #dashbaordright .tourcalouter .calgrid table tr td{padding:0px 1px; text-align:center; font-size:14px;} #dashbaordright .tourcalouter .calgrid table tr td .caltab { padding: 10px; border-radius: 14px; font-weight:600; cursor:pointer; } #dashbaordright .tourcalouter .calgrid table tr td .active{ padding: 10px; background-color:var(--pinkred); color:var(--white); box-shadow: 0px 10px 18px #29426917; border-radius: 14px; font-weight:600; cursor:pointer; } #dashbaordright .tourcalouter .calgrid table tr td .caltab:hover{ background-color:var(--blue); color:#fff;} #dashbaordright .tourcalouter .calgrid table tr td .active:hover{ background-color:var(--blue); color:#fff;} #dashbaordright .tourcalouter .calgrid table tr td .fa{background-color:var(--lightgray); padding:2px 9px; font-size:20px; cursor:pointer; border-radius: 22px;} #dashbaordright .tourcalouter .calgrid table tr td .fa:hover{background-color:var(--blue); color:var(--white); } #dashbaordright .tourcalouter .calgrid table tr td .boxcont{margin-bottom:0px;} #dashbaordright .tourcalouter .caleventouter{margin-bottom:10px; cursor:pointer;} #dashbaordright .tourcalouter .caleventouter .calevent{border-radius: 14px; background-color:var(--lightyellow); padding:10px; font-size:12px;} #dashbaordright .tourcalouter .caleventouter .calevent .head{font-size:14px; font-weight:700;} /*----------------Login---------------------*/ #loginbg{background: rgb(171,226,255); background: linear-gradient(183deg, rgba(171,226,255,1) 0%, rgba(255,255,255,1) 65%);background-attachment: fixed;} #loginouter { position: absolute; max-width: 1200px; height:600px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #loginouterin{ background-color:var(--white); box-shadow: 0px 10px 18px #29426917; border-radius: 14px; height:100%; margin:10px; margin-top:0px; overflow:hidden;} #loginouterin .leftbanner{width:100%; height:100%;} /* loginform */ .inputbox input{padding: 12.5px;border-radius: 4px;border:1px solid #ced4da;line-height: 1.5;} .inputbox input::placeholder{font-size: 16px;font-weight: 500;} .inputbox input:focus-visible{outline: none;} .inputbox input{margin-bottom: 20px;} .loginform{padding: 0px 50px;} .formlogo img{height: 32px;} .formlogo p{font-size: 13px;color:var(--textgray); margin-top:5px;} .inputbox input{width:100%;} .loginbutton a button{ background: linear-gradient(135deg, #d72e36, #f95535);width: 100%;text-align: center;font-size: 16px;color: var(--white);border: none;padding: 10px;border-radius: 4px;} .reset{margin: 10px;} .reset p{font-size: 13px;color:var(--textgray); margin-top:10px;} .reset p a{color: var(--black);font-weight: bold;} .createbutton a button{font-size: 16px;color: var(--blue);border: 1px solid var(--blue);font-weight: bold;background-color: transparent;width: 100%;padding: 7px;border-radius: 4px;} .dontheading{text-align: center;color:var(--textgray);} .loginlinks{position: relative;bottom: -78px;text-align: center;} .loginlinks a{color:var(--textgray);padding: 0px 8px;} .loginlinks a:hover{text-decoration: underline;} .modal-header button { background-color: #ececec; color: #000; font-size:25px !important; border-radius: 100%; width: 30px; height: 30px; line-height: 11px; border: 0px; padding: 0px; text-align: center; transition: transform .5s ease-in-out;} .modal-header button span{ font-size:25px !important; } .modal-header button:hover {transform: rotate(180deg);background-color: var(--blue); color:#fff;} .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); font-weight: 600; font-size: 18px; } .modal-header{background-color: #f5f5f5; padding: 10px 20px;} .modal-body{padding:10px;} .modal-body .form-control { border: 1px solid #b4b4b4 !important; margin-top: 2px !important; min-height: 40px !important; font-size: 14px !important; font-weight: 600; } .input-group>.form-control{ border: 1px solid #b4b4b4 !important; margin-top: 2px !important; font-size: 14px !important; font-weight: 600; } .form-control{ border: 1px solid #b4b4b4 !important; margin-top: 2px !important; font-size: 14px !important; font-weight: 600; } .modal-backdrop{ background-color:#050d12 !important;} .modal-backdrop.show { opacity:0.8 !important; } .btn-danger { background-color: var(--blue) !important; border: 1px solid #ddd var(--blue) !important; outline: 0px !important; font-weight: 600; font-size: 15px; } .modal-body .form-group:last-child{margin-bottom: 0px !important;} /* loginform */ /* .signupform */ .donebtn1 { padding: 3px 5px !important; border-radius: 4px !important; background-color: #000 !important; font-style: !important; font-size: 11px !important; color: #fff !important; font-weight: 500;font-family: arial !important; } .createform{padding:10px;padding-top: 20px;} .createform input::placeholder{padding-left: 6px;} .createform input:focus-visible{outline: none;} .createform label{display: inline-block;font-size: 13px;margin-top: 3px;margin-bottom: 0.5rem; font-weight:500;} .createform input{line-height: 22px;padding: 4px;border: 1px solid var(--darkgray);width:100%;border-radius: 4px;} .createform span{color: var(--redcolor);} .youhave p{font-size: 15px;color: var(--smallgray);} .youhave p a{color: var(--blue);text-decoration: underline;} .accountheading{color: var(--darkgray);} .countryrow select{border: 1px solid var(--darkgray) !important;} .mdt{color:#CC3300;} .createform .form-select{border: 1px solid #b4b4b4 !important;} /* agencyform */ .agencyform{padding:10px;padding-top: 20px;} .agencyform .form-select{border: 1px solid #b4b4b4 !important;} .agencyform input::placeholder{padding-left: 6px;} .agencyform input:focus-visible{outline: none;} .agencyform input{border: 1px solid var(--lightgray);} .agencyform input{line-height: 22px;padding: 4px;border: 1px solid var(--darkgray);width:100%;border-radius: 4px;} .agencyform label{display: inline-block;font-size: 13px;margin-top: 3px;margin-bottom: 0.5rem; font-weight:500;} .agencyform select{width: 100%;border: 1px solid var(--darkgray);} .agencyform select{line-height: 22px;padding: 4px;border: 1px solid var(--lightgray);width:100%;border-radius: 4px;height: 32px;} .agencyform textarea{line-height: 22px;padding: 4px;border: 1px solid var(--lightgray);width:100%;border-radius: 4px;height: 32px;} .form-field{line-height: 22px;padding: 4px;border: 1px solid var(--lightgray);width:100%;border-radius: 4px;height: 32px;} hr{color: var(--darkgray);margin-bottom: 0px !important;width: 100%;} .registerlogo img{height: 32px;margin-top:19px} .agencyform select:focus-visible{outline: none;} .checkbox{display: inline;width: auto !important;} .registerbutton{background-color: var(--blue);color: var(--white);border: none;} .registerbutton:hover{opacity: 0.7;background-color: var(--blue);} .pnrtag{font-size: 12px; padding: 0px 4px; background-color: #E6FFF5; float: left; border: 1px solid #88FFED; font-weight: 600; margin-top: 5px;} .tbtabcontent table{border:0px !important;} .pagebanner{ height: 200px;overflow: hidden;width: 100%;border-radius: 14px; position: relative; background-color: rgba(27, 28, 28,0.5); margin-bottom: 30px; } .pagebanner img{ min-height: 100%; width: 100%; } .pagebanner span{ background-color: #000000ad; position: absolute; left: 30px; top: 80px; display: inline-block; padding: 10px 20px; color: white; font-size: 20px; font-weight: 700; border-radius: 20px; } .pagecontent{ font-size: 14px; font-weight: 500; line-height: 22px; } .aboutlink a{ color: var(--black); font-size: 14px; font-weight: 700; padding: 10px 20px; display: inline-block; margin-top: 23px; } .aboutlink .active{ color: var(--blue); } /* flightsearchpage */ .top_bg_ofr_sb { background-color: #f3f7fa !important; } .top_bg_ofr_sb { background-image: none; } .top_bg_ofr_sb2other { width: 100%; background-color: #333; padding: 10px 0px 10px; color: #fff; height: 517px; background-color: transparent; background-image: none; background-repeat: no-repeat; background-size: 100% auto; padding-top: 20px; margin-bottom: 90px; background-color: var(--blue) !important; border-radius: 40%; margin-top: -190px; } .flighttopmenuwithback { display: none; } .flightsearchwihite { background-color: #fff; padding: 17px; border-radius: 20px; box-shadow: 0px 10px 18px #29426917 !important; padding-bottom: 48px; position: relative; top: 300px; } .top_bg_ofr_sb2other .searchtabs { margin-bottom: 25px; width: 100%; overflow: hidden; } .top_bg_ofr_sb2other .searchtabs .active { background-color:var(--tbcolor); color: var(--darkgray) !important; } .top_bg_ofr_sb2other .searchtabs a { color: #777777 !important; padding: 5px 20px; margin-right: 10px; float: left; border-radius: 20px; font-weight: 800; font-size: 16px; } .searchboxouter { background-color: #fff; color: #000; border-radius: 6px; padding: 0px; padding-left: 5px; padding-right: 5px; } .flightsearchwihite .searchboxouter table tr td { position: relative; padding: 0px 5px; font-weight:600; } .searchflightmainbg .searchflightouter .searchflighttableborder table tr td{ padding: 0px 3px !important; } .searchboxouter table tr td { border-right: 1px solid #ddd; position: relative; } .flightsearchwihite .lable { margin-left: 6px; padding: 9px !important; width: auto; font-size: 12px; color: var(--textgray); position: absolute; top: -2px; text-transform: uppercase; font-weight: 800; background-color: #fff; } .searchflightmainbg { padding: 10px 0px !important; } .flightsearchwihite .textfield { color: #000; } .flightsearchwihite .textfield { color: #5d5d5d; font-weight: 600; width: 100%; padding: 1px 20px !important; outline: 0px; font-size: 16px !important; border-radius:20px !important; } .searchboxouter .textfield { color: #000000; font-weight:800; width: 100%; padding: 26px 20px 26px !important; outline: 0px; border: 8px; margin-top: 14px; background-color: transparent; } .swapbtn { position: absolute; right: -12px; width: 38px; height: 38px; background-color: #fff; text-align: center; border-radius: 100px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; z-index: 9; margin-top: 0px; cursor: pointer; top: 33px; line-height: 37px; font-size: 16px; } .flightsearchwihite .flightsearchbtn { width: 100%; text-align: center; position: absolute; left: 0px; bottom: -30px; } .flightsearchwihite .searchboxouter .redbuttonsearch { font-size: 20px; color: #fff; font-weight: 600; background-color: var(--blue) !important; width: 100%; padding: 15px 20px; outline: 0px; border: 0px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; max-width: 270px; border-radius: 50px; } .searchboxouter .redbuttonsearch { background-color: #ec0909 !important; } .flightsearchwihite .searchboxouter table tr td .fa-calendar { font-size: 22px; color: #cfcfcf; position: absolute; right: 20px; top: 40px; } .listlastflight{ float: left !important; } .tableborder{ border-radius: 8px; } .hotelsearchtableborder table tr td{ border-right: 1px solid var(--lightgray) !important; } .listlastflight table tr td{ color: var(--darkgray) !important; } input:checked ~ .checkmark{ background-color: var(--redcolor); } .selectfareheading{ color: var(--darkgray); position: relative; font-size: 12px; font-weight: 600; } /* messagesection */ .messagesection{ margin-top: 70px; padding: 15px; background-color: var(--lightyellow); border-radius: 8px; } .messagesection h4{ font-size: 14px; text-align: center; } .offerheading h3{ font-size: 22px; font-weight: 800; margin: 42px 0px; } /* .offersection img{ width: 100%; height: 200px; object-fit: cover; } */ /* .offersection{ padding-top: 1rem; } */ .offersection p{ color: var(--darkgray); font-size: 16px; } .booknowbtn{ color: var(--searchbtn); font-size: 18px; font-weight: 900; border: none; background-color: transparent; margin: 24px 0px; } .offerimg{ width: 100%; overflow: hidden; height: 200px; border-radius: 20px; } .offerimg img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; } .offersection h6{ font-size: 13px; text-overflow: ellipsis; } .offersection h4{ color: var(--darkgray); font-size: 16px; font-weight: 700; margin-top: 20px !important; } #dt2{ background-color: transparent !important; } #pickupCitySearchfromCity2{ background-color: transparent !important; } #pickupCitySearchfromCity{ background-color: transparent !important; } input[type="radio"]{ margin-top: 5px; } .tolabel{ margin-left: 13px !important; } .mobdme2{ margin-top:20px; } .trendingsearch h3{ font-size: 12px; color: var(--darkgray); font-weight: 600; } .flightsearchwihite .searchboxouter table tr td { border-right: 0px solid var(--textgray); position: relative; padding: 0px 0px; line-height: 16px; padding-left:0px; } .flightsearchtable tr td{padding-right:10px !important;} .flightsearchtable tr td:last-child{padding-right:0px !important;} .flighttrandingsearch { color: var(--darkgray); font-weight: 400; line-height: 50px; padding: 0px 10px; display: block; float: left; position: relative; cursor: pointer; border-right: 2px solid #fff; font-size: 12px; } .flighttrandingsearch .fa{margin:0px 4px;} .boxselectpax { padding: 4px; background-color: #fff; border: 1px solid #ddd; margin: 3px 0px 5px; width: auto; border-radius: 4px; width: auto; overflow: hidden; position: relative; } .boxselectpax .paxbx { padding: 5px 10px; color: #000; float: left; margin-right: 2px; font-size: 14px; font-weight: 700; cursor: pointer; text-align: center; width: 32px; border-radius: 4px; } .boxselectpax .paxbx:hover{background-color:var(--lightgray);} .boxselectpax .active { background-color: var(--blue) !important; color: #fff !important; } #mobileflightsearchpax span{font-size:12px; display:block; width:100%; margin-bottom:2px;} .tablebordersearch { border-radius: 10px; } .searchdestinationboxclass { padding: 5px; background-color: #fff; width: 430px; border: 1px solid #e4e4e4; position: absolute; left: 0px; top: 54px; font-size: 12px; z-index: 99999; box-shadow: 2px 2px 4px #00000057; border-radius: 5px; } .searchdestinationboxclass .list { padding: 12px 8px !important; border-bottom: 0px solid #ddd; color: #141823; cursor: pointer; background-color: #fff; border-radius: 0px; border-left: 0px solid #fff; font-size: 17px; font-weight: 800; position: relative; padding-left: 15px !important; } .searchdestinationboxclass .list:hover { padding: 8px 8px; border-bottom: 0px solid #ddd; color: #333333; cursor: pointer; background-color: #eef2f8; border-radius: 0px; border-left: 0px solid #eef2f8; } .errorSection { width: auto; box-shadow: 0 2px 7px 0 rgb(0 0 0 / 30%); z-index: 1; background-color: #ffd3d4; position: absolute; top: 94%; left: 0; border-radius: 4px; padding: 4px 8px; color: red !important; } .flightloadingshadow .shbox1 { width: 32px; height: 32px; background-color: #f6f7f8; float: left; margin-right: 10px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } .flightloadingshadow .shbox2 { width: 60px; height: 14px; background-color: #f6f7f8; float: left; margin-bottom: 5px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } .flightloadingshadow .shbox3 { width: 80%; height: 14px; background-color: #f6f7f8; float: left; margin-bottom: 5px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } .flightloadingshadow .shbox4 { width: 100%; height: 28px; background-color: #f6f7f8; float: left; margin: 20px 0px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } .flightloadingshadow .shbox5 { width: 45%; height: 20px; background-color: #f6f7f8; float: left; margin-bottom: 5px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } .flightloadingshadow .shbox6 { width: 100%; height: 14px; background-color: #f6f7f8; float: left; margin-bottom: 5px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } .flightloadingshadow .shbox7 { width: 100%; height: 14px; background-color: #f6f7f8; float: left; margin-bottom: 20px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } .flightloadingshadow .shbox8 { width: 100%; height: 34px; background-color: #f6f7f8; float: left; margin-bottom: 20px; animation-duration: 6s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, #f6f7f8 8%, #bbbbbb78 18%, #f6f7f8 33%); background-size: 100% 34px; } @keyframes placeHolderShimmer { 0% { background-position: -500px 0 } 100% { background-position: 500px 0 } } /* .tableborder table tr td:first-child{border-left:0px !important;} */ .tableborder table tr td:last-child{border-right:0px !important;} /* footer */ .flightfooter{ background-color: #f3f7fa; margin-top: 30px; text-align: center; padding-bottom:2px; padding-top:30px; } .footerlinks a{ padding: 8px; color: var(--black); margin-top: 12px; display: inline-block; font-weight: 500; } .copyrighttext a{ color: var(--black); text-align: center; display: inline-block; margin: 10px; } /* searchflightsection */ .searchflightmainbg{ box-shadow: none !important; top: 40px; background-color: transparent; padding: 17px 0px; } .bannerbgwhite{ background-color: var(--white) !important; height:245px; margin-bottom: 20px; } .greybluebg{ background-color: var(--greyouter); } .greyouter{ background-color: var(--greyouter); padding: 10px 12px; border-radius: 8px !important; width:100%; } .searflightmodme{ display: none; } .searchflightpagebtn{ display: none; } .searchflighttableborder table tr td{ border: none; border:0px !important; } .searchflightouter{ padding-left: 0px; } .searchflightouter .textfield{ margin-top: 0px; margin-left: 0px; background-color: var(--greyouter); padding: 0px !important; } .searchflightmainbg .searchflighttab{ margin-bottom: 13px; } .searchsmallbtn button{ background-color: var(--blue) !important; color: var(--white) !important; font-size: 20px; height: 55px; width: 100%; margin: 0 3px !important; font-weight: 600; } .flightswapbtn{ top: 12px; width: 33px; height: 33px; line-height: 33px; right: -16px; } .searchflightmainbg .lable{ margin-left: 0px !important; padding: 0px !important; position: static !important; font-size: 13px; } .searchflightmainbg .searchflightouter table tr td{ padding-top: 0px !important; } .searchflightmainbg .searchflightouter table tr td .fa-calendar{ top: 16px; } /* tabs */ .nav-pills{ /* display: flex; justify-content: space-between; */ background-color: var(--white); border-radius: 8px; box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04); } .navline{ background-color: var(--lightgray); width: 1px; height: 58px; margin-top: 1.5%; } .nav-pills .nav-item{ margin: 10px 10px; border-radius: 10px; width: 17.8%; } .nav-pills .nav-item .nav-link .fa{ margin: 0px 5px; } .nav-pills .nav-item:hover{ background-color: var(--lightgray); } .nav-pills .nav-link{ color: var(--black); font-size: 15px; font-weight: 600; text-align: left; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background-color: transparent; color: var(--black); } .pricingbutton{ display: flex; justify-content: space-between; margin-top: 10px; } .pricingbutton h5{ line-height: 18px; height: 24px; font-size: 12px; font-weight: 600; display: inline-flex; padding: 2px 8px; background-color: var(--greyouter); } .pricingbutton i{ font-size: 14px; font-weight: 600; } .bookdetail{ display: flex; justify-content: space-between; margin-top:5px; padding-right:20px; } .bookimg{ display: flex; gap: 15px; } .bkimg{ width: 35px; height: 35px; } .bkimg img{ width: 100%; height: auto; min-height: 100%; } .bookrow{ background-color: var(--white); padding: 10px; margin-top: 15px; padding-left: 0px; padding-right: 0px; border-radius: 8px; } .bookbtn a button{ padding: 10px 16px; font-size: 14px; line-height: 16px; cursor: pointer; background-color: var(--blue); border: none; outline: none; color: var(--white); font-weight: 600; width: 100%; border-radius: 4px; } /* .bookboxprice h6{ font-size: 16px; font-weight: 600; color: var(--black); line-height: 1.231; } */ .bookdetail h6 { font-size: 18px; font-weight: 800; } .destination{ font-size: 12px; line-height: 18px; font-weight: 600; margin-bottom: 0px; } .go h6{ font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 12px; } .gopricing{ display: flex; justify-content: space-between; } .gopricing span{ font-size: 13px; font-weight: 600; line-height: 20px; } .gopricing .lastspan{ display: flex; align-items: center; gap: 3px; } .bookrow .col-lg-3{ margin: auto; border-left: 3px solid var(--greyouter); } .bookbtn h4{ font-size: 20px; line-height: 20px; font-weight: 800; margin-bottom: 8px; } .bookprice{ font-weight: 400 !important; font-size: 13px; } .bookbtn i{ border: 2px solid var(--greyouter); height: 26px; padding: 2px 4px; font-size: 10px; line-height: 18px; font-weight: 400; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; border-radius: 4px; } .searchflighttab a{ font-size: 12px; } .bookmsg{ background-color: var(--bookclr); color: var(--black); text-align: center; font-size: 12px; border-radius: 4px; } .blackbox { display: flex; margin: 0px 0px; align-items: center; margin-left: 0px; margin-bottom: 10px; } .blackbg{background-color: var(--black); color: var(--white); height: 20px; line-height: 20px; border-radius: 4px; text-align: center; font-size: 10px; font-weight: 600; padding: 0px 6px;} .blackbox h5{ font-size: 11px; color: var(--black); padding-left: 5px; font-weight:600; } .refundtable{ font-size: 12px; margin-top:5px; } .refundtable img{ width: 20px; } .green{ color: var(--greencolor); } .red{ color: var(--redcolor); } .bookboxprice{ text-align: center; } .nonstop h4{ font-size: 12px; font-weight: 600; } .nonstop{ color: var(--darkgray); text-align: center; font-weight:600; font-size: 12px; } .nonstopborder{ border-top: 1px solid var(--lightgray); width: 120px; margin: 5px 0px; position: relative; } .nonstopborder::before{ content: ""; position: absolute; left: 0; background-color: var(--lightgray); width: 7px; height: 7px; border-radius: 50px; top: -4px; } .nonstopborder::after{ content: ""; position: absolute; right: 0; background-color: var(--lightgray); width: 7px; height: 7px; border-radius: 50px; top: -4px; } .nonstopborder .fa{ top: -6px; position: absolute; transform: rotate(45deg); margin-left: -8px; color: var(--blue); } .bookimg h6{ font-size: 15px; } .bookimg h6 span{ color: var(--darkgray); font-size: 12px; } .planeimg img{ width: 100%; height: auto; min-height: 100%; } .bookrow .col-lg-9{ padding-right: 18px; } .bookrow .col-lg-3{ padding-left: 30px; } .refundtable .fa{ font-size: 12px; margin-right: 3px; color: var(--smallgray); cursor: pointer; font-weight:600; } .refundtable table tr td{ font-weight: 600; font-size: 12px; } .destinationdate{ font-size: 12px; font-weight: 500; } #flightresult .nav{padding: 5px; background-color: #fff; border-radius: 5px; font-weight: 600; font-size: 11px; text-transform: uppercase;} /* profiledesignstarts */ .midcontent{ max-width: 1000px; margin-top: 80px; padding-bottom: 30px; } .profile{ margin-left: 250px; } .profilecard{ border-radius: 14px; box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04); border: 0px !important; } .profilecard h1{ margin-bottom: 5px; } .profiletable strong{ font-size: 15px; line-height: 12px; color: var(--smallgray) !important; } .table>:not(caption)>*>*{ box-shadow: none; border: none; } .profiledetail{ font-size: 15px; font-weight: 600; color: var(--black) !important; } .card{ margin-top: 20px; } .profiletable tr td img{ width: 100px; } .profilecard .card-body{ padding: 30px !important; } .profilecard .card-body table{ margin-bottom: 0px; } .profilecard .card-body table tr{ border-bottom: 1px solid var(--lightgray) !important; } .profilecard .card-body table tr:last-child{ border: 0px !important; } .profilecard .card-body table tr td:first-child{ padding-left: 0px !important; } .profilecard .card-body table tr td{ vertical-align: middle !important; } /* profilesectonends */ /* listingsection */ /* .listingmidcontent{ margin-left: 250px; margin-top: 80px; } */ .bodypricesection h1{ margin-bottom: 15px; position:relative; } .listingtabcontent{ box-shadow: 0 3px 6px rgba(25,32,36,0.16), 0 -1px 4px rgba(25,32,36,0.04); background-color: var(--white); } .listcontent{ margin-top: 55px; padding-bottom: 30px; } .listcontent .card{ border: 0px; background-color: transparent; } .listcontent .tbtabcontent{ background-color: var(--white); box-shadow: 0px 10px 18px #29426917 !important; } .listcontent .card table{ margin-bottom: 0px; border: 0px; } .listcontent .bodysection{ margin-bottom: 0px; } .redoptionbutton { border: 1px solid #ddd; padding: 5px 10px; float: left; border-radius: 8px; background-color: var(--blue); cursor: pointer; color: #fff; } /* searchflitabs */ .seachflitabs{ margin-top: 20px; } .depart{ display: flex; justify-content: space-between; border-bottom:1px solid var(--lightgray); } .depart h5{ font-size: 14px; font-weight: 600; } .air{ display: flex; justify-content: space-between; } .airimg{ width: 30px; height: 30px; } .airimg{ display: flex; align-items: center; gap: 10px; } .airimg h6{ font-size: 12px; white-space: nowrap; } .airimg img{ width: 100%; height: auto; min-height: 100%; } .nAz5-segment-body { display: flex; flex-direction: column; } .g16k { display: flex; } .g16k-time-graph { display: flex; flex-direction: column; flex-shrink: 0; align-items: center; width: 26px; margin-right: 16px; } .g16k-dot:first-child { margin-top: 6px; } .g16k-dot { height: 7px; width: 7px; border: 1px solid #9ba8b0; border-radius: 50%; } .g16k-axis { width: 1px; background-color: #9ba8b0; flex-grow: 1; } .nAz5-duration-row { display: flex; align-items: center; } .nAz5-graph-icon { display: flex; flex-direction: column; flex-shrink: 0; align-items: center; width: 26px; margin-right: 16px; } svg:not(:root) { overflow: hidden; } .nAz5-duration-text { font-size: 12px; margin-top: -10px; } .g16k { display: flex; } .nAz5-segment-extras-wrapper { margin-left: 42px; margin-top: 4px; } .nAz5-graph-icon span i{ color: var(--blue) !important; margin: auto; width: auto; height: auto; } .g16k-time-info-text-wrapper{ display: flex; justify-content: space-between; gap: 50px; } .g16k-time-info:not(.g16k-incoming) { margin-bottom: 12px; } .g16k-time-info { display: flex; flex-direction: column; font-size: 16px; line-height: 24px; } .g16k-time { font-weight: 700; margin-right: 4px; min-width: 80px; flex: 1 1 auto; } .g16k-location-block { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; font-size: 12px; } .secondflitab h3{ font-size: 14px; font-weight: bold; margin: 15px 0px; } .tabtable table tr td img{ width: 50px; object-fit: contain; } .happybox{ display: flex; align-items: center; gap: 15px; } .happybox p{ font-size: 14px; font-weight: 600; } .tabtable table{ width: 100%; } .tabtable table tr td{ width: 50%; } .viewtab{ display: flex; justify-content: end; align-items: center; gap: 10px; } .viewtab a button{ background-color: var(--blue); color: var(--white); border: none; outline: none; font-size: 12px; padding: 8px 16px; font-weight: 600; border-radius: 4px; } .viewtab p{ font-size: 14px; font-weight: 600; margin-bottom: 0px; } .tabtable table tr td{ padding: 15px 0px !important; } .happybox p{ margin-bottom: 0px; } .flightcard{ margin-top: 0px; } /* .mobileshow { display: none !important; } .filtersidebar .card-header:first-child { margin-top: 0px; } .filtersidebar .card-header { background-color: #FFFFFF; font-size: 12px; font-weight: 600; border-top: 1px solid #ddd; border-bottom: 0px; padding-top: 12px; padding-bottom: 0px; margin-top: 10px; } .filtersidebar .card-body { padding: 8px; } #slider-ranges { margin-left: 10px; margin-right: 10px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .filterinnerboxes { background-color: #FFFFFF; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; } .arranddep table tr td { padding: 0px !important; } .filterinnerboxes td { border-right: 1px solid #ddd; padding: 10px 0px; text-align: center; font-size: 11px; font-weight: 600; } .custom-control { cursor: pointer; } .custom-control-input { display: none; } .arranddep .custom-control-label { text-align: center; color: #fff; border-radius: 60px; padding-left: 0px !important; padding: 0px; color: #666666; padding: 0px; width: 100%; height: 100%; border-radius: 0px; margin: 0px; padding: 5px !important; } #slider-ranges { margin-left: 10px; margin-right: 10px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } */ .mobileshow{ display: none; } .form-group { margin-bottom: 10px; } .sendbutton{ background-color: var(--blue) !important; font-size: 13px; font-weight: bold; color: var(--white) !important; line-height: 25px; margin-top: 10px; } .card-header{ background-color: transparent !important; font-weight:600; } .card-header strong{ font-size: 15px; font-weight: 600; } .contacticons{width: 60px; height: 58px; background-color: var(--blue); border-radius: 40px; color: #fff; text-align: center; font-size: 18px; line-height: 60px;} .contactlable{color: var(--darkgray); text-transform:uppercase; font-size:11px; margin-bottom:2px;} .contactcontent{font-size: 14px; font-weight: 600;} .contacttabscont{font-size: 13px; border: 1px solid var(--lightgray); padding:15px; border-radius: 5px; background-color: #fafafa; margin-bottom:15px;} /* hoteldesign */ .locationheading{ display: none; } .hoteltabs{ display: none; } .toinput{ display: none; } .hotelswapbtn{ display: none; } .hotelmodme2{ display: none; } .hotelmainbg{ height: 460px !important; margin-bottom:10px; } .hotelsearchwhite{ top: 300px; } .hotelsecondrow{ margin-top: 120px; } .hotelmessage{ margin-top: 55px; } /* hoteldesignends */ /* hotelsearchdesingstarts */ .hotelpills{ display: none; } .hotelpills .navline{ margin-top: 0px; height: 100%; } .hotelpills .nav-item{ margin: 0px; width: 24.8%; } .hotelpills .nav-item .nav-link{ text-align: center; } .hotelbooking{ display: flex; gap: 10px; } .hoteltext h5{ font-size: 16px; font-weight: 600; } .reviewsection{ display: flex; gap: 10px; } .Deluxe h6{ font-size: 12px; } .Deluxe p{ margin-bottom: 0px; } .hotelimg { width: 204px; height: 164px; margin: 6px 0px; } .hotelimg img{ width: 100%; height: 100%; border-radius: 8px; } .reviewsection{ margin: 5px 0px; } .threeblue { background-color: var(--blue); width: auto; text-align: center; color: var(--white); border-radius: 8px; border-top-right-radius: 0px; margin-bottom: 0px; padding: 2px 5px; font-size:11px; font-weight:600; } .threereview{ font-size: 12px; color: var(--textgray); margin-bottom: 0px; } .hotelbookrow .bookbtn h4 { font-size: 26px !important; margin-bottom: 5px !important;} .hotelbookrow .blackbox h5 { padding-left: 0px !important; } .hotelbookrow .col-lg-3 { border-left: 0px !important; background-color: #f3f7fa94; margin: 0px; padding-top: 6%; } .Deluxe h6{ color: var(--greencolor); margin: 5px 0px; } .Deluxe { margin-top: 5px; background-color: var(--greyouter); width: 100%; padding: 5px 5px; overflow: hidden; } .Deluxe .tbl { float: left; padding: 3px 5px; background-color: #FFFFFF; margin: 3px; font-size: 11px; font-weight: 600; } .hoteltext{ margin: 10px 0px; width:68%; } .reviewsection p{ margin-bottom: 0px; } .relocation{ margin: 5px 0px; } .Deluxe i{ color: var(--textgray); font-size: 12px; } .hotelbookrow { padding: 0px 0px; margin-top: 0px; margin-bottom:20px; margin-left: 0px; } .hotelbookrow .col-lg-9{ padding-left: 7px; padding-right: 7px; } .hotelbooking .col-lg-3{ padding: 0px !important; } .hotelsearchtableborder table tr td:nth-child(5){ border-right: 0px !important; } .hotelfilterbox{ display: flex; justify-content: space-between; margin-bottom: -3px; } .searchhotelfilter a{ float: right; margin-top: 10px; color: var(--blue); font-weight: 600; } .searchhotelfilter a:hover{ text-decoration: underline; } .hotelfilterbox h6{ font-size: 14px; color: var(--textgray); } /* .hotelfilterbox input{ width: 16px; height: 16px } */ .searchhotelfilter p{ font-size: 10px; } /* holidaypage */ .holidaybanner{ background: url(../images/hd1.jpg); width: 100%; height: 368px; background-size: cover; background-position: center; object-fit: cover; background-repeat: no-repeat; } .holidabancontainer{ position: relative; top: 165px; padding: 0px 260px; } .holidaysearch table{ width: 100%; } .holidaysearch .textfield { font-size: 15px; color: #000000; font-weight: 600; width: 100%; padding: 20px 20px; outline: 0px; border: 0px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .holidaysearch .redbuttonsearch { font-size: 15px; color: #fff; font-weight: 600; background-color: var(--blue); width: 100%; padding: 20px 20px; outline: 0px; border: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .holidaysearch h1{ text-align: center; color: var(--black); margin-bottom: 12px; } .holidestibox{ margin-top: 50px; } .holidestibox .card{ border: 0px; } .holiimg{ height: 300px; overflow: hidden; border-top-right-radius: 20px; border-top-left-radius: 20px; } .holiimg img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; } /* .holidaydestination .row .col-lg-3{ padding-left: 5px; padding-right: 5px; } */ .holidestibox p { margin-bottom: 0px; text-align: center; color: #fff !important; font-size: 10px; } .holipricing { display: flex; justify-content: center; margin: 10px 0px 0px; gap: 16px; } .holidestibox .card-title{ text-overflow: ellipsis !important; font-size: 14px; font-weight: 700; margin-bottom: 2px; overflow: hidden; white-space: nowrap; } .holidestibox p{ margin-bottom: 0px; font-size: 10px; } .testibg{background-image: url(../back-hero.jpg); background-size: 100% auto; background-repeat: no-repeat; padding: 60px 40px 23px; border-radius: 30px; margin-top: 40px;} .testibg .text{font-size: 18px; color: #0a1f44; font-weight: 600; margin-bottom: 30px; width: 70%; text-shadow:none;} .testibg .heading{font-size: 40px; font-weight:800; color: #0a1f44; margin-bottom: 20px; text-shadow:none;} .offerphotobox2 { height: 142px; overflow: hidden; border-radius: 10px; width: 195px; margin-right: 20px; } .newholiicon { background-color: #2274e0 !important; color: #fff !important; padding: 1px 3px !important; border-radius: 6px !important; } .holipricing a{ font-size: 14px; font-weight: 700; color: var(--blue); } .holiicon{ background-color:#fff1f6; color: var(--blue); } .holidestibox .card{ border-radius: 20px; } .holiicon i{ padding: 0px 3px; } .holicontainer,.travelcontainer,.lastcon{ padding: 0px 100px; } .travelcontainer{ margin-top: 20px; } .lastcon{ margin-top: 30px; } /* mediaqueries */ /* hoteldetail */ .hotelgallery{ margin-top: 78px; overflow: hidden; } .hoteldetailrow{ border-radius: 20px !important; } .hotelgallery .col-lg-5{ padding-right: 3px; padding-left: 3px; } .hotelgallery .col-lg-2{ padding-left: 3px; padding-right: 3px; } .roomoneimg{ width: 100%; height: 369px; overflow: hidden; } .roomtwoimg img:last-child{ margin-top: 6px; } .roomoneimg img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; } .roomtwoimg{ width: 100%; height: 181px; } .hoteldetailrow{ border-radius: 20px; margin-top: 20px; } .roomtwoimg img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; } .topheading .icons i{ color: var(--starcolor) !important; font-size: 16px; line-height: 30px; } .hoteldetailone p{ margin-bottom: 0px !important; font-size: 13px; font-weight: 600; margin: 5px 0px; } .hoteldetailone a{ color: var(---black); } .hoteldetailone h1{ margin-bottom: 0px; font-size: 24px; line-height: 30px; } .borderleft{ border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .borderright{ border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .topheading{ display: flex; align-items: center; } .topheading .icons{ margin-left: 8px; } .hoteldetailone p i{ color: var(--textgray); } .hotelshow{ color: var(--searchbtn) !important; } .hotelshow:hover{ text-decoration: underline; } .hoteldetail{ display: flex; justify-content: space-between; } .roompricing{ display: flex; justify-content: space-between; align-items: center; gap: 20px; } .roompricing h3{ font-size: 20px; font-weight: 600; } .roompricing p{ color: var(--searchbtn); white-space: nowrap; font-size: 13px; font-weight: 600; } .offerphotobox { height: 272px; overflow: hidden; } .flightfooter a { color: #79a49d !important; } .footernav a { font-size: 12px; display: block; padding: 5px 0px; color: #fff; } .footericonsouter a { width: 36px; height: 36px; border: 1px solid #ffffff38; text-align: center; font-size: 18px; line-height: 24px; margin-right: 8px; border-radius: 84px; float: left; } .footericonsouter a:hover { background-color: #fff; color: #000000; } .copyrighttext p { margin: 0px; padding: 10px; background-color: transparent; margin-top: 30px; border-radius: 5px; border-top: 1px solid #ffffff1c; border-radius: 0px; } .roompricing button{ background-color: var(--blue); border: none; outline: none; width: 100%; padding: 10px 12px; border-radius: 8px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; } .camerabox{ position: relative; float: right; right: 30px; top: -100px; cursor: pointer; } .camerabox i{ font-size: 20px; color: var(--white); background-color: var(--blue); padding: 15px; border-radius: 8px; background-color:#00000080; } .camerabox p{ color: var(--white); margin-top: 4px; font-size: 13px; font-weight: 600; } /* .hotelgallery{ box-shadow: 0px 10px 18px #29426917 !important; background-color: var(--white); padding: 25px; width: 75%; margin: 100px auto; } */ .descriptioncard{ margin-top: 30px; border-radius: 20px; border: 0px; } .description h1{ margin-bottom: 10px; } .description h1 span{ color: var(--blue); } .description p{ margin-bottom: 0px; } .stayamentites h1{ margin-top: 13px; margin-bottom: 10px; } .stayamentites h1 span{ color: var(--blue); } .stayamentites table{ width: 50%; margin-top: 10px; margin-left: -28px; } .stayamentites table tr td{ text-align: center; width: 10%; } .stayamentites table tr td i{ color: var(--black); font-size: 20px; } .stayamentites table tr td span{ font-size: 13px; color: var(--textgray); padding-top: 10px; } .stayamentites table tr td a{ font-size: 15px; font-weight: 700; color: var(--black); } .stayamentites table tr td a:hover{ text-decoration: underline; } .roomtable{ margin-top: 30px; box-shadow: 0px 10px 18px #29426917 !important; } .firstrtable{ width: 100%; margin-top: 20px; border: 1px solid var(--hotelborder); } .firstrtable tr td{ background-color: var(--lightgray); font-size: 16px; font-weight: 600; width: 25%; padding: 10px; } .secondrtable{ width: 100%; border: 1px solid var(--hotelborder); border-top: 0px !important; } .secondrtable tr td{ width: 25%; padding: 10px; border-left: 1px solid var(--hotelborder); border-bottom: 1px solid var(--hotelborder); background-color: var(--white); vertical-align: top; } .Premium h1{ margin-bottom: 10px; font-size: 15px; } .rebox p{ border: 1px solid var(--blue); border-radius: 10px; color: var(--blue); display: inline-flex; font-size: 10px !important; font-weight: 600; margin-bottom: 10px !important; padding: 3px 5px; text-transform: uppercase; } .recomd p{ font-size: 13px; font-weight: 600 !important; } .recomd p i{ color: var(--textgray); } .guestbox p i{ color: var(--darkgray); } .guestbox p{ font-weight: 600; font-size: 13px; } .lastcol a button{ background-color: var(--blue); border: none; outline: none; color: var(--white); padding: 10px 12px; white-space: nowrap; width: 50%; border-radius: 8px; margin-top: 10px; } .hotelrpricing p{ margin-bottom: 0px; } .Premium p{ font-size: 13px; font-weight: 600 !important; } .Premium p i{ color: var(--textgray); } .secondrtable p{ margin-bottom: 10px; } .secondrtable p:last-child{ margin-bottom: 0px; } .tablerow p,h1{ /*margin-bottom: 0px;*/ } .searchgrey{ background-color: transparent !important; } .searchhotel .textfield{ background-color: transparent; } .searchhotelbtn{ display: none; } /* packagelisting */ .packagelistbg{ background-color: var(--blue) !important; } .packagelistbanner{ height: 254px !important; } .packagelistcont{ top: 100px !important; } .holidatnightbox{ display: flex; gap: 5px; font-size: 12px; margin-bottom: 20px; align-items: center; } .daynight{ width: max-content; height: 20px; padding: 2px 5px 5px 5px; border-radius: 4px; background-color:var(--blue); font-size: 11px; color: #fff; margin-right: 3px; font-weight: 600; } .flexboxpack{ display: flex; width: max-content; height: 20px; padding: 0px 5px 0px 5px; border-radius: 4px; background-color: var(--black); color: var(--white); font-weight: 600; } .holidatnightbox h6{ color: var(--textgray); font-size: 13px; } .holidaydetail h1{ margin-bottom: 4px; } .goapricing{ margin-left: 20px; } .goapricing h3{ font-size: 13px; font-weight: 700; } .goapricing p{ color: #2291e6; margin-bottom: 0px; } /* itenarytab */ .itenarytab ul{ list-style: none; padding-left: 0px !important; margin-bottom: 0px; margin-top: 15px; } .itenarytab ul li{ display: inline-block; padding: 0px 10px; } .itenarytab ul li a{ color: var(--black); font-weight: 600; font-size: 14px; } .holidaydetailcard{ margin-top: 5px; } /* .datetab{ position: sticky; } */ .datetab a:hover{ background-color: var(--datetab); color: var(--white); transition: 0.5s ease-in-out; } .datetab a:hover i{ color: var(--white); } /* .datetab a:hover::before{ background-color: var(white) !important; } */ .datebg{ background-color: var(--lightgray); display: flex; gap: 7px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .datebg p{ font-weight: 700; color: var(--textgray); font-size: 13px; } .dayboxes{ padding: 7px; border: 1px solid var(--hotelborder); margin: 24px; border-radius: 10px; } .dayboxes p{ margin-bottom: 0px; margin-top: 7px; } .datetab a{ color: var(--white); width: 100%; font-size: 12px; font-weight: 600; color: var(--textgray); padding: 10px; white-space: nowrap; cursor: pointer; display: inline-block; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .datetab a i{ font-size: 8px; margin-bottom: 2px; } .datetab a{ display: flex; align-items: center; } /* .datetab a::before{ content: ""; position: absolute; width: 7px; height: 7px; background: var(--white); border-radius: 50px; left: 23px; top: 25px; bottom: 0; margin: auto; z-index: 1; } */ /* .datetab::after{ content: ""; position: absolute; width: 1px; height:1px; background: var(--white); left: 26px; top: 0; } */ .dateactive a{ background-color: var(--datetab); color: var(--white)!important; } .datetab h6{ font-size: 12px; } .bagicon{ display: flex; align-items: center; margin-top: 5px; gap: 5px; } .bagicon i{ font-size: 8px; } .bagicon p{ margin-bottom: 0px; margin-top: 0px; } .holidaydetaildes{ padding: 24px; } .dayheading{ padding-left: 24px; } .holidayflitxt{ display: flex; justify-content: space-around; } .removebox{ display: flex; gap: 10px; margin-right: 20px; } .removebox h6 a{ font-size: 13px; font-weight: 600; } .hoidayflibox table{ width: 100%; } .hoidayflibox table tr td img{ width: 40px; } .holidaynonstop{ width: 30px; } .offpricing{ display: flex; align-items: center; justify-content: space-between; /* height: 100px !important; */ margin-top: 2px; } .holidaypricing{ background-color: var(--white); height: 179px; margin-top: 10px; box-shadow: 0px 10px 18px #29426917; } .twooff{ background-color: var(--blue); color: var(--white); float: right !important; margin-top: -12px; font-size: 12px; font-weight: 600; } .modify{ display: flex; gap: 5px; justify-content: space-between; margin-top: 10px; } .querybtn{ background-color: var(--blue) !important; color: var(--white) !important; margin-top: 10px; width: 50%; } .holidaypricing .card{ padding: 15px; } .offpricing span{ color: var(--textgray); font-size: 10px; } .modify p{ margin-bottom: 0px; } .hdealbox{ /* background-color: var(--blue); */ } .hdealbox h1{ font-size: 17px; padding: 15px; box-sizing: border-box; } .maximum{ display: flex; justify-content: space-between; color: var(--black); align-items: center; margin: 0px 15px; font-weight: 600; } .maximum button{ display: flex; border-radius: 34px; /* box-shadow: 0 1px 7px 0 rgba(0,0,0,.2); */ border: solid 1px var(--blue); padding: 5px 20px; font-size: 13px; font-weight: 600; color: var(--blue); background-color: transparent; margin-top: 5px; } .redeemtable{ margin: 10px 15px; } .redeemtable tr td{ color: var(--black); font-size: 12px; } .redeemtable h6{ font-size: 12px; } .holidaybaggage p{ margin-bottom: 0px; font-size: 11px; color: var(--textgray); margin: 5px 0px; } .holidaybaggage h5{ font-size: 13px; font-weight: 600; } .hoidayflibox table tr td p{ margin-bottom: 0px; } .holitime h5{ font-size: 13px; font-weight: 600; } .holitime p{ margin-bottom: 0px; font-size: 11px; color: var(--textgray); margin: 5px 0px; } .removebox a:hover{ text-decoration: underline; } /* .itenaryrow .col-lg-9{ padding-left: 0px; } */ /* .itenaryrow .col-lg-3{ padding-right: 0px; } */ .holidaybaggage i{ font-weight: 600; color: var(--black); } .modify i{ color: var(--black); font-weight: 600; } .modify p{ font-size: 12px; } .holidaystopborder{ right: 20px; } .holidaystopborder .fa{ margin-left: 52px; } .itenarytab ul li:first-child::after{ content: ""; background-color: var(--blue); width: 100%; height: 4px; } /* .itenaryrow{ display: flex; justify-content: space-between; } */ .itenaryrow .col-lg-9{ border-left: 1px solid var(--lightgray); } .hoidayflibox{ padding: 20px; height: 100%; } .hoidayflibox:hover{ background-color: var(--lightgray); cursor: pointer; transition: 0.5s ease; } .holidaybaggage p i{ font-size: 10px !important; } /* roomsearchsection */ .selectrow{ position: relative; top: 48px !important; } .selectrow .card{ border-radius: 20px; border: 0px; box-shadow: 0px 10px 18px #29426917; } .bookcard{ box-shadow: 0px 10px 18px #29426917; border: 0px; color: var(--black); border-radius: 20px !important; } .gingerbox{ display: flex; justify-content: space-between; padding: 18px; } .gingerbox p{ margin-bottom: 0px; } .gingerbox h1{ font-size: 18px; font-weight: 600; margin-bottom: 10px; } .gingerstar{ display: flex; gap: 20px; margin: 5px 0px; } .selectstar .fa-star{ color: var(--starcolor); } .freindlybox{ background-color: var(--lightgray); color: var(--black); align-items: center; background-color: #f1f1f1; border: 1px solid #e7e7e7; border-radius: 4px; justify-content: center; padding: 0 6px; font-size: 12px; } .reviewroomimg{ width: 100px; height: 100px; overflow: hidden; border-radius: 10px ; } .reviewroomimg img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; } .chkCont__night{ justify-content: center; margin: 0 10px; position: relative; } .chkCont__night::before { border-bottom: 1px dotted #5e5d5d; content: ""; left: -14px; position: absolute; top: 55%; transform: translateY(-50%); width: 150%; } .chkCont__night>span{ align-items: center; background-color: #fff; border: 1px solid #d8d8d8; /* border-radius: 9px; */ display: inline-flex; font-size: 10px; height: 18px; justify-content: center; padding: 0 10px; position: relative; text-transform: uppercase; z-index: 1; } .reviewtiming{ background-color: var(--reviewclr); padding: 18px; width: 100%; } .reviewtiming p{ margin-bottom: 0px; font-size: 11px; font-weight:600; } .stoptooltip { padding: 10px; background-color: #FFFFFF; padding: 10px; border: 2px solid #000; display: none; position: absolute; width: 340px; z-index: 99; border-radius: 10px; box-shadow: 2px 2px 5px #00000024; font-size: 12px; line-height: 20px; text-align: left; } .card-body:hover .stoptooltip{display:none;} .reviewtiming table tr { align-items: center; gap: 30px; display: flex; } .lasttiming{ border-left: 2px white; } .lasttiming table tr{ display: unset; } .lasttiming table tr td{ padding: 0px 10px !important; } .cancellation{ background-color: var(--cancelcolor); padding: 18px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .cancellation h1{ font-size: 18px; } .cancellation ul{ padding-left: 16px; } .cancellation h1{ margin-bottom: 5px; } .cancellation ul li{ font-size: 12px; color: var(--textgray); padding: 2px 0px; } .firsttiming,.secondtiming span{ margin-bottom: 5px; /* font-size: 11px !important; */ } .firsttiming h1{ font-size: 18px; } .secondtiming h1{ font-size: 18px; } .lasttiming table tr td span{ font-weight: 700; font-size: 14px; } .Guestbook h1{ font-size: 18px; font-weight: 600; color: var(--black); } .rooms h1{ padding: 8px; } .rooms h1{ background-color: var(--greyouter); padding: 5px 20px; font-size: 15px; } .rooms .form-label{ color: var(--black); font-weight: 600; } .gstbox{ padding: 18px; color: var(--black); display: flex; align-items: center; gap: 10px; } .gstbox span{ font-size: 9px; color: var(--textgray); } .gstbox p{ margin-bottom: 0px; color: var(--black); font-size: 12px; font-weight: 600; } .gstbox input{ width: 18px; height: 18px; } .pricebreakbox h1{ color: var(--black); } .oneroombox{ display: flex; color: var(--black); justify-content: space-between; align-items: center; padding: 5px 18px; border-bottom: 1px solid #d8d8d8; } .oneroombox h5{ font-size: 13px; font-weight: 700; } .bookpricing p{ margin-bottom: 0px; font-size: 14px !important; color: var(--textgray) !important; font-weight: 600; } .hoteltax{ color: var(--black); display: flex; justify-content: space-between; padding: 5px 18px; border-bottom: 1px solid #d8d8d8; align-items: center; } .hpricing p{ margin-bottom: 0px; font-size: 14px !important; color: var(--textgray) !important; font-weight: 600; } .htext h5{ font-size: 13px; font-weight: 700; } .donatebox{ display: flex; justify-content: space-between; align-items: center; padding: 5px 18px; } .iconrupee{ display: flex; justify-content: space-between; align-items: center; gap: 5px; color: var(--black) !important; } .iconrupee span{ font-size: 14px; } .donatepara{ color: var(--black); margin-bottom: 0px; font-size: 12px; } .totalamount{ display: flex; justify-content: space-between; align-items: center; padding: 18px; color: var(--black); background-color: var(--reviewclr); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .totalamount h1{ font-size: 13px; } .totalamount span{ font-size: 14px; color: var(--textgray) !important; font-weight: 600; } .inputboxes{ padding: 18px; } .mmtbox{ background-color: var(--bookclr); padding: 5px 18px; } .nopara{ padding-left: 18px; padding-bottom: 5px; } .couponbox p{ color: var(--textgray); margin-bottom: 0px; font-size: 12px; } .couponinput{ padding: 18px; display: flex; } .couponinput input{ color: #4a4a4a; font-size: 13px; font-weight: 700; outline: 0; padding-left: 15px; width: calc(100% - 45px); border: 0px; box-shadow: 0px 10px 18px #29426917; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .couponinput a{ background-color: var(--blue); color: var(--white); cursor: pointer; display: flex; align-items: center; flex-shrink: 0; height: 45px; justify-content: center; width: 45px; font-size: 16px; box-shadow: 0px 10px 18px #29426917; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .couponinput input::placeholder{ color: var(--textgray) !important; } .roomone .col-lg-2,.col-lg-4{ padding-right: 0px !important; } .roomone input::placeholder{ font-size: 13px; } .signupbox{ padding: 18px; } .whysingupheading span{ text-transform: uppercase; font-size: 15px; font-weight: 700; /* padding: 18px; */ } .whysingupheading h1{ text-transform: uppercase; font-size: 15px; font-weight: 700; } .whysingupheading span{ color: var(--blue); } .signul ul{ list-style: none; width: 100%; padding-left: 0px; margin: 14px 0px 0px; } .signul ul li{ color: var(--textgray); font-size: 12px; padding: 5px 0px; white-space: nowrap; } .signul ul li span{ color: var(--black); font-weight: 600; font-size: 12px; text-transform: unset; } .signul ul li i{ color: var(--greencolor); } .firsttiming h1{ font-size: 15px !important; } .secondtiming h1{ font-size: 15px !important; } .reviewheading{ font-weight: 600; } .roomone{ } .roomone .form-control:focus{ border-color: var(--blue) !important; box-shadow: none !important; } /* flightbook */ .bengalurubox{ /* border-left: 3px solid var(--blue); */ } .searchspan{ display: none; } .bengalurubox h1{ font-size: 18px; font-weight: 600; margin-bottom: 5px; } .flicard{ padding: 18px; } .flibookingtext{ display: flex; justify-content: space-between; } .wednesdaybox{ display: flex; align-items: center; gap: 10px; } .wednesdaybox span{ background-color: var(--bookclr); font-size: 13px; color: var(--black); font-weight: 600; padding: 5px 7px; } .wednesdaybox p{ margin-bottom: 0px; font-size: 12px; } .cancelbox{ display: flex; flex-direction: column; } .cancelbox a{ text-align: right; margin-top: 5px; font-size: 15px; font-weight: 400; } .cancelbox span{ background-color: var(--blue); color: var(--white); text-transform: uppercase; padding: 0 5px; font-size: 10px; font-weight: 900; } .airasiabox{ display: flex; justify-content: space-between; margin-top: 5px; } .airasiaimgbox{ display: flex; align-items: center; justify-content: space-between; gap: 10px; } .airasiaimgbox p{ margin-bottom: 0px; font-size: 13px; } .airasiaimgbox span{ font-size: 15px; font-weight: 600; } .asiaimg{ width: 35px; height: 35px; overflow: hidden; } .asiaimg img{ width: 100%; height: auto; min-height: 100%; } .economybox{ display: flex; gap: 10px; align-items: center; } .economybox p{ margin-bottom: 0px; font-size: 13px; font-weight: 600; color: var(--blue); } .flightItenary, .itenaryRight { display: flex; justify-content: space-between; } .flightItenary { background-color: var(--reviewclr); padding: 10px; flex-direction: row; position: relative; } .makeFlex{ display: flex; } .makeFlex .flexOne { flex: 1; } .itenaryLeft:before { content: ""; position: absolute; top: 20px; height: calc(100% - 40px); border-left: 2px dashed #979797; left: 65px; } .time-info-ui { width: 62px; justify-content: space-between; } .gap-x-10>* { margin-right: 10px; } .blackFont { font-weight: 900; } .fontSize14 { font-size: calc(var(--font-scale, 1)*14px); } .flightItenary .layoverCircle { border: 2px solid #979797; width: 11px; height: 11px; border-radius: 50%; display: inline-flex; background-color: #f4f4f4; position: relative; top: 5px; z-index: 1; margin: 0; } .gap-x-10>:last-child, .gap-x-15>:last-child, .gap-x-20>:last-child, .gap-x-5>:last-child { margin: 0!important; } .layover { padding: 7px 20px; margin-left: 57px; } .itenaryLeft .overideBg { position: relative; background-color: #f4f4f4; } .itenaryRight { align-items: flex-end; width: 220px; } .flightItenary, .itenaryRight { display: flex; justify-content: space-between; } .itenaryList { width: 100%; display: flex; justify-content: space-between; flex-direction: column; } .itenaryList{ padding-left: 0px !important; } .itenaryList li { display: flex; } .itenaryList li span { flex: 1; font-size: 12px !important; } .changeplanebox{ margin-left: 82px; position: relative; } .changeplanebox::before{ content: ""; position: absolute; top: -2px; height: 40px; border-left: 2px dashed #979797; left: -37px; margin-left: 20px; } .changeplanebox h1{ font-size: 15px; margin-top: 10px; } .changeplanebox p{ margin-bottom: 0px; } .flighttopbox{ border-left: 4px solid var(--blue); padding: 0 12px; } @media (min-width:800px){ .tablebordersearch label{width:100%;} .searchboxouter .textfield{border: 2px solid rgb(225, 231, 238);} .flightsearchwihite .textfield{ border-radius: 10px !important;} } /* mediaqueries */ @media (max-width: 576px){ .bookrow .col-3{padding-right: 10px !important; padding-left: 10px !important; width:100% !important;} .bookrow .col-3{padding-right: 10px !important; padding-left: 10px !important; width:100% !important;} .mshow{display: unset;} .dashboardboxes{display: flex;justify-content: center;gap: 10px;padding: 12px;background-color: aliceblue;} .dashboardboxes a{background-color: var(--blue);color: var(--white);display: inline-block;padding: 9px 2px;width: 18%;text-align: center;border-radius: 8px;box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;} .dashboardboxes a i{display: flow-root;text-align: center;font-size: 21px;margin-bottom: 5px;} .dashboardboxes a h6{font-size: 13px;font-weight: 700;} .tableborder table tr td:first-child{border-left: unset;} .flightsearchwihite .searchboxouter table tr td .fa-calendar{right: 27px;top: 17px;font-size: 20px;} .phonecalendar{padding: 10px !important;} .boxselectpax .paxbx{padding: 15px 12px !important;} .phnonetraveltext{margin: 20px 0px !important;} .fullwidth{width: 100% !important;} .searchhistory{display: none !important;} .economybutton{margin-top: 20px !important;} .modal.show .modal-dialog{width: unset !important;} #popcontent{padding: 0px;} .phonenewsearchouter{overflow: auto !important;white-space: nowrap !important;margin-top: 30px;} .hotel-pills{margin-top: 0px !important;} .cardresult{width: 100% !important;} .changeflightbox .chin table tr td{padding: 0px 6px !important;} .changeflightbox .chin{overflow: auto;white-space: nowrap;padding-left: 0px;} .pricelistflight tr{display: grid;grid-template-columns: 33% 33% 33%;white-space: nowrap;} .pricelistflight tr td:nth-child(4){margin-top: 25px;text-align: left;} .pricelistflight tr td:nth-child(5){margin-top: 13px;} .loadmoreprice .pricelistflight .buttonbook{width: unset !important;margin-top: 13px;} .bookimg h6{font-size: 12px;} .bookdetail h6{font-size: 12px;} .graysmalltext{font-size: 12px !important;} .detailsboxtabs{overflow: auto !important;white-space: nowrap !important;display: inline-flex !important;padding-left: 0px;} .mobilefilterbtn{background-color:var(--darkgray);width: 40px;height: 40px;line-height: 40px;color: var(--white);position: fixed;bottom: 20px;left: 20px;display: flex;justify-content: center;align-items: center;border-radius: 50%;z-index: 1;} .roomone .col-lg-2, .col-lg-4{padding-right: 13px !important;} .multiflightbox .col-3,.col-9{width: 100% !important;} .multiflightbox .col-9{margin-top: 15px !important;} .hotellocation{text-align: left !important;} #basicDropdownClick{width: 208% !important;} #basicDropdownClick .form-control{margin-top: 18px !important;} .romonecalendar{margin-top: 35px !important;} .newinputbookrow button{margin-left: 0px !important;margin-top: 2px !important;} .newinputbookrow .col-xl-3,.col-xl-6{padding-left: 0px !important;padding-right: 0px !important;} .newinputbookrow .input-group{margin-bottom: 7px !important;} #basicDropdownClickstar label{display: flex !important;gap: 40px !important;align-items: center;} #header #rightmenu .btn:first-child{display: none !important;} .searchflighttableborder .flightsearchtable tr td:nth-child(5){width: 93.5% !important;} .searchflighttableborder .flightsearchtable tr td{border: 1px solid var(--blue) !important;} /* .flightreviewbox{ width: 170px;} .sttable{overflow: auto; white-space: nowrap; width: 100%; display: block;} */ /* .flightreview .steptable{overflow: auto !important;width: 100%;white-space: nowrap;display: block !important;} */ .logintable tr td{ display: block; width: 100%; } .loginform{ padding:20px; } #loginouter { position: static; max-width: 1200px; height: 600px; margin: auto; margin-top:0px !important; } .formloginouter{ height: 84% !important; } #loginouterin .leftbanner{ display: none; } .createform,.agencyform{ padding: 0px; } .agencyform{ margin-top: 2rem; } .accountheading{ font-size: 15px; margin: 10px 0px; } .agencyform h2{ font-size: 15px; } .createheading{ margin-left: .8rem !important; font-size: 17px; } .registerlogo img{ height: 28px; } #menu{ display: none; } .loginbody{ overflow: hidden; } .formlogo img{ display: none; } .mainbutton{ display: none !important; } .menubtn{ display: unset !important; border: none !important; } .fa-bars{ font-size: 21px; font-weight: bold; position: relative; right: -18px; top: 1px; } #header #rightmenu .show .btn { color: var(--black); background-color: transparent; } .registerlogo img{ display: none; } #leftsidemenu{ display: none !important; } #midbody { padding-left: 0; padding-right: 0; } #dashbaordright .inlistright .rightbanner{ width: 100%; height: 300px; position: static; right: 0px; top: 52px; } #dashbaordright { width: 100%; height: 100%; background-color: var(--lowblue); position: static; right: 0px; top: 0px; } .inlistright{ padding-top: 0px !important; } #dashbaordright .tourcalouter{ padding-top: 0px !important; height: auto; } .bodyflightsection table tr td{ display: block; width: 100%; } .bodysection .blkcolorboxflight{ margin-left: 0px; } .bodysection .blkcolorboxhotel{ margin-left: 0px; } .bodysection .blkcolorboxpackage{ margin-left: 0px; } .tbtabcontent { overflow: auto; border: 1px solid var(--lightgray); border-radius: 14px; border-top-left-radius: 0px; } .bodyflightsection .pricetable tr{ display: grid !important; grid-template-columns: auto auto auto; } ::-webkit-scrollbar{ height: 2px; scrollbar-color: var(--redcolor); } #dashbaordright .tourcalouter{ width: 100%; } .flightsearchwihite .searchboxouter .tableborder table tr td{ width: 46.7% !important; display: inline-block; text-align: center !important; line-height: 0px; } #header #logo img{ height: 28px; } .fa-calendar:before{ position: relative; top: -3px; right: -10px; font-size: 18px; color: var(--darkgray); } #pickupCitySearchfromCity2{ text-align: center; margin-left: 2rem; } #dt1{ background-color: transparent; } .searchboxouter .textfield{ padding: 19px 9px !important; } #travellersshow{ text-align: left !important; background-color: transparent; } .flightsearchwihite .lable{ padding: 9px 0px !important; } .swapbtn { position: absolute; right: -14px; width: 38px; height: 38px; background-color: #fff; text-align: center; border-radius: 100px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; z-index: 9; margin-top: 0px; cursor: pointer; top: 32px; line-height: 37px; font-size: 16px; } .messagesection { margin-top: 130px; padding: 15px; background-color: var(--lightyellow); } .listlastflighttwo{ display: none !important; } .trendingsearch{ display: none; } .flightsearchwihite .flightsearchbtn { width: 100%; text-align: center; position: absolute; left: 0px; bottom: -20px; } .flightsearchwihite .searchboxouter .redbuttonsearch { font-size: 20px; color: #fff; font-weight: 600; background-color: var(--blue) !important; max-width: 300px !important; padding: 8px 20px; border-radius: 50px; } .listlastflight div:first-child{ margin-right: 10px; } .listlastflight div{ background-color: transparent !important; margin-left: -4px; } .selectfareheading{ display: none; } /* .listlastflight{ display: inline; } */ .top_bg_ofr_sb2other { padding-top: 0px !important; } .mobilecontainer{ padding: 5px !important; } #fromlabel{ width: 85% !important; } #twolabel{ width: 80%; } .searchboxouter .textfield{ padding: 12px 10px !important; font-size: 15px !important; } /* .doctortable,.seniorcitizentable{ display: none; } */ .flightsearchwihite{ padding: 10px; } .offersection h4{ font-size: 14px; } .offersection h6{ margin-bottom: 26px; } .messagesection h4{ font-size: 12px; } .mobdme2{ margin-top: 0px; } .top_bg_ofr_sb2other .searchtabs a { font-size: 14px; padding: 5px 9px; margin-right: 10px; float: left; border-radius: 20px; } .flightsearchwihite{ top: 48px; padding: 5px; padding-bottom: 31px; } .searchboxouter{ margin-top: -16px; } .tableborder table{ max-width: 100% !important; margin: 2.5px !important; } /* .offerrow .col-lg-3:first-child{ padding-right: 0px; } */ .textcontent{ padding: 0px !important; } .top_bg_ofr_sb2other .searchtabs{ margin-top: 10px; margin-left: 5px; } .messagerow .col-lg-12{ padding: 5px; } .flightsearchwihite .searchboxouter .tableborder table tr td:last-child{ } .profile{ margin-left: 0px; overflow: hidden !important; } /* flightbooking */ .flightItenary{ display: flex; flex-direction: column; } .selectrow{ top: 63px !important; } .cancelbox span{ white-space: nowrap; } /* .packagelist */ .holidabancontainer,.holicontainer, .travelcontainer, .lastcon{ padding: 8px !important; } .phoneholibox { margin-top: 5px; } .phoneholibox .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); float: left; width: 100%; display: inline-block; position: absolute; padding-left: 40%; } .phoneholibox .holiimg { height: 116px; overflow: hidden; border-top-right-radius: 0px; border-top-left-radius: 0px; float: inherit; width: 35%; display: inline-block; } .phoneholibox .card { border-radius: 20px; overflow: hidden; margin-top: 5px; } .holidestibox{ margin-top: 5px; } .holidaysearch .textfield{ padding: 12px 20px; } .holidaysearch .redbuttonsearch{ padding: 12px 20px; } /* hoteldetail */ /* .phonehotelgallery{ padding: 8px; } */ .hoteldetail{ display: flex; flex-direction: column; } .hoteldetailone h1{ font-size: 16px; } .topheading .icons i{ font-size: 13px; } .hoteldetailone p { font-size: 12px; } .topheading{ justify-content: space-between; } .phonehotelgallery{ margin-top: 60px; } .roompricing{ justify-content: unset; } .roompricing h3{ font-size: 15px; font-weight: 700; } .roompricing p{ /*margin-bottom: 0px; */ font-size: 12px; } .roompricing button{ width: 30%; } /* .phonehotelgallery .col-lg-5{ padding-left: 0px !important; padding-right: 0px !important; } */ .roomoneimg{ height: 255px; } .roomtwoimg,.borderleft{ display: none; } .hotelgallery .col-lg-5{ padding-left: 0px !important; padding-right: 0px !important; } .phonehoteldetailcontainer{ padding-left: 8px; padding-right: 8px; } .stayamentites table{ width: 100%; margin-left: 0px; } .stayamentites table tr td{ text-align: left; } .stayamentites table tr td i{ font-size: 15px; } .stayamentites table tr td a{ font-size: 13px; } .stayamentites table tr td span{ font-size: 11px; } .secondrtable{ background-color: var(--white); } .secondrtable tr td{ width: 50%; display: inline-block; } .lastcol a button{ width: 70%; } .secondrtable tr td:first-child{ border-left: 0px; } .secondrtable tr td:nth-child(3){ border-left: 0px; } .firstrtable tr td{ font-size: 14px; white-space: nowrap; } /* hotel */ /* .hotelsecondrow{ margin-top: 250px; } .hotelsecondrow .col-lg-2{ width: 50% !important; } .offerimg{ height: 160px; } .offerimg img{ width: 100%; height: auto; min-height: 100%; } .offersection h4{ margin-top: 8px !important; } .hotelcontainer{ padding-left: 8px; padding-right: 8px; } .messagesection { margin-top: 13px; } */ /* .flightsearchwihite .searchboxouter .tableborder table tr td:last-child{ width: 46% !important } */ /* flightbooking */ .bengalurubox h1{ font-size: 15px; } .wednesdaybox span{ white-space: nowrap; } .flibookingcontainer{ padding-left: 8px; padding-right: 8px; } .itenaryLeft:before{ left: 52px; height: 47px; } .flightItenary .layoverCircle{ left: 4px; } .layovercircletwo{ top: -29px !important; } .wednesdaybox{ display: flex; justify-content: space-between; } .flicard{ padding: 14px 8px; } .cancelbox span{ font-size: 8px; } .reviewheading{ font-size: 20px; } .itenaryList{ padding-top: 12px; } .fontSize14{ font-size: 12px; } .changeplanebox{ margin-left: 20px; } .lucknowbox{ margin-right: 20px !important; } .newdelhibox{ margin-left: 20px !important; } .flightItenary{ position: relative; } .flightItenary .layoverCircle{ display: none; } /* searchflightpage */ .filtersidebar{ display: none; } /* .flightsearchwihite .searchboxouter .searchflighttableborder table tr td:nth-child(5){ width: 95% !important; } .searchflighttableborder table{ margin: 7.5px !important; } */ /* holidaydetail */ .itenarytab ul li{ padding-right: 12px; padding-left: 0px; } .topheading{ display: unset; } .holidaydetail h1{ font-size: 14px !important; } .holidayflitxt{ padding: 23px; } .removebox{ margin-right: 0px; } .hoidayflibox{ padding: 8px; } .holidaystopborder{ width: 80px; } .holidaystopborder::before{ left: 30px; } .hoidayflibox p{ font-size: 8px !important; } .holidaybaggage p i{ margin-right: 5px; } .bagicon{ display: flex; align-items: center; margin-top: 5px; gap: 5px; } .bagicon i{ font-size: 8px; } .bagicon p{ margin-bottom: 0px; margin-top: 0px; } /* .datetab a{ width: 40%; } */ /* .holicontainer{ padding: 0px; } */ /* roomsearch */ .lasttiming table tr td{ padding: 0px !important; } .reviewtiming table tr{ gap: 0px; } .chkCont__night>span{ display: none; } .lastable{ background-color: transparent !important; border: 0px !important; } .searchflighttableborder table tr td:first-child{ border-left: 1px solid var(--blue) !important; } .searchflightbg .searchtabs{ margin-top: 4px; margin-bottom: 19px; } /* hotel */ .hotelheading{ font-size: 17px; margin-top: 64px !important; } .flightsearchwihite .searchboxouter .hoteltableborder table tr td:last-child{ width: 95.7%% !important; } .flightsearchwihite .searchboxouter .hoteltableborder table tr td:first-child{ border-left: 1px solid var(--blue) !important; } .locationheading{ display: unset; } .cityspan{ display: none; } .hotelboxouter{ background-color: transparent; /* padding-left: 0px; padding-right: 0px; */ } .hotelsearchwhite{ padding: 20px 0px; top: 22px; padding-bottom: 32px; } /* .hoteltableborder table{ margin: 5.5px !important; } */ .hotelsearchbtn{ bottom: -32px; } .hotelsecondrow .col-lg-2{ width: 50%; } .hotelsecondrow .offerimg{ height: 130px; } .offersection h4{ margin: 13px 0px !important; } .hotelmessage{ margin-top: 10px; } .sideoffer .offerimg{ width: 35%; display: inline-block; float: inherit; height: 130px; } .sideoffer .sideoftext{ display: inline-block; position: absolute; padding-left: 10px; padding-top: 30px; } .sideoffer h4{ margin: 0px !important; } .offerheading h3 { margin-top: 40px; font-size: 17px; } .hoteltableborder table tr td .fa-calendar{ top: 18px !important; right: 10px; } #pickupCitySearchfromCity{ text-align: center; } /* listcontent */ .listcontent .card-body{ padding: unset; } .hotelsearchtableborder table tr td:last-child{ background-color: transparent !important; border: 0px !important; } /* hotelsearch */ .hotellable,.checklable,.roomlable{ text-align: left; } .hotelsearchmainbg .lable{ margin-left: 10px !important; } .greyouter{ background-color: transparent !important; padding: 0px; } .hotelsearchmainbg label{ margin-left: 10px; } .hotelsearchbtn button{ width: 100%; margin: 0px !important; } .searchhotelfilter{ display: none; } .hotelbookrow{ margin-top: 174px; } /* searchflight */ .hotel-pills{ margin-top: 195px; } .hotel-pills .nav-item{ width: 44%; } .searchflightmainbg .searchdeparturelable{ text-align: left; margin-left: 10px !important; } .searchflightmainbg .searchreturnlable{ text-align: left; margin-left: 10px !important; } .searchflightmainbg .searchtravlelable{ text-align: left; margin-left: 10px !important; } .viewtab{ gap: 2px; justify-content: center !important; } .happybox{ gap: 0px; justify-content: center !important; } .flightcard .card-body{ padding: 7px; } .bookbtn a button{ width: 30%; } .bookbtn h4{ margin-top: 13px; } .bookrow .col-lg-3{ padding-left: 8px; } .searchtabbtn button{ width: 100%; margin: 0px !important; font-size: 17px; } .flightsearchtab{ top: 46px; } /* .bookrow .col-lg-9,.col-lg-3{ margin-top: 20px; } */ .searchspan{ display: unset; font-size: 17px; margin-left: 8px; } .hotelbooking{ display: unset; } .hotelimg{ width: 100%; height: 200px; object-fit: cover; } .listcontent .card-body{ padding: 10px; } .hotelgallery{ margin-top: 54px; } } .showflightbookingcancelaltion{padding:10px 0px 0px;} .table-responsive {font-size:12px;} .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); padding: 0px; background-color: transparent; padding-top: 10px; border-top: 1px solid var(--greyouter);; } .combutton { color: #fff !important; background-color: var(--blue) !important; padding: 8px 20px; border-radius: 5px !important; font-size: 14px; border: 0px !important; font-weight: 600; } .closesearchbanner{overflow:hidden; height:52px;} .loadmoreprice{padding: 10px; padding-bottom: 0px; border-top: 1px solid #ddd; margin-top: 10px;} .loadmoreprice .pricelistflight{padding:10px; background-color:#f3f7fa8a; margin-bottom:5px;border-radius: 5px;} .loadmoreprice .pricelistflight:hover{ background-color:#eff4ffab;} .loadmoreprice .pricelistflight .flhead { font-weight: 600; text-transform: uppercase; font-size: 11px; color: #8f8f8f; } .loadmoreprice .pricelistflight .flhtext{font-size:12px; font-weight:500;} .loadmoreprice .pricelistflight .flhtext .fa{color:#06aebd; margin-right:2px;} .loadmoreprice .pricelistflight .fa-info-circle{color:#333333; font-size:20px; cursor:pointer;} .loadmoreprice .pricelistflight .buttonbook{width: 75%; background-color: transparent !important; color: var(--blue) !important; border: 1px solid var(--blue) !important;} .loadmoreprice .pricelistflight .buttonbook:hover{ background-color: var(--blue) !important; color:#fff !important; border: 1px solid var(--blue) !important;} .detailsboxtabs{width:100%; border-bottom:1px solid #ddd; overflow:hidden; padding-left:0px;} .detailsboxtabs a{ padding:5px 10px; margin-right:5px; float:left; color:#000; padding: 10px 20px; border-radius: 12px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; font-weight:600; } .detailsboxtabs .active{ background-color:var(--blue); color:#fff;} .detailscontent{padding: 10px; border: 1px solid #ddd; display:none;} .rooms h1 { background-color: var(--greyouter); padding: 5px 20px; font-size: 13px; font-weight: 800; padding: 10px 20px; text-transform: uppercase; margin-bottom: 0px; } .rooms .card-body{ padding: 10px 20px;} .rooms .mb-4{margin-bottom: 0!important;} .ssrheadingdetails{padding:10px 20px; font-size:15px; color: var(--blue); font-weight:800;} /* newloginpagestarts */ .newloginbg{background: url(../images/logintwo.png);width: 100%;height: auto;background-size: cover;background-position: center;padding: 50px; background-color: #0c0c0c8c; background-blend-mode: multiply;margin-bottom: 90px;} .newloginbg #loginouter{height: unset !important;} .newloginbg #loginouterin{background-color: unset !important;box-shadow: unset !important;height: unset !important;border-radius: 0px !important;} .newloginbg .loginform{background: white; padding: 35px !important;border-radius: 20px;} .logintext span { color: rgb(255, 102, 75);font-size: 20px;font-weight: 900;display: inline-block;margin-bottom: 5px;} .logintext h2{font-size: 35px;font-weight: 700;color: var(--white);} .logintext p{font-size: 16px;color: var(--white);width: 470px;} .waittext{font-size: 30px;margin-bottom: 80px !important;width: 580px;margin: auto;} .accountbox span{width: 90px;height: 90px;border-radius: 50%;color: #fff;font-size: 30px;font-weight: 900;display: inline-block; background: linear-gradient(135deg, #d72e36, #f95535);display: flex;justify-content: center;align-items: center;margin-bottom: 20px !important;margin: auto;} .accountbox h4 { margin-bottom: 12px; font-weight: 900; font-size: 20px; color: #126576; } .accountbox p{font-size: 13px;} .waiting{margin-bottom: 50px;} .golMEs {font-size: 16px;width: auto;position: relative;box-shadow: none;border-radius: 0px;border: 0px;overflow: hidden;color: inherit;background: initial;font-weight: initial;height: auto;flex: 0 1 auto;padding: 0px;margin: 0px;} .frFVwJ {width: calc(140%); height: 170px; background: #fff; border-radius: 0px 0px 50% 50% / 0px 0px 150px 150px;position: absolute;left: 50%;top: -122px;z-index: 9;transform: translateX(-50%); } .gIbdUL {position: relative;background: #137488;padding: 50px;} .golMEs .row{padding-top: 5%;} .cntbuttons a{padding: 14px 24px;color: #fff;font-size: 16px;border-radius: 8px;font-weight: 600;display: inline-block;} .savingtext{font-size: 26px;color: #fff;} .golMEs .cntbuttons{display: flex;gap: 20px;justify-content: end;} /* newloginpageends */ /* ========================================================= FLYX OWNER FIX: Orange theme + Professional mobile hotels Upload after main.css OR append at end of css/main.css ========================================================= */ :root{ --blue:#ff7a00 !important; --greencolor:#ff7a00 !important; --searchbtn:#ff7a00 !important; --primary-orange:#ff7a00; --primary-orange-dark:#e56600; --primary-orange-soft:#fff4e6; --owner-border:#e5e7eb; --owner-text:#1f2937; --owner-muted:#667085; --owner-bg:#f6f8fb; } /* common green-to-orange controls */ a, .green, .description h1 span, .stayamentites h1 span, .aboutlink .active, .roomone .form-control:focus, .createbutton a button, .youhave p a{ color:var(--blue) !important; } .bg-primary, .btn-primary, .btn-danger, .combutton, .registerbutton, .redoptionbutton, .bodyhandbuttonright, .bookbtn a button, .lastcol a button, .flightsearchwihite .searchboxouter .redbuttonsearch, .searchsmallbtn button, .boxselectpax .active, .flightsearchcalouter .active, .ui-slider-handle, #header #menu a span, #header #rightmenu .btn span, #header #rightmenu .show .btn, #leftsidemenu .inlist .sidemenuleft a:hover span, #leftsidemenu .inlist .sidemenuleft .active span, .bodysection .blkcolorboxflight, .tbtabsouter a:hover, .tbtabsouter .active, .top_bg_ofr_sb2other, .cancelbox span, .flightreview .active{ background-color:var(--blue) !important; border-color:var(--blue) !important; } #header #menu .active, #header #menu a:hover{ color:var(--blue) !important; border-bottom-color:var(--blue) !important; } .rebox p, .loadmoreprice .pricelistflight .buttonbook, .createbutton a button{ color:var(--blue) !important; border-color:var(--blue) !important; } .nonstopborder .fa, .nAz5-graph-icon span i, .signul ul li i{ color:var(--blue) !important; } /* catches inline green only where site used brand green */ [style*="#085b01"], [style*="#009846"], [style*="background-color: #085b01"], [style*="background-color:#085b01"], [style*="background-color: #009846"], [style*="background-color:#009846"]{ background-color:var(--blue) !important; border-color:var(--blue) !important; } [style*="color:#085b01"], [style*="color: #085b01"], [style*="color:#009846"], [style*="color: #009846"]{ color:var(--blue) !important; } /* ========================================================= MOBILE HOTEL DETAIL FIX ========================================================= */ @media (max-width: 767.98px){ html, body{ overflow-x:hidden !important; background:var(--owner-bg) !important; } body#hotelview{ background:var(--owner-bg) !important; } /* page container */ .phonehotelgallery, .hotelgallery.phonehotelgallery{ margin-top:58px !important; padding:0 !important; background:var(--owner-bg) !important; } .phonehoteldetailcontainer, .phonehoteldetailcontainer.container, .hotelgallery .container{ width:100% !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; margin-left:auto !important; margin-right:auto !important; } /* hotel title/address/price header */ .hoteldetail{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; background:#fff !important; border:1px solid var(--owner-border) !important; border-radius:18px !important; padding:14px !important; margin:10px 0 12px !important; box-shadow:0 8px 22px rgba(15,23,42,0.08) !important; } .hoteldetailone, .hoteldetailtwo{ width:100% !important; float:none !important; display:block !important; padding:0 !important; margin:0 !important; } .topheading{ display:block !important; margin:0 !important; } .hoteldetailone h1, .topheading h1{ font-size:20px !important; line-height:1.25 !important; font-weight:800 !important; color:var(--owner-text) !important; margin:0 0 6px !important; letter-spacing:-0.2px !important; } .starcatht, .starcatht i{ font-size:13px !important; color:#ffb400 !important; white-space:nowrap !important; } .hoteldetailone p{ font-size:12.5px !important; line-height:1.45 !important; color:var(--owner-muted) !important; font-weight:600 !important; margin:0 !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .hoteldetailone p .fa, .hoteldetailone p i{ color:var(--blue) !important; margin-right:3px !important; } .roompricing{ display:grid !important; grid-template-columns:1fr auto !important; align-items:center !important; gap:12px !important; width:100% !important; background:var(--primary-orange-soft) !important; border:1px solid #fed7aa !important; border-radius:15px !important; padding:12px !important; margin:0 !important; box-shadow:none !important; } .roompricing > div, .roompricing div[style]{ margin:0 !important; } .roompricing h3{ margin:0 !important; font-size:24px !important; line-height:1 !important; font-weight:900 !important; color:var(--owner-text) !important; } .roompricing p{ margin:4px 0 0 !important; font-size:12px !important; color:var(--blue) !important; font-weight:800 !important; } .roompricing a{ display:block !important; width:auto !important; } .roompricing button{ width:auto !important; min-width:126px !important; height:46px !important; border:0 !important; border-radius:12px !important; background:var(--blue) !important; color:#fff !important; font-size:15px !important; font-weight:800 !important; padding:0 14px !important; box-shadow:0 8px 16px rgba(255,122,0,0.25) !important; } /* gallery */ .hoteldetailrow{ margin-left:0 !important; margin-right:0 !important; gap:0 !important; } .hotelgallery .col-lg-5, .hotelgallery .col-lg-2, .phonehotelgallery .col-lg-5, .phonehotelgallery .col-lg-2{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; padding-left:0 !important; padding-right:0 !important; } .roomtwoimg{ display:none !important; } .borderleft, .borderright{ display:block !important; } .roomoneimg, .roomoneimg.borderleft, .roomoneimg.borderright{ height:250px !important; width:100% !important; overflow:hidden !important; border-radius:18px !important; margin:0 0 12px !important; background:#eef2f7 !important; border:0 !important; } .roomoneimg img, .roomoneimg .htphoto{ width:100% !important; height:100% !important; min-height:100% !important; object-fit:cover !important; border-radius:18px !important; display:block !important; } .camerabox{ position:absolute !important; right:20px !important; bottom:22px !important; top:auto !important; float:none !important; z-index:3 !important; } .camerabox i{ background:rgba(0,0,0,0.65) !important; color:#fff !important; border-radius:12px !important; padding:12px !important; font-size:16px !important; } .camerabox p{ display:none !important; } /* stay details and amenities */ .descriptioncard{ margin-top:8px !important; border-radius:18px !important; border:1px solid var(--owner-border) !important; overflow:hidden !important; box-shadow:0 8px 22px rgba(15,23,42,0.06) !important; background:#fff !important; } .descriptioncard .card-body{ padding:18px !important; } .description h1, .stayamentites h1{ font-size:24px !important; line-height:1.2 !important; font-weight:900 !important; margin:0 0 14px !important; color:var(--owner-text) !important; } .description h1 span, .stayamentites h1 span{ color:var(--blue) !important; } .description p{ font-size:14px !important; line-height:1.6 !important; color:#344054 !important; font-weight:500 !important; max-height:160px !important; overflow:auto !important; padding-right:4px !important; margin-bottom:0 !important; } .stayamentites{ margin-top:18px !important; } .stayamentites table{ width:100% !important; margin:0 !important; display:block !important; } .stayamentites table tbody, .stayamentites table tr{ display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:10px !important; width:100% !important; } .stayamentites table tr td{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; min-height:72px !important; width:100% !important; text-align:center !important; background:#f8fafc !important; border:1px solid #eef2f7 !important; border-radius:14px !important; padding:10px 6px !important; } .stayamentites table tr td i{ color:var(--blue) !important; font-size:18px !important; margin-bottom:6px !important; } .stayamentites table tr td span{ color:#475467 !important; font-size:11.5px !important; line-height:1.2 !important; font-weight:700 !important; padding:0 !important; } /* room options: table to clean cards */ .roomtable{ margin-top:16px !important; box-shadow:none !important; background:transparent !important; border:0 !important; } .roomtable::before{ content:'Room Options'; display:block; font-size:22px; line-height:1.2; font-weight:900; color:var(--owner-text); margin:0 0 12px; } .firstrtable{ display:none !important; } .roomtable > .secondrtable, .roomtable > .secondrttable{ display:block !important; width:100% !important; border:0 !important; background:transparent !important; margin:0 !important; } .roomtable > .secondrtable > tbody, .roomtable > .secondrttable > tbody{ display:block !important; width:100% !important; } .roomtable > .secondrttable > tbody > tr:first-child, .roomtable > .secondrtable > tbody > tr:first-child:has(td:nth-child(4)){ display:none !important; } .mobilehide{ display:none !important; } .roomtable > .secondrtable > tbody > tr, .roomtable > .secondrttable > tbody > tr{ display:flex !important; flex-direction:column !important; width:100% !important; background:#fff !important; border:1px solid var(--owner-border) !important; border-radius:18px !important; overflow:hidden !important; margin:0 0 14px !important; box-shadow:0 8px 22px rgba(15,23,42,0.06) !important; } .roomtable > .secondrtable > tbody > tr > td, .roomtable > .secondrttable > tbody > tr > td{ display:block !important; width:100% !important; max-width:100% !important; border:0 !important; border-left:0 !important; border-bottom:0 !important; padding:14px !important; background:#fff !important; color:var(--owner-text) !important; } .roomtable > .secondrtable > tbody > tr > td:first-child, .roomtable > .secondrttable > tbody > tr > td:first-child{ padding-bottom:8px !important; } .roomtable > .secondrtable > tbody > tr > td:last-child, .roomtable > .secondrttable > tbody > tr > td:last-child{ border-top:1px solid #f0f2f5 !important; background:#fcfcfd !important; padding-top:14px !important; } .roomtable h4, .roomtable td h4, .Premium h1{ font-size:16px !important; line-height:1.35 !important; font-weight:900 !important; color:var(--owner-text) !important; margin:0 0 8px !important; } .roomtable a, .roomtable a strong{ color:#d9480f !important; font-size:13px !important; font-weight:800 !important; } .rmRatePlan__rec, .rebox p{ display:inline-flex !important; align-items:center !important; width:auto !important; background:#fff4e6 !important; border:1px solid #fed7aa !important; color:var(--blue) !important; border-radius:999px !important; padding:4px 8px !important; font-size:10.5px !important; line-height:1 !important; font-weight:900 !important; text-transform:uppercase !important; margin:0 0 10px !important; } .roomtable .borders, .roomtable .d-grid{ display:block !important; } .roomtable [id^="incroomname"], .roomtable .recomd p, .roomtable .hotels_amenities{ font-size:13px !important; line-height:1.45 !important; color:#344054 !important; font-weight:700 !important; margin-bottom:6px !important; } .roomtable .hotels_amenities i{ color:var(--blue) !important; margin-right:5px !important; } .roomtable .hotels_amenities[style*="#CC3300"], .roomtable p[style*="#CC3300"]{ color:#dc2626 !important; } .roomtable .hotels_amenities[style*="#00a19c"], .roomtable p[style*="#00a19c"]{ color:#16a34a !important; } .roomtable td:last-child > div:first-child, .hotelrpricing p{ color:#667085 !important; font-size:12px !important; font-weight:700 !important; margin:0 0 4px !important; } .roomtable td:last-child > div:nth-child(2), .hotelrpricing h1, .hotelrpricing h3{ font-size:26px !important; line-height:1.1 !important; color:#111827 !important; font-weight:900 !important; margin:0 0 12px !important; } .roomtable form{ width:100% !important; margin:0 !important; } .roomtable .btn, .roomtable .btn-danger, .roomtable button[type="submit"], .roomtable .lastcol a button{ width:100% !important; min-height:46px !important; border-radius:12px !important; border:0 !important; background:var(--blue) !important; color:#fff !important; font-size:15px !important; font-weight:900 !important; padding:11px 16px !important; margin:0 !important; box-shadow:0 8px 16px rgba(255,122,0,0.22) !important; } .roomtable .ladda-label{ color:#fff !important; } .roomtable td:last-child div[style*="font-size:11px"], .roomtable td:last-child div[style*="font-size: 11px"]{ text-align:center !important; color:#667085 !important; line-height:1.35 !important; margin-top:10px !important; font-size:12px !important; } .cancelltioncharge, .cancelltioncharge tbody, .cancelltioncharge tr, .cancelltioncharge td{ display:revert !important; width:auto !important; border:1px solid #e5e7eb !important; font-size:11px !important; padding:5px !important; background:#fff !important; } /* floating WhatsApp should not cover content */ .whatsapp, .whatsappbtn, a[href*="wa.me"], a[href*="whatsapp"]{ z-index:50 !important; } /* bottom browser/float spacing */ .roomtable, .descriptioncard{ margin-bottom:18px !important; } } @media (max-width: 380px){ .roompricing{ grid-template-columns:1fr !important; } .roompricing button{ width:100% !important; } .stayamentites table tbody, .stayamentites table tr{ grid-template-columns:repeat(2, 1fr) !important; } } /* ============================================================ CLEARTRIP-STYLE PREMIUM HOTEL CARD — FlyX (v2 — fully circled) ============================================================ */ /* ---- CARD WRAPPER ---- */ .ct-hotel-card { display: flex; flex-direction: column; background: #ffffff; border-radius: 16px; box-shadow: 0 2px 18px rgba(0,0,0,0.10); margin-bottom: 20px; overflow: hidden; transition: box-shadow 0.25s ease, transform 0.2s ease; border: 1px solid #ebebeb; cursor: pointer; } .ct-hotel-card:hover { box-shadow: 0 8px 36px rgba(0,0,0,0.15); transform: translateY(-3px); } /* ==== TOP ROW: image left + details right ==== */ .ct-card-body { display: flex; flex-direction: row; min-height: 200px; } /* ---- IMAGE COLUMN ---- */ .ct-img-col { width: 240px; min-width: 240px; position: relative; overflow: hidden; flex-shrink: 0; } /* Slider wrapper inside image col */ .ct-img-slider { width: 100%; height: 100%; position: relative; overflow: hidden; } .ct-slide { display: none; width: 100%; height: 100%; } .ct-slide.active { display: block; } .ct-slide img, .ct-img-col > img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .ct-hotel-card:hover .ct-slide img, .ct-hotel-card:hover .ct-img-col > img { transform: scale(1.04); } /* Pagination dots */ .ct-img-dots { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; z-index: 3; } .ct-dot { width: 6px; height: 6px; background: rgba(255,255,255,0.45); border-radius: 50%; cursor: pointer; transition: all 0.2s; display: inline-block; } .ct-dot.active { background: #fff; width: 18px; border-radius: 3px; } /* Heart / wishlist — outline by default, red on click */ .ct-heart-btn { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; background: rgba(255,255,255,0.93); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.18); cursor: pointer; border: none; outline: none; transition: background 0.2s, transform 0.15s; z-index: 4; } .ct-heart-btn .fa { font-size: 16px; color: #bbb; transition: color 0.2s; } .ct-heart-btn:hover { background: #fff0f0; transform: scale(1.1); } .ct-heart-btn:hover .fa { color: #e55; } .ct-heart-btn.ct-hearted { background: #fff0f0; } .ct-heart-btn.ct-hearted .fa { color: #cc0000; } /* Stars badge — bottom-left, above the dots row */ .ct-star-badge { position: absolute; bottom: 28px; left: 10px; background: rgba(0,0,0,0.52); backdrop-filter: blur(5px); border-radius: 20px; padding: 3px 9px; font-size: 11px; color: #f5c518; z-index: 3; } .ct-star-badge .fa { font-size: 10px; } /* ---- DETAILS COLUMN ---- */ .ct-details-col { flex: 1; padding: 14px 16px 12px; display: flex; flex-direction: column; justify-content: flex-start; gap: 6px; border-right: 1px solid #f0f0f0; min-width: 0; } /* Rating row */ .ct-rating-row { display: flex; align-items: center; gap: 7px; margin-bottom: 2px; } /* Base pill */ .ct-rating-pill { color: #fff; font-size: 12px; font-weight: 800; border-radius: 6px; padding: 2px 8px; letter-spacing: 0.2px; flex-shrink: 0; background: #1a73e8; } /* Color per label class */ .ct-rating-pill.ct-pill-excellent { background: #15803d; } .ct-rating-pill.ct-pill-verygood { background: #1a73e8; } .ct-rating-pill.ct-pill-good { background: #0891b2; } .ct-rating-pill.ct-pill-average { background: #b45309; } .ct-rating-label { font-size: 13px; font-weight: 700; color: #1d9e5c; } .ct-rating-count { font-size: 12px; color: #888; font-weight: 500; } /* Hotel name */ .ct-hotel-name { font-size: 15px !important; font-weight: 800 !important; color: #111827; margin: 0 0 1px !important; line-height: 1.35; padding: 0 !important; white-space: normal; } /* Property type + distance */ .ct-address { font-size: 12px; color: #6b7280; margin: 0 0 4px !important; font-weight: 500; } .ct-address .fa { color: #6b7280; margin-right: 3px; font-size: 11px; } /* Amenity chips */ .ct-amenities { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 4px; } .ct-chip { background: #f5f7fa; border: 1px solid #dde3ec; border-radius: 4px; font-size: 11px; font-weight: 600; color: #374151; padding: 2px 9px; white-space: nowrap; } /* Policies — checkmark lines */ .ct-policies { display: flex; flex-direction: column; gap: 3px; } .ct-policy { font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 5px; } .ct-free-cxl { color: #15803d; } .ct-paid-cxl { color: #b91c1c; } .ct-policy .fa { font-size: 11px; } /* TOP PICKS badge */ .ct-top-picks { display: inline-block; background: #e6f4ea; color: #166534; font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 4px; letter-spacing: 0.5px; text-transform: uppercase; margin-top: 2px; width: fit-content; } /* ---- PRICE + CTA COLUMN ---- */ .ct-price-col { width: 190px; min-width: 190px; padding: 14px 14px 12px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 8px; flex-shrink: 0; } .ct-price-box { text-align: right; width: 100%; } /* Strikethrough original price */ .ct-original-price { font-size: 12px; color: #9ca3af; text-decoration: line-through; font-weight: 600; display: inline; margin-right: 5px; } /* Discount pill (67% off) */ .ct-discount-pill { display: inline-block; background: #1a73e8; color: #fff; font-size: 11px; font-weight: 800; border-radius: 4px; padding: 1px 7px; vertical-align: middle; letter-spacing: 0.2px; } /* Big selling price */ .ct-sell-price { font-size: 24px; font-weight: 900; color: #111827; line-height: 1.1; display: block; margin-top: 3px; } .ct-per-night { font-size: 11px; color: #6b7280; font-weight: 600; margin-top: 1px; display: block; } .ct-total-amount { font-size: 11px; color: #6b7280; font-weight: 500; margin-top: 3px; display: block; } /* CTA button */ .ct-view-btn { width: 100%; background: var(--blue); color: #fff; border: none; border-radius: 10px; padding: 11px 0; font-size: 14px; font-weight: 800; cursor: pointer; transition: opacity 0.2s, transform 0.15s; letter-spacing: 0.2px; margin-top: 4px; } .ct-view-btn:hover { opacity: 0.87; transform: scale(1.02); } .ct-nights-info { font-size: 11px; color: #aaa; font-weight: 600; text-align: center; width: 100%; margin: 0 !important; } /* ==== BANK OFFER BAR (bottom strip) ==== */ .ct-bank-offer { background: #f0fdf4; border-top: 1px solid #bbf7d0; padding: 8px 16px; font-size: 12px; font-weight: 600; color: #15803d; display: flex; align-items: center; gap: 6px; } .ct-bank-offer .fa { color: #16a34a; font-size: 13px; } /* ============================================================ MOBILE RESPONSIVE ============================================================ */ @media (max-width: 768px) { .ct-hotel-card { border-radius: 14px; margin-bottom: 14px; } .ct-card-body { flex-direction: column; } .ct-img-col { width: 100%; min-width: 100%; height: 210px; } .ct-details-col { border-right: none; border-bottom: 1px solid #f0f0f0; padding: 12px 14px; } .ct-price-col { width: 100%; min-width: 100%; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 14px; gap: 8px; } .ct-price-box { text-align: left; } .ct-sell-price { font-size: 20px; } .ct-view-btn { width: auto; padding: 10px 20px; min-width: 120px; } .ct-nights-info { display: none; } .ct-bank-offer { padding: 8px 14px; } } /* FLYX FIX: visible testimonial heading text on light/dynamic testimonial backgrounds */ .testibg .heading{color:#0a1f44!important;text-shadow:none!important;} .testibg .text{color:#0a1f44!important;text-shadow:none!important;} /* === FlyX Core Web Vitals v17: stable above-fold + below-fold containment === */ img[width][height]{height:auto;} #header #logo img{height:42px;width:auto;aspect-ratio:170/70;} .homeflightsearchouterbox .carousel-item img{width:100%;object-fit:cover;object-position:center top;display:block;} @media(min-width:576px){.homeflightsearchouterbox .carousel-item img{height:790px;min-height:790px;}} @media(max-width:575.98px){.homeflightsearchouterbox .carousel-item img{height:690px;min-height:690px;}} .testimonials:not(.slick-initialized){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:285px;overflow:hidden;} @media(max-width:600px){.testimonials:not(.slick-initialized){grid-template-columns:1fr;min-height:350px;}} @supports (content-visibility:auto){ .airlines-container,.textcontent,.messagerow,.offerrow,.flightfooter{content-visibility:auto;contain-intrinsic-size:1px 520px;} } /* FlyX CWV v18: keep first paint and final layout identical to avoid CLS. Previous low-priority CSS hid render-blocking warnings but caused late layout jumps. */ html,body{overflow-x:hidden!important;max-width:100%!important;} #header{width:100%!important;position:fixed!important;left:0!important;top:0!important;z-index:9999!important;background:#fff!important;min-height:94px!important;} #header #logo{min-width:154px!important;min-height:62px!important;} #header #logo img{height:42px!important;width:auto!important;aspect-ratio:170/70!important;display:block!important;} main#main-content{display:block!important;min-height:1px!important;padding-top:0!important;} .top_bg_ofr_sb.homeflightsearchouterbox,.top_bg_ofr_sb2other{margin-top:0!important;height:790px!important;min-height:790px!important;background:#0b1524!important;overflow:visible!important;contain:layout paint style!important;} .homeflightsearchouterbox #slider,.homeflightsearchouterbox .carousel-inner,.homeflightsearchouterbox .carousel-item,.homeflightsearchouterbox .carousel-item picture{height:790px!important;min-height:790px!important;display:block!important;} .homeflightsearchouterbox .carousel-item img{width:100%!important;height:790px!important;min-height:790px!important;object-fit:cover!important;object-position:center top!important;display:block!important;} .mobilecontainer{width:100%!important;max-width:1320px!important;position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;padding:135px 20px 0!important;z-index:30!important;min-height:415px!important;} .flightsearchwihite{position:relative!important;top:auto!important;z-index:35!important;min-height:214px!important;text-align:left!important;} .searchboxouter.flightsearchhomebox{min-height:96px!important;} .domheading{min-height:64px!important;} .poster-tabs{min-height:0!important;} @media (min-width:768px){.poster-tabs{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}} @media(max-width:575.98px){ #header{min-height:85px!important;} #header #logo{min-width:118px!important;min-height:58px!important;} #header #logo img{height:42px!important;width:auto!important;} .top_bg_ofr_sb.homeflightsearchouterbox,.top_bg_ofr_sb2other{height:690px!important;min-height:690px!important;} .homeflightsearchouterbox #slider,.homeflightsearchouterbox .carousel-inner,.homeflightsearchouterbox .carousel-item,.homeflightsearchouterbox .carousel-item picture{height:690px!important;min-height:690px!important;} .homeflightsearchouterbox .carousel-item img{height:690px!important;min-height:690px!important;} .mobilecontainer{max-width:100%!important;padding:88px 14px 0!important;min-height:585px!important;} .flightsearchwihite{min-height:438px!important;} .searchboxouter.flightsearchhomebox{min-height:374px!important;} .domheading{min-height:54px!important;} }