Atepicker-Kalẹnda td { Cursor: ofiri; Ààdá lọ: 50%! Pataki; aala: ko si! Pataki } .datepicker-kalẹnda td.DISS { awọ: #ccc; Cursor: Ko gba laaye } .datepicker-kalẹnda td: kii ṣe (.dissible): Ever { Atilẹ: # e6e6e6 } .datepicker-kalẹnda td.selayed { abẹlẹ: # 007Bbff; Awọ: #fff } .Banthatapp-bọtini { ipo: ti o wa titi; osi: 20px; isalẹ: 20px; Awọ abẹlẹ: # 25D366; awọ: #fff; padding: 12pp 20px 12px 44px; Ààdá-radius: 50px; Awọn ohun ọṣọ-: Ko si; Iwọn-iwọn: 16PX; font-iwuwo: 700; Ifihan: Flex; Awọn ohun-ohun ti o dapọ: aarin; apoti-ojiji: 0 2px 5px rgb (0 0 0 / .2); iyipada: Awọ-awọ 0.3s; aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, '); Awọn ipilẹṣẹ-tun: rara tun ṣe; ipo-ipilẹ: Ile-iṣẹ 12px; Iwọn ipilẹṣẹ: 24ppx 24px } .Banthatapp-Bọtini: Ever { Awọ abẹlẹ: # 20b858 } .Rating-Ibẹrẹ-fi ipari si { ifihan: itline-hana; Iwọn-ori: 0 } .Rating-Bẹrẹ {{ ipo: ibatan; Iwọn: 100Px; Iga: 20Px; Ifihan: Aye-Ilọ } .Ring-ibere :: Ṣaaju ki o to Akoonu: ""; ipo: pipe; Top: 0; osi: 0; Iwọn: 100%; Iga: 100%; Abẹlẹ: URL ('data: aworan / svg + xml; utf8, ') Ko si-tunṣe; Iwọn abẹlẹ: ni } .Rating-Ibẹrẹ Span { ipo: pipe; Top: 0; osi: 0; Iga: 100%; Overflow: farapamọ } .rating-Ibẹrẹ Span :: Ṣaaju ki o to Akoonu: ""; ipo: pipe; Top: 0; osi: 0; Iwọn: 100Px; Iga: 100%; Abẹlẹ: URL ('data: aworan / svg + xml; utf8, ') Ko si-tunṣe; Iwọn abẹlẹ: ni } .Grid.grig-inner { Ifihan: Flex; fi ẹsẹ ẹsẹ fi ipari si; Margin: 0 -15px } [Class * = "Co-MD-"] { ipo: ibatan; Iwọn: 100%; Padding: 0 15px; Isalẹ-isalẹ: 30px; Ifihan: Flex } @media iboju ati (mọn-iwọn: 768px) { .col-md-3 { Flex: 0 0 25%; Max-iwọn: 25% } } @media iboju ati (mọn-iwọn: 768px) { .col-md-4 { Flex: 0 0 33.3333%; Max-pupọ: 33.33333% } } @media iboju ati (Max-iwọn: 767px) { [Class * = "Co-MD-"] { Flex: 0 0 100%; Max-iwọn: 100% } } .post { Ifihan: Flex; Ọtun-itọsọna: Iwe; Iga: 100%; Awọ abẹlẹ: #fff; aala: 1px fẹẹrẹ # e9ecef; Ààfin Tsius: 25px; apoti-ojiji: 0 0 15px rgb (0 0 0 / .1); overflow: farapamọ; Iyipo: yipada 0.3s irọrun, apoti-ojiji 0.3s irọrun } .Post: Ever { iyipada: sisọ (-5px); Apoti-ojiji: 0 5px 20px rgb (0 0 0 / .15) } .Post .Fatired-post { ipo: ibatan; Overflow: farapamọ } .Post .fatire-post img { Iwọn: 100%; Iga: 200px; ohun-ibaamu: bo; aala-oke-osi-radius: 25px; Aala-oke-ọtun-radius: 25px; ifihan: dènà; Iyipo: yipada 0.3s irọrun } .post: rababa .fatire-post img { Yiyipada: Iwọn (1.05) } .post .post-akoonu { Flex-Isusi: 1; padding: 25px; Ifihan: Flex; Itọsọna kekere: Iwe } .Post .post-akoonu h3 { Iwọn-iwọn: 18PX; Iga-giga: 1.3; Isalẹ-isalẹ: 10px; overflow: farapamọ; ọrọ-boxflow: ellipsis; ifihan: -webkit-apoti; -Webkit-ila: inaro } .post .post-akoonu p { Iwọn-iwọn: 14PX; awọ: # 6C757D; Isalẹ-isalẹ: 15px; overflow: farapamọ; ọrọ-boxflow: ellipsis; ifihan: -webkit-apoti; -Webkit-ila: inaro } .post .post-akoonu .cat-meta a { Iwọn-iwọn: 12PX; awọ: # 223645! Pataki; font-iwuwo: 600; awọ: # 0D6Efd; Ipele: Awọ 0.3s } .post a { Awọ: # 223645 } .Post .post-akoonu .cat-meta a: Ever { Awọ: # 440310! Pataki } .Post .post-ẹlẹsẹ { Margin-oke: Aifọwọyi; padding: 0 15px 15px; Ifihan: Flex; ni idalare-akoonu: aaye-laarin; Pataki-Awọn ohun kan: aarin } .Post .Post-ẹsẹ .round-brn { Iwọn-iwọn: 14PX; padding: 8PX 20PX; Flex: 1; Margin: 0 5PX; ọrọ-t'ohunwe: aarin; Ààfin Tsius: 20PX; Awọ abẹlẹ: # F99300; Awọ: # 440310; Awọn ohun ọṣọ-: Ko si; Iyipo: Awọ-Awọ abẹlẹ 0.3s, yipada 0.2s } .Post .post-ẹsẹ .round-btn: Ever { Awọ abẹlẹ: # 440310; awọ: #fff; Yiyipada: Tíbò (-2px) } @media iboju ati (Max-iwọn: 767px) { .Post .fatire-post img { Iga: 180PX } .Post .post-akoonu h3 { Iwọn-iwọn: 16pp } .post .post-akoonu p { Iwọn-ori: 13pp } .Post .Post-ẹsẹ .round-brn { Iwọn-iwọn: 12PX; Padding: 6px 15px } } @media iboju ati (Isi-Max-: 575px) { [Class * = "Co-MD-"] { Iriri-isalẹ: 20pp } .Post .fatire-post img { Iga: 150px } .Post .post-akoonu h3 { Iwọn-ọrọ-ọrọ: 15px } .post .post-akoonu p { Iwọn-ọrọ-ọrọ: 12pp } } .Post a: idojukọ { Ilana: 2px willet # fd7E14; Iṣalaye-Aiṣedese: 2px } .a, -Webkit-fonta-n dan: -Moz-Osx-font-sooning: grayslale; ifihan: itline-hana; Iga-giga: 1; Iwọn: 16Px; Iga: 16Px; Iwọn ẹhin-: ni; Awọn ipilẹṣẹ-tun: rara tun ṣe; inaro-mongn: arin } .a-ṣayẹwo { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .fa-Facebook-f { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .Fa-instagram { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .a-ọna asopọ { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .Fa-plus { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .Fa-Times { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .fa-twitter { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .fa-youtube { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .icon.inicon-soowe1, .akit-took-confasicon.icon-soowe aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .icon.icon-arrow-ọtun-ọtun, .akit-Siso-ọtun.icon.icon.icon.icon aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .Icon.icon-map-mamar1, .akit-Ṣafikun aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } .Icon.icon-Phone1, .akit-pst-confasicon.icon-phone1, .ekit-pst-phone1 { aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, ') } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #f99300; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #ffffff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #ffffff } *, ::after, ::before { box-sizing: border-box } html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #626672; background-color: var(--bs-body-bg); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: #fff0; word-wrap: break-word } main { display: block } h1, h2, h3, h4, h5, h6 { color: #223645; font-family: "Montserrat", sans-serif; margin: 0 0 15px; line-height: 1.2; font-weight: 500 } h1 { font-size: 60px; font-weight: 800 } h2 { font-size: 40px; font-weight: 800 } h3 { font-size: 22px; font-weight: 700 } h4 { font-size: 18px; font-weight: 600 } h5 { font-size: 16px } h6 { font-size: 12px } p { margin: 0 0 15px; line-height: 1.6; word-wrap: break-word } a { color: #0085ba; text-decoration: none; background-color: #fff0; transition: color 0.3s } a:hover, a:focus, a:active { color: #440310; text-decoration: none; outline: 0 } a:visited { text-decoration: none; outline: 0 } b, strong { font-weight: 700 } small, .small { font-size: 80% } img, svg { max-width: 100%; height: auto; vertical-align: top; border-style: none } figure { margin: 0 0 1rem } ul, ol { margin: 0 0 1.5em .875em; padding: 0 0 0 2rem } ul { list-style: disc } ol { list-style: decimal } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em } dfn, cite, em, i { font-style: italic } iframe { border: 0; display: block; width: 100% } table { border-collapse: collapse; caption-side: bottom } th, td { border: 1px solid #fbb44d; padding: 12px; text-align: left } th { background-color: var(--bs-orange); color: #440310 } tr:nth-child(even) { background-color: #fccb83 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } button, [type="button"], [type="reset"], [type="submit"] { border-radius: 0 } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer } textarea { resize: vertical; overflow: auto } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { background-color: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 25px; font-size: 14px; padding: 0 15px } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select { height: 55px; width: 100% !important } textarea { padding: 20px 10px; width: 100% } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #888 } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; max-width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; margin-top: var(--bs-gutter-y) } @media (min-width: 576px) { .col-sm-6 { flex: 0 0 50%; max-width: 50% } } @media (min-width: 992px) { .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } } @media (max-width: 991px) { .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-10, .col-lg-12 { flex: 0 0 100%; max-width: 100% } } .d-flex { display: flex !important } .d-none { display: none !important } .justify-content-between { justify-content: space-between !important } .align-items-center { align-items: center !important } .text-center { text-align: center !important } .text-right { text-align: right !important } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } .round-btn, .outline-btn { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.1; padding: 17px 30px; border-radius: 25px; text-transform: uppercase; display: inline-block; position: relative } .round-btn { background-color: var(--bs-orange); border: none; color: var(--bs-white); transition: background-color 0.3s } .round-btn:hover, .round-btn:focus, .round-btn:active { background-color: #440310; color: var(--bs-white) } .outline-btn { border: 2px solid var(--bs-orange); color: var(--bs-orange); padding: 15px 30px; transition: background-color 0.3s, border-color 0.3s, color 0.3s } .outline-btn:hover, .outline-btn:focus, .outline-btn:active { background-color: #440310; border-color: #440310; color: var(--bs-white) } .outline-btn-white { border: 2px solid var(--bs-white); color: var(--bs-white); border-radius: 25px } .outline-btn-white:hover, .outline-btn-white:focus { border-color: #440310; color: #440310 } .site-header { position: absolute; left: 0; right: 0; width: 100%; top: 0; z-index: 99 } .bottom-header { transition: background-color 0.5s ease } .site-logo .site-title { margin: 0; line-height: 1.1; font-size: 28px } .site-logo img { max-width: 200px; transition: opacity 0.4s linear } .site-logo a { display: block } .site-logo a:hover img, .site-logo a:focus img, .site-logo a:active img { opacity: .5 } .navigation-container { display: none; align-items: center; justify-content: flex-end } .navigation-container .navigation { flex-grow: 1 } .navigation-container ul { font-size: 0; list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end } .navigation-container .navigation > ul > li { display: inline-block; padding: 0 16px; position: relative } .navigation-container ul > li > a { color: var(--bs-white); display: inline-block; font-size: 16px; padding: 20px 0; font-weight: 400; line-height: 1.3; text-transform: uppercase; position: relative } .navigation-container ul > li.menu-item-has-children > a:after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 8px; background-image: url('data:image/svg+xml;utf8, '); Iwọn ẹhin-: ni; Awọn ipilẹṣẹ-tun: rara tun ṣe; inaro-mongn: arin; Iyipo: iyipada 0.4s } .Navation-in ul ul { ibi: var (- bs-funfun); aala-oke: 4px lagbara var (- bs-orand); ipo: pipe; Top: 100%; osi: 0; Iwọn: 250PX; Ifihan: Ko si; z-atọka: 99; Ohun idanilaraya: ifaworanhan-soke 0s irọrun-jade } .Naving-in Ul ul l l Isalẹ-isalẹ: 1px lagbara #ddd } .Navent-eikeri ul l lr a { Awọ: # 333; ifihan: dènà; padding: 13px 20px; font-iwuwo: 600; ọrọ-yipada: caritize; Iyipo: Gbogbo awọn 0.4s } .Navent-ewa ul l l l padding-osi: 30px; Awọ abẹlẹ: # 440310; Awọ: Fa (- BS-White) } .Navation-e wal ul l li.menu-nkan-ni-awọn ọmọde> A: Lẹhin { Akoonu: ""; ifihan: itline-hana; gbooro: 10px; Iga: 10px; ala-osi: 8px; aworan-ipilẹ: URL ('Data: Aworan / SVG + XmL; utf8, '); Iwọn ẹhin-: ni; Awọn ipilẹṣẹ-tun: rara tun ṣe; inaro-mongn: arin } .Mile-Akojọ-akojọ { Ifihan: Ko si } .Mobile-Akojọ-inier .Sishicknav_menu { Awọ-ẹhin: sihing! Pataki; Padding: 0 } .Sicknav_btn { Ifihan: Flex; ni idalare-akoonu: aarin; yiyara-itọsọna: Rọra-yi pada; + Tẹlẹ: # FF0; aala: ko si; Cursor: ofiri; ọrọ-t'ohunwe: aarin; Ifihan: Ọsẹ! Pataki; ni idalare-akoonu: opin fifuye! Pataki; Awọn ohun-ija: awọn ohun kan: aarin! Pataki; iwọn: 100%! Pataki } .Mobile-Akojọ-inier .Sislicknav_icon { Iwọn: 22ppx; Iga: 16Px; ipo: ibatan; ifihan: itline-hana; Ọrọ-Atọka: Ile-iṣẹ } .Mobile-Akojọ-inṣar .Slicknav_menuunxt { Awọ: # 440310; font-iwuwo: 700; Iwọn-iwọn: 16PX; ala-ọtun: 10px; ọrọ-ojiji: ko si; Ọrọ-Opon: Aarin! Pataki } .mobile-Akojọ-inṣaye Awọ abẹlẹ: Fa (- BS-White; apoti-ojiji: 0 22px 21s rg (0 0 0 / .1); Ifihan: Ko si; ipo: pipe; Top: 100%; osi: 0; Iwọn: 100%; z-atọka: 999 } .mobile-Akojọ-inọn-eiyan .Slicknav_nav ul { Ọna-atokọ: Ko si; paadi: 0; Margin: 0 } .Mobile-Akojọ-inṣaye .Sicknav_nav Li { aala-oke: 1px lagbara # e6e6e6; Ipo: ibatan } .mobile-Akojọ aṣayan .Sishicknav_nav a { Awọ: # 440310; Awọn ohun ọṣọ-: Ko si; ifihan: dènà; Iwọn-iwọn: 16PX; font-iwuwo: 600; padding: 10px 15px; Iyipo: Gbogbo awọn 0.3s } .Mobile-eiyan .Sslicknav_nav A: Rababa-Akojọ Awọ abẹlẹ: # 440310; Awọ: Fa (- BS-White) } .mobile-Akojọ-iwe .Sicknav_nav ul ul { padding-osi: 15px; Ifihan: Ko si } .mobile-Akojọ .Sicknav_nav .Sicknav_row { Ifihan: Flex; fi ẹsẹ ẹsẹ fi ipari si; paadi: 0; Margin: 0 } .mobile-naslicknav_nav .Sicknav_row> kan { Iwọn: MES (100% - 45px) } .mobile-naslicknav_nav .Sicknav_roow Aala-osi: 1px lagbara # E6e6e6; Iwọn: 45PX; Ifihan: Flex; Awọn ohun-ohun ti o dapọ: aarin; ni idalare-akoonu: aarin; Padding: 0 } .mobile-Akojọ .Sicknav_nav .Sicknav_arrow { ipo: pipe; Ọtun: 15px; <aṣa> iyipada: sisọ (-50%); Iwọn: 16Px; Iga: 16Px; Cursor: ofiri; Awọ: # 440310; font-iwuwo: 700; ọrọ-t'ohunwe: aarin; Line-iga: 16pp } .mobile-naslicknav_nav .Sicknav_Ralow :: lẹhin { Akoonu: "+"; Iwọn-iwọn: 16pp } .mobile-naslicknav_nav .Sicknav_arow.opow.opeen :: Lẹhin ti Akoonu: "-" } .Sicknav_bbnn .slicknav_icon Sp { Awọ abẹlẹ: Fa (- BS-White; ifihan: dènà; ipo: pipe; gbooro: 20px; Iga: 2px; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s } .slicknav_btn .slicknav_icon span:before, .slicknav_btn .slicknav_icon span:after { background-color: var(--bs-white); content: ""; position: absolute; width: 100%; height: 2px; left: 0; transition: all 0.3s } .slicknav_btn .slicknav_icon span:before { top: -6px } .slicknav_btn .slicknav_icon span:after { top: 6px } .slicknav_btn.slicknav_open .slicknav_icon span { background-color: #fff0 } .slicknav_btn.slicknav_open .slicknav_icon span:before { top: 0; transform: rotate(45deg) } .slicknav_btn.slicknav_open .slicknav_icon span:after { top: 0; transform: rotate(-45deg) } .sidebar > div { padding-bottom: 40px } .sidebar .booking-form-inner { border-radius: 25px; padding: 40px 30px } .sidebar .booking-form-inner h3, .sidebar .booking-form-inner p { text-align: center; color: var(--bs-white) } .sidebar .booking-form { display: flex; flex-wrap: wrap; margin: 0 -10px } .sidebar .booking-form p { padding: 0 10px; width: 100%; margin-bottom: 20px } .sidebar .booking-form p.width-5 { width: 50% } .sidebar .booking-form p label { margin-bottom: 5px } .sidebar .booking-form p input { width: 100% !important } .sidebar .booking-form p button { background-color: #fff0; width: 100% } .sidebar .package-list { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 25px; overflow: hidden; padding: 30px; position: relative; z-index: 1 } .sidebar .package-list h4 { background-color: #f8f8f8; border-radius: 25px; padding: 10px 20px; text-align: center; font-weight: 500; margin-bottom: 20px } .sidebar .package-list ul { margin: 0; padding: 0 } .sidebar .package-list ul li { list-style: none; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgb(167 167 167 / .31) } .sidebar .package-list ul li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } .sidebar .package-list ul li a { color: var(--bs-white) } .sidebar .package-list ul li a i { margin-right: 8px } .site-footer { background-color: rgb(34 54 69 / .98); padding-top: 80px } .site-footer .top-footer { padding-bottom: 80px } .site-footer .footer-logo { margin-bottom: 20px } .site-footer .bottom-footer { background-color: #223645; padding: 20px 0 } .site-footer .copy-right { color: var(--bs-white) } .site-footer .copy-right a { color: var(--bs-white) } .site-footer .copy-right a:hover { color: #440310 } .site-footer .lower-footer { border-top: 1px solid rgb(255 255 255 / .14); padding-top: 35px } .site-footer .lower-footer .social-icon { margin-bottom: 20px } .site-footer .lower-footer .social-icon li { margin: 0 5px } .site-footer .lower-footer .social-icon li a { border: 1px solid #626672; border-radius: 100%; color: var(--bs-white); display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; transition: all 0.4s } .site-footer .lower-footer .social-icon li a:hover { background-color: #440310; border-color: #440310 } .site-footer .footer-newsletter p { color: var(--bs-white); margin-bottom: 20px } .site-footer .footer-newsletter .newsletter { display: flex; flex-wrap: wrap } .site-footer .footer-newsletter input[type="email"] { flex-grow: 1; border-color: rgb(255 255 255 / .35); margin-right: 20px } .site-footer .footer-newsletter button { background-color: #fff0 } .site-footer .footer-menu ul { margin: 0; padding: 0; font-size: 0 } .site-footer .footer-menu ul li { list-style: none; display: inline-block; position: relative; padding: 0 10px } .site-footer .footer-menu ul li:before { content: "|"; position: absolute; top: 0; right: -2px; font-size: 14px; color: #b6b6b6 } .site-footer .footer-menu ul li:last-child:before { display: none } .site-footer .footer-menu ul li a { color: var(--bs-white); font-size: 13px } .site-footer .footer-menu ul li a:hover, .site-footer .footer-menu ul li a:focus { color: #440310 } .footer-primary .widget { color: #e0e0e0; margin-bottom: 30px } .footer-primary .widget .widget-title { color: var(--bs-white); font-size: 16px; font-weight: 500; line-height: 1.1; margin-bottom: 30px; text-transform: uppercase } .footer-primary .widget .widget-title:after { background-color: var(--bs-orange); content: ""; display: table; height: 2px; width: 50px; margin-top: 10px } .footer-primary .widget ul li { margin-bottom: 10px; border-bottom: none } .footer-primary .widget ul li a { color: var(--bs-white) } .footer-primary .widget ul li a:hover, .footer-primary .widget ul li a:focus, .footer-primary .widget ul li a:active { color: #440310 } .widget { margin-bottom: 30px } .widget a { display: block } .widget .widget-title { margin-bottom: 30px } .widget ul { margin: 0; padding: 0 } .widget ul li { list-style: none } .widget ul li a { color: #383838 } .widget ul li a:hover { color: #440310 } .widget.widget-post-thumb li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6 } .widget.widget-post-thumb li:before, .widget.widget-post-thumb li:after { content: ""; display: block; clear: both } .widget.widget-post-thumb li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .widget.widget-post-thumb .post-thumb { width: 80px; float: left; position: relative } .widget.widget-post-thumb .post-thumb img { border-radius: 15px } .widget.widget-post-thumb .post-content { float: right; width: calc(100% - 100px) } .widget.widget-post-thumb .post-content h5, .widget.widget-post-thumb .post-content h6 { margin-bottom: 5px } .widget.widget-post-thumb .post-content p { margin-bottom: 0; font-size: 14px } .widget.widget-post-thumb .post-content .entry-meta { margin-left: -8px; margin-right: -8px } .widget.widget-post-thumb .post-content .entry-meta span { padding: 0 8px; position: relative } .widget.widget-post-thumb .post-content .entry-meta span:before { color: #b6b6b6; content: "|"; font-size: 13px; position: absolute; right: 0; top: 0 } .widget.widget-post-thumb .post-content .entry-meta span:last-child:before { display: none } .widget.widget-post-thumb .post-content .entry-meta a { color: #787878; display: inline-block; font-size: 13px; line-height: 1.1 } .widget.widget-post-thumb .post-content .entry-meta a:hover, .widget.widget-post-thumb .post-content .entry-meta a:focus { color: #440310 } .widget.widget_text ul { margin-top: 20px } .widget.widget_text ul li { margin-bottom: 10px; padding-left: 25px; position: relative } .widget.widget_text ul li:last-child { margin-bottom: 0 } .widget.widget_text ul li i { color: var(--bs-white); position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat } .inner-banner-wrap { padding-bottom: 95px } .inner-baner-container { background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; position: relative } .inner-baner-container:before { background-color: #151515; content: ""; display: block; opacity: .65; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute } .inner-baner-container .inner-banner-content { padding-top: 120px; padding-bottom: 135px; position: relative; color: var(--bs-white) } .inner-baner-container .page-title { color: var(--bs-white); line-height: 1.1; text-transform: uppercase; margin-bottom: 0 } .primary-bg { background-color: var(--bs-orange) } .overlay { background-color: rgb(0 0 0 / .6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .social-icon ul { margin: 0; padding: 0; font-size: 0 } .social-icon li { display: inline-block; list-style: none; margin: 0 5px } .social-icon a { font-size: 16px; color: #404040; transition: color 0.4s } .social-icon a:hover, .social-icon a:focus, .social-icon a:active { color: #440310 } .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after { content: ""; display: block; clear: both } .package-inner-page { padding-bottom: 100px } @media (min-width: 992px) { .right-sidebar { padding-right: 40px } .mobile-menu-container { display: none !important } .navigation-container { display: flex !important } .navigation-container ul > li.menu-item-has-children:hover > ul { display: block } .navigation-container ul ul ul { left: 100%; top: 0 } .navigation-container ul > li:hover > a:after { transform: rotate(180deg) } .bottom-header { background-color: var(--bs-white); box-shadow: 0 -3px 10px rgb(0 0 0 / .2); position: fixed; top: 0; width: 100%; left: 0; z-index: 999 } .navigation-container ul > li > a { color: #440310 } } @media (max-width: 991px) { .mobile-menu-container { display: block !important; position: relative; z-index: 1000; background-color: transparent !important } .bottom-header { border-bottom: 1px solid rgb(255 255 255 / .25); padding: 12px 0 } .mobile-menu-container { background-color: var(--bs-white); box-shadow: 0 -3px 10px rgb(0 0 0 / .2); position: fixed; top: 0; width: 100%; left: 0; z-index: 999 } .mobile-menu-container .slicknav_nav { min-height: fit-content; height: 100%; overflow-y: scroll; position: absolute; width: 100%; left: 0; right: 0; z-index: 999 } .mobile-menu-container .slicknav_menutxt, .mobile-menu-container .slicknav_btn .slicknav_icon span, .mobile-menu-container .slicknav_btn .slicknav_icon span:before, .mobile-menu-container .slicknav_btn .slicknav_icon span:after { color: #440310 } .sidebar .booking-form-wrap { margin-top: 40px } .site-footer .lower-footer .text-right { text-align: initial !important } .site-footer .footer-newsletter { margin-bottom: 20px } .footer-primary .widget { margin-bottom: 30px } } @media (max-width: 768px) { th, td { padding: 10px; font-size: 14px } } @media (max-width: 767px) { h1 { font-size: 36px } h2 { font-size: 28px } h3 { font-size: 20px } h4 { font-size: 16px } h5 { font-size: 14px } h6 { font-size: 12px } } @media (max-width: 575px) { body { font-size: 14px } .site-logo img { max-width: 80px } .round-btn, .outline-btn { font-size: 14px; padding: 12px 20px } .outline-btn { padding: 10px 20px } .package-inner-page { padding-bottom: 60px } .inner-banner-wrap { padding-bottom: 55px } .inner-baner-container .inner-banner-content { padding-top: 80px; padding-bottom: 80px } .inner-baner-container .page-title { font-size: 30px } .site-footer { padding-top: 50px } .site-footer .top-footer { padding-bottom: 25px } .site-footer .footer-newsletter input[type="email"] { height: 50px; margin-right: 0 } .site-footer .footer-newsletter button { width: 100%; margin-top: 10px } .site-footer .footer-menu ul li a { font-size: 12px; font-weight: 400 } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { height: 55px } } ul, ol { list-style: none } .destination-item { background-size: cover; background-position: center center; background-repeat: no-repeat } .destination-item a { color: #223645 } .destination-item a:hover { color: #440310 !important } input { min-width: 100% !important; height: 50px } .destination-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; min-height: 425px; margin-bottom: 50px } .destination-item .destination-content { background-color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin: 20px; padding: 22px 20px; position: relative } .destination-item .cat-link { color: #f99300; display: block; font-size: 13px; margin-bottom: 8px; text-transform: uppercase } .destination-item h3 { text-transform: capitalize; margin-bottom: 6px } .destination-item p:last-child { margin-bottom: 0 } .destination-item .rating-start-wrap { background-color: #f99300; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 4px 12px; position: absolute; right: 24px; top: -12px } .destination-item .rating-start-wrap .rating-start:before { color: #c3c3c3 } .destination-item .rating-start-wrap .rating-start span:before { color: #fff } @media screen and (max-width: 575px) { .destination-item { margin-bottom: 30px } } .input-date-picker { display: inline-block; width: 100%; max-width: 250px; padding: 10px 15px; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff; border: 1px solid #e9ecef; border-radius: 8px; box-shadow: 0 2px 5px rgb(0 0 0 / .1); transition: border-color 0.3s ease, box-shadow 0.3s ease; cursor: pointer; pointer-events: auto; user-select: auto } .input-date-picker:hover { border-color: #fd7e14; box-shadow: 0 3px 10px rgb(0 0 0 / .15) } .input-date-picker:focus { outline: none; border-color: #fd7e14; box-shadow: 0 0 0 3px rgb(253 126 20 / .3) } .input-date-picker::placeholder { color: #6c757d; opacity: .7 } .input-date-picker::-webkit-calendar-picker-indicator { cursor: pointer; padding: 5px; margin-left: 5px; background-size: 20px; z-index: 1; pointer-events: auto; opacity: .7; transition: opacity 0.3s ease } .input-date-picker:hover::-webkit-calendar-picker-indicator { opacity: 1 } .input-date-picker:disabled { background-color: #f8f9fa; border-color: #d1d3e2; color: #6c757d; cursor: not-allowed; pointer-events: none } @media screen and (max-width: 575px) { .input-date-picker { max-width: 100%; font-size: 14px; padding: 8px 12px } } .input-date-picker:focus-visible { outline: 2px solid #fd7e14; outline-offset: 2px } h1.text-center { font-size: clamp(1.5rem, 3vw, 2.5rem); text-transform: uppercase; text-align: center; letter-spacing: .05em; font-weight: 700 } h1 { font-size: clamp(1.5rem, 3vw, 2.5rem); text-transform: uppercase; letter-spacing: .05em; font-weight: 700 } h2.text-center { font-size: clamp(1.3rem, 2.5vw, 2rem); text-align: center; letter-spacing: .05em; font-weight: 700 } h2 { font-size: clamp(1.3rem, 2.5vw, 2rem); letter-spacing: .05em; font-weight: 700 } h3.text-center { font-size: clamp(1.1rem, 2vw, 1.75rem); text-align: center; letter-spacing: .05em; font-weight: 700 } h3 { font-size: clamp(1.1rem, 2vw, 1.75rem); letter-spacing: .05em; font-weight: 700 } h4.text-center { font-size: clamp(0.9rem, 1.8vw, 1.5rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h4 { font-size: clamp(0.9rem, 1.8vw, 1.5rem); letter-spacing: .05em; font-weight: 600 } h5.text-center { font-size: clamp(0.8rem, 1.6vw, 1.25rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h5 { font-size: clamp(0.8rem, 1.6vw, 1.25rem); letter-spacing: .05em; font-weight: 600 } h6.text-center { font-size: clamp(0.7rem, 1.4vw, 1rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h6 { font-size: clamp(0.7rem, 1.4vw, 1rem); letter-spacing: .05em; font-weight: 600 } @media (max-width: 768px) { h1.text-center, h1 { font-size: clamp(1.25rem, 2.5vw, 1.75rem) } h2.text-center, h2 { font-size: clamp(1.1rem, 2.2vw, 1.5rem) } h3.text-center, h3 { font-size: clamp(1rem, 2vw, 1.3rem) } h4.text-center, h4 { font-size: clamp(0.85rem, 1.7vw, 1.2rem) } h5.text-center, h5 { font-size: clamp(0.75rem, 1.5vw, 1rem) } h6.text-center, h6 { font-size: clamp(0.65rem, 1.3vw, 0.9rem) } } @media (max-width: 480px) { h1.text-center, h1 { font-size: clamp(1rem, 2vw, 1.25rem); text-transform: none; letter-spacing: normal } h2.text-center, h2 { font-size: clamp(0.9rem, 1.8vw, 1.1rem); text-transform: none; letter-spacing: normal } h3.text-center, h3 { font-size: clamp(0.8rem, 1.6vw, 1rem); text-transform: none; letter-spacing: normal } h4.text-center, h4 { font-size: clamp(0.7rem, 1.4vw, 0.9rem); text-transform: none; letter-spacing: normal } h5.text-center, h5 { font-size: clamp(0.65rem, 1.3vw, 0.8rem); text-transform: none; letter-spacing: normal } h6.text-center, h6 { font-size: clamp(0.6rem, 1.2vw, 0.75rem); text-transform: none; letter-spacing: normal } } main.site-main { padding-top: clamp(60px, 5vw, 60px) } .single-packge-wrap .package-content-detail .package-include ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: block; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .single-packge-wrap .package-content-detail .package-include ul li { width: 100% }

Serengeti vs masasai mara | Oke ti Ila-oorun Iwọ-oorun Iwọ-oorun Iwọ-oorun Awọn ibi

Frentigeli Ande-ane Park Ni Tanzania ati Masaii Mara National Reserve Ni Kenya jẹ meji ninu awọn ibi-Afirika ọba ti ila-oorun ti ila-oorun julọ, Pinpin awọn ilolupo kanna ati ijira nla. Lakoko ti awọn mejeeji nfunni ni ẹgbẹ egan ti agbaye Awọn iriri, wọn yatọ ni iwọn, oju aye, wiwọle, awọn idiyele, ati awọn ipele eniyan. Lafiwe yii Ṣawari iseda ti awọn itura, ẹranko igbẹ, awọn idiyele, awọn ibugbe, awọn ifalọkan, awọn iṣẹ, Wiwọle, akoko ti o dara julọ lati ṣabẹwo, ati peges lati ṣe iranlọwọ fun ọ lati yan ibi giga Safari ti o dara julọ.

IFiranSnut wa