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% }
Zanzibar VS Maldives | Okun okun to gaju Awọn ibi Zanzibar , awọn ọmọ ile-iwe parpolago Ihaagun ti Tanzania, ati awọn aranni, gbigba ti awọn itolu ni Okun Indian, jẹ alakọkọ Awọn opin eti okun ti o san fun fun omi ati awọn iyanrin funfun wọn. Lakoko mejeeji Pese awọn iyọrisi idyllic, wọn yatọ ninu aṣa, idiyele, awọn iṣẹ, ati wiwọle. Eyi lafiwe n ṣawari awọn eti okun, awọn idiyele, awọn ibugbe, awọn iṣẹ, aṣa, wiwọle, wiwọle, dara julọ Akoko lati ṣe abẹwo, ati yi vibe lati ran ọ lọwọ lati yan isinmi eti okun pipe rẹ pipe.
IFiranSnut wa