diff --git a/index.html b/index.html index 38dec7e..2a38aa9 100644 --- a/index.html +++ b/index.html @@ -54,6 +54,20 @@ + + + + + + + + + + + + + + @@ -149,5 +163,27 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/package-lock.json b/package-lock.json index c720225..22402bb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -73,6 +73,7 @@ "@types/node": "^22.16.5", "@types/react": "^18.3.23", "@types/react-dom": "^18.3.7", + "@vitejs/plugin-basic-ssl": "^2.1.0", "@vitejs/plugin-react-swc": "^3.11.0", "autoprefixer": "^10.4.21", "eslint": "^9.32.0", @@ -3257,6 +3258,19 @@ "url": "https://opencollective.com/typescript-eslint" } }, + "node_modules/@vitejs/plugin-basic-ssl": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.0.tgz", + "integrity": "sha512-dOxxrhgyDIEUADhb/8OlV9JIqYLgos03YorAueTIeOUskLJSEsfwCByjbu98ctXitUN3znXKp0bYD/WHSudCeA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "peerDependencies": { + "vite": "^6.0.0 || ^7.0.0" + } + }, "node_modules/@vitejs/plugin-react-swc": { "version": "3.11.0", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.11.0.tgz", diff --git a/package.json b/package.json index 7b5661d..baa8b89 100644 --- a/package.json +++ b/package.json @@ -76,6 +76,7 @@ "@types/node": "^22.16.5", "@types/react": "^18.3.23", "@types/react-dom": "^18.3.7", + "@vitejs/plugin-basic-ssl": "^2.1.0", "@vitejs/plugin-react-swc": "^3.11.0", "autoprefixer": "^10.4.21", "eslint": "^9.32.0", diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..3585988 --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,5111 @@ +@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400;500;600;700;800&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap'); + +/* ---------------------------------------------------------------- + - General Styles +----------------------------------------------------------------- */ +:root, +[data-bs-theme=light] { + --bs-blue: #0c72c6; + --bs-primary: #F84525; + --bs-primary-rgb: 248, 69, 37; + --footer-bg-color: #191e25; + --bs-light: #f8f4f3; + --bs-light-rgb: 248, 244, 243; + --bs-dark-rgb: 25, 30, 37; + --bs-warning: #ffb14f; + --bs-warning-rgb: 255, 177, 79; + --bs-font-caveat: 'Caveat', cursive; + --bs-font-sans-serif: "Wix Madefor Display", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-gradient: linear-gradient(#f8f4f3, #fff); +} + +[data-bs-theme=dark] { + /* --bs-body-color: #91989e; */ + /* --bs-body-bg: #1a1d21; */ + /* --bs-body-bg: #191e25; */ + --bs-body-bg: #1e242d; + /* --bs-light-rgb: 33, 37, 41; */ + --bs-light: #12161c; + --bs-light-rgb: 18, 22, 28; + /* --bs-light-rgb: 25, 30, 37; */ + /* --bs-dark-rgb: 255, 255, 255; */ + --bs-border-color: #30353b; + --bs-gradient: linear-gradient(#12161c, #1e242d); +} + +html * { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + text-decoration: none; + color: inherit; +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.4; +} + +[data-bs-theme=dark] p { + color: #91989e; +} + +[data-bs-theme=dark] .bg-primary p { + color: var(--bs-white); +} + + +/* [data-bs-theme=dark] .h1, +[data-bs-theme=dark] .h2, +[data-bs-theme=dark] .h3, +[data-bs-theme=dark] .h4, +[data-bs-theme=dark] .h5, +[data-bs-theme=dark] .h6, +[data-bs-theme=dark] h1, +[data-bs-theme=dark] h2, +[data-bs-theme=dark] h3, +[data-bs-theme=dark] h4, +[data-bs-theme=dark] h5, +[data-bs-theme=dark] h6 { + color: var(--bs-white); +} */ + +/* ---------------------------------------------------------------- + - Utilities +----------------------------------------------------------------- */ + +[data-bs-theme=dark] .text-dark { + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} + +/* Shadow ----------*/ + +.shadow-sm { + /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; */ + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important; +} + +.shadow { + -webkit-box-shadow: 2px 2px 20px 0 rgb(82 66 47 / 12%) !important; + box-shadow: 2px 2px 20px 0 rgb(82 66 47 / 12%) !important; +} + +.shadow-end { + -webkit-box-shadow: rgba(0, 0, 0, .06) 10px 0px 6px -5px; + box-shadow: rgba(0, 0, 0, .06) 10px 0px 6px -5px; +} + +[dir=rtl] .shadow-end { + -webkit-box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px; + box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px; +} + +.shadow-start { + -webkit-box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px; + box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px; + +} + +[dir=rtl] .shadow-start { + -webkit-box-shadow: rgba(0, 0, 0, .06) 10px 0px 6px -5px; + box-shadow: rgba(0, 0, 0, .06) 10px 0px 6px -5px; +} + +.font-caveat { + font-family: var(--bs-font-caveat) !important; +} + +.top-auto { + top: auto !important; +} + +/* border radius ----------*/ +.rounded-bottom-left-4 { + border-bottom-left-radius: 1rem; +} + + +.rounded-bottom-right-4 { + border-bottom-right-radius: 1rem; +} + +.rounded-top-left-4 { + border-top-left-radius: 1rem; +} + +.rounded-top-right-4 { + border-top-left-radius: 1rem; +} + +/* background ----------- */ +.bg-blur { + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(255, 255, 255, .2); + +} + +.bg-center { + background-position: center !important; +} + +.bg-bottom { + background-position: bottom !important; +} + +.bg-cover { + background-size: cover !important; +} + +.bg-no-repeat { + background-repeat: no-repeat !important; +} + +.bg-size-contain { + background-size: contain !important; +} + +/* Font size ------------------ */ + +.fs-10 { + font-size: 10px !important; +} + +.fs-11 { + font-size: 11px !important; +} + +.fs-12 { + font-size: 12px !important; +} + +.fs-13 { + font-size: 13px !important; +} + +.fs-14 { + font-size: 14px !important; +} + +.fs-15 { + font-size: 15px !important; +} + +.fs-16 { + font-size: 16px !important; +} + +.fs-17 { + font-size: 17px !important; +} + +.fs-18 { + font-size: 18px !important; +} + +.fs-19 { + font-size: 19px !important; +} + +.fs-20 { + font-size: 20px !important; +} + +.fs-21 { + font-size: 21px !important; +} + +.fs-22 { + font-size: 22px !important; +} + +.fs-23 { + font-size: 23px !important; +} + +.fs-24 { + font-size: 24px !important; +} + +.fs-25 { + font-size: 25px !important; +} + +.fs-26 { + font-size: 26px !important; +} + +.fs-27 { + font-size: 27px !important; +} + +.fs-28 { + font-size: 28px !important; +} + +.fs-29 { + font-size: 29px !important; +} + +.fs-30 { + font-size: 30px !important; +} + +.fs-31 { + font-size: 31px !important; +} + +.fs-32 { + font-size: 32px !important; +} + +.fs-33 { + font-size: 33px !important; +} + +.fs-34 { + font-size: 34px !important; +} + +.fs-35 { + font-size: 35px !important; +} + +.fs-36 { + font-size: 36px !important; +} + +.fs-37 { + font-size: 37px !important; +} + +.fs-38 { + font-size: 38px !important; +} + +.fs-39 { + font-size: 39px !important; +} + +.fs-40 { + font-size: 40px !important; +} + +.fs-41 { + font-size: 41px !important; +} + +.fs-42 { + font-size: 42px !important; +} + +.fs-43 { + font-size: 43px !important; +} + +.fs-44 { + font-size: 44px !important; +} + +.fs-45 { + font-size: 45px !important; +} + +.fs-46 { + font-size: 46px !important; +} + +.fs-47 { + font-size: 47px !important; +} + +.fs-48 { + font-size: 48px !important; +} + +.fs-49 { + font-size: 49px !important; +} + +.fs-50 { + font-size: 50px !important; +} + +.fs-51 { + font-size: 51px !important; +} + +.fs-52 { + font-size: 52px !important; +} + +.fs-53 { + font-size: 53px !important; +} + +.fs-54 { + font-size: 54px !important; +} + +.fs-55 { + font-size: 55px !important; +} + +.fs-56 { + font-size: 56px !important; +} + +.fs-57 { + font-size: 57px !important; +} + +.fs-58 { + font-size: 58px !important; +} + +.fs-59 { + font-size: 59px !important; +} + +.fs-60 { + font-size: 60px !important; +} + +.fs-61 { + font-size: 61px !important; +} + +.fs-62 { + font-size: 62px !important; +} + +/* Gutters */ +@media (min-width: 1400px) { + + .g-xxl-6, + .gx-xxl-6 { + --bs-gutter-x: 6rem; + } +} + +/* ---------------------------------------------------------------- + - Components +----------------------------------------------------------------- */ +/* To Top -------------*/ +.btn-top { + position: fixed; + bottom: 20px; + right: 20px; + cursor: pointer; + display: none; + height: 36px; + width: 36px; + text-align: center; + line-height: 36px; + color: var(--bs-primary); + border: 2px solid var(--bs-primary); + border-radius: 0.5rem; + +} + +.btn-top:hover { + color: #fff; + background-color: var(--bs-primary) +} + +/* Form Checkbox --------- */ +.form-check { + padding-left: 2em; +} + +.form-check-input { + width: 1.3em; + height: 1.3em; + margin-top: .15em; + border-color: #dee2e6; + /* --bs-form-check-bg: #f7edeb; */ +} + +.form-check .form-check-input { + margin-left: -2em; +} + +.form-check-input:checked { + background-color: var(--bs-primary); + border-color: var(--bs-primary); +} + +.form-check-input:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +.form-check-input[type=checkbox] { + border-radius: .4em; +} + +.form-check-label { + font-weight: 500; + color: var(--bs-dark); +} + +[data-bs-theme=dark] .form-check-label { + color: var(--bs-white); +} + +/* Background image ------- */ +.bg-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 0; + -o-object-fit: cover; + object-fit: cover; +} + +/* Dark overlay -------- */ +.dark-overlay::after { + position: absolute; + opacity: 0.2; + top: 0; + right: 0; + bottom: 0; + left: 0; + content: ""; + background: #000; +} + +.dark-overlay .overlay-content { + position: relative; + z-index: 1; +} + +/* progress -------- */ +.progress, +.progress-stacked { + --bs-progress-bar-bg: #F84525; + --bs-progress-height: .4rem; +} + +.progress-bar { + border-radius: 10px; +} + +/* Nav tabs style two -------------*/ +.nav-tabs.nav-tabs_two { + --bs-nav-link-color: var(--bs-dark); + --bs-nav-tabs-link-active-bg: var(--bs-primary); + --bs-nav-tabs-link-active-color: var(--bs-white); +} + +.nav-tabs.nav-tabs_two .nav-item:not(:last-child) { + margin-right: .5rem; +} + +.nav-tabs.nav-tabs_two .nav-link { + border: 0; +} + +/* ribbon ----------------- */ +.ribbon { + position: absolute; + right: -6px; + top: -7px; + z-index: 1; + overflow: hidden; + width: 80px; + height: 80px; + text-align: right; +} + +.ribbon span { + font-size: 11px; + color: #fff; + text-transform: uppercase; + text-align: center; + font-weight: bold; + line-height: 22px; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + width: 100px; + display: block; + background: #79A70A; + background: -o-linear-gradient(#9BC90D 0%, #79A70A 100%); + background: -webkit-gradient(linear, left top, left bottom, from(#9BC90D), to(#79A70A)); + background: linear-gradient(#9BC90D 0%, #79A70A 100%); + -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); + box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); + position: absolute; + top: 19px; + right: -21px; + letter-spacing: .5px; +} + +.ribbon span::before { + content: ''; + position: absolute; + left: 0px; + top: 100%; + z-index: -1; + border-left: 3px solid #79A70A; + border-right: 3px solid transparent; + border-bottom: 3px solid transparent; + border-top: 3px solid #79A70A; +} + +.ribbon span::after { + content: ''; + position: absolute; + right: 0%; + top: 100%; + z-index: -1; + border-right: 3px solid #79A70A; + border-left: 3px solid transparent; + border-bottom: 3px solid transparent; + border-top: 3px solid #79A70A; +} + +.red span { + background: -o-linear-gradient(#F70505 0%, #F84525 100%); + background: -webkit-gradient(linear, left top, left bottom, from(#F70505), to(#F84525)); + background: linear-gradient(#F70505 0%, #F84525 100%); +} + +.red span::before { + border-left-color: #F84525; + border-top-color: #F84525; +} + +.red span::after { + border-right-color: #F84525; + border-top-color: #F84525; +} + +.blue span { + background: -o-linear-gradient(#2989d8 0%, #1e5799 100%); + background: -webkit-gradient(linear, left top, left bottom, from(#2989d8), to(#1e5799)); + background: linear-gradient(#2989d8 0%, #1e5799 100%); +} + +.blue span::before { + border-left-color: #1e5799; + border-top-color: #1e5799; +} + +.blue span::after { + border-right-color: #1e5799; + border-top-color: #1e5799; +} + +/* Pagination ------- */ + +.pagination a { + display: inline-block; + margin: 0 5px; + padding: 0 5px; + min-width: 30px; + height: 30px; + line-height: 29px; + vertical-align: middle; + text-align: center; + color: inherit; + font-weight: 700; + border-radius: 50%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; +} + +.pagination span { + display: inline-block; + margin: 0 5px; + padding: 0 5px; + min-width: 34px; + height: 34px; + line-height: 35px; + vertical-align: middle; + text-align: center; + background-color: var(--bs-primary); + color: #ffffff; + font-weight: 700; + text-decoration: none; + border-radius: 4px; +} + +.pagination .prev, +.pagination .next { + text-transform: uppercase; + font-size: 11px; + letter-spacing: 3px; +} + +.pagination .prev { + margin-right: 40px; +} + +.pagination .next { + margin-left: 40px; +} + +/* Accordion --------- */ +.accordion { + --bs-accordion-btn-icon-width: 1rem; + --bs-accordion-btn-hover-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); +} + +.accordion-item { + /* background-color: #f9f9f9; */ + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important; +} + +.accordion-2 .accordion-item { + border-radius: 0; + background-color: transparent; + border-width: 0 0 1px !important; + border-color: rgba(31, 31, 30, .1) !important; +} + +[data-bs-theme=dark] .accordion-2 .accordion-item { + border-color: rgba(255, 255, 255, .1) !important; +} + +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.accordion-2 .accordion-item:first-of-type .accordion-button { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} + +.accordion-2 .accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion-button { + border-radius: 1rem; +} + +.accordion-2 .accordion-button { + border-radius: 0; + background-color: transparent; +} + +.accordion-button:not(.collapsed) { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.accordion-button::after { + height: 40px; + width: 40px; + border-radius: 30px; + background-position: center; + border: 1px solid var(--bs-border-color); + -webkit-transition: all 150ms linear; + -o-transition: all 150ms linear; + transition: all 150ms linear; +} + +.accordion-button:hover::after { + background-color: var(--bs-primary); + border-color: var(--bs-primary); + background-image: var(--bs-accordion-btn-hover-icon); +} + +.accordion-2 .accordion-button::after { + background-color: var(--bs-primary); + border-color: var(--bs-primary); + background-image: var(--bs-accordion-btn-hover-icon); +} + +.accordion-2.collapsed .accordion-button::after { + background-color: var(--bs-white); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} + +/* form control --------------- */ + +.form-group { + position: relative; +} + +.form-group label { + position: absolute; + top: -11px; + left: 10px; + pointer-events: none; + z-index: 4; + background: var(--bs-white); + padding: 0 10px; + font-weight: 500; + color: var(--bs-dark); +} + +[data-bs-theme=dark] .form-group label { + color: var(--bs-white); + background: var(--bs-body-bg); + +} + +.form-control, +.form-select { + font-size: 15px; + font-weight: 500; + height: 52px; + border-radius: 0.5rem; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + -webkit-box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05); +} + +.form-control:focus, +.form-select:focus { + -webkit-box-shadow: none; + box-shadow: none; + padding-left: 1rem; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + border-color: var(--bs-primary); +} + +textarea.form-control { + height: auto; +} + +.form-group textarea.form-control { + height: auto; + padding: 15px 20px; +} + + +/* Range Slider --------------- */ +.irs--round .irs-line { + height: 3px; + background-color: rgba(0, 0, 0, 0.1); +} + +[data-bs-theme=dark] .irs--round .irs-line { + background-color: rgba(255, 255, 255, 0.2); +} + +.irs--round .irs-bar { + top: 36px; + height: 3px; + background-color: var(--bs-primary); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 16px 16px; +} + +.irs--round .irs-handle { + width: 21px; + height: 21px; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + background-color: var(--bs-primary); +} + +.irs--round .irs-handle.state_hover, +.irs--round .irs-handle:hover { + background-color: var(--bs-primary); +} + +.irs--round .irs-from, +.irs--round .irs-to, +.irs--round .irs-single { + background-color: var(--bs-dark); + font-size: 12px; + padding: 5px 10px; +} + +.irs--round .irs-from:before, +.irs--round .irs-to:before, +.irs--round .irs-single:before { + position: absolute; + border-top-color: var(--bs-dark); + ; +} + +.irs--round .irs-bar { + background-color: var(--bs-primary); +} + +[data-bs-theme=dark] .irs--round .irs-min, +[data-bs-theme=dark] .irs--round .irs-max { + color: var(--bs-white); +} + +/* Buttons --------- */ + +.btn { + --bs-btn-padding-x: 1rem; + --bs-btn-padding-y: 0.625rem; + --bs-btn-border-radius: 0.5rem; +} + +.btn-group-lg>.btn, +.btn-lg { + --bs-btn-padding-y: 0.739rem; + --bs-btn-padding-x: 1.5rem; + --bs-btn-font-size: 1.1rem; + --bs-btn-border-radius: 0.6rem; +} + +.btn-group-sm>.btn, +.btn-sm { + --bs-btn-padding-y: 0.4rem; + --bs-btn-padding-x: 0.5rem; + --bs-btn-font-size: 0.875rem; + --bs-btn-border-radius: 0.4rem; +} + +/*Button primary*/ +.btn-primary { + --bs-btn-bg: #fe8303; + --bs-btn-border-color: #fe8303; + --bs-btn-hover-bg: #fe8303; + --bs-btn-hover-border-color: #fe8303; + --bs-btn-focus-shadow-rgb: none; + --bs-btn-active-bg: #fe8303; + --bs-btn-active-border-color: #fe8303; + --bs-btn-disabled-bg: #F84525; + --bs-btn-disabled-border-color: #F84525; +} + +.btn-outline-primary { + --bs-btn-color: #F84525; + --bs-btn-border-color: #F84525; + --bs-btn-hover-bg: #eb3616; + --bs-btn-hover-border-color: #eb3616; + --bs-btn-focus-shadow-rgb: 13, 110, 253; + --bs-btn-active-bg: #eb3616; + --bs-btn-active-border-color: #eb3616; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #eb3616; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #eb3616; + --bs-gradient: none; +} + +.btn-default { + --bs-btn-color: #000; + --bs-btn-bg: #fff; + --bs-btn-border-color: #fff; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #d3d4d5; + --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-focus-shadow-rgb: 211, 212, 213; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c6c7c8; + --bs-btn-active-border-color: #babbbc; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #fff; + --bs-btn-disabled-border-color: #fff; +} + +[data-bs-theme=dark] .btn-default { + --bs-btn-color: var(--bs-white); + --bs-btn-bg: var(--bs-body-bg); + --bs-btn-border-color: var(--bs-body-bg); +} + +.btn-outline-default { + --bs-btn-color: #212529; + --bs-btn-bg: #fff; + --bs-btn-border-color: #ced4da; + --bs-btn-hover-color: #F84525; + --bs-btn-hover-bg: #cdcdcd; + --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-focus-shadow-rgb: 211, 212, 213; + --bs-btn-active-color: #F84525; + --bs-btn-active-bg: #e7e7e7; + --bs-btn-active-border-color: #babbbc; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #F84525; + --bs-btn-disabled-bg: #fff; + --bs-btn-disabled-border-color: #ced4da; +} + +.btn-light { + --bs-btn-bg: #f8f4f3; + --bs-btn-border-color: #f8f4f3; + --bs-btn-hover-bg: #f7edeb; + --bs-btn-hover-border-color: #f7edeb; + --bs-btn-active-bg: #f7edeb; + --bs-btn-active-border-color: #f7edeb; + --bs-btn-disabled-bg: #f7edeb; + --bs-btn-disabled-border-color: #f7edeb; +} + +[data-bs-theme=dark] .btn-light { + --bs-btn-color: #fff; + --bs-btn-bg: #12161c; + --bs-btn-border-color: #12161c; +} + +.btn-warning { + --bs-btn-color: #0e0e0e; + --bs-btn-bg: #ffd105; + --bs-btn-border-color: #ffd105; + --bs-btn-hover-color: #0e0e0e; + --bs-btn-hover-bg: #e7be05; + --bs-btn-hover-border-color: #e7be05; + --bs-btn-active-bg: #e7be05; + --bs-btn-active-color: #0e0e0e; + --bs-btn-active-border-color: #e7be05; + --bs-btn-disabled-bg: #ffd105; + --bs-btn-disabled-color: #0e0e0e; + --bs-btn-disabled-border-color: #ffd105; +} + +.btn-dark { + --bs-btn-bg: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-bg: #0e0e0e; + --bs-btn-hover-border-color: #0e0e0e; + --bs-btn-active-bg: #0e0e0e; + --bs-btn-active-border-color: #0e0e0e; + --bs-btn-disabled-bg: #212529; + --bs-btn-disabled-border-color: #212529; +} + +/* tooltip ----------- */ +.tooltip { + font-family: 'Wix Madefor Display', sans-serif; +} + +/* hr ----------- */ +hr { + opacity: 1; + color: #dee2e6; +} + +[data-bs-theme=dark] hr { + border-color: var(--bs-border-color); +} + +/* Card ------------------- */ +.card { + --bs-card-spacer-y: 1.5rem; + --bs-card-spacer-x: 1.5rem; + --bs-card-border-color: var(--bs-border-color); + --bs-card-cap-bg: transform; + --bs-card-border-radius: var(--bs-border-radius-xl); + --bs-card-inner-border-radius: calc(var(--bs-border-radius-xl) - (var(--bs-border-width))); +} + +.card-header, +.card-footer { + width: calc(100% - var(--bs-card-spacer-x)*2); + padding-right: 0; + padding-left: 0; + margin: auto; +} + +/* card hover */ +.card-hover { + -webkit-transition: all .3s ease-out; + -o-transition: all .3s ease-out; + transition: all .3s ease-out; +} + +.card-hover:hover { + -webkit-transform: translate(0px, -6px); + -ms-transform: translate(0px, -6px); + transform: translate(0px, -6px); +} + +/* List Separator ------ */ + +.list-separator { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.list-separator .list-inline-item { + position: relative; + margin-right: 0; +} + +.list-separator .list-inline-item:not(:last-child) { + padding-right: 2rem; +} + +.list-separator .list-inline-item:not(:last-child)::after { + position: absolute; + top: 50%; + right: .8rem; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + content: "/"; + opacity: .5; +} + +/* Breadcrumb ----- */ + +.breadcrumb-wrap { + padding: 12px 0; + border-bottom: 1px dotted #ddd; +} + +.breadcrumb { + --bs-breadcrumb-divider-color: var(--bs-primary); + --bs-breadcrumb-item-active-color: var(--bs-primary); +} + +.breadcrumb-item+.breadcrumb-item::before { + font-size: 12px; + font-weight: 600; + font-family: "Font Awesome 6 Free"; + content: var(--bs-breadcrumb-divider, "\f054"); +} + +.breadcrumb li a:hover { + color: var(--bs-primary); +} + +.breadcrumb li.active { + font-weight: 600; +} + +/* Tags -------------*/ + +.ui.tag { + padding: .4rem 1.5em; + letter-spacing: .5px; + font-size: 13px; +} + +.ui.tag:hover { + color: #fff; + border-color: var(--bs-primary) !important; + background-color: var(--bs-primary) !important; +} + +/* badge ------------------- */ +.badge { + --bs-badge-padding-x: 0.8em; + --bs-badge-padding-y: 0.4em; +} + +/* Dropdown Menu ------- */ + +.dropdown-menu { + --bs-dropdown-min-width: 12rem; + --bs-dropdown-item-padding-x: 1.25rem; + --bs-dropdown-item-padding-y: 0.375rem; + --bs-dropdown-link-color: #2f2e41; + --bs-dropdown-link-hover-color: var(--bs-primary); + --bs-dropdown-link-hover-bg: #f1f1f1; + --bs-dropdown-link-active-color: var(--bs-primary); + --bs-dropdown-link-active-bg: #f1f1f1; + -webkit-box-shadow: 0 5px 9px rgba(55, 125, 255, 0.075), 0 5px 9px rgba(103, 119, 136, 0.075); + box-shadow: 0 5px 9px rgba(55, 125, 255, 0.075), 0 5px 9px rgba(103, 119, 136, 0.075); +} + +[data-bs-theme=dark] .dropdown-menu { + --bs-dropdown-link-color: var(--bs-white); +} + +.dropdown-item { + font-size: 0.875rem; + font-weight: 500; +} + +/* Select2 --------- */ +.select2-container--bootstrap-5 .select2-selection { + border-radius: 0.5rem; + border-color: var(--bs-border-color); + min-height: calc(2em + 0.75rem + 2px); + padding: 0.575rem 2.25rem 0.575rem 0.75rem; + -webkit-box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05); + box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05); + background-color: var(--bs-body-bg); +} + +.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { + font-size: 13px; +} + +.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { + width: .5rem; + height: .5rem; +} + +.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option { + padding: .375rem .75rem; + font-size: 15px; + font-weight: 400; + line-height: 1.5; +} + +[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted { + color: var(--bs-white); + background-color: #12161c; +} + +.select2-container--bootstrap-5 .select2-dropdown { + border-color: var(--bs-primary); +} + +[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown { + color: var(--bs-white); + background-color: var(--bs-body-bg) +} + +.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, +.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) { + background-color: var(--bs-primary); +} + +[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field { + background-color: var(--bs-body-bg); + border-color: var(--bs-border-color); +} + +.select2-container--bootstrap-5.select2-container--focus .select2-selection, +.select2-container--bootstrap-5.select2-container--open .select2-selection, +.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus { + border-color: var(--bs-primary); + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Stars rating -------- */ + +.rating-stars { + gap: 0.02rem; +} + +.fa-star-icon { + width: 15px; + height: 13px; + position: relative; + margin-right: 2px; + font-size: 13px; + font-weight: 900; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: var(--fa-display, inline-block); + font-style: normal; + font-variant: normal; + line-height: 1; + text-rendering: auto; +} + +.fa-star-icon::before { + font-family: "Font Awesome 6 Free"; + content: "\f005"; + color: #ffb14f; + position: absolute; + z-index: 1; + top: 0; + left: 0; + opacity: 0.33; +} + +.fa-star-icon:not(.none)::after { + font-family: "Font Awesome 6 Free"; + content: "\f005"; + color: #ffb14f; + position: absolute; + top: 0; + left: 0; + z-index: 2; +} + +.fa-star-icon.half::after { + content: "\f089"; +} + +.rating-point h3 { + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + left: 50%; + letter-spacing: -0.5px; +} + + +/* ----------------------------------------------------------------- + - Navbar +----------------------------------------------------------------- */ +.navbar { + --bs-navbar-padding-y: 1rem; + --bs-navbar-collapse-border-color: var(--bs-border-color); +} + +@media(max-width: 991px) { + [dir=rtl] .navbar { + overflow: hidden; + } +} + +@media(max-width: 576px) { + + .navbar .container, + .navbar .container-fluid, + .navbar .container-lg, + .navbar .container-md, + .navbar .container-sm, + .navbar .container-xl, + .navbar .container-xxl { + --bs-gutter-x: 2rem; + } +} + +.custom-navbar.navbar { + border-radius: var(--bs-border-radius-lg); +} + +.navbar { + z-index: 9; + --bs-navbar-color: #2f2e41; + --bs-navbar-nav-link-padding-x: 0.7rem; + --bs-navbar-active-color: var(--bs-primary); + --bs-navbar-hover-color: var(--bs-primary); + --bs-navbar-border-color: var(--bs-primary); + background-color: var(--bs-white); +} + +[data-bs-theme=dark] .navbar { + background-color: var(--bs-body-bg); +} + +@media(max-width: 991px) { + .custom-navbar.navbar.navbar-transfarent { + border-radius: .6rem; + } +} + +.custom-navbar.navbar.navbar-fixed { + top: 16px; + left: 0; + z-index: 1030; + position: fixed; + width: calc(100% - 32px); + -webkit-transition: width .15s cubic-bezier(.25, 1, .5, 1) 0s, padding .45s cubic-bezier(.25, 1, .5, 1) .1s; + -o-transition: width .15s cubic-bezier(.25, 1, .5, 1) 0s, padding .45s cubic-bezier(.25, 1, .5, 1) .1s; + transition: width .15s cubic-bezier(.25, 1, .5, 1) 0s, padding .45s cubic-bezier(.25, 1, .5, 1) .1s; + -webkit-transform: translate(16px, 0); + -ms-transform: translate(16px, 0); + transform: translate(16px, 0); +} + +.custom-navbar.navbar.navbar-transfarent { + background-color: transparent +} + +.custom-navbar.navbar.navbar-bg { + -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; + box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; +} + +@media(max-width: 991px) { + .custom-navbar.navbar { + --bs-navbar-padding-x: .5rem; + } + + .nav-container { + padding: 0; + } + + .navbar-nav { + margin-top: 1rem; + } + +} + +@media(min-width: 992px) and (max-width: 1199px) { + .navbar { + --bs-navbar-nav-link-padding-x: 0.5rem; + } +} + +@media(min-width: 992px) { + + .custom-navbar.navbar { + border-radius: var(--bs-border-radius-xl); + } + + .navbar { + padding: 0; + --bs-navbar-color: #2c3038; + } + + [data-bs-theme=dark] .navbar { + --bs-navbar-color: var(--bs-white); + } + + .custom-navbar.navbar.navbar-transfarent { + --bs-navbar-color: var(--bs-white); + --bs-navbar-active-color: var(--bs-white); + --bs-navbar-border-color: var(--bs-white); + } +} + +.navbar .navbar-nav { + --bs-nav-link-padding-y: 1.7rem; +} + +/*Navbar Brand ------*/ + +.custom-navbar .navbar-brand img { + height: 30px; +} + +.navbar-brand img { + height: 32px +} + +@media(min-width: 576px) { + + .navbar-brand img, + .custom-navbar .navbar-brand img { + height: 36px; + } +} + +.logo-white { + display: none; +} + +[data-bs-theme=dark] .logo-dark { + display: none; +} + +[data-bs-theme=dark] .logo-white { + display: block; +} + +.custom-navbar.navbar-transfarent .navbar-brand .logo-dark { + display: none; +} + +.custom-navbar.navbar-transfarent .navbar-brand .logo-white { + display: block; +} + +@media (min-width: 992px) { + + .navbar .nav-link { + border-radius: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 4px solid transparent; + } + + .navbar-nav .nav-link.active, + .navbar-nav .nav-link.show { + border-color: #fe8303; + color:#fe8303; + } + +} + +@media (min-width: 992px) { + .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { + font-weight: 900; + font-family: "Font Awesome 6 Free"; + border: 0; + font-size: 13px; + height: auto; + width: auto; + -webkit-transition: -webkit-transform 250ms linear; + transition: -webkit-transform 250ms linear; + -o-transition: transform 250ms linear; + transition: transform 250ms linear; + transition: transform 250ms linear, -webkit-transform 250ms linear; + } + + .navbar-nav:not(.sm-collapsible) .nav-link[aria-expanded="true"] .sub-arrow { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + } + + .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow::before { + content: "\f078"; + } +} + +@media(max-width: 991px) { + .navbar .navbar-nav { + padding-top: 1rem; + } + + .navbar .navbar-nav .dropdown-menu { + --bs-dropdown-link-hover-bg: transform; + --bs-dropdown-link-active-bg: transform; + ; + } + + /*navbar collapse toggler icon*/ + .navbar-collapse .collapse-close { + width: 20px; + height: 20px; + cursor: pointer; + } + + .navbar-collapse .collapse-close span { + position: absolute; + display: block; + width: 100%; + height: 2px; + opacity: 1; + border-radius: 2px; + background: #283448; + } + + .navbar-collapse .collapse-close :nth-child(1) { + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); + } + + .navbar-collapse .collapse-close :nth-child(2) { + -webkit-transform: rotate(-135deg); + -ms-transform: rotate(-135deg); + transform: rotate(-135deg); + } + + /*navbar link*/ + .navbar-nav .nav-item { + border-radius: 0.5rem; + background-color: #f8f4f3; + } + + [data-bs-theme=dark] .navbar-nav .nav-item { + background-color: #12161c; + } + + .navbar-nav .nav-item+.nav-item { + margin-top: 7px; + } + + .navbar-nav .nav-link { + padding: .7rem 1rem; + font-weight: 700; + } + + [data-bs-theme=dark] .navbar-nav .nav-link { + color: var(--bs-white); + } + + /*navbar collapsible sub-arrow*/ + .navbar-nav.sm-collapsible .sub-arrow { + margin: -0.7em 0 0 0; + border-radius: 0.375rem; + width: 1.5em; + height: 1.5em; + border-color: #d3d3d3; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + + /*Navbar dropdown menu*/ + .navbar-nav .dropdown-menu { + border-width: 0 0 0 1px; + margin: 0 0 .75rem 1rem; + padding: 0; + border-radius: 0; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-animation: navDropdownslideUp 0.3s ease-in-out; + animation: navDropdownslideUp 0.3s ease-in-out; + } + + [dir=rtl] .navbar-nav .dropdown-menu { + border-width: 0px 1px 0 0; + margin: 0 1rem 0.75rem 0; + } + + @-webkit-keyframes navDropdownslideUp { + from { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + } + + @keyframes navDropdownslideUp { + from { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + } + + .dropdown-menu { + --bs-dropdown-link-active-bg: transparent; + } + +} + +@media(min-width: 992px) { + + /*Navbar dropdown menu*/ + + .dropdown-menu.mega-menu { + max-width: 30em !important; + min-width: 30em !important; + } + + .navbar-nav .dropdown-item:focus, + .navbar-nav .dropdown-item:hover, + .navbar-nav .dropdown-item.active, + .navbar-nav .dropdown-item:active { + color: var(--bs-primary); + background-color: transparent; + } + + .navbar-nav .dropdown-menu li+li { + margin-top: 3px; + } +} + +/*Menu badge ----- */ +.menu-badge { + font-size: 10px; + background-color: #f8e6ec; + color: #eb0254; + border-radius: 10px; + padding: 3px 10px; + margin-left: 6px; + line-height: 1; + position: relative; +} + +/*navbar toggle ----- */ +.navbar-toggler { + padding: 0; + border: 0; + background-color: transparent; + margin-left: 6px; +} + +[dir=rtl] .navbar-toggler { + margin-left: 0; + margin-right: 6px; +} + +.navbar-toggler:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +#nav-icon { + width: 24px; + height: 18px; + position: relative; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: .5s ease-in-out; + -o-transition: .5s ease-in-out; + transition: .5s ease-in-out; + cursor: pointer; + display: block; +} + +#nav-icon span { + display: block; + position: absolute; + height: 3px; + width: 100%; + background: #212529; + border-radius: 9px; + opacity: 1; + left: 0; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: .25s ease-in-out; + -o-transition: .25s ease-in-out; + transition: .25s ease-in-out; +} + +.navbar-transfarent #nav-icon span, +[data-bs-theme=dark] #nav-icon span { + background: var(--bs-white); +} + +#nav-icon span:nth-child(1) { + top: 0px; +} + +#nav-icon span:nth-child(2) { + top: 8px; +} + +#nav-icon span:nth-child(3) { + top: 15px; +} + +#nav-icon.open span:nth-child(1) { + top: 6px; + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); +} + +#nav-icon.open span:nth-child(2) { + opacity: 0; + left: -60px; +} + +#nav-icon.open span:nth-child(3) { + top: 6px; + -webkit-transform: rotate(-135deg); + -ms-transform: rotate(-135deg); + transform: rotate(-135deg); +} + + +/* dropdown-toggle --- */ + +.dropdown-toggle::after { + border: none; + content: "\f078"; + vertical-align: 0.055em; + font-weight: 900; + font-family: "Font Awesome 6 Free"; +} + +.navbar .dropdown-toggle::after { + font-size: 12px; +} + +@media (min-width: 992px) { + + .navbar { + --bs-navbar-nav-link-padding-x: 1rem; + } + + .navbar-expand-lg .navbar-nav .nav-link { + font-weight: 600; + } + + /* Dropdown menu */ + .navbar-expand-lg .navbar-nav .dropdown-menu { + border: 0; + margin: 0; + -webkit-box-shadow: 0 3px 12px rgba(27, 31, 35, .15), 0 0 1px rgba(27, 31, 35, .2); + box-shadow: 0 3px 12px rgba(27, 31, 35, .15), 0 0 1px rgba(27, 31, 35, .2); + -webkit-animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55); + animation: dropdown-show .25s cubic-bezier(0.68, -0.55, 0.265, 1.55); + } + + .navbar-expand-lg .navbar-nav .dropdown:hover>.dropdown-menu { + display: block; + } + + @-webkit-keyframes dropdown-show { + from { + -webkit-transform: scale(0.9); + transform: scale(0.9); + opacity: 0 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + } + + @keyframes dropdown-show { + from { + -webkit-transform: scale(0.9); + transform: scale(0.9); + opacity: 0 + } + + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1 + } + } + + .navbar-expand-lg .dropdown .dropdown .dropdown-toggle { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .navbar-expand-lg .dropdown .dropdown .dropdown-toggle::after { + margin-top: 0; + margin-right: -0.3125rem; + margin-left: auto; + content: "\f054"; + font-size: 11px; + } + + [dir=rtl] .navbar-expand-lg .dropdown .dropdown .dropdown-toggle::after { + margin-right: auto; + margin-left: -0.3125rem; + transform: rotate(180deg); + } + + .navbar-expand-lg .navbar-nav .dropdown .dropdown .dropdown-menu { + left: 100% !important; + margin-left: -0.375rem; + top: calc((var(--bs-dropdown-item-padding-y) + -5px)*-1) !important; + } + + [dir=rtl] .navbar-expand-lg .navbar-nav .dropdown .dropdown .dropdown-menu { + left: auto !important; + right: 100% !important; + margin-left: auto; + margin-right: -0.375rem; + } + +} + +.btn-user { + height: 46px; + width: 42px; + font-size: 21px; +} + +.btn-user svg { + height: 24px; + width: 24px; +} + +.nav-count { + top: -4px; + width: 18px; + height: 18px; + pointer-events: none; + -webkit-transition: 0.3s ease-in-out; + -o-transition: 0.3s ease-in-out; + transition: 0.3s ease-in-out; +} + +.custom-navbar.navbar.navbar-transfarent .btn-user { + color: #ffffff; +} + +/*------------------------------------------------------------------------------ + - Hero header +------------------------------------------------------------------------------*/ +.hero-header { + padding: 7rem 0 5rem; +} + +.hero-header.dark-overlay::after { + opacity: 0.4; +} + +.hero-header-subtitle { + letter-spacing: .1em; +} + +.hero-header-map { + height: 500px; +} + +.hero-header-rounded { + padding: 6rem 0 11.625rem; +} + +.hero-header-grid { + padding: 3rem 0; +} + +@media(max-width: 767px) { + .hero-header { + height: auto !important; + } +} + +@media(min-width: 576px) { + .hero-header-grid { + padding: 5rem 0; + } + + .hero-header-map { + height: 600px; + } +} + +@media(min-width: 768px) { + .hero-header { + padding: 12rem 0; + } + + .hero-header-grid { + padding: 8rem 0; + } + + .hero-header-rounded { + padding: 12rem 0 17.625rem; + } + + .hero-header-map { + height: 800px; + } +} + +@media(min-width: 992px) { + .hero-header-grid { + padding: 12rem 0; + } +} + +@media(min-width: 1200px) { + .hero-header.vh-100 { + height: calc(100vh - 32px) !important; + } + + .hero-header-rounded .bg-image { + border-bottom-left-radius: 22%; + border-bottom-right-radius: 60%; + } + + .hero-header-rounded.dark-overlay::after { + border-bottom-left-radius: 22%; + border-bottom-right-radius: 60%; + } +} + +.hero-header-classic { + padding: 10rem 0 4.5rem; +} + +@media (min-width: 768px) { + .hero-header-classic { + padding: 25rem 0 8rem; + } +} + +.bg-image-overlay::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + content: ""; + background: rgba(25, 30, 37, 0.25); +} + +.bg-gradient-vertical { + -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#191e25), to(rgba(25, 30, 37, 0))); +} + +.header-carousel.owl-carousel .owl-stage-outer, +.header-carousel.owl-carousel .owl-stage, +.header-carousel.owl-carousel.owl-drag .owl-item { + height: 100%; +} + +.hero-header-waves.dark-overlay::after { + z-index: 1; +} + +/* Header search content ---- */ +.search-content { + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(0, 0, 0, .5); +} + +[data-bs-theme=dark] .search-content { + background-color: rgba(25, 30, 37, .5); +} + +.search-wrapper { + grid-column-gap: 24px; + padding: 24px 24px 24px 24px; + -webkit-box-shadow: 0 3px 20px rgba(192, 192, 192, .21); + box-shadow: 0 3px 20px rgba(192, 192, 192, .21); + border-radius: 50px; +} + +@media screen and (max-width: 767px) { + .search-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 1rem; + } +} + +.search-field { + grid-column-gap: 16px; +} + +.svg-icon { + width: 24px; + height: 24px; + color: var(--bs-dark); +} + +[data-bs-theme=dark] .svg-icon { + color: var(--bs-white); +} + +.search-input, +.search-select-field { + padding: 10px 24px 10px 0; + border-radius: 0; + border-width: 0 0 1px 0; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.vertical-divider { + border-left: 1px solid #d6ddeb; +} + +.vertical-divider { + border-left-color: rgba(255, 255, 255, .1); +} + +.search-input:focus, +.search-select-field:focus { + border-color: var(--bs-primary); + -webkit-box-shadow: none; + box-shadow: none; +} + +/* header categories ------- */ +.hero-header-rounded~.header-categories { + margin-top: -90px; + padding: 12px; +} + +.header-cat-box:hover .badge { + -webkit-transition: .4s; + -o-transition: .4s; + transition: .4s; +} + +.header-cat-box:hover .badge { + background-color: var(--bs-primary) !important; + color: var(--bs-white) !important; +} + +@media(min-width: 576px) { + .hero-header-rounded~.header-categories { + padding: 0; + } +} + +/* Section Header Title ----------------------*/ + +.text-span { + background-image: url("data:image/svg+xml,%3Csvg width='262' height='17' viewBox='0 0 262 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99931 12.9463C70.3926 7.14883 214.09 -1.29457 257.733 11.3115' stroke='%23F84525' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E%0A"); + background-position: 50% 100%; + background-repeat: no-repeat; + background-size: auto; +} + +.inner-header { + padding: 5rem 0; +} + +.navbar-fixed~.hero-header-waves .inner-header { + padding-top: 9.813rem; +} + +@media(min-width: 768px) { + .inner-header { + padding: 12rem 0; + } + + .navbar-fixed~.hero-header-waves .inner-header { + padding-top: 16.813rem; + } +} + +/* waves animation --------------- */ +.waves { + position: relative; + width: 100%; + height: 15vh; + margin-bottom: -7px; + /*Fix for safari gap*/ + min-height: 100px; + max-height: 150px; +} + +/* Animation */ + +.parallax>use { + -webkit-animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; + animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; +} + +.parallax>use:nth-child(1) { + -webkit-animation-delay: -2s; + animation-delay: -2s; + -webkit-animation-duration: 7s; + animation-duration: 7s; + fill: rgba(255, 255, 255, 0.7) +} + +[data-bs-theme=dark] .parallax>use:nth-child(1) { + fill: rgba(25, 30, 37, 0.7) +} + +.parallax>use:nth-child(2) { + -webkit-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 10s; + animation-duration: 10s; + fill: rgba(255, 255, 255, 0.5) +} + +[data-bs-theme=dark] .parallax>use:nth-child(2) { + fill: rgba(25, 30, 37, 0.5) +} + +.parallax>use:nth-child(3) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 13s; + animation-duration: 13s; + fill: rgba(255, 255, 255, 0.3) +} + +[data-bs-theme=dark] .parallax>use:nth-child(3) { + fill: rgba(25, 30, 37, 0.3) +} + +.parallax>use:nth-child(4) { + -webkit-animation-delay: -5s; + animation-delay: -5s; + -webkit-animation-duration: 20s; + animation-duration: 20s; + fill: #fff +} + +.waves-light .parallax>use:nth-child(4) { + fill: #f8f4f3; +} + +[data-bs-theme=dark] .waves-light .parallax>use:nth-child(4) { + fill: #12161c +} + +[data-bs-theme=dark] .parallax>use:nth-child(4) { + fill: var(--bs-body-bg) +} + +@-webkit-keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + + 100% { + -webkit-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} + +@keyframes move-forever { + 0% { + -webkit-transform: translate3d(-90px, 0, 0); + transform: translate3d(-90px, 0, 0); + } + + 100% { + -webkit-transform: translate3d(85px, 0, 0); + transform: translate3d(85px, 0, 0); + } +} + +/*Shrinking for mobile*/ +@media (max-width: 768px) { + .waves { + height: 40px; + min-height: 40px; + } +} + +/*------------------------------------------------------------------------------ + - About +------------------------------------------------------------------------------*/ +.important-text { + top: -11px; +} + +.about-blockquote { + padding: 7px 20px 9px 5%; + border-left: 5px solid var(--bs-primary); +} + +.about-image-wrap { + padding: 5px; + background-color: var(--bs-primary); +} + +.about-image-one, +.about-image-four { + min-height: 235px; +} + +.about-image-two, +.about-image-three { + min-height: 165px; +} + +@media(min-width: 576px) { + + .about-image-one, + .about-image-four { + min-height: 305px; + } + + .about-image-two, + .about-image-three { + min-height: 205px; + } + +} + +/* about circle icon --- */ +.about-circle-icon { + width: 80px; + height: 80px; +} + +/* About Video ----- */ +.about-video::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, .25); +} + +.about-img { + width: 100%; + height: 500px; + -o-object-fit: cover; + object-fit: cover; +} + +@media screen and (min-width: 1280px) { + .about-img { + height: 550px; + } +} + +/* Video icon --------- */ +.video-icon { + width: 100px; + height: 100px; + -webkit-transition: all 150ms linear; + -o-transition: all 150ms linear; + transition: all 150ms linear; +} + +.video-icon:hover { + background-color: #fff; + color: var(--bs-primary) !important; +} + +.parallax-window { + min-height: 550px; +} + +/* Counter Content ------ */ +.achievements-wrapper { + width: 82%; + margin-top: -50px; +} + +@media(max-width: 575px) { + .image-wrapper.about img { + height: 300px; + -o-object-fit: cover; + object-fit: cover; + } +} + +@media(min-width: 1200px) { + .image-wrapper.about { + border-radius: 50px !important; + } +} + +.counter-content_about { + padding: 48px 16px; +} + +@media (min-width: 1400px) { + .counter-content_about { + padding: 60px; + } +} + +/* Team social icon */ +.member-social { + top: 15px; + right: 15px; +} + +.member-social a { + height: 38px; + width: 38px; + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(255, 255, 255, .2); + -webkit-transition: border .2s; + -o-transition: border .2s; + transition: border .2s; +} + +.member-social a:hover { + border: 1px solid #fff; +} + +/* .customer-logo { + min-height: 120px; + padding: 20px 25px; +} + +.customer-logo img { + max-height: 60px; +} */ + +.title-line { + padding-left: 75px; +} + +.title-line:before { + position: absolute; + left: 0; + top: 50%; + margin-top: -1px; + height: 1px; + width: 60px; + content: ''; + background: var(--bs-primary); +} + +.l-spacing-1 { + letter-spacing: .1rem; +} + +.hero-about { + padding-bottom: 11rem !important; +} + +.about-video-top { + margin-top: -10rem; +} + +/* counter ----- */ +.counter-box { + height: 200px; + width: 200px; +} + +/* banner shape -------- */ +.banner-shape-one { + top: -30px; + right: -67px; + display: none; +} + +.banner-shape-two { + bottom: 180px; + left: -90px; + display: none; +} + +@media screen and (min-width: 1480px) { + + .banner-shape-one, + .banner-shape-two { + display: block; + } +} + +/* ----------------------------------------------------------------- + - Testimonial +----------------------------------------------------------------- */ +.testimonial-image { + position: absolute; + top: -89px; + right: 8%; +} + +.testimonial-image img { + height: 360px; + opacity: .2; +} + + +.testimonial-carousel.owl-theme .owl-nav { + margin-top: 0; +} + +.testimonial-carousel.owl-theme .owl-nav [class*="owl-"] { + color: #fff; + padding: 4px 7px; + display: inline-block; + cursor: pointer; + position: absolute; + top: 42%; + left: 0; + opacity: 1; + -webkit-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + -webkit-transform: translate(0%, -58%); + -ms-transform: translate(0%, -58%); + transform: translate(0%, -58%); + font-size: 14px; + height: 60px; + width: 60px; + border-radius: 50%; + line-height: 60px; + margin: 0; + -webkit-transition: border .3s; + -o-transition: border .3s; + transition: border .3s; + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(255, 255, 255, .08); + border: 1px solid rgba(255, 255, 255, 0); +} + +.testimonial-carousel.owl-theme .owl-nav [class*="owl-"]:hover { + border-color: var(--bs-white); +} + +.testimonial-carousel.owl-theme .owl-nav [class*="owl-"]:focus { + outline: none; +} + +.testimonial-carousel.owl-theme .owl-nav .owl-prev { + left: -100px; +} + +.testimonial-carousel.owl-theme .owl-nav .owl-next { + left: auto; + right: -100px; +} + +/* ----------------------------------------------------------------- + - Card +----------------------------------------------------------------- */ + +.card-image-hover::before { + position: absolute; + top: 0; + left: -75%; + z-index: 2; + display: block; + content: ''; + width: 50%; + height: 100%; + background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); + background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); + -webkit-transform: skewX(-25deg); + -ms-transform: skewX(-25deg); + transform: skewX(-25deg); +} + +.card-hover-bg:hover .card-image-hover::before { + -webkit-animation: shine .75s; + animation: shine .75s; +} + +@-webkit-keyframes shine { + 100% { + left: 125%; + } +} + +@keyframes shine { + 100% { + left: 125%; + } +} + +.card-img-wrap { + height: 0; + padding-bottom: 65%; + overflow: hidden; + position: relative; +} + +/* Card badge ------ */ +.card-badge { + top: 25px; + padding: 5px 10px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + letter-spacing: 1px; + font-size: 0.719rem !important; + border-width: 1px 1px 1px 0px; + border-style: solid; + border-color: rgba(255, 255, 255, 0.2); +} + +[dir=rtl] .card-badge { + border-radius: 6px 0 0 6px; +} + +.card-badge+.card-badge { + top: 60px; +} + +.card-start { + font-size: 14px; +} + +.cat-icon { + width: 52px; + height: 52px; + top: -25px; + right: 24px; + border: 2px solid #fff; +} + +[dir=rtl] .cat-icon { + right: auto; + left: 24px; +} + +.btn-icon { + height: 36px; + width: 36px; +} + +.btn-icon-md { + height: 42px; + width: 42px; +} + +.card.dark-overlay::after { + opacity: 1; + background: -o-linear-gradient(bottom, rgba(25, 30, 37, .9) 0%, rgba(25, 30, 37, .55) 35%, rgba(22, 22, 23, .1) 60%, rgba(0, 0, 0, 0) 100%); + background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 30, 37, .9)), color-stop(35%, rgba(25, 30, 37, .55)), color-stop(60%, rgba(22, 22, 23, .1)), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, rgba(25, 30, 37, .9) 0%, rgba(25, 30, 37, .55) 35%, rgba(22, 22, 23, .1) 60%, rgba(0, 0, 0, 0) 100%); +} + +/* ----------------------------------------------------------------- + - Category section +----------------------------------------------------------------- */ +.category-icon-box { + height: 60px; + width: 60px; +} + +@media(min-width: 576px) { + .category-icon-box { + height: 70px; + width: 70px; + } +} + +.link-hover:hover { + color: var(--bs-primary); +} + +/* ----------------------------------------------------------------- + - Explore cities two +----------------------------------------------------------------- */ +.region-card-image::after { + content: ''; + background-color: rgba(37, 34, 34, 0.12); + position: absolute; + top: 0%; + bottom: 0%; + left: 0%; + right: 0%; +} + +.region-card img { + -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; + -o-transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; +} + +.region-card:hover img { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.region-card-info { + padding: 40px 30px; +} + +.region-card-link { + padding: 10px 30px; + margin-bottom: 40px; +} + +.region-card-link-text { + letter-spacing: .2em; +} + +/* Decoration ------------- */ + +.decoration { + position: absolute; +} + +.decoration.blur-2 { + z-index: -1; + width: 300px; + height: 300px; + -webkit-filter: blur(200px); + filter: blur(200px); + top: auto; + bottom: 10%; + left: 5%; + right: auto; + --bs-bg-opacity: .54; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} + +.decoration.blur-3 { + z-index: -1; + width: 300px; + height: 300px; + -webkit-filter: blur(200px); + filter: blur(200px); + top: 13%; + bottom: auto; + left: auto; + right: 0%; + --bs-bg-opacity: .54; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} + +@media screen and (min-width: 1280px) { + + .decoration.blur-1, + .decoration.blur-2, + .decoration.blur-3 { + width: 400px; + height: 400px; + } +} + +/* ----------------------------------------------------------------- + - Listing maps half page +----------------------------------------------------------------- */ + +.map-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + position: relative; +} + +.items-content { + width: 100%; + min-height: 700px; + padding-left: 12px; + padding-right: 12px; +} + +.items-content .card-img-wrap { + padding-bottom: 56%; +} + +.map-content { + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; +} + +.map-content .search-select-input .form-control { + border: 0; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02); +} + +.map-content .search-select-input .form-control:focus { + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02); +} + +.map-close-icon { + height: 52px; + width: 52px; + background-color: var(--bs-white); + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02); +} + +[data-bs-theme=dark] .map-close-icon { + background-color: var(--bs-body-bg); +} + +.sidebarCollapse { + z-index: 9999; +} + +@media(min-width: 1200px) { + .sidebar-filters { + width: 300px; + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + } + + .sidebar-filters { + margin-left: 0px; + position: relative; + } + + .sidebar-filters.active { + margin-left: -300px; + } + + [dir=rtl] .sidebar-filters.active { + margin-left: 0; + margin-right: -300px; + } + + .items-content { + width: 350px; + min-height: calc(100vh - 9.648rem); + -webkit-box-shadow: inset 1px -4px 4px rgba(0, 0, 0, .0705882353), 1px -4px 4px rgba(0, 0, 0, .0705882353); + box-shadow: inset 1px -4px 4px rgba(0, 0, 0, .0705882353), 1px -4px 4px rgba(0, 0, 0, .0705882353); + } + + [dir=rtl] .items-content { + -webkit-box-shadow: inset -1px -4px 4px rgba(0, 0, 0, .0705882353), -1px -4px 4px rgba(0, 0, 0, .0705882353); + box-shadow: inset -1px -4px 4px rgba(0, 0, 0, .0705882353), -1px -4px 4px rgba(0, 0, 0, .0705882353); + } + +} + +@media(min-width: 1400px) { + .sidebar-filters { + width: 350px; + } + + .items-content { + width: 700px; + } + + .sidebar-filters.active { + margin-left: -350px; + } + + [dir=rtl] .sidebar-filters.active { + margin-left: 0; + margin-right: -350px; + } +} + +/* maps --------- */ + +@media(min-width: 1200px) { + + .map-full.shadow-left::before, + .map-full.shadow-right::before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: block; + z-index: 1000; + pointer-events: none; + } + + .map-full.shadow-left::before { + -webkit-box-shadow: inset 0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.15); + box-shadow: inset 0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.15); + } + + [dir=rtl] .map-full.shadow-left::before { + -webkit-box-shadow: inset -0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.15); + box-shadow: inset -0.5rem 0 1rem -0.5rem rgba(0, 0, 0, 0.15); + } + +} + +.map-content .map-full { + height: 100vh; + min-height: 400px; + z-index: 5; +} + +@media (max-width: 1199px) { + + .js-sidebar-filters-mobile, + .map-content { + height: 100vh; + position: fixed; + right: 0; + background: var(--bs-white); + top: 0; + z-index: 9991; + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + max-width: 100%; + width: 100%; + } + + [data-bs-theme=dark] .js-sidebar-filters-mobile, + [data-bs-theme=dark] .map-content { + background: var(--bs-body-bg); + } + + .js-sidebar-filters-mobile { + overflow-y: scroll; + } + + .js-sidebar-filters-mobile.active, + .map-content.opened { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +@media (min-width: 1200px) { + .map-content { + position: fixed; + top: 9.648rem; + right: 0; + width: calc(100% - 650px); + height: calc(100vh - 9.648rem); + } + + [dir=rtl] .map-content { + left: 0; + right: auto; + } + + .map-content.active { + width: calc(100% - 350px); + } + + .map-content .map-full { + height: calc(100vh - 9.648rem); + } +} + +@media(min-width: 1400px) { + .map-content { + width: calc(100% - 1050px); + } + + .map-content.active { + width: calc(100% - 700px); + } +} + +.inner-wrap--top { + z-index: 99; +} + +.all-filters-wrap { + z-index: 9; +} + +.all-filters { + background-color: var(--bs-white); + -webkit-box-shadow: 0 8px 20px -3px rgba(0, 0, 0, .1); + box-shadow: 0 8px 20px -3px rgba(0, 0, 0, .1); +} + +[data-bs-theme=dark] .all-filters { + background-color: var(--bs-body-bg); +} + +/* ----------------------------------------------------------------- + - Search content +----------------------------------------------------------------- */ + +.search-bar-title { + font-size: 30px; + line-height: 1; +} + +.search-select-input .form-control { + height: 52px; + font-size: 16px; + padding: 6px 125px 6px 55px; + border-radius: 30px; +} + +[dir=rtl] .search-select-input .form-control { + padding: 6px 55px 6px 125px; +} + +.search-select-input .form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +.search-bar .search-select .select2-container--bootstrap-5 .select2-selection { + font-size: 15px; + border-radius: 30px; + min-height: calc(2.375em + 0.75rem + 2px); + padding: 0.775rem 2.25rem 0.775rem 3rem; +} + +.search-bar .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.search-bar .search-select-input svg, +.search-bar .search-select svg { + height: 20px; + width: 20px; +} + +.search-bar .search-select-input svg.form-icon-end { + height: 18px; + width: 18px; +} + +.has-icon .form-icon-start, +.has-icon .form-icon-end, +.input-select { + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} + +.input-select { + border: 0; + right: 48px; + background: transparent; +} + +[dir=rtl] .input-select { + right: auto; + left: 48px; +} + +.has-icon .form-icon-start { + left: 20px; +} + +[dir=rtl] .has-icon .form-icon-start { + left: auto; + right: 20px; +} + +.has-icon .form-icon-end { + right: 20px; +} + +[dir=rtl] .has-icon .form-icon-end { + right: auto; + left: 20px; +} + +[dir=rtl] .select2-container--bootstrap-5 .select2-selection--single { + background-position: left 0.75rem center; +} + +[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { + color: var(--bs-white); +} + +@media(min-width: 1200px) { + .search-bar [class*="col-"] { + border-right: 1px solid var(--bs-border-color) + } + + [dir=rtl] .search-bar [class*="col-"] { + border-right: 0; + border-left: 1px solid var(--bs-border-color) + } + + .search-bar [class*="col-"]:nth-child(4) { + border-right: 0; + } + + .search-select-input .form-control { + border: 0; + height: 70px; + border-radius: 0; + padding: 6px 164px 6px 55px; + } + + [dir=rtl] .search-select-input .form-control { + padding: 6px 55px 6px 164px; + } + + .search-bar .search-select .select2-container--bootstrap-5 .select2-selection { + border: 0; + height: 70px; + border-radius: 0; + padding: 22px 44px 22px 55px; + } + + [dir=rtl] .search-bar .search-select .select2-container--bootstrap-5 .select2-selection { + padding: 22px 55px 22px 44px; + } + + .input-select { + right: 75px; + } + + [dir=rtl] .input-select { + right: auto; + left: 75px; + } + + .has-icon .form-icon-start, + .has-icon .form-icon-end { + right: 40px; + } + + [dir=rtl] .has-icon .form-icon-end { + right: auto; + left: 40px; + } + + .search-bar .search-select-input svg, + .search-bar .search-select svg { + height: 24px; + width: 24px; + } + + .search-bar .search-select-input svg.form-icon-end { + height: 20px; + width: 20px; + } +} + +@media(min-width: 768px) and (max-width: 1199px) { + .filters-text { + height: 52px; + padding: 9px 20px; + border: 1px solid var(--bs-border-color); + border-radius: var(--bs-border-radius-pill); + } + + .filters-text:first-child { + width: 100%; + } +} + +/* Map html content ---- */ + +.gm-style { + font-family: var(--bs-body-font-family); +} + +.gm-style .gm-style-iw-c { + width: 300px; + padding: 0px !important; + max-width: 300px !important; +} + +@media(min-width: 576px) { + .gm-style .gm-style-iw-c { + width: 350px; + max-width: 350px !important; + } +} + +.gm-style .gm-style-iw-d { + overflow: auto !important; +} + +.gm-ui-hover-effect { + opacity: 1; + top: 1rem !important; + right: 1rem !important; + border-radius: 50%; + z-index: 3; + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(255, 255, 255, .3) !important; + -webkit-transition: all 150ms linear; + -o-transition: all 150ms linear; + transition: all 150ms linear; +} + +[dir=rtl] .gm-ui-hover-effect { + right: auto !important; + left: 1rem !important; +} + +.gm-ui-hover-effect:hover { + background-color: #fff !important; +} + +.gm-ui-hover-effect>span { + background-color: #fff !important; +} + +.gm-ui-hover-effect:hover span { + background-color: var(--bs-primary) !important; +} + +.gm-style .gm-style-iw-tc { + display: none; +} + +/* ----------------------------------------------------------------- + - Events +----------------------------------------------------------------- */ +.underline { + height: 1px; + width: 30%; + margin: 20px 0; + background-color: #ffd8d1; +} + +.underline span { + height: 5px; + background-color: #ffd8d1; +} + +.shape-polygon { + height: 72px; + width: 72px; + -webkit-clip-path: polygon(25% 0%, 36% 0, 11% 100%, 0% 100%); + clip-path: polygon(25% 0%, 36% 0, 11% 100%, 0% 100%); +} + +[dir=rtl] .shape-polygon { + -webkit-clip-path: polygon(75% 0%, 65% 0, 86% 100%, 97% 100%); + clip-path: polygon(75% 0%, 65% 0, 86% 100%, 97% 100%); +} + +.shape-rounded { + height: 14px; + width: 14px; +} + +/* Event calendar */ +@media(min-width: 992px) { + .event-date-wrap { + margin-left: -30px; + } + + [dir=rtl] .event-date-wrap { + margin-left: auto; + margin-right: -30px; + } +} + +.event-calendar-date { + line-height: 31px; +} + +.event-month { + line-height: 15px; + margin-top: 3px; +} + +.date-icon { + height: 72px; + width: 72px; + -webkit-box-shadow: 0 0.25em 0 var(--bs-border-color); + box-shadow: 0 0.25em 0 var(--bs-border-color); +} + +.date-icon:before { + content: ""; + width: 74%; + height: 6px; + position: absolute; + top: -3px; + left: 14px; + background-image: url("../images/calendar-spring.png"); +} + +/* ----------------------------------------------------------------- + - Masonry content +----------------------------------------------------------------- */ +.destinations-masonry::after { + position: absolute; + opacity: 0.3; + top: 0; + right: 0; + bottom: 0; + left: 0; + content: ""; + background: #000; +} + +.masonry-country { + letter-spacing: 1px; +} + +.destinations-masonry-image { + -webkit-transition: -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + transition: -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + -o-transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); +} + +.destinations-masonry:hover .destinations-masonry-image { + -webkit-transform: scale(1.2) rotate(5deg); + -ms-transform: scale(1.2) rotate(5deg); + transform: scale(1.2) rotate(5deg); +} + +.destinations-masonry .bg-blur, +.region-card .bg-blur { + -webkit-transition: all 150ms linear; + -o-transition: all 150ms linear; + transition: all 150ms linear; +} + +.destinations-masonry:hover .bg-blur, +.region-card:hover .bg-blur { + color: var(--bs-primary) !important; + background-color: var(--bs-white); +} + +.capital-letter { + font-size: 7rem; + bottom: -36px; + right: 50px; +} + +[dir=rtl] .capital-letter { + right: auto; + left: 50px; +} + +@media(min-width: 576px) { + .capital-letter { + font-size: 10rem; + } +} + +@media(min-width: 768px) and (max-width: 991px) { + .capital-letter { + font-size: 7rem; + } +} + +/*------------------------------------------------------------------------------ + - Blog +------------------------------------------------------------------------------*/ +.bg-size-cover { + min-height: 246px; +} + +.image-zoom-hover { + -webkit-transition: -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + transition: -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + -o-transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9); + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); +} + +.card:hover .image-zoom-hover, +.blog-list-card:hover .image-zoom-hover, +.news-list-item:hover .image-zoom-hover { + -webkit-transform: scale(1.2) rotate(5deg); + -ms-transform: scale(1.2) rotate(5deg); + transform: scale(1.2) rotate(5deg); +} + +.owl-carousel .owl-item .blog-avatar { + height: 48px; + width: 48px; +} + +.post-title { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.post-title a, +.news-title a, +.slider-blog-arrow h5 { + background-repeat: no-repeat; + background-size: 0% 100%; + -webkit-transition: all 500ms ease-in-out; + -o-transition: all 500ms ease-in-out; + transition: all 500ms ease-in-out; + display: inline; + background-image: -o-linear-gradient(transparent calc(100% - 2px), var(--bs-primary) 2px); + background-image: linear-gradient(transparent calc(100% - 2px), var(--bs-primary) 2px); +} + +.post-title a:hover, +.news-title a:hover, +.slider-blog-arrow:hover h5 { + background-size: 100% 100%; +} + +@media(min-width: 576px) { + .blog-list-card { + padding: 36px !important; + } +} + +/*------------------------------------------------------------------------------ + - Blog Details +------------------------------------------------------------------------------*/ +.blog-header { + height: 400px; +} + +@media(min-width: 576px) { + .blog-header { + height: 550px; + } +} + +@media(min-width: 992px) { + .blog-header { + height: 600px; + } +} + +@media(min-width: 992px) { + .blog-header { + height: 700px; + } +} + +.blog-header:before { + content: ''; + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: rgba(13, 13, 13, .3); +} + +.date-line { + width: 30px; + height: 1px; + background-color: var(--bs-primary); +} + +.cat-name { + letter-spacing: .2em; +} + +@media(min-width: 576px) { + .date-line { + width: 70px; + } +} + +/* Blog Pagination ---------- */ + +.slider-blog-arrow { + padding-right: 40px; +} + +[dir=rtl] .slider-blog-arrow { + padding-right: 0; + padding-left: 40px !important; +} + +@media(min-width: 576px) { + .slider-blog-arrow { + border-right: 1px solid var(--bs-border-color); + } + + [dir=rtl] .slider-blog-arrow { + border-left: 1px solid var(--bs-border-color); + border-right: 0; + } + + [dir=rtl] .slider-blog-arrow:last-child { + border-left-style: none; + } +} + +.slider-blog-arrow:last-child { + border-right-style: none; + padding-right: 0; + padding-left: 40px; +} + +@media screen and (min-width: 992px) { + .slider-blog-arrow { + padding-right: 100px; + } + + [dir=rtl] .slider-blog-arrow { + padding-right: 0; + padding-left: 100px !important; + } + + .slider-blog-arrow:last-child { + padding-left: 100px; + } + + [dir=rtl] .slider-blog-arrow:last-child { + padding-right: 100px; + padding-left: 0 !important; + } +} + +/* DROP CAP ------- */ + +.single-post .entry-content>p:first-child:first-letter { + font-size: 52px; + line-height: 1; + font-weight: bold; + float: left; + padding: 0px 6px 0px 0; + margin-bottom: -6px; + color: var(--bs-primary); +} + +.single-post .entry-content a { + color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); + text-decoration: underline; +} + +.blockquote { + position: relative; + padding: 0.4em 1.2em; + text-align: center; + font-size: 1.1em; + line-height: 1.5; +} + +.aligncenter, +.alignnone, +.alignright, +.alignleft { + display: block; + margin: 1.6em auto; + clear: both; +} + +.aligncenter, +.alignnone, +.alignright, +.alignleft { + display: block; + margin: 1.6em auto; + clear: both; +} + +.caption { + color: #555; + /* max-width: 100%; */ +} + +.caption img { + border: 0 none; + height: auto; + margin: 0; + padding: 0; +} + +.post-tags a:before { + content: "#"; +} + +.audio_content iframe { + /* width: 100%; */ + /* height: 250px; */ +} + +.audio_content .iframe-text a { + color: #b7b7b7; + text-decoration: none; +} + +@media screen and (min-width: 768px) { + .single-post .entry-content { + line-height: 1.7; + } + + .blockquote { + max-width: 440px; + margin-left: auto; + margin-right: auto; + font-size: 1.7em; + line-height: 1.3; + } + + .aligncenter { + margin: 2em auto; + } + + .alignleft, + .alignright { + max-width: 50%; + } + + .alignleft { + float: left; + margin: .4em 2em 1em 0; + } + + .alignright { + float: right; + margin: .4em 0 1em 2em; + } + + .blockquote.alignleft, + .blockquote.alignright { + width: 40% !important; + padding-bottom: 0; + } + + .blockquote.alignleft { + padding-right: 0; + } + + .blockquote.alignright { + padding-left: 0; + } +} + +@media (min-width: 1400px) { + .aligncenter { + left: calc(1290px / -2 + 50%); + width: 1290px; + position: relative; + } + + [dir=rtl] .aligncenter { + left: auto; + right: calc(1290px / -2 + 50%); + } + + .alignleft { + margin-left: -145px; + } + + .alignright { + margin-right: -145px; + } + + .blockquote.alignleft { + margin-left: 0; + } +} + +.subtitle-core-value { + letter-spacing: .2em; +} + +.reply-form { + display: none; +} + +.reply-form.show { + display: block; +} + +.reply-close-btn { + -webkit-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: -webkit-transform 0.3s ease; + -ms-transition: -ms-transform 0.3s ease; + transition: -webkit-transform 0.3s ease; + -o-transition: transform 0.3s ease; + transition: transform 0.3s ease; + transition: transform 0.3s ease, -webkit-transform 0.3s ease; +} + +.reply-close-btn:hover { + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} + + +/*------------------------------------------------------------------------------ + - Contact page +------------------------------------------------------------------------------*/ +.address-card { + padding: 10px; +} + +.address-card-info { + padding: 20px; + border-radius: .8rem; + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(255, 255, 255, .3); +} + +/*------------------------------------------------------------------------------ + - Authentication page +------------------------------------------------------------------------------*/ +.authentication-wrap { + max-width: 30rem; +} + +@media(min-width: 1400px) { + .authentication-wrap { + margin-left: 20%; + } +} + +.required:after { + content: "*"; + position: relative; + font-size: inherit; + color: rgba(var(--bs-danger-rgb)) !important; + padding-left: 0.15rem; + font-weight: 600; +} + +.toggle-password { + top: 50%; + right: 10px; + position: absolute; + color: #666; + cursor: pointer; + pointer-events: all; + -webkit-transform: translate(-5px, -50%); + -ms-transform: translate(-5px, -50%); + transform: translate(-5px, -50%); + font-size: 14px; +} + +[data-bs-theme=dark] .toggle-password { + color: var(--bs-white); +} + +/*------------------------------------------------------------------------------ + - Listing form page +------------------------------------------------------------------------------*/ +.card-icon { + height: 70px; + width: 70px; +} + +.listing-accordion .accordion-item { + border-radius: 0.5rem; +} + +.listing-accordion .accordion-button::after { + background-color: transparent; + background-size: 16px; +} + +.listing-accordion .accordion-button { + border-radius: 0.5rem; +} + +.listing-accordion .accordion-item:first-of-type .accordion-button { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} + +/* File Uploade ------------ */ +.ff_fileupload_wrap .ff_fileupload_dropzone { + border-color: var(--bs-primary); + border-radius: 0.5rem; + background-color: var(--bs-white); + background-size: 90px; +} + +[data-bs-theme=dark] .ff_fileupload_wrap .ff_fileupload_dropzone { + background-color: var(--bs-body-bg); +} + +.ff_fileupload_wrap .ff_fileupload_dropzone:hover, +.ff_fileupload_wrap .ff_fileupload_dropzone:focus, +.ff_fileupload_wrap .ff_fileupload_dropzone:active { + opacity: 1; + background-color: var(--bs-white); + border-color: var(--bs-primary); +} + +[data-bs-theme=dark] .ff_fileupload_wrap .ff_fileupload_dropzone:hover, +[data-bs-theme=dark] .ff_fileupload_wrap .ff_fileupload_dropzone:focus, +[data-bs-theme=dark] .ff_fileupload_wrap .ff_fileupload_dropzone:active { + background-color: var(--bs-body-bg); +} + +.fileup-sm~.ff_fileupload_wrap .ff_fileupload_dropzone { + height: 144px; + background-size: 65px; +} + +.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary { + padding: 1.1em; +} + +.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input { + font-size: 14px; + border-radius: 0.4rem; + padding: 0.375rem 0.75rem; + border-color: #dee2e6; + height: 35px; +} + +[data-bs-theme=dark] .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input { + border-color: #30353b; + background-color: #12161c; +} + +.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button { + width: 35px; + height: 35px; + border-radius: 0.4rem; + border-color: #dee2e6; +} + +.ff_fileupload_fileinfo, +.ff_fileupload_buttoninfo { + margin-top: .15rem; +} + +.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename { + color: var(--bs-dark); +} + +.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_errors { + color: #dc3545; + font-weight: 600; +} + +/*------------------------------------------------------------------------------ + - Agent details page +------------------------------------------------------------------------------*/ + +.profile-card { + padding-bottom: 65px; +} + +.profile-card .profile-card_bg--img { + height: 215px; + border-radius: 1rem 1rem 0 0; + -moz-border-radius: 1rem 1rem 0 0; + -webkit-border-radius: 1rem 1rem 0 0; + -khtml-border-radius: 1rem 1rem 0 0; +} + +.profile-card .profile-card_bg--img:before, +.profile-card .profile-card_bg--img:after { + content: ''; + position: absolute; + left: -25%; + bottom: -198px; + width: 700px; + height: 200px; + background: #ffffff; + -ms-transform: rotate(12deg); + transform: rotate(12deg); + -webkit-transform: rotate(12deg); + -moz-transform: rotate(12deg); + -o-transform: rotate(12deg); +} + +.profile-card .profile-card_bg--img:before, +.profile-card .profile-card_bg--img:after { + left: -25%; + bottom: -63%; + width: 100%; + height: 70%; +} + +.profile-card .profile-card_bg--img:after { + left: auto; + right: -25%; + -ms-transform: rotate(-8deg); + transform: rotate(-8deg); + -webkit-transform: rotate(-8deg); + -moz-transform: rotate(-8deg); + -o-transform: rotate(-8deg); +} + +.profile-card .profile-image-wrap { + width: 146px; + height: 146px; + margin: 80px auto 20px; +} + +.star-circle { + right: 3%; +} + +.card-btn_wrap { + height: 65px; +} + +.card-btn_wrap:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 1px; + background: -o-radial-gradient(center, ellipse, #dddddd 0%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(ellipse at center, #dddddd 0%, rgba(255, 255, 255, 0) 70%); +} + +.card-btn:before { + content: ''; + position: absolute; + right: 0; + top: 0; + width: 1px; + height: 100%; + background: -o-radial-gradient(top, ellipse, #dddddd 0%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(ellipse at top, #dddddd 0%, rgba(255, 255, 255, 0) 70%); +} + +[dir=rtl] .card-btn:before { + right: auto; + left: 0; +} + +.card-btn:last-child:before { + display: none; +} + + +/* Comment -------------------- */ + +.comment-datetime { + letter-spacing: 0.5px; +} + +/*------------------------------------------------------------------------------ + - Listing details page +------------------------------------------------------------------------------*/ +.menu { + padding: 0 0 10px; + margin: 0 0 20px; + border-bottom: 1px dotted var(--bs-border-color) +} + +.menu-label { + background: #fae7d7; + padding: 1px 10px 0px 10px; + letter-spacing: 1px; +} + +.review-image [class*="col-"] a img { + height: 75px; + width: 115px; +} + +.review-image [class*="col-"]:nth-child(2n+3) a img { + height: 75px; + width: 75px; +} + +.galary-overlay-hover::after { + opacity: 0; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +.galary-overlay-hover:hover::after { + opacity: 0.5; +} + +.galary-hover-element { + visibility: hidden; + opacity: 0; + -webkit-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + z-index: 9; +} + +.galary-overlay-hover:hover .galary-hover-element { + visibility: visible; + opacity: 1; +} + +/* -------------- */ +.about-gallery { + grid-column-gap: .25rem; + grid-row-gap: .25rem; + -ms-grid-rows: auto; + grid-template-rows: auto; + -ms-grid-columns: 1fr 1rem 1fr 1rem 1.5fr 1rem 1fr 1rem 1fr; + grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr; + grid-auto-columns: 1fr; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-top: 2rem; + margin-bottom: 2rem; + display: -ms-grid; + display: grid; + -webkit-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); +} + +@media(min-width: 576px) { + .about-gallery { + grid-column-gap: 1rem; + grid-row-gap: 1rem; + margin-top: 5rem; + margin-bottom: 4.5rem; + } +} + +.about-gallery>*:nth-child(1) { + -ms-grid-row: 1; + -ms-grid-column: 1; +} + +.about-gallery>*:nth-child(2) { + -ms-grid-row: 1; + -ms-grid-column: 3; +} + +.about-gallery>*:nth-child(3) { + -ms-grid-row: 1; + -ms-grid-column: 5; +} + +.about-gallery>*:nth-child(4) { + -ms-grid-row: 1; + -ms-grid-column: 7; +} + +.about-gallery>*:nth-child(5) { + -ms-grid-row: 1; + -ms-grid-column: 9; +} + +.about-gallery-image-wrapper { + border-radius: 1.5rem; + padding-top: 100%; + position: relative; + overflow: hidden; +} + +.about-gallery-image-wrapper.image-small { + padding-top: 70%; +} + +.about-gallery-image { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + position: absolute; + top: 0%; + bottom: 0%; + left: 0%; + right: 0%; +} + +.about-gallery-wrapper { + grid-column-gap: 1rem; + grid-row-gap: 1rem; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +/* form check ---- */ +.form-check.form-check-bookmark { + padding-left: 0; +} + +.form-check-bookmark .form-check-input { + width: 0; + height: 0; + margin: 0; + border: none +} + +.form-check-bookmark .form-check-bookmark-active { + color: var(--bs-primary); +} + +.form-check-bookmark .form-check-input~.form-check-label .form-check-bookmark-default { + display: block +} + +.form-check-bookmark .form-check-input~.form-check-label .form-check-bookmark-active { + display: none +} + +.form-check-bookmark .form-check-input:checked~.form-check-label .form-check-bookmark-default { + display: none +} + +.form-check-bookmark .form-check-input:checked~.form-check-label .form-check-bookmark-active { + display: block +} + +.form-check.form-check-bookmark .form-check-label { + cursor: pointer; +} + +/* Work Process -------------*/ + +@media(min-width: 992px) { + .work-process [class*="col-"]:nth-child(1) { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + [dir=rtl] .work-process [class*="col-"]:nth-child(1) { + border-right: 0 !important; + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + .work-process [class*="col-"]:nth-child(2) { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + [dir=rtl] .work-process [class*="col-"]:nth-child(2) { + border-right: 0 !important; + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + + .work-process.service [class*="col-"]:nth-child(3) { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + [dir=rtl] .work-process.service [class*="col-"]:nth-child(3) { + border-right: 0 !important; + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } +} + +@media(min-width: 768px) { + .numbers-wrapper { + background-image: url("../images/line.svg"); + background-position: 50% 54px; + background-size: 73%; + } + + .number-wrap.second { + margin-top: 36px; + } +} + +.number-circle { + width: 70px; + height: 70px; +} + +.number-circle-sm { + width: 62px; + height: 62px; +} + +/* home about --------- */ + +.home-about { + padding-bottom: 19.375rem; + background-position: 50%; +} + +.home-about-image { + height: 336px; +} + +.home-video .about-video { + margin-top: -230px; +} + +.home-video .about-video .about-img { + height: 450px; +} + +.signature { + height: 90px; +} + +/* Quote carousel 02 */ +.place-carousel .owl-stage-outer, +.blog-carousel .owl-stage-outer, +.listings-carousel .owl-stage-outer { + display: inline-block; +} + + +[dir=rtl] .owl-carousel, +[dir=rtl] .bx-wrapper { + direction: ltr; +} + +[dir=rtl] .owl-carousel .owl-item { + direction: rtl; +} + +/* owl nav bottom */ +.owl-nav-bottom.owl-theme .owl-nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 180px; + position: relative; + margin: 20px auto 0; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.owl-nav-bottom.owl-theme .owl-nav [class*=owl-] { + margin: 0; + height: 56px; + width: 56px; + border-radius: 50%; + color: var(--bs-dark); + background-color: var(--bs-white); + border: 1px solid var(--bs-border-color); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: all 150ms linear; + -o-transition: all 150ms linear; + transition: all 150ms linear; +} + +[data-bs-theme=dark] .owl-nav-bottom.owl-theme .owl-nav [class*=owl-] { + color: var(--bs-white); + background-color: transparent; +} + +.owl-carousel .owl-nav button.owl-next:hover i { + -webkit-animation: animate-icon-right 225ms linear forwards; + animation: animate-icon-right 225ms linear forwards; +} + +.owl-carousel .owl-nav button.owl-prev:hover i { + -webkit-animation: animate-icon-left 225ms linear forwards; + animation: animate-icon-left 225ms linear forwards; +} + +@-webkit-keyframes animate-icon-right { + 49% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + + 50% { + opacity: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + + 51% { + opacity: 1; + } +} + +@keyframes animate-icon-right { + 49% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + + 50% { + opacity: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + + 51% { + opacity: 1; + } +} + +@-webkit-keyframes animate-icon-left { + 49% { + opacity: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + + 50% { + opacity: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + + 51% { + opacity: 1; + } +} + +@keyframes animate-icon-left { + 49% { + opacity: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + + 50% { + opacity: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + + 51% { + opacity: 1; + } +} + +.owl-nav-bottom.owl-theme .owl-nav [class*=owl-]:hover, +.owl-nav-bottom.owl-theme .owl-nav [class*=owl-]:active, +.owl-nav-bottom.owl-theme .owl-nav [class*=owl-]:focus { + color: #fff; + background-color: var(--bs-primary); + border-color: var(--bs-primary); +} + +.owl-nav-bottom.owl-theme .owl-dots { + bottom: 19px; + left: 0; + margin: 0 auto; + position: absolute; + right: 0; + width: 69px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot span { + height: 6px; + width: 6px; + -webkit-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot.active span { + background-color: var(--bs-dark); + border-radius: 50%; + height: 8px; + width: 8px; +} + +[data-bs-theme=dark] .owl-nav-bottom.owl-theme .owl-dots button.owl-dot.active span { + background-color: var(--bs-primary); +} + +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(4), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(5), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(6), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(7), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(8), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(9), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(10), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(11), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(12), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(13), +.owl-nav-bottom.owl-theme .owl-dots button.owl-dot:nth-child(14) { + display: none; +} + +/* owl nav center */ +.owl-nav-center.owl-theme .owl-nav { + margin-top: 0; +} + +.owl-nav-center.owl-theme .owl-nav [class*="owl-"] { + color: #fff; + padding: 4px 7px; + display: inline-block; + cursor: pointer; + position: absolute; + top: 50%; + left: 0; + opacity: 1; + -webkit-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + -webkit-transform: translate(0%, -50%); + -ms-transform: translate(0%, -50%); + transform: translate(0%, -50%); + height: 60px; + width: 36px; + border-radius: 0; + line-height: 60px; + margin: 0; + background-color: #2c3892; + -webkit-transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + font-size: 15px; +} + +.bg-primary { +background: rgba(44, 56, 146, 1)!important; + +} +.bg-dark { + background-color: rgba(26, 31, 62, 1) !important; +} +.text-primary { +color: rgba(254, 131, 3, 1)!important + +} + +.owl-nav-center.owl-theme .owl-nav .owl-prev { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +.owl-nav-center.owl-theme .owl-nav .owl-next { + left: auto; + right: 0; + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +/* ----------------------------------------------------------------- + - Error page +----------------------------------------------------------------- */ +.error-text { + font-size: calc(7.625rem + 4.5vw); +} + +@media (min-width: 1200px) { + .error-text { + font-size: 18rem; + } +} + +/* ----------------------------------------------------------------- + - Style Guide Page +----------------------------------------------------------------- */ +.color-box { + width: 120px; + height: 120px; +} + +.color-box.content { + background-color: #707070; +} + +/* pricing tale ---------- */ + +.pricing-table.table { + --bs-table-bg: transparent; + --bs-table-border-color: #efdfdc; + --bs-table-hover-bg: #fff; +} + +[data-bs-theme=dark] .pricing-table.table { + --bs-table-border-color: rgba(255, 255, 255, .1); + ; + --bs-table-hover-bg: var(--bs-body-bg); +} + +.pricing-table { + border-bottom: 1px solid #efdfdc +} + +[data-bs-theme=dark] .pricing-table { + border-bottom-color: rgba(255, 255, 255, .1); +} + +.pricing-table thead th { + border-top: 0; + border-bottom-width: 1px +} + +.pricing-table td, +.pricing-table th { + padding: 1.5rem +} + +.pricing-table td, +.pricing-table th { + vertical-align: middle +} + +.pricing-table td:not(:last-child), +.pricing-table th:not(:last-child) { + border-right: 1px solid #efdfdc; +} + +[data-bs-theme=dark] .pricing-table td:not(:last-child), +[data-bs-theme=dark] .pricing-table th:not(:last-child) { + border-right-color: rgba(255, 255, 255, .1); +} + +.pricing-table tbody tr { + -webkit-transition: background-color .2s ease; + -o-transition: background-color .2s ease; + transition: background-color .2s ease +} + +.pricing-table-competitors thead { + text-align: center +} + +.pricing-table-competitors thead th { + border-top: 0; + vertical-align: middle +} + +.pricing-table-competitors tbody .icon-round { + margin: 0 auto +} + +.pricing-table-competitors tbody th { + max-width: 120px +} + + +.save-text { + margin-top: -30px; +} + +/* Nav tabs style two -------------*/ +.nav-tabs.nav-tabs_two { + --bs-nav-link-color: var(--bs-dark); + --bs-nav-tabs-link-active-bg: var(--bs-primary); + --bs-nav-tabs-link-active-color: var(--bs-white); +} + +.nav-tabs.nav-tabs_two .nav-item:not(:last-child) { + margin-right: .5rem; +} + +.nav-tabs.nav-tabs_two .nav-link { + border: 0; + border-radius: 0.375rem; +} + +/* Docs css -----------------*/ +.cs-content { + grid-area: content; + min-width: 1px; +} + +.cs-content> :target { + padding-top: 5rem; + margin-top: -5rem; +} + +.cs-content>h2:not(:first-child) { + margin-top: 3rem; +} + +.cs-content>h3, +.cs-content>h4 { + margin-top: 2.5rem; +} + +.cs-content>ul li+li, +.cs-content>ol li+li { + margin-top: .5rem; +} + +.cs-content>ul li>p~ul, +.cs-content>ol li>p~ul { + margin-top: -0.5rem; + margin-bottom: 1rem; +} + +.cs-content>.table, +.cs-content>.table-responsive .table { + margin-bottom: 1.5rem; + font-size: 0.875rem; +} + +.cs-content>hr { + margin: 3rem 0; +} + +@media (max-width: 991.98px) { + + .cs-content>.table.table-bordered, + .cs-content>.table-responsive .table.table-bordered { + border: 0; + } +} + +.cs-content>.table thead, +.cs-content>.table-responsive .table thead { + border-bottom: 2px solid currentcolor; +} + +.cs-content>.table tbody:not(:first-child), +.cs-content>.table-responsive .table tbody:not(:first-child) { + border-top: 2px solid currentcolor; +} + +.cs-content>.table th:first-child, +.cs-content>.table td:first-child, +.cs-content>.table-responsive .table th:first-child, +.cs-content>.table-responsive .table td:first-child { + padding-left: 0; +} + +.cs-content>.table th:not(:last-child), +.cs-content>.table td:not(:last-child), +.cs-content>.table-responsive .table th:not(:last-child), +.cs-content>.table-responsive .table td:not(:last-child) { + padding-right: 1.5rem; +} + +.cs-content>.table th, +.cs-content>.table td:first-child>code, +.cs-content>.table-responsive .table th, +.cs-content>.table-responsive .table td:first-child>code { + white-space: nowrap; +} + +.bd-title { + font-size: calc(1.425rem + 2.1vw); +} + +@media (min-width: 1200px) { + .bd-title { + font-size: 3rem; + } +} + +.bd-lead { + font-size: calc(1.275rem + 0.3vw); + font-weight: 300; +} + +@media (min-width: 1200px) { + .bd-lead { + font-size: 1.5rem; + } +} + +.cs-callout { + padding: 1.25rem; + margin-bottom: 1.25rem; + background-color: var(--cs-callout-bg, var(--bs-gray-100)); + border-left: 0.25rem solid var(--cs-callout-border, var(--bs-gray-300)); +} + +.cs-callout-danger { + --cs-callout-bg: rgba(var(--bs-danger-rgb), .075); + --cs-callout-border: rgba(var(--bs-danger-rgb), .5); +} + +.cs-callout-warning { + --cs-callout-bg: rgba(var(--bs-warning-rgb), .075); + --cs-callout-border: rgba(var(--bs-warning-rgb), .5); +} + +/*------------------------------------------------------------------------------ + - Footer +------------------------------------------------------------------------------*/ + +/* Main Footer ----- */ + +.main-footer { + background-color: var(--bs-white); + background-repeat: no-repeat; +} + +.footer-logo { + border-right: 1px solid rgba(0255, 255, 255, .1); +} + +.footer-logo img { + height: 40px; +} + +.footer-link .link, +.footer-nav li a { + color: var(--bs-body-color); + font-weight: 500; + -webkit-transition: all .45s; + -o-transition: all .45s; + transition: all .45s; +} + +.footer-link .link:hover, +.social-icon a:hover, +.footer-nav li a:hover { + color: var(--bs-white) !important; +} + +.social-icon a { + -webkit-transition: all .45s; + -o-transition: all .45s; + transition: all .45s; + color: var(--bs-body-color); +} + +.social-icon .icon-wrap { + width: 48px; + height: 48px; + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(255, 255, 255, .2); +} + +.social-icon .icon-wrap.inst:hover { + background-color: #E1306C !important; +} + +.social-icon .icon-wrap.twi:hover { + background-color: #00acee !important; +} + +.social-icon .icon-wrap.dri:hover { + background-color: #ea4c89 !important; +} + +.social-icon .icon-wrap.fb:hover { + background-color: #1877F2 !important; +} + +.social-icon .icon-wrap.whatsapp:hover { + background-color: #075e54 !important; +} + +.whatsapp-number { + letter-spacing: 3px; +} + +/*Dark footer-----*/ + +.footer-dark { + color: var(--bs-white); + background-color: var(--footer-bg-color); +} + +.footer-dark .email-link, +.footer-dark .link-title { + color: var(--bs-white); +} + +.footer-dark .footer-link .link, +.footer-dark .social-icon a, +.footer-dark .footer-nav li a { + color: #8d9193; +} + +.footer-dark { + --bs-border-color: rgba(255, 255, 255, .1); +} + +@media (min-width: 576px) and (max-width: 991px) { + .footer-row .border-end:nth-child(2) { + border-width: 0px !important; + } +} + +.newsletter .form-control { + height: 62px; + font-size: 16px; + padding: 10px 63px 10px 20px; + -webkit-box-shadow: 0px 0px 40px rgb(29 58 83 / 10%); + box-shadow: 0px 0px 40px rgb(29 58 83 / 10%); + background-color: transparent; + border: 1px solid rgba(0255, 255, 255, .1); + border-radius: 35px; +} + +.newsletter .form-control:focus { + border-color: var(--bs-primary); +} + +.newsletter .form-control::-moz-placeholder { + color: var(--bs-white); +} + +.newsletter .form-control::-webkit-input-placeholder { + color: var(--bs-white); +} + +.newsletter .form-control:-ms-input-placeholder { + color: var(--bs-white); +} + +.newsletter .form-control::-ms-input-placeholder { + color: var(--bs-white); +} + +.newsletter .form-control::placeholder { + color: var(--bs-white); +} + +.newsletter .search-btn { + right: 10px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + height: 45px; + width: 45px; +} + +@media (min-width: 768px) { + .app-image { + margin-top: -5rem; + } +} + +/* Play Store Button -------------*/ + +.footer-dark .border.app-btn { + width: 178px; + max-width: 178px; + -webkit-transition: all 150ms linear; + -o-transition: all 150ms linear; + transition: all 150ms linear; + border: 1px solid rgba(0255, 255, 255, .5) !important; +} + +.footer-dark .border.app-btn:hover { + background-color: var(--bs-dark); + border-color: var(--bs-dark) !important; +} + +/* radio list */ + +.radio-list input[type="radio"] { + display: none; +} + +.radio-list input[type="radio"]:checked+label span { + -webkit-transform: scale(1.30); + -ms-transform: scale(1.30); + transform: scale(1.30); +} + +.radio-list label { + display: inline-block; + width: 16px; + height: 16px; + margin-right: 5px; + cursor: pointer; + border-radius: 50%; + margin-bottom: 5px; +} + +.radio-list label span { + display: block; + width: 100%; + height: 100%; + -webkit-transition: -webkit-transform .2s ease-in-out; + transition: -webkit-transform .2s ease-in-out; + -o-transition: transform .2s ease-in-out; + transition: transform .2s ease-in-out; + transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; + border-radius: 50%; +} + +.radio-list label:hover span { + -webkit-transform: scale(1.25); + -ms-transform: scale(1.25); + transform: scale(1.25); +} + +.radio-list label span.red, +.message-content.bg-text-red .message .text.me { + background: #ff0000; +} + +.radio-list label span.green, +.message-content.bg-text-green .message .text.me { + background: -o-linear-gradient(left, rgb(248 69 37), rgb(247, 183, 51)); + background: -webkit-gradient(linear, left top, right top, from(rgb(248 69 37)), to(rgb(247, 183, 51))); + background: linear-gradient(to right, rgb(248 69 37), rgb(247, 183, 51)); +} + +.radio-list label span.yellow, +.message-content.bg-text-yellow .message .text.me { + background: #FBBD08; +} + +.radio-list label span.olive, +.message-content.bg-text-olive .message .text.me { + background: #B5CC18; +} + +.radio-list label span.orange, +.message-content.bg-text-orange .message .text.me { + background: #F2711C; +} + +.radio-list label span.teal, +.message-content.bg-text-teal .message .text.me { + background: #00B5AD; +} + +.radio-list label span.blue, +.message-content.bg-text-blue .message .text.me { + background: #2185D0; +} + +.radio-list label span.violet, +.message-content.bg-text-violet .message .text.me { + background: #6435C9; +} + +.radio-list label span.purple, +.message-content.bg-text-purple .message .text.me { + background: #A333C8; +} + +.radio-list label span.pink { + background: #E03997; +} + +.filter-svg-icon { + color: #999; +} + +/* banner */ +.banner.dark-overlay:after { + background-color: transparent; + background-image: -webkit-gradient(linear, right top, left top, from(#00000000), to(#000000)); + background-image: -o-linear-gradient(right, #00000000 0%, #000000 100%); + background-image: linear-gradient(270deg, #00000000 0%, #000000 100%); + opacity: .7; +} + +.banner.banne-restaurant.dark-overlay:after { + background-image: linear-gradient(80deg, #00000000 0%, #000000 100%); +} + +.text-blue { + color: var(--bs-blue) +} + +.inspection-accordion.accordion { + --bs-accordion-border-width: 0; + --bs-accordion-active-color: var(--bs-primary); +} + +.inspection-accordion.accordion { + --bs-accordion-btn-icon-transform: rotate(90deg); +} + +[dir=rtl] .inspection-accordion.accordion { + --bs-accordion-btn-icon-transform: rotate(-90deg); +} + +.inspection-accordion.accordion .accordion-item, +.inspection-accordion.accordion .accordion-item .accordion-button { + background-color: var(--bs-white); +} + +[data-bs-theme=dark] .inspection-accordion.accordion .accordion-item, +[data-bs-theme=dark] .inspection-accordion.accordion .accordion-item .accordion-button { + background-color: var(--bs-body-bg); +} + +.inspection-accordion.accordion .accordion-item .accordion-button::after { + height: auto; + width: auto; + position: absolute; + top: 1rem; + right: 1rem; + border: 0; + background-image: none; + content: "\f054"; + font-weight: 900; + font-family: "Font Awesome 6 Free"; + color: #bebebe; + font-size: 12px; +} + +[dir=rtl] .inspection-accordion.accordion .accordion-item .accordion-button::after { + right: auto; + left: 1rem; + content: "\f053"; +} + +.inspection-accordion.accordion .accordion-item .accordion-button:hover::after { + background-color: transparent; +} + +.cursor-zoom-in { + cursor: -webkit-zoom-in; + cursor: zoom-in; +} + +/* rounded progress bar ------- */ + +.percent svg { + position: relative; + width: 20px; + height: 20px; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +.percent svg circle { + width: 100%; + height: 100%; + fill: none; + stroke: #f0f0f0; + stroke-width: 1; + stroke-linecap: round; +} + +.percent svg circle:last-of-type { + stroke-dasharray: 56px; + stroke-dashoffset: calc(56px - (56px * var(--percent)) / 100); +} + +.percent.percent-primary svg circle:last-of-type { + stroke: var(--bs-primary); +} + +.percent.percent-success svg circle:last-of-type { + stroke: var(--bs-success); +} + +.percent.percent-blue svg circle:last-of-type { + stroke: var(--bs-blue); +} + +.box-icon { + height: 56px; + width: 56px; +} + +.company-logo { + height: 50px; +} + +.restaurant-text-truncate { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; +} + +/* Items carousel */ + +.items-carousel.owl-nav-center.owl-theme .owl-nav [class*="owl-"] { + color: var(--bs-primary); + background-color: var(--bs-light); +} + +/* Activity feed */ + +.activity-feed { + padding-left: 30px; + list-style: none; +} + +.activity-feed .feed-item { + position: relative; + padding-left: 30px; + border-left: 1px solid var(--bs-primary); +} + +.activity-feed .feed-item:last-child { + border-color: transparent; +} + +.activity-feed .feed-item::after { + content: ""; + display: block; + position: absolute; + top: 0; + left: -6px; + width: 10px; + height: 10px; + background: var(--bs-primary);; +} + +.activity-feed .feed-item .title { + top: -7px; +} + +/* General Container Styles */ +.menu-container { + display: flex; + gap: 1rem; + overflow-x: hidden; /* Hide overflow on scroll */ + flex-wrap: wrap; /* Allow wrapping for desktop */ +} +/* General Card Style */ +.category-card { + flex: 0 0 auto; /* Inline-block for mobile scrolling */ + width: 300px; /* Each card's width */ + transition: all 0.3s ease; +} +/* Desktop Styles: Show All */ +@media (min-width: 992px) { + .menu-container { + overflow: visible; /* No scrolling on desktop */ + flex-wrap: wrap; /* Ensure all cards are visible */ + justify-content: space-between; /* Add spacing between cards */ + } + .category-card { + width: calc(25% - 1rem); /* Adjust for three cards in a row */ + } + .headerSet{ + margin-top: -100px; + } +} + +/* Mobile Styles: Horizontal Scroll */ +@media (max-width: 991px) { + .menu-container { + flex-wrap: nowrap; /* Disable wrapping */ + overflow-x: auto; /* Enable horizontal scrolling */ + padding: 10px; /* Add padding for better appearance */ + scroll-behavior: smooth; /* Smooth scrolling for UX */ + } + .menu-container::-webkit-scrollbar { + display: none; /* Hide scrollbar for WebKit browsers */ + } + .menu-container { + -ms-overflow-style: none; /* IE and Edge scrollbar hidden */ + scrollbar-width: none; /* Firefox scrollbar hidden */ + } + .category-card { + flex: 0 0 auto; /* Prevent cards from shrinking or growing */ + + margin: 0px; /* Add space between cards */ + } + .hideText { + display: none; + } + .headerSet{ + margin-top: 0px; + } +} +/* Mobile Styles: Horizontal Scroll */ +@media (max-width: 991px) { + .menu-container { + flex-wrap: nowrap; /* Disable wrapping */ + overflow-x: auto; /* Enable horizontal scrolling */ + padding: 10px; /* Add padding for better appearance */ + scroll-behavior: smooth; /* Smooth scrolling for UX */ + } + .menu-container::-webkit-scrollbar { + display: none; /* Hide scrollbar for WebKit browsers */ + } + .menu-container { + -ms-overflow-style: none; /* IE and Edge scrollbar hidden */ + scrollbar-width: none; /* Firefox scrollbar hidden */ + } + .hideText { + display: none; + } +} +.search-select-field,.search-input::placeholder { + color: #fff; /* Change placeholder text color */ + +} +.search-select-field, .search-input { + + background:transparent !important; +} \ No newline at end of file diff --git a/public/images/8825.jpg b/public/images/8825.jpg new file mode 100644 index 0000000..5fb793b Binary files /dev/null and b/public/images/8825.jpg differ diff --git a/public/images/about-02.jpg b/public/images/about-02.jpg new file mode 100644 index 0000000..c102b85 Binary files /dev/null and b/public/images/about-02.jpg differ diff --git a/public/images/about-2.jpg b/public/images/about-2.jpg new file mode 100644 index 0000000..56bef0c Binary files /dev/null and b/public/images/about-2.jpg differ diff --git a/public/images/about.jpg b/public/images/about.jpg new file mode 100644 index 0000000..c102b85 Binary files /dev/null and b/public/images/about.jpg differ diff --git a/public/images/about/01.jpg b/public/images/about/01.jpg new file mode 100644 index 0000000..8e9defd Binary files /dev/null and b/public/images/about/01.jpg differ diff --git a/public/images/about/02.jpg b/public/images/about/02.jpg new file mode 100644 index 0000000..8e9defd Binary files /dev/null and b/public/images/about/02.jpg differ diff --git a/public/images/about/03.jpg b/public/images/about/03.jpg new file mode 100644 index 0000000..8e9defd Binary files /dev/null and b/public/images/about/03.jpg differ diff --git a/public/images/about/04.jpg b/public/images/about/04.jpg new file mode 100644 index 0000000..8e9defd Binary files /dev/null and b/public/images/about/04.jpg differ diff --git a/public/images/about/bg-01.jpg b/public/images/about/bg-01.jpg new file mode 100644 index 0000000..910cc38 Binary files /dev/null and b/public/images/about/bg-01.jpg differ diff --git a/public/images/about/bg-02.jpg b/public/images/about/bg-02.jpg new file mode 100644 index 0000000..28bdb30 Binary files /dev/null and b/public/images/about/bg-02.jpg differ diff --git a/public/images/address-01.jpg b/public/images/address-01.jpg new file mode 100644 index 0000000..6070d8e Binary files /dev/null and b/public/images/address-01.jpg differ diff --git a/public/images/address-02.jpg b/public/images/address-02.jpg new file mode 100644 index 0000000..6070d8e Binary files /dev/null and b/public/images/address-02.jpg differ diff --git a/public/images/address-03.jpg b/public/images/address-03.jpg new file mode 100644 index 0000000..6070d8e Binary files /dev/null and b/public/images/address-03.jpg differ diff --git a/public/images/avatar/01.jpg b/public/images/avatar/01.jpg new file mode 100644 index 0000000..c35d97c Binary files /dev/null and b/public/images/avatar/01.jpg differ diff --git a/public/images/avatar/02.jpg b/public/images/avatar/02.jpg new file mode 100644 index 0000000..c35d97c Binary files /dev/null and b/public/images/avatar/02.jpg differ diff --git a/public/images/avatar/03.jpg b/public/images/avatar/03.jpg new file mode 100644 index 0000000..c35d97c Binary files /dev/null and b/public/images/avatar/03.jpg differ diff --git a/public/images/avatar/04.jpg b/public/images/avatar/04.jpg new file mode 100644 index 0000000..c35d97c Binary files /dev/null and b/public/images/avatar/04.jpg differ diff --git a/public/images/avatar/05.jpg b/public/images/avatar/05.jpg new file mode 100644 index 0000000..c35d97c Binary files /dev/null and b/public/images/avatar/05.jpg differ diff --git a/public/images/avatar/06.jpg b/public/images/avatar/06.jpg new file mode 100644 index 0000000..c35d97c Binary files /dev/null and b/public/images/avatar/06.jpg differ diff --git a/public/images/avatar/07.jpg b/public/images/avatar/07.jpg new file mode 100644 index 0000000..c35d97c Binary files /dev/null and b/public/images/avatar/07.jpg differ diff --git a/public/images/banner-02.jpg b/public/images/banner-02.jpg new file mode 100644 index 0000000..6aa049d Binary files /dev/null and b/public/images/banner-02.jpg differ diff --git a/public/images/banner-bg-02.jpg b/public/images/banner-bg-02.jpg new file mode 100644 index 0000000..1cbfccd Binary files /dev/null and b/public/images/banner-bg-02.jpg differ diff --git a/public/images/banner-bg-03.jpg b/public/images/banner-bg-03.jpg new file mode 100644 index 0000000..1cbfccd Binary files /dev/null and b/public/images/banner-bg-03.jpg differ diff --git a/public/images/banner-bg.jpg b/public/images/banner-bg.jpg new file mode 100644 index 0000000..1af3bcc Binary files /dev/null and b/public/images/banner-bg.jpg differ diff --git a/public/images/banner.jpg b/public/images/banner.jpg new file mode 100644 index 0000000..2188376 Binary files /dev/null and b/public/images/banner.jpg differ diff --git a/public/images/blog/01-lg.jpg b/public/images/blog/01-lg.jpg new file mode 100644 index 0000000..d4bf10f Binary files /dev/null and b/public/images/blog/01-lg.jpg differ diff --git a/public/images/blog/01-sm.jpg b/public/images/blog/01-sm.jpg new file mode 100644 index 0000000..46def00 Binary files /dev/null and b/public/images/blog/01-sm.jpg differ diff --git a/public/images/blog/01.jpg b/public/images/blog/01.jpg new file mode 100644 index 0000000..92e401c Binary files /dev/null and b/public/images/blog/01.jpg differ diff --git a/public/images/blog/02-lg.jpg b/public/images/blog/02-lg.jpg new file mode 100644 index 0000000..d4bf10f Binary files /dev/null and b/public/images/blog/02-lg.jpg differ diff --git a/public/images/blog/02-sm.jpg b/public/images/blog/02-sm.jpg new file mode 100644 index 0000000..46def00 Binary files /dev/null and b/public/images/blog/02-sm.jpg differ diff --git a/public/images/blog/02.jpg b/public/images/blog/02.jpg new file mode 100644 index 0000000..92e401c Binary files /dev/null and b/public/images/blog/02.jpg differ diff --git a/public/images/blog/03-lg.jpg b/public/images/blog/03-lg.jpg new file mode 100644 index 0000000..d4bf10f Binary files /dev/null and b/public/images/blog/03-lg.jpg differ diff --git a/public/images/blog/03-sm.jpg b/public/images/blog/03-sm.jpg new file mode 100644 index 0000000..46def00 Binary files /dev/null and b/public/images/blog/03-sm.jpg differ diff --git a/public/images/blog/03.jpg b/public/images/blog/03.jpg new file mode 100644 index 0000000..92e401c Binary files /dev/null and b/public/images/blog/03.jpg differ diff --git a/public/images/blog/04-lg.jpg b/public/images/blog/04-lg.jpg new file mode 100644 index 0000000..d4bf10f Binary files /dev/null and b/public/images/blog/04-lg.jpg differ diff --git a/public/images/blog/04-sm.jpg b/public/images/blog/04-sm.jpg new file mode 100644 index 0000000..46def00 Binary files /dev/null and b/public/images/blog/04-sm.jpg differ diff --git a/public/images/blog/04.jpg b/public/images/blog/04.jpg new file mode 100644 index 0000000..92e401c Binary files /dev/null and b/public/images/blog/04.jpg differ diff --git a/public/images/blog/05-lg.jpg b/public/images/blog/05-lg.jpg new file mode 100644 index 0000000..d4bf10f Binary files /dev/null and b/public/images/blog/05-lg.jpg differ diff --git a/public/images/blog/details-01.jpg b/public/images/blog/details-01.jpg new file mode 100644 index 0000000..cf1bbb5 Binary files /dev/null and b/public/images/blog/details-01.jpg differ diff --git a/public/images/blog/details-02.jpg b/public/images/blog/details-02.jpg new file mode 100644 index 0000000..e7b9be3 Binary files /dev/null and b/public/images/blog/details-02.jpg differ diff --git a/public/images/blog/galary-01.jpg b/public/images/blog/galary-01.jpg new file mode 100644 index 0000000..cf1bbb5 Binary files /dev/null and b/public/images/blog/galary-01.jpg differ diff --git a/public/images/blog/galary-02.jpg b/public/images/blog/galary-02.jpg new file mode 100644 index 0000000..86250be Binary files /dev/null and b/public/images/blog/galary-02.jpg differ diff --git a/public/images/blog/galary-03.jpg b/public/images/blog/galary-03.jpg new file mode 100644 index 0000000..86250be Binary files /dev/null and b/public/images/blog/galary-03.jpg differ diff --git a/public/images/brand-logo/01.png b/public/images/brand-logo/01.png new file mode 100644 index 0000000..7f84fe1 Binary files /dev/null and b/public/images/brand-logo/01.png differ diff --git a/public/images/brand-logo/02.png b/public/images/brand-logo/02.png new file mode 100644 index 0000000..4dad5f8 Binary files /dev/null and b/public/images/brand-logo/02.png differ diff --git a/public/images/brand-logo/03.png b/public/images/brand-logo/03.png new file mode 100644 index 0000000..3751ba4 Binary files /dev/null and b/public/images/brand-logo/03.png differ diff --git a/public/images/brand-logo/04.png b/public/images/brand-logo/04.png new file mode 100644 index 0000000..2bd0235 Binary files /dev/null and b/public/images/brand-logo/04.png differ diff --git a/public/images/brand-logo/05.png b/public/images/brand-logo/05.png new file mode 100644 index 0000000..479865d Binary files /dev/null and b/public/images/brand-logo/05.png differ diff --git a/public/images/brand-logo/06.png b/public/images/brand-logo/06.png new file mode 100644 index 0000000..4650fb2 Binary files /dev/null and b/public/images/brand-logo/06.png differ diff --git a/public/images/brand-logo/audi.png b/public/images/brand-logo/audi.png new file mode 100644 index 0000000..1148c4b Binary files /dev/null and b/public/images/brand-logo/audi.png differ diff --git a/public/images/brand-logo/bmw.png b/public/images/brand-logo/bmw.png new file mode 100644 index 0000000..567d2e7 Binary files /dev/null and b/public/images/brand-logo/bmw.png differ diff --git a/public/images/brand-logo/chevrolet.png b/public/images/brand-logo/chevrolet.png new file mode 100644 index 0000000..96f26d6 Binary files /dev/null and b/public/images/brand-logo/chevrolet.png differ diff --git a/public/images/brand-logo/ford.png b/public/images/brand-logo/ford.png new file mode 100644 index 0000000..9d02b1f Binary files /dev/null and b/public/images/brand-logo/ford.png differ diff --git a/public/images/brand-logo/honda.png b/public/images/brand-logo/honda.png new file mode 100644 index 0000000..79968e2 Binary files /dev/null and b/public/images/brand-logo/honda.png differ diff --git a/public/images/brand-logo/hyundai-logo.png b/public/images/brand-logo/hyundai-logo.png new file mode 100644 index 0000000..ba696e9 Binary files /dev/null and b/public/images/brand-logo/hyundai-logo.png differ diff --git a/public/images/brand-logo/kia.png b/public/images/brand-logo/kia.png new file mode 100644 index 0000000..7a80507 Binary files /dev/null and b/public/images/brand-logo/kia.png differ diff --git a/public/images/brand-logo/lexus.png b/public/images/brand-logo/lexus.png new file mode 100644 index 0000000..d52d07e Binary files /dev/null and b/public/images/brand-logo/lexus.png differ diff --git a/public/images/brand-logo/mercedes-benz.png b/public/images/brand-logo/mercedes-benz.png new file mode 100644 index 0000000..038a734 Binary files /dev/null and b/public/images/brand-logo/mercedes-benz.png differ diff --git a/public/images/brand-logo/mitsubishi.png b/public/images/brand-logo/mitsubishi.png new file mode 100644 index 0000000..f193683 Binary files /dev/null and b/public/images/brand-logo/mitsubishi.png differ diff --git a/public/images/brand-logo/nissan-logo.png b/public/images/brand-logo/nissan-logo.png new file mode 100644 index 0000000..4fc2004 Binary files /dev/null and b/public/images/brand-logo/nissan-logo.png differ diff --git a/public/images/brand-logo/toyota-car.png b/public/images/brand-logo/toyota-car.png new file mode 100644 index 0000000..f08587c Binary files /dev/null and b/public/images/brand-logo/toyota-car.png differ diff --git a/public/images/calendar-spring.png b/public/images/calendar-spring.png new file mode 100644 index 0000000..5730326 Binary files /dev/null and b/public/images/calendar-spring.png differ diff --git a/public/images/car-parts/01.png b/public/images/car-parts/01.png new file mode 100644 index 0000000..88c8c6a Binary files /dev/null and b/public/images/car-parts/01.png differ diff --git a/public/images/car-parts/02.png b/public/images/car-parts/02.png new file mode 100644 index 0000000..6802014 Binary files /dev/null and b/public/images/car-parts/02.png differ diff --git a/public/images/car-parts/03.png b/public/images/car-parts/03.png new file mode 100644 index 0000000..e910bd5 Binary files /dev/null and b/public/images/car-parts/03.png differ diff --git a/public/images/car-parts/04.png b/public/images/car-parts/04.png new file mode 100644 index 0000000..06cb162 Binary files /dev/null and b/public/images/car-parts/04.png differ diff --git a/public/images/car-parts/05.png b/public/images/car-parts/05.png new file mode 100644 index 0000000..7403fa0 Binary files /dev/null and b/public/images/car-parts/05.png differ diff --git a/public/images/car-parts/06.png b/public/images/car-parts/06.png new file mode 100644 index 0000000..bef4e39 Binary files /dev/null and b/public/images/car-parts/06.png differ diff --git a/public/images/car-parts/camera-01.png b/public/images/car-parts/camera-01.png new file mode 100644 index 0000000..0e03362 Binary files /dev/null and b/public/images/car-parts/camera-01.png differ diff --git a/public/images/car-parts/camera-02.png b/public/images/car-parts/camera-02.png new file mode 100644 index 0000000..3948f78 Binary files /dev/null and b/public/images/car-parts/camera-02.png differ diff --git a/public/images/car-parts/camera-03.png b/public/images/car-parts/camera-03.png new file mode 100644 index 0000000..14d5268 Binary files /dev/null and b/public/images/car-parts/camera-03.png differ diff --git a/public/images/car-parts/camera-04.png b/public/images/car-parts/camera-04.png new file mode 100644 index 0000000..fe1bcd5 Binary files /dev/null and b/public/images/car-parts/camera-04.png differ diff --git a/public/images/car-parts/camera-05.png b/public/images/car-parts/camera-05.png new file mode 100644 index 0000000..00f5207 Binary files /dev/null and b/public/images/car-parts/camera-05.png differ diff --git a/public/images/car-parts/camera-06.png b/public/images/car-parts/camera-06.png new file mode 100644 index 0000000..41fed4d Binary files /dev/null and b/public/images/car-parts/camera-06.png differ diff --git a/public/images/delivery-man.jpg b/public/images/delivery-man.jpg new file mode 100644 index 0000000..92e166c Binary files /dev/null and b/public/images/delivery-man.jpg differ diff --git a/public/images/favicon.png b/public/images/favicon.png new file mode 100644 index 0000000..db8295b Binary files /dev/null and b/public/images/favicon.png differ diff --git a/public/images/header/01.jpg b/public/images/header/01.jpg new file mode 100644 index 0000000..04142e6 Binary files /dev/null and b/public/images/header/01.jpg differ diff --git a/public/images/header/02.jpg b/public/images/header/02.jpg new file mode 100644 index 0000000..04142e6 Binary files /dev/null and b/public/images/header/02.jpg differ diff --git a/public/images/header/03.jpg b/public/images/header/03.jpg new file mode 100644 index 0000000..04142e6 Binary files /dev/null and b/public/images/header/03.jpg differ diff --git a/public/images/header/04.jpg b/public/images/header/04.jpg new file mode 100644 index 0000000..04142e6 Binary files /dev/null and b/public/images/header/04.jpg differ diff --git a/public/images/header/lg-01.jpg b/public/images/header/lg-01.jpg new file mode 100644 index 0000000..7521efc Binary files /dev/null and b/public/images/header/lg-01.jpg differ diff --git a/public/images/header/lg-02.jpg b/public/images/header/lg-02.jpg new file mode 100644 index 0000000..e52c4f8 Binary files /dev/null and b/public/images/header/lg-02.jpg differ diff --git a/public/images/header/lg-03.jpg b/public/images/header/lg-03.jpg new file mode 100644 index 0000000..fc49924 Binary files /dev/null and b/public/images/header/lg-03.jpg differ diff --git a/public/images/header/lg-04.jpg b/public/images/header/lg-04.jpg new file mode 100644 index 0000000..102230e Binary files /dev/null and b/public/images/header/lg-04.jpg differ diff --git a/public/images/header/lg-05.jpg b/public/images/header/lg-05.jpg new file mode 100644 index 0000000..e56dd97 Binary files /dev/null and b/public/images/header/lg-05.jpg differ diff --git a/public/images/header/lg-06.jpg b/public/images/header/lg-06.jpg new file mode 100644 index 0000000..e56dd97 Binary files /dev/null and b/public/images/header/lg-06.jpg differ diff --git a/public/images/header/lg-07.jpg b/public/images/header/lg-07.jpg new file mode 100644 index 0000000..e56dd97 Binary files /dev/null and b/public/images/header/lg-07.jpg differ diff --git a/public/images/header/lg-08.jpg b/public/images/header/lg-08.jpg new file mode 100644 index 0000000..e56dd97 Binary files /dev/null and b/public/images/header/lg-08.jpg differ diff --git a/public/images/header/lg-09.jpg b/public/images/header/lg-09.jpg new file mode 100644 index 0000000..e56dd97 Binary files /dev/null and b/public/images/header/lg-09.jpg differ diff --git a/public/images/icon/Indian-cuisine.png b/public/images/icon/Indian-cuisine.png new file mode 100644 index 0000000..5245f00 Binary files /dev/null and b/public/images/icon/Indian-cuisine.png differ diff --git a/public/images/icon/breakfast-cuisine.png b/public/images/icon/breakfast-cuisine.png new file mode 100644 index 0000000..ef91d1c Binary files /dev/null and b/public/images/icon/breakfast-cuisine.png differ diff --git a/public/images/icon/debit-card.png b/public/images/icon/debit-card.png new file mode 100644 index 0000000..0555b10 Binary files /dev/null and b/public/images/icon/debit-card.png differ diff --git a/public/images/icon/electrical.png b/public/images/icon/electrical.png new file mode 100644 index 0000000..53524f2 Binary files /dev/null and b/public/images/icon/electrical.png differ diff --git a/public/images/icon/fast-food.png b/public/images/icon/fast-food.png new file mode 100644 index 0000000..d5bae24 Binary files /dev/null and b/public/images/icon/fast-food.png differ diff --git a/public/images/icon/gymnasium-marker.png b/public/images/icon/gymnasium-marker.png new file mode 100644 index 0000000..2c9733f Binary files /dev/null and b/public/images/icon/gymnasium-marker.png differ diff --git a/public/images/icon/handyperson.png b/public/images/icon/handyperson.png new file mode 100644 index 0000000..890915c Binary files /dev/null and b/public/images/icon/handyperson.png differ diff --git a/public/images/icon/healthy-cuisine.png b/public/images/icon/healthy-cuisine.png new file mode 100644 index 0000000..c9d3bc6 Binary files /dev/null and b/public/images/icon/healthy-cuisine.png differ diff --git a/public/images/icon/home-marker.png b/public/images/icon/home-marker.png new file mode 100644 index 0000000..42476de Binary files /dev/null and b/public/images/icon/home-marker.png differ diff --git a/public/images/icon/japanese-cuisine.png b/public/images/icon/japanese-cuisine.png new file mode 100644 index 0000000..5b481c3 Binary files /dev/null and b/public/images/icon/japanese-cuisine.png differ diff --git a/public/images/icon/keys.png b/public/images/icon/keys.png new file mode 100644 index 0000000..6a54959 Binary files /dev/null and b/public/images/icon/keys.png differ diff --git a/public/images/icon/landscaping.png b/public/images/icon/landscaping.png new file mode 100644 index 0000000..05d6a6c Binary files /dev/null and b/public/images/icon/landscaping.png differ diff --git a/public/images/icon/map.png b/public/images/icon/map.png new file mode 100644 index 0000000..3d3f996 Binary files /dev/null and b/public/images/icon/map.png differ diff --git a/public/images/icon/mercedes-benz.png b/public/images/icon/mercedes-benz.png new file mode 100644 index 0000000..cc000a3 Binary files /dev/null and b/public/images/icon/mercedes-benz.png differ diff --git a/public/images/icon/mexican-cuisine.png b/public/images/icon/mexican-cuisine.png new file mode 100644 index 0000000..347621e Binary files /dev/null and b/public/images/icon/mexican-cuisine.png differ diff --git a/public/images/icon/motorcycle-marker.png b/public/images/icon/motorcycle-marker.png new file mode 100644 index 0000000..3668562 Binary files /dev/null and b/public/images/icon/motorcycle-marker.png differ diff --git a/public/images/icon/music-marker.png b/public/images/icon/music-marker.png new file mode 100644 index 0000000..14ea306 Binary files /dev/null and b/public/images/icon/music-marker.png differ diff --git a/public/images/icon/plumbing.png b/public/images/icon/plumbing.png new file mode 100644 index 0000000..3435474 Binary files /dev/null and b/public/images/icon/plumbing.png differ diff --git a/public/images/icon/remodeling.png b/public/images/icon/remodeling.png new file mode 100644 index 0000000..1f41ba4 Binary files /dev/null and b/public/images/icon/remodeling.png differ diff --git a/public/images/icon/restaurant-marker.png b/public/images/icon/restaurant-marker.png new file mode 100644 index 0000000..52ffa46 Binary files /dev/null and b/public/images/icon/restaurant-marker.png differ diff --git a/public/images/icon/roofing.png b/public/images/icon/roofing.png new file mode 100644 index 0000000..1d6d486 Binary files /dev/null and b/public/images/icon/roofing.png differ diff --git a/public/images/icon/shopping-marker.png b/public/images/icon/shopping-marker.png new file mode 100644 index 0000000..817bbf9 Binary files /dev/null and b/public/images/icon/shopping-marker.png differ diff --git a/public/images/icon/taiwanese-cuisine.png b/public/images/icon/taiwanese-cuisine.png new file mode 100644 index 0000000..e8c3e38 Binary files /dev/null and b/public/images/icon/taiwanese-cuisine.png differ diff --git a/public/images/icon/thai-cuisine.png b/public/images/icon/thai-cuisine.png new file mode 100644 index 0000000..1b3eaa7 Binary files /dev/null and b/public/images/icon/thai-cuisine.png differ diff --git a/public/images/line.svg b/public/images/line.svg new file mode 100644 index 0000000..4e8b306 --- /dev/null +++ b/public/images/line.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/lines-2.svg b/public/images/lines-2.svg new file mode 100644 index 0000000..564906f --- /dev/null +++ b/public/images/lines-2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/images/lines.svg b/public/images/lines.svg new file mode 100644 index 0000000..6ef0cb1 --- /dev/null +++ b/public/images/lines.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/images/listing-details/gallery/01.jpg b/public/images/listing-details/gallery/01.jpg new file mode 100644 index 0000000..3ab6fe0 Binary files /dev/null and b/public/images/listing-details/gallery/01.jpg differ diff --git a/public/images/listing-details/gallery/02.jpg b/public/images/listing-details/gallery/02.jpg new file mode 100644 index 0000000..9b892ea Binary files /dev/null and b/public/images/listing-details/gallery/02.jpg differ diff --git a/public/images/listing-details/gallery/03.jpg b/public/images/listing-details/gallery/03.jpg new file mode 100644 index 0000000..baa5a69 Binary files /dev/null and b/public/images/listing-details/gallery/03.jpg differ diff --git a/public/images/listing-details/gallery/04.jpg b/public/images/listing-details/gallery/04.jpg new file mode 100644 index 0000000..cda5a96 Binary files /dev/null and b/public/images/listing-details/gallery/04.jpg differ diff --git a/public/images/listing-details/gallery/05.jpg b/public/images/listing-details/gallery/05.jpg new file mode 100644 index 0000000..177dcac Binary files /dev/null and b/public/images/listing-details/gallery/05.jpg differ diff --git a/public/images/listing-details/gallery/06.jpg b/public/images/listing-details/gallery/06.jpg new file mode 100644 index 0000000..80658ba Binary files /dev/null and b/public/images/listing-details/gallery/06.jpg differ diff --git a/public/images/listing-details/gallery/07.jpg b/public/images/listing-details/gallery/07.jpg new file mode 100644 index 0000000..547560c Binary files /dev/null and b/public/images/listing-details/gallery/07.jpg differ diff --git a/public/images/listing-details/gallery/08.jpg b/public/images/listing-details/gallery/08.jpg new file mode 100644 index 0000000..4e46572 Binary files /dev/null and b/public/images/listing-details/gallery/08.jpg differ diff --git a/public/images/listing-details/gallery/09.jpg b/public/images/listing-details/gallery/09.jpg new file mode 100644 index 0000000..630f85f Binary files /dev/null and b/public/images/listing-details/gallery/09.jpg differ diff --git a/public/images/listing-details/gallery/10.jpg b/public/images/listing-details/gallery/10.jpg new file mode 100644 index 0000000..630f85f Binary files /dev/null and b/public/images/listing-details/gallery/10.jpg differ diff --git a/public/images/listing-details/gallery/11.jpg b/public/images/listing-details/gallery/11.jpg new file mode 100644 index 0000000..4e46572 Binary files /dev/null and b/public/images/listing-details/gallery/11.jpg differ diff --git a/public/images/listing-details/gallery/12.jpg b/public/images/listing-details/gallery/12.jpg new file mode 100644 index 0000000..630f85f Binary files /dev/null and b/public/images/listing-details/gallery/12.jpg differ diff --git a/public/images/listing-details/gallery/13.jpg b/public/images/listing-details/gallery/13.jpg new file mode 100644 index 0000000..630f85f Binary files /dev/null and b/public/images/listing-details/gallery/13.jpg differ diff --git a/public/images/listing-details/review-image-02.jpg b/public/images/listing-details/review-image-02.jpg new file mode 100644 index 0000000..b3fc9ac Binary files /dev/null and b/public/images/listing-details/review-image-02.jpg differ diff --git a/public/images/listing-details/review-image-03.jpg b/public/images/listing-details/review-image-03.jpg new file mode 100644 index 0000000..b3fc9ac Binary files /dev/null and b/public/images/listing-details/review-image-03.jpg differ diff --git a/public/images/listing-details/review-image-04.jpg b/public/images/listing-details/review-image-04.jpg new file mode 100644 index 0000000..a1a288d Binary files /dev/null and b/public/images/listing-details/review-image-04.jpg differ diff --git a/public/images/listing-details/review-image-05.jpg b/public/images/listing-details/review-image-05.jpg new file mode 100644 index 0000000..b3fc9ac Binary files /dev/null and b/public/images/listing-details/review-image-05.jpg differ diff --git a/public/images/listing-details/review-image-06.jpg b/public/images/listing-details/review-image-06.jpg new file mode 100644 index 0000000..b3fc9ac Binary files /dev/null and b/public/images/listing-details/review-image-06.jpg differ diff --git a/public/images/listing-details/review-image-07.jpg b/public/images/listing-details/review-image-07.jpg new file mode 100644 index 0000000..a1a288d Binary files /dev/null and b/public/images/listing-details/review-image-07.jpg differ diff --git a/public/images/locations/01.jpg b/public/images/locations/01.jpg new file mode 100644 index 0000000..24112a1 Binary files /dev/null and b/public/images/locations/01.jpg differ diff --git a/public/images/locations/02.jpg b/public/images/locations/02.jpg new file mode 100644 index 0000000..24112a1 Binary files /dev/null and b/public/images/locations/02.jpg differ diff --git a/public/images/locations/03.jpg b/public/images/locations/03.jpg new file mode 100644 index 0000000..cbef15c Binary files /dev/null and b/public/images/locations/03.jpg differ diff --git a/public/images/locations/04.jpg b/public/images/locations/04.jpg new file mode 100644 index 0000000..8bb3f09 Binary files /dev/null and b/public/images/locations/04.jpg differ diff --git a/public/images/locations/05.jpg b/public/images/locations/05.jpg new file mode 100644 index 0000000..24112a1 Binary files /dev/null and b/public/images/locations/05.jpg differ diff --git a/public/images/locations/06.jpg b/public/images/locations/06.jpg new file mode 100644 index 0000000..24112a1 Binary files /dev/null and b/public/images/locations/06.jpg differ diff --git a/public/images/locations/masonry/01.jpg b/public/images/locations/masonry/01.jpg new file mode 100644 index 0000000..85a2689 Binary files /dev/null and b/public/images/locations/masonry/01.jpg differ diff --git a/public/images/locations/masonry/02.jpg b/public/images/locations/masonry/02.jpg new file mode 100644 index 0000000..c0fe5f6 Binary files /dev/null and b/public/images/locations/masonry/02.jpg differ diff --git a/public/images/locations/masonry/03.jpg b/public/images/locations/masonry/03.jpg new file mode 100644 index 0000000..c0fe5f6 Binary files /dev/null and b/public/images/locations/masonry/03.jpg differ diff --git a/public/images/locations/masonry/04.jpg b/public/images/locations/masonry/04.jpg new file mode 100644 index 0000000..c0fe5f6 Binary files /dev/null and b/public/images/locations/masonry/04.jpg differ diff --git a/public/images/locations/masonry/05.jpg b/public/images/locations/masonry/05.jpg new file mode 100644 index 0000000..6989182 Binary files /dev/null and b/public/images/locations/masonry/05.jpg differ diff --git a/public/images/locations/masonry/06.jpg b/public/images/locations/masonry/06.jpg new file mode 100644 index 0000000..70cf4f6 Binary files /dev/null and b/public/images/locations/masonry/06.jpg differ diff --git a/public/images/locations/masonry/07.jpg b/public/images/locations/masonry/07.jpg new file mode 100644 index 0000000..70cf4f6 Binary files /dev/null and b/public/images/locations/masonry/07.jpg differ diff --git a/public/images/locations/masonry/08.jpg b/public/images/locations/masonry/08.jpg new file mode 100644 index 0000000..c0fe5f6 Binary files /dev/null and b/public/images/locations/masonry/08.jpg differ diff --git a/public/images/locations/masonry/09.jpg b/public/images/locations/masonry/09.jpg new file mode 100644 index 0000000..8700f47 Binary files /dev/null and b/public/images/locations/masonry/09.jpg differ diff --git a/public/images/locations/masonry/10.jpg b/public/images/locations/masonry/10.jpg new file mode 100644 index 0000000..91c7056 Binary files /dev/null and b/public/images/locations/masonry/10.jpg differ diff --git a/public/images/locations/masonry/11.jpg b/public/images/locations/masonry/11.jpg new file mode 100644 index 0000000..ffbb4ea Binary files /dev/null and b/public/images/locations/masonry/11.jpg differ diff --git a/public/images/locations/masonry/12.jpg b/public/images/locations/masonry/12.jpg new file mode 100644 index 0000000..ffbb4ea Binary files /dev/null and b/public/images/locations/masonry/12.jpg differ diff --git a/public/images/logo-white.png b/public/images/logo-white.png new file mode 100644 index 0000000..d20cb57 Binary files /dev/null and b/public/images/logo-white.png differ diff --git a/public/images/logo.png b/public/images/logo.png new file mode 100644 index 0000000..defd89f Binary files /dev/null and b/public/images/logo.png differ diff --git a/public/images/pattern.svg b/public/images/pattern.svg new file mode 100644 index 0000000..b0c73b0 --- /dev/null +++ b/public/images/pattern.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/images/phone-mockup.png b/public/images/phone-mockup.png new file mode 100644 index 0000000..c76960a Binary files /dev/null and b/public/images/phone-mockup.png differ diff --git a/public/images/phone-mpckup.png b/public/images/phone-mpckup.png new file mode 100644 index 0000000..5112e74 Binary files /dev/null and b/public/images/phone-mpckup.png differ diff --git a/public/images/place/01.jpg b/public/images/place/01.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/01.jpg differ diff --git a/public/images/place/02.jpg b/public/images/place/02.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/02.jpg differ diff --git a/public/images/place/03.jpg b/public/images/place/03.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/03.jpg differ diff --git a/public/images/place/04.jpg b/public/images/place/04.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/04.jpg differ diff --git a/public/images/place/05.jpg b/public/images/place/05.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/05.jpg differ diff --git a/public/images/place/06.jpg b/public/images/place/06.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/06.jpg differ diff --git a/public/images/place/07.jpg b/public/images/place/07.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/07.jpg differ diff --git a/public/images/place/08.jpg b/public/images/place/08.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/08.jpg differ diff --git a/public/images/place/09.jpg b/public/images/place/09.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/09.jpg differ diff --git a/public/images/place/10.jpg b/public/images/place/10.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/10.jpg differ diff --git a/public/images/place/11.jpg b/public/images/place/11.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/11.jpg differ diff --git a/public/images/place/12.jpg b/public/images/place/12.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/12.jpg differ diff --git a/public/images/place/13.jpg b/public/images/place/13.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/13.jpg differ diff --git a/public/images/place/14.jpg b/public/images/place/14.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/14.jpg differ diff --git a/public/images/place/15.jpg b/public/images/place/15.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/15.jpg differ diff --git a/public/images/place/16.jpg b/public/images/place/16.jpg new file mode 100644 index 0000000..50fe014 Binary files /dev/null and b/public/images/place/16.jpg differ diff --git a/public/images/place/17.jpg b/public/images/place/17.jpg new file mode 100644 index 0000000..6088115 Binary files /dev/null and b/public/images/place/17.jpg differ diff --git a/public/images/place/18.jpg b/public/images/place/18.jpg new file mode 100644 index 0000000..6088115 Binary files /dev/null and b/public/images/place/18.jpg differ diff --git a/public/images/place/19.jpg b/public/images/place/19.jpg new file mode 100644 index 0000000..6088115 Binary files /dev/null and b/public/images/place/19.jpg differ diff --git a/public/images/place/20.jpg b/public/images/place/20.jpg new file mode 100644 index 0000000..6088115 Binary files /dev/null and b/public/images/place/20.jpg differ diff --git a/public/images/place/21.jpg b/public/images/place/21.jpg new file mode 100644 index 0000000..6088115 Binary files /dev/null and b/public/images/place/21.jpg differ diff --git a/public/images/place/22.jpg b/public/images/place/22.jpg new file mode 100644 index 0000000..6088115 Binary files /dev/null and b/public/images/place/22.jpg differ diff --git a/public/images/place/23.jpg b/public/images/place/23.jpg new file mode 100644 index 0000000..6088115 Binary files /dev/null and b/public/images/place/23.jpg differ diff --git a/public/images/png-img/about-shape-1.png b/public/images/png-img/about-shape-1.png new file mode 100644 index 0000000..eb3683d Binary files /dev/null and b/public/images/png-img/about-shape-1.png differ diff --git a/public/images/png-img/about-shape-2.png b/public/images/png-img/about-shape-2.png new file mode 100644 index 0000000..4f67f63 Binary files /dev/null and b/public/images/png-img/about-shape-2.png differ diff --git a/public/images/png-img/award-01.png b/public/images/png-img/award-01.png new file mode 100644 index 0000000..dfe2b8f Binary files /dev/null and b/public/images/png-img/award-01.png differ diff --git a/public/images/png-img/award-02.png b/public/images/png-img/award-02.png new file mode 100644 index 0000000..fecf55e Binary files /dev/null and b/public/images/png-img/award-02.png differ diff --git a/public/images/png-img/award-03.png b/public/images/png-img/award-03.png new file mode 100644 index 0000000..01f0822 Binary files /dev/null and b/public/images/png-img/award-03.png differ diff --git a/public/images/png-img/award-04.png b/public/images/png-img/award-04.png new file mode 100644 index 0000000..1372939 Binary files /dev/null and b/public/images/png-img/award-04.png differ diff --git a/public/images/png-img/forgot-password.png b/public/images/png-img/forgot-password.png new file mode 100644 index 0000000..a2807a8 Binary files /dev/null and b/public/images/png-img/forgot-password.png differ diff --git a/public/images/png-img/happy-hour-02.png b/public/images/png-img/happy-hour-02.png new file mode 100644 index 0000000..d415914 Binary files /dev/null and b/public/images/png-img/happy-hour-02.png differ diff --git a/public/images/png-img/happy-hour.png b/public/images/png-img/happy-hour.png new file mode 100644 index 0000000..a61eca3 Binary files /dev/null and b/public/images/png-img/happy-hour.png differ diff --git a/public/images/png-img/login.png b/public/images/png-img/login.png new file mode 100644 index 0000000..091f920 Binary files /dev/null and b/public/images/png-img/login.png differ diff --git a/public/images/png-img/real-time-analytics.png b/public/images/png-img/real-time-analytics.png new file mode 100644 index 0000000..ad3a8ec Binary files /dev/null and b/public/images/png-img/real-time-analytics.png differ diff --git a/public/images/png-img/signature.png b/public/images/png-img/signature.png new file mode 100644 index 0000000..fb475eb Binary files /dev/null and b/public/images/png-img/signature.png differ diff --git a/public/images/png-img/world-map.png b/public/images/png-img/world-map.png new file mode 100644 index 0000000..33795e3 Binary files /dev/null and b/public/images/png-img/world-map.png differ diff --git a/public/images/profile-cover.jpg b/public/images/profile-cover.jpg new file mode 100644 index 0000000..1631e0b Binary files /dev/null and b/public/images/profile-cover.jpg differ diff --git a/public/images/qr.png b/public/images/qr.png new file mode 100644 index 0000000..578c729 Binary files /dev/null and b/public/images/qr.png differ diff --git a/public/images/quote-white.svg b/public/images/quote-white.svg new file mode 100644 index 0000000..802fb47 --- /dev/null +++ b/public/images/quote-white.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/images/service/01.png b/public/images/service/01.png new file mode 100644 index 0000000..4fe570f Binary files /dev/null and b/public/images/service/01.png differ diff --git a/public/images/service/02.png b/public/images/service/02.png new file mode 100644 index 0000000..7370b42 Binary files /dev/null and b/public/images/service/02.png differ diff --git a/public/images/service/03.png b/public/images/service/03.png new file mode 100644 index 0000000..3e725eb Binary files /dev/null and b/public/images/service/03.png differ diff --git a/public/images/service/04.png b/public/images/service/04.png new file mode 100644 index 0000000..9b0da67 Binary files /dev/null and b/public/images/service/04.png differ diff --git a/public/images/service/05.png b/public/images/service/05.png new file mode 100644 index 0000000..83f138f Binary files /dev/null and b/public/images/service/05.png differ diff --git a/public/images/testimonial-bg-2.jpg b/public/images/testimonial-bg-2.jpg new file mode 100644 index 0000000..f2af2d8 Binary files /dev/null and b/public/images/testimonial-bg-2.jpg differ diff --git a/public/images/testimonial-bg-3.jpg b/public/images/testimonial-bg-3.jpg new file mode 100644 index 0000000..f2af2d8 Binary files /dev/null and b/public/images/testimonial-bg-3.jpg differ diff --git a/public/images/testimonial-bg-4.jpg b/public/images/testimonial-bg-4.jpg new file mode 100644 index 0000000..f2af2d8 Binary files /dev/null and b/public/images/testimonial-bg-4.jpg differ diff --git a/public/images/testimonial-bg.jpg b/public/images/testimonial-bg.jpg new file mode 100644 index 0000000..f2af2d8 Binary files /dev/null and b/public/images/testimonial-bg.jpg differ diff --git a/public/js/listing-map.js b/public/js/listing-map.js new file mode 100644 index 0000000..a30671e --- /dev/null +++ b/public/js/listing-map.js @@ -0,0 +1,225 @@ +function initMap() { + var map; + var bounds = new google.maps.LatLngBounds(); + var mapOptions = { + mapTypeId: 'roadmap', + mapTypeControl: false, + + // How zoomed in you want the map to start at (always required) + zoom: 10, + + // The latitude and longitude to center the map (always required) + center: { lat: 18.56622, lng: -68.36361 }, // New York + + // How you would like to style the map. + // This is where you would paste any style found on Snazzy Maps. + styles: [{ "featureType": "all", "elementType": "labels", "stylers": [{ "visibility": "on" }] }, { "featureType": "all", "elementType": "labels.text.fill", "stylers": [{ "saturation": 36 }, { "color": "#1e242d" }, { "lightness": 40 }] }, { "featureType": "all", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "all", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#1e242d" }, { "lightness": 6 }, { "weight": 1.2 }] }, { "featureType": "administrative.country", "elementType": "labels.text.fill", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.fill", "stylers": [{ "color": "#c4c4c4" }] }, { "featureType": "administrative.neighborhood", "elementType": "labels.text.fill", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 9 }, { "visibility": "on" }] }, { "featureType": "poi.business", "elementType": "geometry", "stylers": [{ "visibility": "on" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#343e4d" }, { "lightness": "0" }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.highway", "elementType": "labels.text.stroke", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 8 }] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "road.arterial", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.arterial", "elementType": "labels.text.stroke", "stylers": [{ "color": "#2c2c2c" }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [{ "color": "#999999" }] }, { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 7 }] }, { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 6 }] }] + //styles: [darkMapStyles] + }; + + // Define your dark and light map styles + var darkMapStyles = [ + // Dark map styles go here + { "featureType": "all", "elementType": "labels", "stylers": [{ "visibility": "on" }] }, { "featureType": "all", "elementType": "labels.text.fill", "stylers": [{ "saturation": 36 }, { "color": "#1e242d" }, { "lightness": 40 }] }, { "featureType": "all", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "all", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#1e242d" }, { "lightness": 6 }, { "weight": 1.2 }] }, { "featureType": "administrative.country", "elementType": "labels.text.fill", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.fill", "stylers": [{ "color": "#c4c4c4" }] }, { "featureType": "administrative.neighborhood", "elementType": "labels.text.fill", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 9 }, { "visibility": "on" }] }, { "featureType": "poi.business", "elementType": "geometry", "stylers": [{ "visibility": "on" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#343e4d" }, { "lightness": "0" }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.highway", "elementType": "labels.text.stroke", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 8 }] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [{ "color": "#343e4d" }] }, { "featureType": "road.arterial", "elementType": "labels.text.fill", "stylers": [{ "color": "#ffffff" }] }, { "featureType": "road.arterial", "elementType": "labels.text.stroke", "stylers": [{ "color": "#2c2c2c" }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 0 }] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [{ "color": "#999999" }] }, { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 7 }] }, { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#1e242d" }, { "lightness": 6 }] } + ]; + + var lightMapStyles = [ + // Light map styles go here + { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "labels.text", "stylers": [{ "visibility": "on" }, { "color": "#8e8e8e" }] }, { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{ "color": "#7f7f7f" }] }, { "featureType": "administrative", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative.country", "elementType": "geometry.stroke", "stylers": [{ "color": "#bebebe" }] }, { "featureType": "administrative.province", "elementType": "geometry.stroke", "stylers": [{ "visibility": "on" }, { "color": "#cbcbcb" }, { "weight": "0.69" }] }, { "featureType": "administrative.locality", "elementType": "geometry", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "landscape", "elementType": "all", "stylers": [{ "color": "#ffffff" }, { "saturation": "0" }] }, { "featureType": "poi.attraction", "elementType": "all", "stylers": [{ "visibility": "on" }, { "color": "#ffffff" }, { "saturation": "0" }] }, { "featureType": "poi.attraction", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.business", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.government", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.medical", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.park", "elementType": "geometry.fill", "stylers": [{ "color": "#efbfb7" }, { "visibility": "on" }] }, { "featureType": "poi.park", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.place_of_worship", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.school", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.sports_complex", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.sports_complex", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.sports_complex", "elementType": "labels.text", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "all", "stylers": [{ "saturation": "-100" }, { "lightness": "50" }, { "gamma": "1" }] }, { "featureType": "road", "elementType": "geometry.fill", "stylers": [{ "color": "#e4e4e4" }, { "saturation": "0" }] }, { "featureType": "road.highway", "elementType": "all", "stylers": [{ "visibility": "simplified" }, { "saturation": "0" }] }, { "featureType": "road.highway", "elementType": "geometry", "stylers": [{ "color": "#f2f2f2" }, { "saturation": "0" }] }, { "featureType": "road.highway", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "labels.text", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "road.arterial", "elementType": "all", "stylers": [{ "saturation": "0" }] }, { "featureType": "road.arterial", "elementType": "labels.text", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.local", "elementType": "all", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#e4e4e4" }, { "lightness": "0" }, { "gamma": "1" }, { "saturation": "0" }] }, { "featureType": "road.local", "elementType": "labels.text", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "transit", "elementType": "all", "stylers": [{ "visibility": "on" }] }, { "featureType": "transit", "elementType": "labels", "stylers": [{ "hue": "#ff0000" }, { "saturation": "-100" }, { "visibility": "simplified" }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#cbcbcb" }, { "visibility": "on" }] }, { "featureType": "water", "elementType": "geometry.fill", "stylers": [{ "color": "#f3f3f3" }, { "saturation": "0" }] }, { "featureType": "water", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "water", "elementType": "labels.text", "stylers": [{ "visibility": "simplified" }] } + ]; + + // Check if the map style is stored in local storage + var storedMapStyle = localStorage.getItem('mapStyle'); + var initialMapStyle = storedMapStyle === 'dark' ? darkMapStyles : lightMapStyles; + + var mapOptions = { + // ... (Your existing map options) + styles: initialMapStyle, // Use the stored map style or default to light + }; + + // Display a map on the web page + var map = new google.maps.Map(document.getElementById("mapCanvasTwo"), mapOptions); + map.setTilt(50); + + // Your existing code ... + + var darkMode = storedMapStyle === 'dark'; // Variable to track the map style + + // Add an event listener to the themeToggleBtn + document.getElementById('themeToggleBtn').addEventListener('click', function () { + // Toggle the darkMode variable + darkMode = !darkMode; + + // Change the map style based on the darkMode variable + map.setOptions({ + styles: darkMode ? darkMapStyles : lightMapStyles + }); + + // Store the current map style in local storage + localStorage.setItem('mapStyle', darkMode ? 'dark' : 'light'); + + // Toggle Bootstrap dark/light mode + document.documentElement.setAttribute('data-bs-theme', darkMode ? 'dark' : 'light'); + }); + + // Multiple markers location, latitude, and longitude + var markers = [ + ['Zona Colonial, Santo Domingo, DR', 18.47186, -69.89137], + ['Bávaro Beach, Punta Cana, DR', 18.68036, -68.40939], + ['Altos de Chavón, La Romana, DR', 18.42058, -68.90003], + ['Punta Cana International Airport, Punta Cana, DR', 18.56622, -68.36361], + ['Parque Colón, Zona Colonial, Santo Domingo, DR', 18.47159, -69.88498], + ['Hoyo Azul, Scape Park, Punta Cana, DR', 18.50253, -68.47636] + ]; + + // Initialize Bootstrap 5 tooltips + function initTooltips() { + var tooltips = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); + tooltips.map(function (tooltip) { + new bootstrap.Tooltip(tooltip); + }); + } + + var imagePathsBase = "https://themes.easital.com/html/liston/v2.3/assets/images/place"; + + // Check the direction attribute of the HTML element + var dirAttribute = document.documentElement.getAttribute("dir"); + + if (dirAttribute === "rtl") { + imagePathsBase = "https://themes.easital.com/html/liston/v2.3/assets/images/place"; // Update the base path for right-to-left + } + + var imagePaths = [ + imagePathsBase + "/01.jpg", + imagePathsBase + "/02.jpg", + imagePathsBase + "/03.jpg", + imagePathsBase + "/04.jpg", + imagePathsBase + "/05.jpg", + imagePathsBase + "/06.jpg", + ]; + + var cardTitle = [ + `Green Mart Apartment`, + `Chuijhal Hotel And Restaurant`, + `The Barber's Lounge`, + `Gaming Expo Spectacle`, + `Burnowl Tours & Travels `, + `Exclusive Education Aid `, + ]; + + // Info window content + var infoWindowContent = imagePaths.map(function (imagePath, index) { + return [ + '
' + + '' + + '
10% OFF
$100 off $399: eblwc
' + + '
(4.5)2,391 reviews

' + cardTitle[index] + '

' + + '
' + ]; + }); + + //preparing the image so it can be used as a marker + var iconBase = "assets/images/icon/"; + + // Check the direction attribute of the HTML element + var dirAttribute = document.documentElement.getAttribute("dir"); + + if (dirAttribute === "rtl") { + iconBase = "../assets/images/icon/"; // Update the base path for right-to-left + } + + // Now you can use the updated iconBase variable + + var icons = { + motorcycle: { + icon: iconBase + "motorcycle-marker.png", + }, + home: { + icon: iconBase + "home-marker.png", + }, + restaurant: { + icon: iconBase + "restaurant-marker.png", + }, + shopping: { + icon: iconBase + "shopping-marker.png", + }, + gymnasium: { + icon: iconBase + "gymnasium-marker.png", + }, + music: { + icon: iconBase + "music-marker.png", + }, + }; + + var catIcon = [ + { + position: new google.maps.LatLng(18.47186, -69.89137), // Zona Colonial + type: "home", + }, + { + position: new google.maps.LatLng(18.68036, -68.40939), // Bávaro Beach + type: "motorcycle", + }, + { + position: new google.maps.LatLng(18.42058, -68.90003), // Altos de Chavón + type: "restaurant", + }, + { + position: new google.maps.LatLng(18.56622, -68.36361), // Punta Cana Airport + type: "shopping", + }, + { + position: new google.maps.LatLng(18.47159, -69.88498), // Parque Colón + type: "gymnasium", + }, + { + position: new google.maps.LatLng(18.50253, -68.47636), // Hoyo Azul + type: "music", + } + ]; + + // Add multiple markers to map + var infoWindow = new google.maps.InfoWindow(), marker, i; + + // Place each marker on the map + for (i = 0; i < markers.length; i++) { + var position = new google.maps.LatLng(markers[i][1], markers[i][2]); + bounds.extend(position); + marker = new google.maps.Marker({ + position: position, + icon: icons[catIcon[i].type].icon, + map: map, + animation: google.maps.Animation.DROP, + title: markers[i][0] + }); + + // Add hover animation + marker.addListener('mouseover', function () { + this.setAnimation(google.maps.Animation.BOUNCE); + }); + + marker.addListener('mouseout', function () { + this.setAnimation(null); + }); + + // Add info window to marker + google.maps.event.addListener(marker, 'click', (function (marker, i) { + return function () { + infoWindow.setContent(infoWindowContent[i][0]); + infoWindow.open(map, marker); + } + })(marker, i)); + + // Center the map to fit all markers on the screen + map.fitBounds(bounds); + } + + // Set zoom level + var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function (event) { + this.setZoom(12); + google.maps.event.removeListener(boundsListener); + }); + +} +// Load initialize function +google.maps.event.addDomListener(window, 'load', initMap); diff --git a/public/js/script.js b/public/js/script.js new file mode 100644 index 0000000..cb8fe80 --- /dev/null +++ b/public/js/script.js @@ -0,0 +1,605 @@ +(function ($) { + "use strict"; // Start of use strict + /* + - Aos animation + - To Top + - Navbar + - Collapse hide show for mobile + - Background image + - Sidebar filters + - Append row + - Collapse text + - Counter + - FileUp + - Testimonial + - Theia sticky sidebar + - Image parallax + - Owl carousel + - Range slider + - Select 2 + - Grid container + - Popup youtube & gallery + - Toggle password + - Two step verification form + - Tooltip + */ + /*------------------------------------------- + Aos animation + --------------------------------------------- */ + AOS.init({ + // once: true, + // whether animation should happen only once - while scrolling down + }); + /*------------------------------------------- + To Top + --------------------------------------------- */ + $('body').append('
'); + $(window).scroll(function () { + if ($(this).scrollTop() !== 0) { + $('#toTop').fadeIn(); + } else { + $('#toTop').fadeOut(); + } + }); + $('#toTop').on('click', function () { + $("html, body").animate({ + scrollTop: 0 + }, 600); + return false; + }); + /*------------------------------------------- + Navbar + --------------------------------------------- */ + //navbar add remove calss + var header = $(".navbar-transfarent"); + $(window).scroll(function () { + var scroll = $(window).scrollTop(); + if (scroll >= 1) { + header.removeClass('navbar-transfarent').addClass("navbar-bg"); + } else { + header.removeClass("navbar-bg").addClass('navbar-transfarent'); + } + }); + + // Navbar collapse hide + $(".navbar-collapse .collapse-close").on("click", function () { + $(".navbar-collapse").collapse("hide"); + }); + // navbar toggle icon + $('#nav-icon').click(function () { + $(this).toggleClass('open'); + }); + + /*------------------------------------------- + Collapse hide show for mobile + --------------------------------------------- */ + + if ($('#CollapseText').length) { + var collapseText = $('#CollapseText'); + $(window).scroll(function () { + var scroll = $(window).scrollTop(); + if (scroll >= 1) { + collapseText.collapse('hide'); + } else { + collapseText.collapse('show'); + } + }); + } + + /*------------------------------------------- + Background image + --------------------------------------------- */ + if ($('.js-bg-image').length) { + $(".js-bg-image").css("backgroundImage", function () { + var bg = "url(" + $(this).data("image-src") + ")"; + return bg; + }); + } + /*------------------------------------------- + Sidebar filters + --------------------------------------------- */ + $('.all-filters').on('click', function () { + $('.js-sidebar-filters-mobile').toggleClass('active'); + $('.map-content').removeClass('opened'); + }); + + $('.sidebarCollapse').on('click', function () { + $('.js-sidebar-filters-mobile, .map-content').toggleClass('active'); + }); + + $('#mapCollapse, .map-close-icon').on('click', function () { + $('.map-content').toggleClass('opened'); + }); + + $('.filter-close').on('click', function () { + $('.js-sidebar-filters-mobile').removeClass('active'); + }); + + /*------------------------------------------- + Append row + --------------------------------------------- */ + var faqs_row = 0; + + function addItem() { + var rowHtml = ''; + rowHtml += ''; + rowHtml += ''; + rowHtml += ''; + rowHtml += ''; + rowHtml += ''; + $('#faqs tbody').append(rowHtml); + faqs_row++; + } + + // Use event delegation for dynamically added elements + $('#faqs').on('click', '.delete-btn', function () { + $(this).closest('tr').remove(); + }); + + // Use jQuery for the "Add New" button click + $('.text-center').on('click', 'button', function () { + addItem(); + }); + + /*------------------------------------------- + Collapse text + --------------------------------------------- */ + if ($('.collapseText').length) { + var button = $(".collapseText"); + var originalText = "Hide filters"; + var newText = "Show filters"; + var isToggled = false; + + button.on("click", function () { + var span = button.find("span"); + + if (isToggled) { + span.text(originalText); + } else { + span.text(newText); + } + + isToggled = !isToggled; + }); + } + + /*------------------------------------------- + Counter + --------------------------------------------- */ + if ($('.counter').length) { + $('.counter').counterUp({ + delay: 1, + time: 500, + }); + } + /*------------------------------------------- + FileUp + --------------------------------------------- */ + if ($('.fileUp').length) { + $('.fileUp').FancyFileUpload({ + params: { + action: 'fileuploader' + }, + maxfilesize: 1000000 + }); + } + /*------------------------------------------- + Testimonial + --------------------------------------------- */ + if ($('.testimonial-carouse').length) { + $('.testimonial-carousel').owlCarousel({ + loop: true, + margin: 10, + dots: false, + items: 1, + nav: true, + navText: [ + '', + '' + ], + }) + } + + /*------------------------------------------- + Theia sticky sidebar + --------------------------------------------- */ + $(".content, .sidebar").theiaStickySidebar({ + additionalMarginTop: 90 + }); + + /*------------------------------------------------- + Image parallax + ------------------------------------------------ */ + if ($('.js-image-parallax').length) { + var image = document.getElementsByClassName('js-image-parallax'); + new simpleParallax(image, { + delay: .6, + transition: 'cubic-bezier(0,0,0,1)' + }); + } + + /*------------------------------------------------- + Owl carousel + ------------------------------------------------ */ + if ($('.place-carousel').length) { + var placeCarousel = $(".place-carousel"); + placeCarousel.owlCarousel({ + loop: true, + margin: 24, + dots: false, + nav: true, + navText: [ + '', + '' + ], + responsive: { + 0: { + items: 1, + }, + 576: { + items: 2, + }, + 992: { + items: 3, + }, + 1200: { + items: 4, + } + } + }) + } + if ($('.testimonial-carousel').length) { + var owl = $(".testimonial-carousel"); + owl.owlCarousel({ + loop: true, + margin: 10, + dots: false, + items: 1, + nav: true, + navText: [ + '', + '' + ], + }) + } + if ($('.blog-carousel').length) { + var owl = $(".blog-carousel"); + owl.owlCarousel({ + loop: true, + margin: 24, + navText: [ + '', + '' + ], + responsive: { + 0: { + items: 1, + }, + 576: { + items: 2, + }, + 992: { + items: 3, + } + } + }) + } + if ($('.listings-carousel').length) { + var owl = $(".listings-carousel"); + owl.owlCarousel({ + loop: true, + margin: 24, + navText: [ + '', + '' + ], + responsive: { + 0: { + items: 1, + }, + 576: { + items: 2, + }, + 992: { + items: 3, + } + } + }) + } + if ($('.header-carousel').length) { + var headerOwl = $(".header-carousel"); + headerOwl.owlCarousel({ + loop: true, + margin: 10, + items: 1, + nav: false, + dots: false, + autoplay: true, + animateOut: 'fadeOut' + }) + } + if ($('.items-carousel').length) { + var itemsCarousel = $(".items-carousel"); + itemsCarousel.owlCarousel({ + loop: true, + margin: 24, + dots: false, + nav: true, + navText: [ + '', + '' + ], + responsive: { + 0: { + items: 1, + }, + 468: { + items: 1.5, + }, + 768: { + items: 2.3, + }, + 992: { + items: 2.5, + }, + 1200: { + items: 3.3, + } + } + }) + } + + /*------------------------------------------------- + Range slider + ------------------------------------------------ */ + if ($('.js-range-slider').length) { + var rangeSlider = $(".js-range-slider"); + rangeSlider.ionRangeSlider({ + skin: "round", + type: "double", + min: 500, + max: 5000, + from: 500, + to: 3000, + prefix: "$" + }); + } + /*------------------------------------------------- + Select 2 + ------------------------------------------------ */ + if ($('.select2').length) { + var selectOption = $(".select2"); + selectOption.select2({ + theme: "bootstrap-5", + width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style', + placeholder: $(this).data('placeholder'), + }); + } + /*------------------------------------------------- + Grid container + ------------------------------------------------ */ + if ($('.blog-grid').length) { + var masonry = new Macy({ + container: '.blog-grid', + trueOrder: false, + waitForImages: false, + useOwnImageLoader: false, + debug: true, + mobileFirst: true, + columns: 1, + margin: 24, + breakAt: { + 1200: 2, + 992: 2, + 768: 2, + 576: 1 + } + }); + } + /*------------------------------------------- + Popup youtube & gallery + --------------------------------------------- */ + if ($('.popup-youtube').length) { + $(".popup-youtube").magnificPopup({ + type: "iframe", + mainClass: "mfp-fade", + removalDelay: 160, + preloader: false, + fixedContentPos: true + }); + } + if ($('.zoom-gallery').length) { + $('.zoom-gallery').magnificPopup({ + delegate: 'a', + type: 'image', + closeOnContentClick: false, + closeBtnInside: false, + mainClass: 'mfp-with-zoom mfp-img-mobile', + image: { + verticalFit: true, + titleSrc: function (item) { + return item.el.attr('title') + ' · image source'; + } + }, + gallery: { + enabled: true + }, + zoom: { + enabled: true, + duration: 300, // don't foget to change the duration also in CSS + opener: function (element) { + return element.find('img'); + } + } + }); + } + if ($('.zoom-gallery-two').length) { + $('.zoom-gallery-two').magnificPopup({ + delegate: 'a', + type: 'image', + closeOnContentClick: false, + closeBtnInside: false, + mainClass: 'mfp-with-zoom mfp-img-mobile', + image: { + verticalFit: true, + titleSrc: function (item) { + return item.el.attr('title') + ' · image source'; + } + }, + gallery: { + enabled: true + }, + zoom: { + enabled: true, + duration: 300, // don't foget to change the duration also in CSS + opener: function (element) { + return element.find('img'); + } + } + }); + } + + /*------------------------------------------- + Toggle password + --------------------------------------------- */ + if ($('.toggle-password').length) { + $(".toggle-password").click(function () { + $(this).toggleClass("fa-eye fa-eye-slash"); + var input = $($(this).attr("data-bs-toggle")); + if (input.attr("type") == "password") { + input.attr("type", "text"); + } else { + input.attr("type", "password"); + } + }); + } + /*------------------------------------------- + Two step verification form + --------------------------------------------- */ + if ($('.verification-form').length) { + // Get all input elements + const inputs = document.querySelectorAll('.verification-form'); + + // Add event listener to each input + inputs.forEach((input, index) => { + input.addEventListener('input', (e) => { + // Allow only numbers + e.target.value = e.target.value.replace(/[^0-9]/g, ''); + + // Move focus to the next input when a character is entered + if (e.target.value.length === 1 && index < inputs.length - 1) { + inputs[index + 1].focus(); + } + }); + + // Move focus to the previous input when backspace is pressed + input.addEventListener('keydown', (e) => { + if (e.key === 'Backspace' && index > 0) { + inputs[index - 1].focus(); + } + }); + }); + } + + /*------------------------------------------- + Tooltip + --------------------------------------------- */ + const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]') + const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)) + +})(jQuery); + +document.addEventListener('DOMContentLoaded', function () { + const themeToggleBtn = document.getElementById('themeToggleBtn'); + const htmlElement = document.documentElement; + + // Check if theme preference is stored in localStorage + const storedTheme = localStorage.getItem('theme'); + if (storedTheme) { + htmlElement.setAttribute('data-bs-theme', storedTheme); + updateIcon(storedTheme); // Update the icon based on the stored theme + } + + themeToggleBtn.addEventListener('click', function () { + // Check the current theme and toggle + if (htmlElement.getAttribute('data-bs-theme') === 'dark') { + htmlElement.setAttribute('data-bs-theme', 'dark'); + updateIcon('light'); // Update the icon when switching to the light theme + localStorage.setItem('theme', 'light'); // Store the theme preference in localStorage + localStorage.setItem('mapStyle', 'light'); // Store the theme preference in localStorage + localStorage.setItem('imagePath', 'assets/images/lines.svg'); // Store the theme preference in localStorage + } else { + htmlElement.setAttribute('data-bs-theme', 'dark'); + updateIcon('dark'); // Update the icon when switching to the dark theme + localStorage.setItem('theme', 'dark'); // Store the theme preference in localStorage + localStorage.setItem('mapStyle', 'dark'); // Store the theme preference in localStorage + localStorage.setItem('imagePath', 'assets/images/lines-2.svg'); // Store the theme preference in localStorage + } + }); + + function updateIcon(theme) { + const iconElement = themeToggleBtn.querySelector('i'); + iconElement.className = theme === 'dark' ? 'fa-solid fa-sun' : 'fa-solid fa-moon'; + } +}); + +document.addEventListener("DOMContentLoaded", function () { + // Get all elements with the class .js-bg-image-lines + var bgImageElements = document.querySelectorAll('.js-bg-image-lines'); + + bgImageElements.forEach(function (bgImageElement) { + // Check if the element with .js-bg-image-lines class exists + if (bgImageElement) { + var currentImagePath = localStorage.getItem('imagePath') || 'assets/images/lines.svg'; + + // Set the initial background image + bgImageElement.style.backgroundImage = 'url(' + currentImagePath + ')'; + + document.getElementById('themeToggleBtn').addEventListener('click', function () { + var newImagePath; + + // Toggle the image source path + if (currentImagePath === 'assets/images/lines.svg') { + newImagePath = 'assets/images/lines-2.svg'; // Change this to the new path + } else { + newImagePath = 'assets/images/lines.svg'; + } + + // Update the data-image-src attribute + bgImageElement.setAttribute('data-image-src', newImagePath); + + // Update the background image + bgImageElement.style.backgroundImage = 'url(' + newImagePath + ')'; + + // Save the new image path to local storage + localStorage.setItem('imagePath', newImagePath); + + // Update the currentImagePath variable + currentImagePath = newImagePath; + }); + } + }); +}); + +document.addEventListener("DOMContentLoaded", function () { + // Get references to all reply open buttons and reply forms + var replyOpenBtns = document.querySelectorAll('.reply-open'); + var replyCloseBtns = document.querySelectorAll('.reply-close-btn'); + var replyForms = document.querySelectorAll('.reply-form'); + + // Add event listeners for all reply open buttons + replyOpenBtns.forEach(function (btn, index) { + btn.addEventListener('click', function (event) { + event.preventDefault(); // Prevent default link behavior + replyForms[index].classList.add('show'); // Show the corresponding reply form + }); + }); + + // Add event listeners for all reply close buttons + replyCloseBtns.forEach(function (btn, index) { + btn.addEventListener('click', function (event) { + event.preventDefault(); // Prevent default link behavior + replyForms[index].classList.remove('show'); // Hide the corresponding reply form + }); + }); +}); \ No newline at end of file diff --git a/public/plugins/OwlCarousel2/LICENSE b/public/plugins/OwlCarousel2/LICENSE new file mode 100644 index 0000000..052211d --- /dev/null +++ b/public/plugins/OwlCarousel2/LICENSE @@ -0,0 +1,23 @@ +Copyright (c) 2014 Owl +Modified work Copyright 2016-2018 David Deutsch + +Permission is hereby granted, free of charge, to any person +obtaining a copy of this software and associated documentation +files (the "Software"), to deal in the Software without +restriction, including without limitation the rights to use, +copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the +Software is furnished to do so, subject to the following +conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES +OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT +HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR +OTHER DEALINGS IN THE SOFTWARE. diff --git a/public/plugins/OwlCarousel2/README.md b/public/plugins/OwlCarousel2/README.md new file mode 100644 index 0000000..e912df2 --- /dev/null +++ b/public/plugins/OwlCarousel2/README.md @@ -0,0 +1,122 @@ +# Owl Carousel 2 + +Touch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.** + +**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes. + +## Quick start + +### Install + +This package can be installed with: + +- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery` +- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel` + +Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases). + +### Load + +#### Webpack + +Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration: + + const webpack = require('webpack'); + + //... + plugins: [ + new webpack.ProvidePlugin({ + $: 'jquery', + jQuery: 'jquery', + 'window.jQuery': 'jquery' + }), + ], + //... + +Load the required stylesheet and JS: + +```js +import 'owl.carousel/dist/assets/owl.carousel.css'; +import 'owl.carousel'; +``` + +#### Static HTML + +Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup: + +```html + +``` + +```html + +``` + +**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`. + + +Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery: + +```html + + +``` + +```html + + +``` + +### Usage + +Wrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles: + +```html +
+
Your Content
+
Your Content
+
Your Content
+
Your Content
+
Your Content
+
Your Content
+
Your Content
+
+``` +**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own. + + +Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready. + +```javascript +$(document).ready(function(){ + $('.owl-carousel').owlCarousel(); +}); +``` + +## Documentation + +The documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally. + +## Building + +This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available: + + * `default` compiles the CSS and JS into `/dist` and builds the doc. + * `dist` compiles the CSS and JS into `/dist` only. + * `watch` watches source files and builds them automatically whenever you save. + * `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/). + +To define which plugins are build into the distribution just edit `/_config.json` to fit your needs. + +## Contributing + +Please read [CONTRIBUTING.md](CONTRIBUTING.md). + +## Roadmap + +Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756). + + +## License + +The code and the documentation are released under the [MIT License](LICENSE). diff --git a/public/plugins/OwlCarousel2/css/ajax-loader.gif b/public/plugins/OwlCarousel2/css/ajax-loader.gif new file mode 100644 index 0000000..d3962f9 Binary files /dev/null and b/public/plugins/OwlCarousel2/css/ajax-loader.gif differ diff --git a/public/plugins/OwlCarousel2/css/owl.carousel.css b/public/plugins/OwlCarousel2/css/owl.carousel.css new file mode 100644 index 0000000..40237bc --- /dev/null +++ b/public/plugins/OwlCarousel2/css/owl.carousel.css @@ -0,0 +1,186 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/* + * Owl Carousel - Core + */ +.owl-carousel { + display: none; + width: 100%; + -webkit-tap-highlight-color: transparent; + /* position relative and z-index fix webkit rendering fonts issue */ + position: relative; + z-index: 1; } + .owl-carousel .owl-stage { + position: relative; + -ms-touch-action: pan-Y; + touch-action: manipulation; + -moz-backface-visibility: hidden; + /* fix firefox animation glitch */ } + .owl-carousel .owl-stage:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; } + .owl-carousel .owl-stage-outer { + position: relative; + overflow: hidden; + /* fix for flashing background */ + -webkit-transform: translate3d(0px, 0px, 0px); } + .owl-carousel .owl-wrapper, + .owl-carousel .owl-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); } + .owl-carousel .owl-item { + position: relative; + min-height: 1px; + float: left; + -webkit-backface-visibility: hidden; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; } + .owl-carousel .owl-item img { + display: block; + width: 100%; } + .owl-carousel .owl-nav.disabled, + .owl-carousel .owl-dots.disabled { + display: none; } + .owl-carousel .owl-nav .owl-prev, + .owl-carousel .owl-nav .owl-next, + .owl-carousel .owl-dot { + cursor: pointer; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .owl-carousel .owl-nav button.owl-prev, + .owl-carousel .owl-nav button.owl-next, + .owl-carousel button.owl-dot { + background: none; + color: inherit; + border: none; + padding: 0 !important; + font: inherit; } + .owl-carousel.owl-loaded { + display: block; } + .owl-carousel.owl-loading { + opacity: 0; + display: block; } + .owl-carousel.owl-hidden { + opacity: 0; } + .owl-carousel.owl-refresh .owl-item { + visibility: hidden; } + .owl-carousel.owl-drag .owl-item { + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .owl-carousel.owl-grab { + cursor: move; + cursor: grab; } + .owl-carousel.owl-rtl { + direction: rtl; } + .owl-carousel.owl-rtl .owl-item { + float: right; } + +/* No Js */ +.no-js .owl-carousel { + display: block; } + +/* + * Owl Carousel - Animate Plugin + */ +.owl-carousel .animated { + animation-duration: 1000ms; + animation-fill-mode: both; } + +.owl-carousel .owl-animated-in { + z-index: 0; } + +.owl-carousel .owl-animated-out { + z-index: 1; } + +.owl-carousel .fadeOut { + animation-name: fadeOut; } + +@keyframes fadeOut { + 0% { + opacity: 1; } + 100% { + opacity: 0; } } + +/* + * Owl Carousel - Auto Height Plugin + */ +.owl-height { + transition: height 500ms ease-in-out; } + +/* + * Owl Carousel - Lazy Load Plugin + */ +.owl-carousel .owl-item { + /** + This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong + calculation of the height of the owl-item that breaks page layouts + */ } + .owl-carousel .owl-item .owl-lazy { + opacity: 0; + transition: opacity 400ms ease; } + .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { + max-height: 0; } + .owl-carousel .owl-item img.owl-lazy { + transform-style: preserve-3d; } + +/* + * Owl Carousel - Video Plugin + */ +.owl-carousel .owl-video-wrapper { + position: relative; + height: 100%; + background: #000; } + +.owl-carousel .owl-video-play-icon { + position: absolute; + height: 80px; + width: 80px; + left: 50%; + top: 50%; + margin-left: -40px; + margin-top: -40px; + background: url("owl.video.play.png") no-repeat; + cursor: pointer; + z-index: 1; + -webkit-backface-visibility: hidden; + transition: transform 100ms ease; } + +.owl-carousel .owl-video-play-icon:hover { + -ms-transform: scale(1.3, 1.3); + transform: scale(1.3, 1.3); } + +.owl-carousel .owl-video-playing .owl-video-tn, +.owl-carousel .owl-video-playing .owl-video-play-icon { + display: none; } + +.owl-carousel .owl-video-tn { + opacity: 0; + height: 100%; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + transition: opacity 400ms ease; } + +.owl-carousel .owl-video-frame { + position: relative; + z-index: 1; + height: 100%; + width: 100%; } diff --git a/public/plugins/OwlCarousel2/css/owl.carousel.min.css b/public/plugins/OwlCarousel2/css/owl.carousel.min.css new file mode 100644 index 0000000..a71df11 --- /dev/null +++ b/public/plugins/OwlCarousel2/css/owl.carousel.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} \ No newline at end of file diff --git a/public/plugins/OwlCarousel2/css/owl.theme.default.css b/public/plugins/OwlCarousel2/css/owl.theme.default.css new file mode 100644 index 0000000..e2020fb --- /dev/null +++ b/public/plugins/OwlCarousel2/css/owl.theme.default.css @@ -0,0 +1,50 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/* + * Default theme - Owl Carousel CSS File + */ +.owl-theme .owl-nav { + margin-top: 10px; + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-nav [class*='owl-'] { + color: #FFF; + font-size: 14px; + margin: 5px; + padding: 4px 7px; + background: #D6D6D6; + display: inline-block; + cursor: pointer; + border-radius: 3px; } + .owl-theme .owl-nav [class*='owl-']:hover { + background: #869791; + color: #FFF; + text-decoration: none; } + .owl-theme .owl-nav .disabled { + opacity: 0.5; + cursor: default; } + +.owl-theme .owl-nav.disabled + .owl-dots { + margin-top: 10px; } + +.owl-theme .owl-dots { + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-dots .owl-dot { + display: inline-block; + zoom: 1; + *display: inline; } + .owl-theme .owl-dots .owl-dot span { + width: 10px; + height: 10px; + margin: 5px 7px; + background: #D6D6D6; + display: block; + -webkit-backface-visibility: visible; + transition: opacity 200ms ease; + border-radius: 30px; } + .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { + background: #869791; } diff --git a/public/plugins/OwlCarousel2/css/owl.theme.default.min.css b/public/plugins/OwlCarousel2/css/owl.theme.default.min.css new file mode 100644 index 0000000..487088d --- /dev/null +++ b/public/plugins/OwlCarousel2/css/owl.theme.default.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} \ No newline at end of file diff --git a/public/plugins/OwlCarousel2/css/owl.theme.green.css b/public/plugins/OwlCarousel2/css/owl.theme.green.css new file mode 100644 index 0000000..5235fbe --- /dev/null +++ b/public/plugins/OwlCarousel2/css/owl.theme.green.css @@ -0,0 +1,50 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/* + * Green theme - Owl Carousel CSS File + */ +.owl-theme .owl-nav { + margin-top: 10px; + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-nav [class*='owl-'] { + color: #FFF; + font-size: 14px; + margin: 5px; + padding: 4px 7px; + background: #D6D6D6; + display: inline-block; + cursor: pointer; + border-radius: 3px; } + .owl-theme .owl-nav [class*='owl-']:hover { + background: #4DC7A0; + color: #FFF; + text-decoration: none; } + .owl-theme .owl-nav .disabled { + opacity: 0.5; + cursor: default; } + +.owl-theme .owl-nav.disabled + .owl-dots { + margin-top: 10px; } + +.owl-theme .owl-dots { + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-dots .owl-dot { + display: inline-block; + zoom: 1; + *display: inline; } + .owl-theme .owl-dots .owl-dot span { + width: 10px; + height: 10px; + margin: 5px 7px; + background: #D6D6D6; + display: block; + -webkit-backface-visibility: visible; + transition: opacity 200ms ease; + border-radius: 30px; } + .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { + background: #4DC7A0; } diff --git a/public/plugins/OwlCarousel2/css/owl.theme.green.min.css b/public/plugins/OwlCarousel2/css/owl.theme.green.min.css new file mode 100644 index 0000000..187bea0 --- /dev/null +++ b/public/plugins/OwlCarousel2/css/owl.theme.green.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0} \ No newline at end of file diff --git a/public/plugins/OwlCarousel2/css/owl.video.play.png b/public/plugins/OwlCarousel2/css/owl.video.play.png new file mode 100644 index 0000000..5d0218d Binary files /dev/null and b/public/plugins/OwlCarousel2/css/owl.video.play.png differ diff --git a/public/plugins/OwlCarousel2/owl.carousel.js b/public/plugins/OwlCarousel2/owl.carousel.js new file mode 100644 index 0000000..66c67eb --- /dev/null +++ b/public/plugins/OwlCarousel2/owl.carousel.js @@ -0,0 +1,3448 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/** + * Owl carousel + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + * @todo Lazy Load Icon + * @todo prevent animationend bubling + * @todo itemsScaleUp + * @todo Test Zepto + * @todo stagePadding calculate wrong active classes + */ +;(function($, window, document, undefined) { + + /** + * Creates a carousel. + * @class The Owl Carousel. + * @public + * @param {HTMLElement|jQuery} element - The element to create the carousel for. + * @param {Object} [options] - The options + */ + function Owl(element, options) { + + /** + * Current settings for the carousel. + * @public + */ + this.settings = null; + + /** + * Current options set by the caller including defaults. + * @public + */ + this.options = $.extend({}, Owl.Defaults, options); + + /** + * Plugin element. + * @public + */ + this.$element = $(element); + + /** + * Proxied event handlers. + * @protected + */ + this._handlers = {}; + + /** + * References to the running plugins of this carousel. + * @protected + */ + this._plugins = {}; + + /** + * Currently suppressed events to prevent them from being retriggered. + * @protected + */ + this._supress = {}; + + /** + * Absolute current position. + * @protected + */ + this._current = null; + + /** + * Animation speed in milliseconds. + * @protected + */ + this._speed = null; + + /** + * Coordinates of all items in pixel. + * @todo The name of this member is missleading. + * @protected + */ + this._coordinates = []; + + /** + * Current breakpoint. + * @todo Real media queries would be nice. + * @protected + */ + this._breakpoint = null; + + /** + * Current width of the plugin element. + */ + this._width = null; + + /** + * All real items. + * @protected + */ + this._items = []; + + /** + * All cloned items. + * @protected + */ + this._clones = []; + + /** + * Merge values of all items. + * @todo Maybe this could be part of a plugin. + * @protected + */ + this._mergers = []; + + /** + * Widths of all items. + */ + this._widths = []; + + /** + * Invalidated parts within the update process. + * @protected + */ + this._invalidated = {}; + + /** + * Ordered list of workers for the update process. + * @protected + */ + this._pipe = []; + + /** + * Current state information for the drag operation. + * @todo #261 + * @protected + */ + this._drag = { + time: null, + target: null, + pointer: null, + stage: { + start: null, + current: null + }, + direction: null + }; + + /** + * Current state information and their tags. + * @type {Object} + * @protected + */ + this._states = { + current: {}, + tags: { + 'initializing': [ 'busy' ], + 'animating': [ 'busy' ], + 'dragging': [ 'interacting' ] + } + }; + + $.each([ 'onResize', 'onThrottledResize' ], $.proxy(function(i, handler) { + this._handlers[handler] = $.proxy(this[handler], this); + }, this)); + + $.each(Owl.Plugins, $.proxy(function(key, plugin) { + this._plugins[key.charAt(0).toLowerCase() + key.slice(1)] + = new plugin(this); + }, this)); + + $.each(Owl.Workers, $.proxy(function(priority, worker) { + this._pipe.push({ + 'filter': worker.filter, + 'run': $.proxy(worker.run, this) + }); + }, this)); + + this.setup(); + this.initialize(); + } + + /** + * Default options for the carousel. + * @public + */ + Owl.Defaults = { + items: 3, + loop: false, + center: false, + rewind: false, + checkVisibility: true, + + mouseDrag: true, + touchDrag: true, + pullDrag: true, + freeDrag: false, + + margin: 0, + stagePadding: 0, + + merge: false, + mergeFit: true, + autoWidth: false, + + startPosition: 0, + rtl: false, + + smartSpeed: 250, + fluidSpeed: false, + dragEndSpeed: false, + + responsive: {}, + responsiveRefreshRate: 200, + responsiveBaseElement: window, + + fallbackEasing: 'swing', + slideTransition: '', + + info: false, + + nestedItemSelector: false, + itemElement: 'div', + stageElement: 'div', + + refreshClass: 'owl-refresh', + loadedClass: 'owl-loaded', + loadingClass: 'owl-loading', + rtlClass: 'owl-rtl', + responsiveClass: 'owl-responsive', + dragClass: 'owl-drag', + itemClass: 'owl-item', + stageClass: 'owl-stage', + stageOuterClass: 'owl-stage-outer', + grabClass: 'owl-grab' + }; + + /** + * Enumeration for width. + * @public + * @readonly + * @enum {String} + */ + Owl.Width = { + Default: 'default', + Inner: 'inner', + Outer: 'outer' + }; + + /** + * Enumeration for types. + * @public + * @readonly + * @enum {String} + */ + Owl.Type = { + Event: 'event', + State: 'state' + }; + + /** + * Contains all registered plugins. + * @public + */ + Owl.Plugins = {}; + + /** + * List of workers involved in the update process. + */ + Owl.Workers = [ { + filter: [ 'width', 'settings' ], + run: function() { + this._width = this.$element.width(); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + cache.current = this._items && this._items[this.relative(this._current)]; + } + }, { + filter: [ 'items', 'settings' ], + run: function() { + this.$stage.children('.cloned').remove(); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var margin = this.settings.margin || '', + grid = !this.settings.autoWidth, + rtl = this.settings.rtl, + css = { + 'width': 'auto', + 'margin-left': rtl ? margin : '', + 'margin-right': rtl ? '' : margin + }; + + !grid && this.$stage.children().css(css); + + cache.css = css; + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var width = (this.width() / this.settings.items).toFixed(3) - this.settings.margin, + merge = null, + iterator = this._items.length, + grid = !this.settings.autoWidth, + widths = []; + + cache.items = { + merge: false, + width: width + }; + + while (iterator--) { + merge = this._mergers[iterator]; + merge = this.settings.mergeFit && Math.min(merge, this.settings.items) || merge; + + cache.items.merge = merge > 1 || cache.items.merge; + + widths[iterator] = !grid ? this._items[iterator].width() : width * merge; + } + + this._widths = widths; + } + }, { + filter: [ 'items', 'settings' ], + run: function() { + var clones = [], + items = this._items, + settings = this.settings, + // TODO: Should be computed from number of min width items in stage + view = Math.max(settings.items * 2, 4), + size = Math.ceil(items.length / 2) * 2, + repeat = settings.loop && items.length ? settings.rewind ? view : Math.max(view, size) : 0, + append = '', + prepend = ''; + + repeat /= 2; + + while (repeat > 0) { + // Switch to only using appended clones + clones.push(this.normalize(clones.length / 2, true)); + append = append + items[clones[clones.length - 1]][0].outerHTML; + clones.push(this.normalize(items.length - 1 - (clones.length - 1) / 2, true)); + prepend = items[clones[clones.length - 1]][0].outerHTML + prepend; + repeat -= 1; + } + + this._clones = clones; + + $(append).addClass('cloned').appendTo(this.$stage); + $(prepend).addClass('cloned').prependTo(this.$stage); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function() { + var rtl = this.settings.rtl ? 1 : -1, + size = this._clones.length + this._items.length, + iterator = -1, + previous = 0, + current = 0, + coordinates = []; + + while (++iterator < size) { + previous = coordinates[iterator - 1] || 0; + current = this._widths[this.relative(iterator)] + this.settings.margin; + coordinates.push(previous + current * rtl); + } + + this._coordinates = coordinates; + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function() { + var padding = this.settings.stagePadding, + coordinates = this._coordinates, + css = { + 'width': Math.ceil(Math.abs(coordinates[coordinates.length - 1])) + padding * 2, + 'padding-left': padding || '', + 'padding-right': padding || '' + }; + + this.$stage.css(css); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var iterator = this._coordinates.length, + grid = !this.settings.autoWidth, + items = this.$stage.children(); + + if (grid && cache.items.merge) { + while (iterator--) { + cache.css.width = this._widths[this.relative(iterator)]; + items.eq(iterator).css(cache.css); + } + } else if (grid) { + cache.css.width = cache.items.width; + items.css(cache.css); + } + } + }, { + filter: [ 'items' ], + run: function() { + this._coordinates.length < 1 && this.$stage.removeAttr('style'); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + cache.current = cache.current ? this.$stage.children().index(cache.current) : 0; + cache.current = Math.max(this.minimum(), Math.min(this.maximum(), cache.current)); + this.reset(cache.current); + } + }, { + filter: [ 'position' ], + run: function() { + this.animate(this.coordinates(this._current)); + } + }, { + filter: [ 'width', 'position', 'items', 'settings' ], + run: function() { + var rtl = this.settings.rtl ? 1 : -1, + padding = this.settings.stagePadding * 2, + begin = this.coordinates(this.current()) + padding, + end = begin + this.width() * rtl, + inner, outer, matches = [], i, n; + + for (i = 0, n = this._coordinates.length; i < n; i++) { + inner = this._coordinates[i - 1] || 0; + outer = Math.abs(this._coordinates[i]) + padding * rtl; + + if ((this.op(inner, '<=', begin) && (this.op(inner, '>', end))) + || (this.op(outer, '<', begin) && this.op(outer, '>', end))) { + matches.push(i); + } + } + + this.$stage.children('.active').removeClass('active'); + this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass('active'); + + this.$stage.children('.center').removeClass('center'); + if (this.settings.center) { + this.$stage.children().eq(this.current()).addClass('center'); + } + } + } ]; + + /** + * Create the stage DOM element + */ + Owl.prototype.initializeStage = function() { + this.$stage = this.$element.find('.' + this.settings.stageClass); + + // if the stage is already in the DOM, grab it and skip stage initialization + if (this.$stage.length) { + return; + } + + this.$element.addClass(this.options.loadingClass); + + // create stage + this.$stage = $('<' + this.settings.stageElement + '>', { + "class": this.settings.stageClass + }).wrap( $( '
', { + "class": this.settings.stageOuterClass + })); + + // append stage + this.$element.append(this.$stage.parent()); + }; + + /** + * Create item DOM elements + */ + Owl.prototype.initializeItems = function() { + var $items = this.$element.find('.owl-item'); + + // if the items are already in the DOM, grab them and skip item initialization + if ($items.length) { + this._items = $items.get().map(function(item) { + return $(item); + }); + + this._mergers = this._items.map(function() { + return 1; + }); + + this.refresh(); + + return; + } + + // append content + this.replace(this.$element.children().not(this.$stage.parent())); + + // check visibility + if (this.isVisible()) { + // update view + this.refresh(); + } else { + // invalidate width + this.invalidate('width'); + } + + this.$element + .removeClass(this.options.loadingClass) + .addClass(this.options.loadedClass); + }; + + /** + * Initializes the carousel. + * @protected + */ + Owl.prototype.initialize = function() { + this.enter('initializing'); + this.trigger('initialize'); + + this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl); + + if (this.settings.autoWidth && !this.is('pre-loading')) { + var imgs, nestedSelector, width; + imgs = this.$element.find('img'); + nestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined; + width = this.$element.children(nestedSelector).width(); + + if (imgs.length && width <= 0) { + this.preloadAutoWidthImages(imgs); + } + } + + this.initializeStage(); + this.initializeItems(); + + // register event handlers + this.registerEventHandlers(); + + this.leave('initializing'); + this.trigger('initialized'); + }; + + /** + * @returns {Boolean} visibility of $element + * if you know the carousel will always be visible you can set `checkVisibility` to `false` to + * prevent the expensive browser layout forced reflow the $element.is(':visible') does + */ + Owl.prototype.isVisible = function() { + return this.settings.checkVisibility + ? this.$element.is(':visible') + : true; + }; + + /** + * Setups the current settings. + * @todo Remove responsive classes. Why should adaptive designs be brought into IE8? + * @todo Support for media queries by using `matchMedia` would be nice. + * @public + */ + Owl.prototype.setup = function() { + var viewport = this.viewport(), + overwrites = this.options.responsive, + match = -1, + settings = null; + + if (!overwrites) { + settings = $.extend({}, this.options); + } else { + $.each(overwrites, function(breakpoint) { + if (breakpoint <= viewport && breakpoint > match) { + match = Number(breakpoint); + } + }); + + settings = $.extend({}, this.options, overwrites[match]); + if (typeof settings.stagePadding === 'function') { + settings.stagePadding = settings.stagePadding(); + } + delete settings.responsive; + + // responsive class + if (settings.responsiveClass) { + this.$element.attr('class', + this.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\S+\\s', 'g'), '$1' + match) + ); + } + } + + this.trigger('change', { property: { name: 'settings', value: settings } }); + this._breakpoint = match; + this.settings = settings; + this.invalidate('settings'); + this.trigger('changed', { property: { name: 'settings', value: this.settings } }); + }; + + /** + * Updates option logic if necessery. + * @protected + */ + Owl.prototype.optionsLogic = function() { + if (this.settings.autoWidth) { + this.settings.stagePadding = false; + this.settings.merge = false; + } + }; + + /** + * Prepares an item before add. + * @todo Rename event parameter `content` to `item`. + * @protected + * @returns {jQuery|HTMLElement} - The item container. + */ + Owl.prototype.prepare = function(item) { + var event = this.trigger('prepare', { content: item }); + + if (!event.data) { + event.data = $('<' + this.settings.itemElement + '/>') + .addClass(this.options.itemClass).append(item) + } + + this.trigger('prepared', { content: event.data }); + + return event.data; + }; + + /** + * Updates the view. + * @public + */ + Owl.prototype.update = function() { + var i = 0, + n = this._pipe.length, + filter = $.proxy(function(p) { return this[p] }, this._invalidated), + cache = {}; + + while (i < n) { + if (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) { + this._pipe[i].run(cache); + } + i++; + } + + this._invalidated = {}; + + !this.is('valid') && this.enter('valid'); + }; + + /** + * Gets the width of the view. + * @public + * @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return. + * @returns {Number} - The width of the view in pixel. + */ + Owl.prototype.width = function(dimension) { + dimension = dimension || Owl.Width.Default; + switch (dimension) { + case Owl.Width.Inner: + case Owl.Width.Outer: + return this._width; + default: + return this._width - this.settings.stagePadding * 2 + this.settings.margin; + } + }; + + /** + * Refreshes the carousel primarily for adaptive purposes. + * @public + */ + Owl.prototype.refresh = function() { + this.enter('refreshing'); + this.trigger('refresh'); + + this.setup(); + + this.optionsLogic(); + + this.$element.addClass(this.options.refreshClass); + + this.update(); + + this.$element.removeClass(this.options.refreshClass); + + this.leave('refreshing'); + this.trigger('refreshed'); + }; + + /** + * Checks window `resize` event. + * @protected + */ + Owl.prototype.onThrottledResize = function() { + window.clearTimeout(this.resizeTimer); + this.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate); + }; + + /** + * Checks window `resize` event. + * @protected + */ + Owl.prototype.onResize = function() { + if (!this._items.length) { + return false; + } + + if (this._width === this.$element.width()) { + return false; + } + + if (!this.isVisible()) { + return false; + } + + this.enter('resizing'); + + if (this.trigger('resize').isDefaultPrevented()) { + this.leave('resizing'); + return false; + } + + this.invalidate('width'); + + this.refresh(); + + this.leave('resizing'); + this.trigger('resized'); + }; + + /** + * Registers event handlers. + * @todo Check `msPointerEnabled` + * @todo #261 + * @protected + */ + Owl.prototype.registerEventHandlers = function() { + if ($.support.transition) { + this.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this)); + } + + if (this.settings.responsive !== false) { + this.on(window, 'resize', this._handlers.onThrottledResize); + } + + if (this.settings.mouseDrag) { + this.$element.addClass(this.options.dragClass); + this.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this)); + this.$stage.on('dragstart.owl.core selectstart.owl.core', function() { return false }); + } + + if (this.settings.touchDrag){ + this.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this)); + this.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this)); + } + }; + + /** + * Handles `touchstart` and `mousedown` events. + * @todo Horizontal swipe threshold as option + * @todo #261 + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragStart = function(event) { + var stage = null; + + if (event.which === 3) { + return; + } + + if ($.support.transform) { + stage = this.$stage.css('transform').replace(/.*\(|\)| /g, '').split(','); + stage = { + x: stage[stage.length === 16 ? 12 : 4], + y: stage[stage.length === 16 ? 13 : 5] + }; + } else { + stage = this.$stage.position(); + stage = { + x: this.settings.rtl ? + stage.left + this.$stage.width() - this.width() + this.settings.margin : + stage.left, + y: stage.top + }; + } + + if (this.is('animating')) { + $.support.transform ? this.animate(stage.x) : this.$stage.stop() + this.invalidate('position'); + } + + this.$element.toggleClass(this.options.grabClass, event.type === 'mousedown'); + + this.speed(0); + + this._drag.time = new Date().getTime(); + this._drag.target = $(event.target); + this._drag.stage.start = stage; + this._drag.stage.current = stage; + this._drag.pointer = this.pointer(event); + + $(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this)); + + $(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function(event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)); + + $(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this)); + + if (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) { + return; + } + + event.preventDefault(); + + this.enter('dragging'); + this.trigger('drag'); + }, this)); + }; + + /** + * Handles the `touchmove` and `mousemove` events. + * @todo #261 + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragMove = function(event) { + var minimum = null, + maximum = null, + pull = null, + delta = this.difference(this._drag.pointer, this.pointer(event)), + stage = this.difference(this._drag.stage.start, delta); + + if (!this.is('dragging')) { + return; + } + + event.preventDefault(); + + if (this.settings.loop) { + minimum = this.coordinates(this.minimum()); + maximum = this.coordinates(this.maximum() + 1) - minimum; + stage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum; + } else { + minimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum()); + maximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum()); + pull = this.settings.pullDrag ? -1 * delta.x / 5 : 0; + stage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull); + } + + this._drag.stage.current = stage; + + this.animate(stage.x); + }; + + /** + * Handles the `touchend` and `mouseup` events. + * @todo #261 + * @todo Threshold for click event + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragEnd = function(event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)), + stage = this._drag.stage.current, + direction = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right'; + + $(document).off('.owl.core'); + + this.$element.removeClass(this.options.grabClass); + + if (delta.x !== 0 && this.is('dragging') || !this.is('valid')) { + this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed); + this.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction)); + this.invalidate('position'); + this.update(); + + this._drag.direction = direction; + + if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) { + this._drag.target.one('click.owl.core', function() { return false; }); + } + } + + if (!this.is('dragging')) { + return; + } + + this.leave('dragging'); + this.trigger('dragged'); + }; + + /** + * Gets absolute position of the closest item for a coordinate. + * @todo Setting `freeDrag` makes `closest` not reusable. See #165. + * @protected + * @param {Number} coordinate - The coordinate in pixel. + * @param {String} direction - The direction to check for the closest item. Ether `left` or `right`. + * @return {Number} - The absolute position of the closest item. + */ + Owl.prototype.closest = function(coordinate, direction) { + var position = -1, + pull = 30, + width = this.width(), + coordinates = this.coordinates(); + + if (!this.settings.freeDrag) { + // check closest item + $.each(coordinates, $.proxy(function(index, value) { + // on a left pull, check on current index + if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) { + position = index; + // on a right pull, check on previous index + // to do so, subtract width from value and set position = index + 1 + } else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) { + position = index + 1; + } else if (this.op(coordinate, '<', value) + && this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) { + position = direction === 'left' ? index + 1 : index; + } + return position === -1; + }, this)); + } + + if (!this.settings.loop) { + // non loop boundries + if (this.op(coordinate, '>', coordinates[this.minimum()])) { + position = coordinate = this.minimum(); + } else if (this.op(coordinate, '<', coordinates[this.maximum()])) { + position = coordinate = this.maximum(); + } + } + + return position; + }; + + /** + * Animates the stage. + * @todo #270 + * @public + * @param {Number} coordinate - The coordinate in pixels. + */ + Owl.prototype.animate = function(coordinate) { + var animate = this.speed() > 0; + + this.is('animating') && this.onTransitionEnd(); + + if (animate) { + this.enter('animating'); + this.trigger('translate'); + } + + if ($.support.transform3d && $.support.transition) { + this.$stage.css({ + transform: 'translate3d(' + coordinate + 'px,0px,0px)', + transition: (this.speed() / 1000) + 's' + ( + this.settings.slideTransition ? ' ' + this.settings.slideTransition : '' + ) + }); + } else if (animate) { + this.$stage.animate({ + left: coordinate + 'px' + }, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this)); + } else { + this.$stage.css({ + left: coordinate + 'px' + }); + } + }; + + /** + * Checks whether the carousel is in a specific state or not. + * @param {String} state - The state to check. + * @returns {Boolean} - The flag which indicates if the carousel is busy. + */ + Owl.prototype.is = function(state) { + return this._states.current[state] && this._states.current[state] > 0; + }; + + /** + * Sets the absolute position of the current item. + * @public + * @param {Number} [position] - The new absolute position or nothing to leave it unchanged. + * @returns {Number} - The absolute position of the current item. + */ + Owl.prototype.current = function(position) { + if (position === undefined) { + return this._current; + } + + if (this._items.length === 0) { + return undefined; + } + + position = this.normalize(position); + + if (this._current !== position) { + var event = this.trigger('change', { property: { name: 'position', value: position } }); + + if (event.data !== undefined) { + position = this.normalize(event.data); + } + + this._current = position; + + this.invalidate('position'); + + this.trigger('changed', { property: { name: 'position', value: this._current } }); + } + + return this._current; + }; + + /** + * Invalidates the given part of the update routine. + * @param {String} [part] - The part to invalidate. + * @returns {Array.} - The invalidated parts. + */ + Owl.prototype.invalidate = function(part) { + if ($.type(part) === 'string') { + this._invalidated[part] = true; + this.is('valid') && this.leave('valid'); + } + return $.map(this._invalidated, function(v, i) { return i }); + }; + + /** + * Resets the absolute position of the current item. + * @public + * @param {Number} position - The absolute position of the new item. + */ + Owl.prototype.reset = function(position) { + position = this.normalize(position); + + if (position === undefined) { + return; + } + + this._speed = 0; + this._current = position; + + this.suppress([ 'translate', 'translated' ]); + + this.animate(this.coordinates(position)); + + this.release([ 'translate', 'translated' ]); + }; + + /** + * Normalizes an absolute or a relative position of an item. + * @public + * @param {Number} position - The absolute or relative position to normalize. + * @param {Boolean} [relative=false] - Whether the given position is relative or not. + * @returns {Number} - The normalized position. + */ + Owl.prototype.normalize = function(position, relative) { + var n = this._items.length, + m = relative ? 0 : this._clones.length; + + if (!this.isNumeric(position) || n < 1) { + position = undefined; + } else if (position < 0 || position >= n + m) { + position = ((position - m / 2) % n + n) % n + m / 2; + } + + return position; + }; + + /** + * Converts an absolute position of an item into a relative one. + * @public + * @param {Number} position - The absolute position to convert. + * @returns {Number} - The converted position. + */ + Owl.prototype.relative = function(position) { + position -= this._clones.length / 2; + return this.normalize(position, true); + }; + + /** + * Gets the maximum position for the current item. + * @public + * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position. + * @returns {Number} + */ + Owl.prototype.maximum = function(relative) { + var settings = this.settings, + maximum = this._coordinates.length, + iterator, + reciprocalItemsWidth, + elementWidth; + + if (settings.loop) { + maximum = this._clones.length / 2 + this._items.length - 1; + } else if (settings.autoWidth || settings.merge) { + iterator = this._items.length; + if (iterator) { + reciprocalItemsWidth = this._items[--iterator].width(); + elementWidth = this.$element.width(); + while (iterator--) { + reciprocalItemsWidth += this._items[iterator].width() + this.settings.margin; + if (reciprocalItemsWidth > elementWidth) { + break; + } + } + } + maximum = iterator + 1; + } else if (settings.center) { + maximum = this._items.length - 1; + } else { + maximum = this._items.length - settings.items; + } + + if (relative) { + maximum -= this._clones.length / 2; + } + + return Math.max(maximum, 0); + }; + + /** + * Gets the minimum position for the current item. + * @public + * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position. + * @returns {Number} + */ + Owl.prototype.minimum = function(relative) { + return relative ? 0 : this._clones.length / 2; + }; + + /** + * Gets an item at the specified relative position. + * @public + * @param {Number} [position] - The relative position of the item. + * @return {jQuery|Array.} - The item at the given position or all items if no position was given. + */ + Owl.prototype.items = function(position) { + if (position === undefined) { + return this._items.slice(); + } + + position = this.normalize(position, true); + return this._items[position]; + }; + + /** + * Gets an item at the specified relative position. + * @public + * @param {Number} [position] - The relative position of the item. + * @return {jQuery|Array.} - The item at the given position or all items if no position was given. + */ + Owl.prototype.mergers = function(position) { + if (position === undefined) { + return this._mergers.slice(); + } + + position = this.normalize(position, true); + return this._mergers[position]; + }; + + /** + * Gets the absolute positions of clones for an item. + * @public + * @param {Number} [position] - The relative position of the item. + * @returns {Array.} - The absolute positions of clones for the item or all if no position was given. + */ + Owl.prototype.clones = function(position) { + var odd = this._clones.length / 2, + even = odd + this._items.length, + map = function(index) { return index % 2 === 0 ? even + index / 2 : odd - (index + 1) / 2 }; + + if (position === undefined) { + return $.map(this._clones, function(v, i) { return map(i) }); + } + + return $.map(this._clones, function(v, i) { return v === position ? map(i) : null }); + }; + + /** + * Sets the current animation speed. + * @public + * @param {Number} [speed] - The animation speed in milliseconds or nothing to leave it unchanged. + * @returns {Number} - The current animation speed in milliseconds. + */ + Owl.prototype.speed = function(speed) { + if (speed !== undefined) { + this._speed = speed; + } + + return this._speed; + }; + + /** + * Gets the coordinate of an item. + * @todo The name of this method is missleanding. + * @public + * @param {Number} position - The absolute position of the item within `minimum()` and `maximum()`. + * @returns {Number|Array.} - The coordinate of the item in pixel or all coordinates. + */ + Owl.prototype.coordinates = function(position) { + var multiplier = 1, + newPosition = position - 1, + coordinate; + + if (position === undefined) { + return $.map(this._coordinates, $.proxy(function(coordinate, index) { + return this.coordinates(index); + }, this)); + } + + if (this.settings.center) { + if (this.settings.rtl) { + multiplier = -1; + newPosition = position + 1; + } + + coordinate = this._coordinates[position]; + coordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier; + } else { + coordinate = this._coordinates[newPosition] || 0; + } + + coordinate = Math.ceil(coordinate); + + return coordinate; + }; + + /** + * Calculates the speed for a translation. + * @protected + * @param {Number} from - The absolute position of the start item. + * @param {Number} to - The absolute position of the target item. + * @param {Number} [factor=undefined] - The time factor in milliseconds. + * @returns {Number} - The time in milliseconds for the translation. + */ + Owl.prototype.duration = function(from, to, factor) { + if (factor === 0) { + return 0; + } + + return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed)); + }; + + /** + * Slides to the specified item. + * @public + * @param {Number} position - The position of the item. + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.to = function(position, speed) { + var current = this.current(), + revert = null, + distance = position - this.relative(current), + direction = (distance > 0) - (distance < 0), + items = this._items.length, + minimum = this.minimum(), + maximum = this.maximum(); + + if (this.settings.loop) { + if (!this.settings.rewind && Math.abs(distance) > items / 2) { + distance += direction * -1 * items; + } + + position = current + distance; + revert = ((position - minimum) % items + items) % items + minimum; + + if (revert !== position && revert - distance <= maximum && revert - distance > 0) { + current = revert - distance; + position = revert; + this.reset(current); + } + } else if (this.settings.rewind) { + maximum += 1; + position = (position % maximum + maximum) % maximum; + } else { + position = Math.max(minimum, Math.min(maximum, position)); + } + + this.speed(this.duration(current, position, speed)); + this.current(position); + + if (this.isVisible()) { + this.update(); + } + }; + + /** + * Slides to the next item. + * @public + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.next = function(speed) { + speed = speed || false; + this.to(this.relative(this.current()) + 1, speed); + }; + + /** + * Slides to the previous item. + * @public + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.prev = function(speed) { + speed = speed || false; + this.to(this.relative(this.current()) - 1, speed); + }; + + /** + * Handles the end of an animation. + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onTransitionEnd = function(event) { + + // if css2 animation then event object is undefined + if (event !== undefined) { + event.stopPropagation(); + + // Catch only owl-stage transitionEnd event + if ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) { + return false; + } + } + + this.leave('animating'); + this.trigger('translated'); + }; + + /** + * Gets viewport width. + * @protected + * @return {Number} - The width in pixel. + */ + Owl.prototype.viewport = function() { + var width; + if (this.options.responsiveBaseElement !== window) { + width = $(this.options.responsiveBaseElement).width(); + } else if (window.innerWidth) { + width = window.innerWidth; + } else if (document.documentElement && document.documentElement.clientWidth) { + width = document.documentElement.clientWidth; + } else { + console.warn('Can not detect viewport width.'); + } + return width; + }; + + /** + * Replaces the current content. + * @public + * @param {HTMLElement|jQuery|String} content - The new content. + */ + Owl.prototype.replace = function(content) { + this.$stage.empty(); + this._items = []; + + if (content) { + content = (content instanceof jQuery) ? content : $(content); + } + + if (this.settings.nestedItemSelector) { + content = content.find('.' + this.settings.nestedItemSelector); + } + + content.filter(function() { + return this.nodeType === 1; + }).each($.proxy(function(index, item) { + item = this.prepare(item); + this.$stage.append(item); + this._items.push(item); + this._mergers.push(item.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + }, this)); + + this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0); + + this.invalidate('items'); + }; + + /** + * Adds an item. + * @todo Use `item` instead of `content` for the event arguments. + * @public + * @param {HTMLElement|jQuery|String} content - The item content to add. + * @param {Number} [position] - The relative position at which to insert the item otherwise the item will be added to the end. + */ + Owl.prototype.add = function(content, position) { + var current = this.relative(this._current); + + position = position === undefined ? this._items.length : this.normalize(position, true); + content = content instanceof jQuery ? content : $(content); + + this.trigger('add', { content: content, position: position }); + + content = this.prepare(content); + + if (this._items.length === 0 || position === this._items.length) { + this._items.length === 0 && this.$stage.append(content); + this._items.length !== 0 && this._items[position - 1].after(content); + this._items.push(content); + this._mergers.push(content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + } else { + this._items[position].before(content); + this._items.splice(position, 0, content); + this._mergers.splice(position, 0, content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + } + + this._items[current] && this.reset(this._items[current].index()); + + this.invalidate('items'); + + this.trigger('added', { content: content, position: position }); + }; + + /** + * Removes an item by its position. + * @todo Use `item` instead of `content` for the event arguments. + * @public + * @param {Number} position - The relative position of the item to remove. + */ + Owl.prototype.remove = function(position) { + position = this.normalize(position, true); + + if (position === undefined) { + return; + } + + this.trigger('remove', { content: this._items[position], position: position }); + + this._items[position].remove(); + this._items.splice(position, 1); + this._mergers.splice(position, 1); + + this.invalidate('items'); + + this.trigger('removed', { content: null, position: position }); + }; + + /** + * Preloads images with auto width. + * @todo Replace by a more generic approach + * @protected + */ + Owl.prototype.preloadAutoWidthImages = function(images) { + images.each($.proxy(function(i, element) { + this.enter('pre-loading'); + element = $(element); + $(new Image()).one('load', $.proxy(function(e) { + element.attr('src', e.target.src); + element.css('opacity', 1); + this.leave('pre-loading'); + !this.is('pre-loading') && !this.is('initializing') && this.refresh(); + }, this)).attr('src', element.attr('src') || element.attr('data-src') || element.attr('data-src-retina')); + }, this)); + }; + + /** + * Destroys the carousel. + * @public + */ + Owl.prototype.destroy = function() { + + this.$element.off('.owl.core'); + this.$stage.off('.owl.core'); + $(document).off('.owl.core'); + + if (this.settings.responsive !== false) { + window.clearTimeout(this.resizeTimer); + this.off(window, 'resize', this._handlers.onThrottledResize); + } + + for (var i in this._plugins) { + this._plugins[i].destroy(); + } + + this.$stage.children('.cloned').remove(); + + this.$stage.unwrap(); + this.$stage.children().contents().unwrap(); + this.$stage.children().unwrap(); + this.$stage.remove(); + this.$element + .removeClass(this.options.refreshClass) + .removeClass(this.options.loadingClass) + .removeClass(this.options.loadedClass) + .removeClass(this.options.rtlClass) + .removeClass(this.options.dragClass) + .removeClass(this.options.grabClass) + .attr('class', this.$element.attr('class').replace(new RegExp(this.options.responsiveClass + '-\\S+\\s', 'g'), '')) + .removeData('owl.carousel'); + }; + + /** + * Operators to calculate right-to-left and left-to-right. + * @protected + * @param {Number} [a] - The left side operand. + * @param {String} [o] - The operator. + * @param {Number} [b] - The right side operand. + */ + Owl.prototype.op = function(a, o, b) { + var rtl = this.settings.rtl; + switch (o) { + case '<': + return rtl ? a > b : a < b; + case '>': + return rtl ? a < b : a > b; + case '>=': + return rtl ? a <= b : a >= b; + case '<=': + return rtl ? a >= b : a <= b; + default: + break; + } + }; + + /** + * Attaches to an internal event. + * @protected + * @param {HTMLElement} element - The event source. + * @param {String} event - The event name. + * @param {Function} listener - The event handler to attach. + * @param {Boolean} capture - Wether the event should be handled at the capturing phase or not. + */ + Owl.prototype.on = function(element, event, listener, capture) { + if (element.addEventListener) { + element.addEventListener(event, listener, capture); + } else if (element.attachEvent) { + element.attachEvent('on' + event, listener); + } + }; + + /** + * Detaches from an internal event. + * @protected + * @param {HTMLElement} element - The event source. + * @param {String} event - The event name. + * @param {Function} listener - The attached event handler to detach. + * @param {Boolean} capture - Wether the attached event handler was registered as a capturing listener or not. + */ + Owl.prototype.off = function(element, event, listener, capture) { + if (element.removeEventListener) { + element.removeEventListener(event, listener, capture); + } else if (element.detachEvent) { + element.detachEvent('on' + event, listener); + } + }; + + /** + * Triggers a public event. + * @todo Remove `status`, `relatedTarget` should be used instead. + * @protected + * @param {String} name - The event name. + * @param {*} [data=null] - The event data. + * @param {String} [namespace=carousel] - The event namespace. + * @param {String} [state] - The state which is associated with the event. + * @param {Boolean} [enter=false] - Indicates if the call enters the specified state or not. + * @returns {Event} - The event arguments. + */ + Owl.prototype.trigger = function(name, data, namespace, state, enter) { + var status = { + item: { count: this._items.length, index: this.current() } + }, handler = $.camelCase( + $.grep([ 'on', name, namespace ], function(v) { return v }) + .join('-').toLowerCase() + ), event = $.Event( + [ name, 'owl', namespace || 'carousel' ].join('.').toLowerCase(), + $.extend({ relatedTarget: this }, status, data) + ); + + if (!this._supress[name]) { + $.each(this._plugins, function(name, plugin) { + if (plugin.onTrigger) { + plugin.onTrigger(event); + } + }); + + this.register({ type: Owl.Type.Event, name: name }); + this.$element.trigger(event); + + if (this.settings && typeof this.settings[handler] === 'function') { + this.settings[handler].call(this, event); + } + } + + return event; + }; + + /** + * Enters a state. + * @param name - The state name. + */ + Owl.prototype.enter = function(name) { + $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) { + if (this._states.current[name] === undefined) { + this._states.current[name] = 0; + } + + this._states.current[name]++; + }, this)); + }; + + /** + * Leaves a state. + * @param name - The state name. + */ + Owl.prototype.leave = function(name) { + $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) { + this._states.current[name]--; + }, this)); + }; + + /** + * Registers an event or state. + * @public + * @param {Object} object - The event or state to register. + */ + Owl.prototype.register = function(object) { + if (object.type === Owl.Type.Event) { + if (!$.event.special[object.name]) { + $.event.special[object.name] = {}; + } + + if (!$.event.special[object.name].owl) { + var _default = $.event.special[object.name]._default; + $.event.special[object.name]._default = function(e) { + if (_default && _default.apply && (!e.namespace || e.namespace.indexOf('owl') === -1)) { + return _default.apply(this, arguments); + } + return e.namespace && e.namespace.indexOf('owl') > -1; + }; + $.event.special[object.name].owl = true; + } + } else if (object.type === Owl.Type.State) { + if (!this._states.tags[object.name]) { + this._states.tags[object.name] = object.tags; + } else { + this._states.tags[object.name] = this._states.tags[object.name].concat(object.tags); + } + + this._states.tags[object.name] = $.grep(this._states.tags[object.name], $.proxy(function(tag, i) { + return $.inArray(tag, this._states.tags[object.name]) === i; + }, this)); + } + }; + + /** + * Suppresses events. + * @protected + * @param {Array.} events - The events to suppress. + */ + Owl.prototype.suppress = function(events) { + $.each(events, $.proxy(function(index, event) { + this._supress[event] = true; + }, this)); + }; + + /** + * Releases suppressed events. + * @protected + * @param {Array.} events - The events to release. + */ + Owl.prototype.release = function(events) { + $.each(events, $.proxy(function(index, event) { + delete this._supress[event]; + }, this)); + }; + + /** + * Gets unified pointer coordinates from event. + * @todo #261 + * @protected + * @param {Event} - The `mousedown` or `touchstart` event. + * @returns {Object} - Contains `x` and `y` coordinates of current pointer position. + */ + Owl.prototype.pointer = function(event) { + var result = { x: null, y: null }; + + event = event.originalEvent || event || window.event; + + event = event.touches && event.touches.length ? + event.touches[0] : event.changedTouches && event.changedTouches.length ? + event.changedTouches[0] : event; + + if (event.pageX) { + result.x = event.pageX; + result.y = event.pageY; + } else { + result.x = event.clientX; + result.y = event.clientY; + } + + return result; + }; + + /** + * Determines if the input is a Number or something that can be coerced to a Number + * @protected + * @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested + * @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number + */ + Owl.prototype.isNumeric = function(number) { + return !isNaN(parseFloat(number)); + }; + + /** + * Gets the difference of two vectors. + * @todo #261 + * @protected + * @param {Object} - The first vector. + * @param {Object} - The second vector. + * @returns {Object} - The difference. + */ + Owl.prototype.difference = function(first, second) { + return { + x: first.x - second.x, + y: first.y - second.y + }; + }; + + /** + * The jQuery Plugin for the Owl Carousel + * @todo Navigation plugin `next` and `prev` + * @public + */ + $.fn.owlCarousel = function(option) { + var args = Array.prototype.slice.call(arguments, 1); + + return this.each(function() { + var $this = $(this), + data = $this.data('owl.carousel'); + + if (!data) { + data = new Owl(this, typeof option == 'object' && option); + $this.data('owl.carousel', data); + + $.each([ + 'next', 'prev', 'to', 'destroy', 'refresh', 'replace', 'add', 'remove' + ], function(i, event) { + data.register({ type: Owl.Type.Event, name: event }); + data.$element.on(event + '.owl.carousel.core', $.proxy(function(e) { + if (e.namespace && e.relatedTarget !== this) { + this.suppress([ event ]); + data[event].apply(this, [].slice.call(arguments, 1)); + this.release([ event ]); + } + }, data)); + }); + } + + if (typeof option == 'string' && option.charAt(0) !== '_') { + data[option].apply(data, args); + } + }); + }; + + /** + * The constructor for the jQuery Plugin + * @public + */ + $.fn.owlCarousel.Constructor = Owl; + +})(window.Zepto || window.jQuery, window, document); + +/** + * AutoRefresh Plugin + * @version 2.3.4 + * @author Artus Kolanowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the auto refresh plugin. + * @class The Auto Refresh Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var AutoRefresh = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Refresh interval. + * @protected + * @type {number} + */ + this._interval = null; + + /** + * Whether the element is currently visible or not. + * @protected + * @type {Boolean} + */ + this._visible = null; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoRefresh) { + this.watch(); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, AutoRefresh.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + */ + AutoRefresh.Defaults = { + autoRefresh: true, + autoRefreshInterval: 500 + }; + + /** + * Watches the element. + */ + AutoRefresh.prototype.watch = function() { + if (this._interval) { + return; + } + + this._visible = this._core.isVisible(); + this._interval = window.setInterval($.proxy(this.refresh, this), this._core.settings.autoRefreshInterval); + }; + + /** + * Refreshes the element. + */ + AutoRefresh.prototype.refresh = function() { + if (this._core.isVisible() === this._visible) { + return; + } + + this._visible = !this._visible; + + this._core.$element.toggleClass('owl-hidden', !this._visible); + + this._visible && (this._core.invalidate('width') && this._core.refresh()); + }; + + /** + * Destroys the plugin. + */ + AutoRefresh.prototype.destroy = function() { + var handler, property; + + window.clearInterval(this._interval); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.AutoRefresh = AutoRefresh; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Lazy Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the lazy plugin. + * @class The Lazy Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var Lazy = function(carousel) { + + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Already loaded items. + * @protected + * @type {Array.} + */ + this._loaded = []; + + /** + * Event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) { + if (!e.namespace) { + return; + } + + if (!this._core.settings || !this._core.settings.lazyLoad) { + return; + } + + if ((e.property && e.property.name == 'position') || e.type == 'initialized') { + var settings = this._core.settings, + n = (settings.center && Math.ceil(settings.items / 2) || settings.items), + i = ((settings.center && n * -1) || 0), + position = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i, + clones = this._core.clones().length, + load = $.proxy(function(i, v) { this.load(v) }, this); + //TODO: Need documentation for this new option + if (settings.lazyLoadEager > 0) { + n += settings.lazyLoadEager; + // If the carousel is looping also preload images that are to the "left" + if (settings.loop) { + position -= settings.lazyLoadEager; + n++; + } + } + + while (i++ < n) { + this.load(clones / 2 + this._core.relative(position)); + clones && $.each(this._core.clones(this._core.relative(position)), load); + position++; + } + } + }, this) + }; + + // set the default options + this._core.options = $.extend({}, Lazy.Defaults, this._core.options); + + // register event handler + this._core.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + */ + Lazy.Defaults = { + lazyLoad: false, + lazyLoadEager: 0 + }; + + /** + * Loads all resources of an item at the specified position. + * @param {Number} position - The absolute position of the item. + * @protected + */ + Lazy.prototype.load = function(position) { + var $item = this._core.$stage.children().eq(position), + $elements = $item && $item.find('.owl-lazy'); + + if (!$elements || $.inArray($item.get(0), this._loaded) > -1) { + return; + } + + $elements.each($.proxy(function(index, element) { + var $element = $(element), image, + url = (window.devicePixelRatio > 1 && $element.attr('data-src-retina')) || $element.attr('data-src') || $element.attr('data-srcset'); + + this._core.trigger('load', { element: $element, url: url }, 'lazy'); + + if ($element.is('img')) { + $element.one('load.owl.lazy', $.proxy(function() { + $element.css('opacity', 1); + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this)).attr('src', url); + } else if ($element.is('source')) { + $element.one('load.owl.lazy', $.proxy(function() { + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this)).attr('srcset', url); + } else { + image = new Image(); + image.onload = $.proxy(function() { + $element.css({ + 'background-image': 'url("' + url + '")', + 'opacity': '1' + }); + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this); + image.src = url; + } + }, this)); + + this._loaded.push($item.get(0)); + }; + + /** + * Destroys the plugin. + * @public + */ + Lazy.prototype.destroy = function() { + var handler, property; + + for (handler in this.handlers) { + this._core.$element.off(handler, this.handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Lazy = Lazy; + +})(window.Zepto || window.jQuery, window, document); + +/** + * AutoHeight Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the auto height plugin. + * @class The Auto Height Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var AutoHeight = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + this._previousHeight = null; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight) { + this.update(); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight && e.property.name === 'position'){ + this.update(); + } + }, this), + 'loaded.owl.lazy': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight + && e.element.closest('.' + this._core.settings.itemClass).index() === this._core.current()) { + this.update(); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, AutoHeight.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + this._intervalId = null; + var refThis = this; + + // These changes have been taken from a PR by gavrochelegnou proposed in #1575 + // and have been made compatible with the latest jQuery version + $(window).on('load', function() { + if (refThis._core.settings.autoHeight) { + refThis.update(); + } + }); + + // Autoresize the height of the carousel when window is resized + // When carousel has images, the height is dependent on the width + // and should also change on resize + $(window).resize(function() { + if (refThis._core.settings.autoHeight) { + if (refThis._intervalId != null) { + clearTimeout(refThis._intervalId); + } + + refThis._intervalId = setTimeout(function() { + refThis.update(); + }, 250); + } + }); + + }; + + /** + * Default options. + * @public + */ + AutoHeight.Defaults = { + autoHeight: false, + autoHeightClass: 'owl-height' + }; + + /** + * Updates the view. + */ + AutoHeight.prototype.update = function() { + var start = this._core._current, + end = start + this._core.settings.items, + lazyLoadEnabled = this._core.settings.lazyLoad, + visible = this._core.$stage.children().toArray().slice(start, end), + heights = [], + maxheight = 0; + + $.each(visible, function(index, item) { + heights.push($(item).height()); + }); + + maxheight = Math.max.apply(null, heights); + + if (maxheight <= 1 && lazyLoadEnabled && this._previousHeight) { + maxheight = this._previousHeight; + } + + this._previousHeight = maxheight; + + this._core.$stage.parent() + .height(maxheight) + .addClass(this._core.settings.autoHeightClass); + }; + + AutoHeight.prototype.destroy = function() { + var handler, property; + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] !== 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.AutoHeight = AutoHeight; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Video Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the video plugin. + * @class The Video Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var Video = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Cache all video URLs. + * @protected + * @type {Object} + */ + this._videos = {}; + + /** + * Current playing item. + * @protected + * @type {jQuery} + */ + this._playing = null; + + /** + * All event handlers. + * @todo The cloned content removale is too late + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace) { + this._core.register({ type: 'state', name: 'playing', tags: [ 'interacting' ] }); + } + }, this), + 'resize.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.video && this.isInFullScreen()) { + e.preventDefault(); + } + }, this), + 'refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.is('resizing')) { + this._core.$stage.find('.cloned .owl-video-frame').remove(); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name === 'position' && this._playing) { + this.stop(); + } + }, this), + 'prepared.owl.carousel': $.proxy(function(e) { + if (!e.namespace) { + return; + } + + var $element = $(e.content).find('.owl-video'); + + if ($element.length) { + $element.css('display', 'none'); + this.fetch($element, $(e.content)); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, Video.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + + this._core.$element.on('click.owl.video', '.owl-video-play-icon', $.proxy(function(e) { + this.play(e); + }, this)); + }; + + /** + * Default options. + * @public + */ + Video.Defaults = { + video: false, + videoHeight: false, + videoWidth: false + }; + + /** + * Gets the video ID and the type (YouTube/Vimeo/vzaar only). + * @protected + * @param {jQuery} target - The target containing the video data. + * @param {jQuery} item - The item containing the video. + */ + Video.prototype.fetch = function(target, item) { + var type = (function() { + if (target.attr('data-vimeo-id')) { + return 'vimeo'; + } else if (target.attr('data-vzaar-id')) { + return 'vzaar' + } else { + return 'youtube'; + } + })(), + id = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'), + width = target.attr('data-width') || this._core.settings.videoWidth, + height = target.attr('data-height') || this._core.settings.videoHeight, + url = target.attr('href'); + + if (url) { + + /* + Parses the id's out of the following urls (and probably more): + https://www.youtube.com/watch?v=:id + https://youtu.be/:id + https://vimeo.com/:id + https://vimeo.com/channels/:channel/:id + https://vimeo.com/groups/:group/videos/:id + https://app.vzaar.com/videos/:id + + Visual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F + */ + + id = url.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/); + + if (id[3].indexOf('youtu') > -1) { + type = 'youtube'; + } else if (id[3].indexOf('vimeo') > -1) { + type = 'vimeo'; + } else if (id[3].indexOf('vzaar') > -1) { + type = 'vzaar'; + } else { + throw new Error('Video URL not supported.'); + } + id = id[6]; + } else { + throw new Error('Missing video URL.'); + } + + this._videos[url] = { + type: type, + id: id, + width: width, + height: height + }; + + item.attr('data-video', url); + + this.thumbnail(target, this._videos[url]); + }; + + /** + * Creates video thumbnail. + * @protected + * @param {jQuery} target - The target containing the video data. + * @param {Object} info - The video info object. + * @see `fetch` + */ + Video.prototype.thumbnail = function(target, video) { + var tnLink, + icon, + path, + dimensions = video.width && video.height ? 'width:' + video.width + 'px;height:' + video.height + 'px;' : '', + customTn = target.find('img'), + srcType = 'src', + lazyClass = '', + settings = this._core.settings, + create = function(path) { + icon = '
'; + + if (settings.lazyLoad) { + tnLink = $('
',{ + "class": 'owl-video-tn ' + lazyClass, + "srcType": path + }); + } else { + tnLink = $( '
', { + "class": "owl-video-tn", + "style": 'opacity:1;background-image:url(' + path + ')' + }); + } + target.after(tnLink); + target.after(icon); + }; + + // wrap video content into owl-video-wrapper div + target.wrap( $( '
', { + "class": "owl-video-wrapper", + "style": dimensions + })); + + if (this._core.settings.lazyLoad) { + srcType = 'data-src'; + lazyClass = 'owl-lazy'; + } + + // custom thumbnail + if (customTn.length) { + create(customTn.attr(srcType)); + customTn.remove(); + return false; + } + + if (video.type === 'youtube') { + path = "//img.youtube.com/vi/" + video.id + "/hqdefault.jpg"; + create(path); + } else if (video.type === 'vimeo') { + $.ajax({ + type: 'GET', + url: '//vimeo.com/api/v2/video/' + video.id + '.json', + jsonp: 'callback', + dataType: 'jsonp', + success: function(data) { + path = data[0].thumbnail_large; + create(path); + } + }); + } else if (video.type === 'vzaar') { + $.ajax({ + type: 'GET', + url: '//vzaar.com/api/videos/' + video.id + '.json', + jsonp: 'callback', + dataType: 'jsonp', + success: function(data) { + path = data.framegrab_url; + create(path); + } + }); + } + }; + + /** + * Stops the current video. + * @public + */ + Video.prototype.stop = function() { + this._core.trigger('stop', null, 'video'); + this._playing.find('.owl-video-frame').remove(); + this._playing.removeClass('owl-video-playing'); + this._playing = null; + this._core.leave('playing'); + this._core.trigger('stopped', null, 'video'); + }; + + /** + * Starts the current video. + * @public + * @param {Event} event - The event arguments. + */ + Video.prototype.play = function(event) { + var target = $(event.target), + item = target.closest('.' + this._core.settings.itemClass), + video = this._videos[item.attr('data-video')], + width = video.width || '100%', + height = video.height || this._core.$stage.height(), + html, + iframe; + + if (this._playing) { + return; + } + + this._core.enter('playing'); + this._core.trigger('play', null, 'video'); + + item = this._core.items(this._core.relative(item.index())); + + this._core.reset(item.index()); + + html = $( '' ); + html.attr( 'height', height ); + html.attr( 'width', width ); + if (video.type === 'youtube') { + html.attr( 'src', '//www.youtube.com/embed/' + video.id + '?autoplay=1&rel=0&v=' + video.id ); + } else if (video.type === 'vimeo') { + html.attr( 'src', '//player.vimeo.com/video/' + video.id + '?autoplay=1' ); + } else if (video.type === 'vzaar') { + html.attr( 'src', '//view.vzaar.com/' + video.id + '/player?autoplay=true' ); + } + + iframe = $(html).wrap( '
' ).insertAfter(item.find('.owl-video')); + + this._playing = item.addClass('owl-video-playing'); + }; + + /** + * Checks whether an video is currently in full screen mode or not. + * @todo Bad style because looks like a readonly method but changes members. + * @protected + * @returns {Boolean} + */ + Video.prototype.isInFullScreen = function() { + var element = document.fullscreenElement || document.mozFullScreenElement || + document.webkitFullscreenElement; + + return element && $(element).parent().hasClass('owl-video-frame'); + }; + + /** + * Destroys the plugin. + */ + Video.prototype.destroy = function() { + var handler, property; + + this._core.$element.off('click.owl.video'); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Video = Video; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Animate Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the animate plugin. + * @class The Navigation Plugin + * @param {Owl} scope - The Owl Carousel + */ + var Animate = function(scope) { + this.core = scope; + this.core.options = $.extend({}, Animate.Defaults, this.core.options); + this.swapping = true; + this.previous = undefined; + this.next = undefined; + + this.handlers = { + 'change.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name == 'position') { + this.previous = this.core.current(); + this.next = e.property.value; + } + }, this), + 'drag.owl.carousel dragged.owl.carousel translated.owl.carousel': $.proxy(function(e) { + if (e.namespace) { + this.swapping = e.type == 'translated'; + } + }, this), + 'translate.owl.carousel': $.proxy(function(e) { + if (e.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) { + this.swap(); + } + }, this) + }; + + this.core.$element.on(this.handlers); + }; + + /** + * Default options. + * @public + */ + Animate.Defaults = { + animateOut: false, + animateIn: false + }; + + /** + * Toggles the animation classes whenever an translations starts. + * @protected + * @returns {Boolean|undefined} + */ + Animate.prototype.swap = function() { + + if (this.core.settings.items !== 1) { + return; + } + + if (!$.support.animation || !$.support.transition) { + return; + } + + this.core.speed(0); + + var left, + clear = $.proxy(this.clear, this), + previous = this.core.$stage.children().eq(this.previous), + next = this.core.$stage.children().eq(this.next), + incoming = this.core.settings.animateIn, + outgoing = this.core.settings.animateOut; + + if (this.core.current() === this.previous) { + return; + } + + if (outgoing) { + left = this.core.coordinates(this.previous) - this.core.coordinates(this.next); + previous.one($.support.animation.end, clear) + .css( { 'left': left + 'px' } ) + .addClass('animated owl-animated-out') + .addClass(outgoing); + } + + if (incoming) { + next.one($.support.animation.end, clear) + .addClass('animated owl-animated-in') + .addClass(incoming); + } + }; + + Animate.prototype.clear = function(e) { + $(e.target).css( { 'left': '' } ) + .removeClass('animated owl-animated-out owl-animated-in') + .removeClass(this.core.settings.animateIn) + .removeClass(this.core.settings.animateOut); + this.core.onTransitionEnd(); + }; + + /** + * Destroys the plugin. + * @public + */ + Animate.prototype.destroy = function() { + var handler, property; + + for (handler in this.handlers) { + this.core.$element.off(handler, this.handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Animate = Animate; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Autoplay Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author Artus Kolanowski + * @author David Deutsch + * @author Tom De Caluwé + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the autoplay plugin. + * @class The Autoplay Plugin + * @param {Owl} scope - The Owl Carousel + */ + var Autoplay = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * The autoplay timeout id. + * @type {Number} + */ + this._call = null; + + /** + * Depending on the state of the plugin, this variable contains either + * the start time of the timer or the current timer value if it's + * paused. Since we start in a paused state we initialize the timer + * value. + * @type {Number} + */ + this._time = 0; + + /** + * Stores the timeout currently used. + * @type {Number} + */ + this._timeout = 0; + + /** + * Indicates whenever the autoplay is paused. + * @type {Boolean} + */ + this._paused = true; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name === 'settings') { + if (this._core.settings.autoplay) { + this.play(); + } else { + this.stop(); + } + } else if (e.namespace && e.property.name === 'position' && this._paused) { + // Reset the timer. This code is triggered when the position + // of the carousel was changed through user interaction. + this._time = 0; + } + }, this), + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoplay) { + this.play(); + } + }, this), + 'play.owl.autoplay': $.proxy(function(e, t, s) { + if (e.namespace) { + this.play(t, s); + } + }, this), + 'stop.owl.autoplay': $.proxy(function(e) { + if (e.namespace) { + this.stop(); + } + }, this), + 'mouseover.owl.autoplay': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.pause(); + } + }, this), + 'mouseleave.owl.autoplay': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.play(); + } + }, this), + 'touchstart.owl.core': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.pause(); + } + }, this), + 'touchend.owl.core': $.proxy(function() { + if (this._core.settings.autoplayHoverPause) { + this.play(); + } + }, this) + }; + + // register event handlers + this._core.$element.on(this._handlers); + + // set default options + this._core.options = $.extend({}, Autoplay.Defaults, this._core.options); + }; + + /** + * Default options. + * @public + */ + Autoplay.Defaults = { + autoplay: false, + autoplayTimeout: 5000, + autoplayHoverPause: false, + autoplaySpeed: false + }; + + /** + * Transition to the next slide and set a timeout for the next transition. + * @private + * @param {Number} [speed] - The animation speed for the animations. + */ + Autoplay.prototype._next = function(speed) { + this._call = window.setTimeout( + $.proxy(this._next, this, speed), + this._timeout * (Math.round(this.read() / this._timeout) + 1) - this.read() + ); + + if (this._core.is('interacting') || document.hidden) { + return; + } + this._core.next(speed || this._core.settings.autoplaySpeed); + } + + /** + * Reads the current timer value when the timer is playing. + * @public + */ + Autoplay.prototype.read = function() { + return new Date().getTime() - this._time; + }; + + /** + * Starts the autoplay. + * @public + * @param {Number} [timeout] - The interval before the next animation starts. + * @param {Number} [speed] - The animation speed for the animations. + */ + Autoplay.prototype.play = function(timeout, speed) { + var elapsed; + + if (!this._core.is('rotating')) { + this._core.enter('rotating'); + } + + timeout = timeout || this._core.settings.autoplayTimeout; + + // Calculate the elapsed time since the last transition. If the carousel + // wasn't playing this calculation will yield zero. + elapsed = Math.min(this._time % (this._timeout || timeout), timeout); + + if (this._paused) { + // Start the clock. + this._time = this.read(); + this._paused = false; + } else { + // Clear the active timeout to allow replacement. + window.clearTimeout(this._call); + } + + // Adjust the origin of the timer to match the new timeout value. + this._time += this.read() % timeout - elapsed; + + this._timeout = timeout; + this._call = window.setTimeout($.proxy(this._next, this, speed), timeout - elapsed); + }; + + /** + * Stops the autoplay. + * @public + */ + Autoplay.prototype.stop = function() { + if (this._core.is('rotating')) { + // Reset the clock. + this._time = 0; + this._paused = true; + + window.clearTimeout(this._call); + this._core.leave('rotating'); + } + }; + + /** + * Pauses the autoplay. + * @public + */ + Autoplay.prototype.pause = function() { + if (this._core.is('rotating') && !this._paused) { + // Pause the clock. + this._time = this.read(); + this._paused = true; + + window.clearTimeout(this._call); + } + }; + + /** + * Destroys the plugin. + */ + Autoplay.prototype.destroy = function() { + var handler, property; + + this.stop(); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.autoplay = Autoplay; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Navigation Plugin + * @version 2.3.4 + * @author Artus Kolanowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + 'use strict'; + + /** + * Creates the navigation plugin. + * @class The Navigation Plugin + * @param {Owl} carousel - The Owl Carousel. + */ + var Navigation = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Indicates whether the plugin is initialized or not. + * @protected + * @type {Boolean} + */ + this._initialized = false; + + /** + * The current paging indexes. + * @protected + * @type {Array} + */ + this._pages = []; + + /** + * All DOM elements of the user interface. + * @protected + * @type {Object} + */ + this._controls = {}; + + /** + * Markup for an indicator. + * @protected + * @type {Array.} + */ + this._templates = []; + + /** + * The carousel element. + * @type {jQuery} + */ + this.$element = this._core.$element; + + /** + * Overridden methods of the carousel. + * @protected + * @type {Object} + */ + this._overrides = { + next: this._core.next, + prev: this._core.prev, + to: this._core.to + }; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'prepared.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.push('
' + + $(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '
'); + } + }, this), + 'added.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.splice(e.position, 0, this._templates.pop()); + } + }, this), + 'remove.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.splice(e.position, 1); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name == 'position') { + this.draw(); + } + }, this), + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && !this._initialized) { + this._core.trigger('initialize', null, 'navigation'); + this.initialize(); + this.update(); + this.draw(); + this._initialized = true; + this._core.trigger('initialized', null, 'navigation'); + } + }, this), + 'refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._initialized) { + this._core.trigger('refresh', null, 'navigation'); + this.update(); + this.draw(); + this._core.trigger('refreshed', null, 'navigation'); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, Navigation.Defaults, this._core.options); + + // register event handlers + this.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + * @todo Rename `slideBy` to `navBy` + */ + Navigation.Defaults = { + nav: false, + navText: [ + '‹', + '›' + ], + navSpeed: false, + navElement: 'button type="button" role="presentation"', + navContainer: false, + navContainerClass: 'owl-nav', + navClass: [ + 'owl-prev', + 'owl-next' + ], + slideBy: 1, + dotClass: 'owl-dot', + dotsClass: 'owl-dots', + dots: true, + dotsEach: false, + dotsData: false, + dotsSpeed: false, + dotsContainer: false + }; + + /** + * Initializes the layout of the plugin and extends the carousel. + * @protected + */ + Navigation.prototype.initialize = function() { + var override, + settings = this._core.settings; + + // create DOM structure for relative navigation + this._controls.$relative = (settings.navContainer ? $(settings.navContainer) + : $('
').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled'); + + this._controls.$previous = $('<' + settings.navElement + '>') + .addClass(settings.navClass[0]) + .html(settings.navText[0]) + .prependTo(this._controls.$relative) + .on('click', $.proxy(function(e) { + this.prev(settings.navSpeed); + }, this)); + this._controls.$next = $('<' + settings.navElement + '>') + .addClass(settings.navClass[1]) + .html(settings.navText[1]) + .appendTo(this._controls.$relative) + .on('click', $.proxy(function(e) { + this.next(settings.navSpeed); + }, this)); + + // create DOM structure for absolute navigation + if (!settings.dotsData) { + this._templates = [ $('