Add devcontainer configuration and Dependabot setup
- Created a new devcontainer.json file for an Alpine-based development environment. - Added a Dependabot configuration file to automate dependency updates for devcontainers.
This commit is contained in:
Marek Lesko
22
.devcontainer/devcontainer.json
Normal file
22
.devcontainer/devcontainer.json
Normal file
@@ -0,0 +1,22 @@
|
||||
// For format details, see https://aka.ms/devcontainer.json. For config options, see the
|
||||
// README at: https://github.com/devcontainers/templates/tree/main/src/alpine
|
||||
{
|
||||
"name": "Alpine",
|
||||
// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
|
||||
"image": "mcr.microsoft.com/devcontainers/base:alpine-3.21"
|
||||
|
||||
// Features to add to the dev container. More info: https://containers.dev/features.
|
||||
// "features": {},
|
||||
|
||||
// Use 'forwardPorts' to make a list of ports inside the container available locally.
|
||||
// "forwardPorts": [],
|
||||
|
||||
// Use 'postCreateCommand' to run commands after the container is created.
|
||||
// "postCreateCommand": "uname -a",
|
||||
|
||||
// Configure tool-specific properties.
|
||||
// "customizations": {},
|
||||
|
||||
// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
|
||||
// "remoteUser": "root"
|
||||
}
|
||||
12
.github/dependabot.yml
vendored
Normal file
12
.github/dependabot.yml
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
# To get started with Dependabot version updates, you'll need to specify which
|
||||
# package ecosystems to update and where the package manifests are located.
|
||||
# Please see the documentation for more information:
|
||||
# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
|
||||
# https://containers.dev/guide/dependabot
|
||||
|
||||
version: 2
|
||||
updates:
|
||||
- package-ecosystem: "devcontainers"
|
||||
directory: "/"
|
||||
schedule:
|
||||
interval: weekly
|
||||
118
.gitlab-ci.yml
118
.gitlab-ci.yml
@@ -1,59 +1,59 @@
|
||||
# This file is a template, and might need editing before it works on your project.
|
||||
# This is a sample GitLab CI/CD configuration file that should run without any modifications.
|
||||
# It demonstrates a basic 3 stage CI/CD pipeline. Instead of real tests or scripts,
|
||||
# it uses echo commands to simulate the pipeline execution.
|
||||
#
|
||||
# A pipeline is composed of independent jobs that run scripts, grouped into stages.
|
||||
# Stages run in sequential order, but jobs within stages run in parallel.
|
||||
#
|
||||
# For more information, see: https://docs.gitlab.com/ee/ci/yaml/#stages
|
||||
#
|
||||
# You can copy and paste this template into a new `.gitlab-ci.yml` file.
|
||||
# You should not add this template to an existing `.gitlab-ci.yml` file by using the `include:` keyword.
|
||||
#
|
||||
# To contribute improvements to CI/CD templates, please follow the Development guide at:
|
||||
# https://docs.gitlab.com/development/cicd/templates/
|
||||
# This specific template is located at:
|
||||
# https://gitlab.com/gitlab-org/gitlab/-/blob/master/lib/gitlab/ci/templates/Getting-Started.gitlab-ci.yml
|
||||
|
||||
stages: # List of stages for jobs, and their order of execution
|
||||
- build
|
||||
- release
|
||||
|
||||
build-job: # This job runs in the build stage, which runs first.
|
||||
stage: build
|
||||
image: docker:latest
|
||||
tags:
|
||||
- shared
|
||||
services:
|
||||
- name: docker:dind
|
||||
alias: docker
|
||||
variables:
|
||||
DOCKER_DRIVER: overlay2
|
||||
DOCKER_HOST: tcp://docker:2375
|
||||
DOCKER_TLS_CERTDIR: ""
|
||||
before_script:
|
||||
- docker info
|
||||
script:
|
||||
- docker build -t $CI_REGISTRY_IMAGE:latest -t $CI_REGISTRY_IMAGE:${CI_PIPELINE_IID} -f ./deployment/Dockerfile .
|
||||
- echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin $CI_REGISTRY
|
||||
- docker push $CI_REGISTRY_IMAGE:latest
|
||||
- docker push $CI_REGISTRY_IMAGE:${CI_PIPELINE_IID}
|
||||
only:
|
||||
- dev
|
||||
- main
|
||||
|
||||
docker-deploy:
|
||||
stage: release
|
||||
tags:
|
||||
- production
|
||||
- shell
|
||||
script:
|
||||
- echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin $CI_REGISTRY
|
||||
- cd deployment
|
||||
- docker compose pull
|
||||
- docker compose -p "amdruzstvo" -f docker-compose.yaml up -d
|
||||
- docker image prune -f
|
||||
only:
|
||||
- dev
|
||||
- main
|
||||
# This file is a template, and might need editing before it works on your project.
|
||||
# This is a sample GitLab CI/CD configuration file that should run without any modifications.
|
||||
# It demonstrates a basic 3 stage CI/CD pipeline. Instead of real tests or scripts,
|
||||
# it uses echo commands to simulate the pipeline execution.
|
||||
#
|
||||
# A pipeline is composed of independent jobs that run scripts, grouped into stages.
|
||||
# Stages run in sequential order, but jobs within stages run in parallel.
|
||||
#
|
||||
# For more information, see: https://docs.gitlab.com/ee/ci/yaml/#stages
|
||||
#
|
||||
# You can copy and paste this template into a new `.gitlab-ci.yml` file.
|
||||
# You should not add this template to an existing `.gitlab-ci.yml` file by using the `include:` keyword.
|
||||
#
|
||||
# To contribute improvements to CI/CD templates, please follow the Development guide at:
|
||||
# https://docs.gitlab.com/development/cicd/templates/
|
||||
# This specific template is located at:
|
||||
# https://gitlab.com/gitlab-org/gitlab/-/blob/master/lib/gitlab/ci/templates/Getting-Started.gitlab-ci.yml
|
||||
|
||||
stages: # List of stages for jobs, and their order of execution
|
||||
- build
|
||||
- release
|
||||
|
||||
build-job: # This job runs in the build stage, which runs first.
|
||||
stage: build
|
||||
image: docker:latest
|
||||
tags:
|
||||
- shared
|
||||
services:
|
||||
- name: docker:dind
|
||||
alias: docker
|
||||
variables:
|
||||
DOCKER_DRIVER: overlay2
|
||||
DOCKER_HOST: tcp://docker:2375
|
||||
DOCKER_TLS_CERTDIR: ""
|
||||
before_script:
|
||||
- docker info
|
||||
script:
|
||||
- docker build -t $CI_REGISTRY_IMAGE:latest -t $CI_REGISTRY_IMAGE:${CI_PIPELINE_IID} -f ./deployment/Dockerfile .
|
||||
- echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin $CI_REGISTRY
|
||||
- docker push $CI_REGISTRY_IMAGE:latest
|
||||
- docker push $CI_REGISTRY_IMAGE:${CI_PIPELINE_IID}
|
||||
only:
|
||||
- dev
|
||||
- main
|
||||
|
||||
docker-deploy:
|
||||
stage: release
|
||||
tags:
|
||||
- production
|
||||
- shell
|
||||
script:
|
||||
- echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin $CI_REGISTRY
|
||||
- cd deployment
|
||||
- docker compose pull
|
||||
- docker compose -p "amdruzstvo" -f docker-compose.yaml up -d
|
||||
- docker image prune -f
|
||||
only:
|
||||
- dev
|
||||
- main
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
FROM nginx:stable-alpine
|
||||
WORKDIR /var/www/app
|
||||
FROM nginx:stable-alpine
|
||||
WORKDIR /var/www/app
|
||||
COPY /prod/ /usr/share/nginx/html/
|
||||
@@ -1,8 +1,8 @@
|
||||
|
||||
services:
|
||||
app:
|
||||
image: registry.lesko.me/marek/amdruzstvo:latest
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- "8080:80"
|
||||
|
||||
|
||||
services:
|
||||
app:
|
||||
image: registry.lesko.me/marek/amdruzstvo:latest
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- "8080:80"
|
||||
|
||||
|
||||
6112
prod/assets/css/animate.css
vendored
6112
prod/assets/css/animate.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,468 +1,468 @@
|
||||
@font-face {
|
||||
font-family: lightcase;
|
||||
src: url(../fonts/lightcase.eot?55356177);
|
||||
src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
|
||||
url(../fonts/lightcase.woff?55356177) format("woff"),
|
||||
url(../fonts/lightcase.ttf?55356177) format("truetype"),
|
||||
url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
[class*="lightcase-icon-"]:before {
|
||||
font-family: lightcase, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
.lightcase-icon-play:before {
|
||||
content: "\e800";
|
||||
}
|
||||
.lightcase-icon-pause:before {
|
||||
content: "\e801";
|
||||
}
|
||||
.lightcase-icon-close:before {
|
||||
content: "\e802";
|
||||
}
|
||||
.lightcase-icon-prev:before {
|
||||
content: "\e803";
|
||||
}
|
||||
.lightcase-icon-next:before {
|
||||
content: "\e804";
|
||||
}
|
||||
.lightcase-icon-spin:before {
|
||||
content: "\e805";
|
||||
}
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#lightcase-loading > span,
|
||||
a[class*="lightcase-icon-"] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content,
|
||||
html[data-lc-type="video"] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"] #lightcase-case,
|
||||
html[data-lc-type="inline"] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
html.lightcase-isMobileDevice[data-lc-type="iframe"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) and (min-width: 641px) {
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-loading,
|
||||
a[class*="lightcase-icon-"] {
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"])
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption,
|
||||
#lightcase-info #lightcase-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
}
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
|
||||
[data-lc-type="flash"]
|
||||
):not([data-lc-type="error"])
|
||||
#lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
#lightcase-loading {
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
#lightcase-loading,
|
||||
#lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
z-index: 9999;
|
||||
font-size: 38px;
|
||||
text-shadow: none;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
}
|
||||
.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
#lightcase-case:hover ~ a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: lightcase;
|
||||
src: url(../fonts/lightcase.eot?55356177);
|
||||
src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
|
||||
url(../fonts/lightcase.woff?55356177) format("woff"),
|
||||
url(../fonts/lightcase.ttf?55356177) format("truetype"),
|
||||
url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
[class*="lightcase-icon-"]:before {
|
||||
font-family: lightcase, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
.lightcase-icon-play:before {
|
||||
content: "\e800";
|
||||
}
|
||||
.lightcase-icon-pause:before {
|
||||
content: "\e801";
|
||||
}
|
||||
.lightcase-icon-close:before {
|
||||
content: "\e802";
|
||||
}
|
||||
.lightcase-icon-prev:before {
|
||||
content: "\e803";
|
||||
}
|
||||
.lightcase-icon-next:before {
|
||||
content: "\e804";
|
||||
}
|
||||
.lightcase-icon-spin:before {
|
||||
content: "\e805";
|
||||
}
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#lightcase-loading > span,
|
||||
a[class*="lightcase-icon-"] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content,
|
||||
html[data-lc-type="video"] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"] #lightcase-case,
|
||||
html[data-lc-type="inline"] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
html.lightcase-isMobileDevice[data-lc-type="iframe"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) and (min-width: 641px) {
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-loading,
|
||||
a[class*="lightcase-icon-"] {
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"])
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption,
|
||||
#lightcase-info #lightcase-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
}
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
|
||||
[data-lc-type="flash"]
|
||||
):not([data-lc-type="error"])
|
||||
#lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
#lightcase-loading {
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
#lightcase-loading,
|
||||
#lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
z-index: 9999;
|
||||
font-size: 38px;
|
||||
text-shadow: none;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
}
|
||||
.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
#lightcase-case:hover ~ a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,45 +1,45 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
|
||||
|
||||
/*
|
||||
Template Name: Quarter
|
||||
Description: Real Estate HTML Template
|
||||
Version: 1.0.0
|
||||
Author: Kamrul Hasan
|
||||
Email:786hasankamrul96@gmail.com
|
||||
/*
|
||||
Template Name: Quarter
|
||||
Description: Real Estate HTML Template
|
||||
Version: 1.0.0
|
||||
Author: Kamrul Hasan
|
||||
Email:786hasankamrul96@gmail.com
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
>>> TABLE OF CONTENTS:
|
||||
===============================================================
|
||||
# Google fonts
|
||||
# tailwind directives
|
||||
# vaiables
|
||||
# default style
|
||||
# Typography
|
||||
# header
|
||||
# banner
|
||||
# scrollbar
|
||||
# swiper slider
|
||||
# accordion
|
||||
# nice select
|
||||
# nice checkbox
|
||||
# range
|
||||
# service cards
|
||||
# tab
|
||||
# popup gallery
|
||||
# scroll up
|
||||
# brands
|
||||
# Google Map Locations
|
||||
# Price Filter Widget
|
||||
# responsiveness
|
||||
/* ============================================================
|
||||
>>> TABLE OF CONTENTS:
|
||||
===============================================================
|
||||
# Google fonts
|
||||
# tailwind directives
|
||||
# vaiables
|
||||
# default style
|
||||
# Typography
|
||||
# header
|
||||
# banner
|
||||
# scrollbar
|
||||
# swiper slider
|
||||
# accordion
|
||||
# nice select
|
||||
# nice checkbox
|
||||
# range
|
||||
# service cards
|
||||
# tab
|
||||
# popup gallery
|
||||
# scroll up
|
||||
# brands
|
||||
# Google Map Locations
|
||||
# Price Filter Widget
|
||||
# responsiveness
|
||||
============================================================= */
|
||||
|
||||
/*============= Google fonts ============*/
|
||||
|
||||
/*============= tailwind directives ============*/
|
||||
|
||||
/*
|
||||
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
||||
/*
|
||||
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
||||
*/
|
||||
|
||||
/*
|
||||
@@ -3803,11 +3803,11 @@ body {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--heading-color);
|
||||
clear: both;
|
||||
@@ -3841,9 +3841,9 @@ h6 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a,
|
||||
button,
|
||||
input,
|
||||
a,
|
||||
button,
|
||||
input,
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -3863,9 +3863,9 @@ a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
@@ -3876,29 +3876,29 @@ a:hover {
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: var(--body-font);
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var,
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var,
|
||||
samp {
|
||||
font-family: var(--body-font);
|
||||
}
|
||||
|
||||
h1 button,
|
||||
h2 button,
|
||||
h3 button,
|
||||
h4 button,
|
||||
h5 button,
|
||||
h1 button,
|
||||
h2 button,
|
||||
h3 button,
|
||||
h4 button,
|
||||
h5 button,
|
||||
h6 button {
|
||||
font-family: var(--heading-font);
|
||||
line-height: 1.5;
|
||||
@@ -4002,7 +4002,7 @@ img {
|
||||
}
|
||||
|
||||
.show-drawer svg path {
|
||||
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
||||
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
||||
stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
|
||||
fill: none;
|
||||
stroke: #333;
|
||||
@@ -4011,7 +4011,7 @@ img {
|
||||
stroke-width: 30px;
|
||||
}
|
||||
|
||||
.show-drawer svg path#top,
|
||||
.show-drawer svg path#top,
|
||||
.show-drawer svg path#bottom {
|
||||
stroke-dasharray: 240px 950px;
|
||||
}
|
||||
@@ -4020,7 +4020,7 @@ img {
|
||||
stroke-dasharray: 240px 240px;
|
||||
}
|
||||
|
||||
.show-drawer .close svg path#top,
|
||||
.show-drawer .close svg path#top,
|
||||
.show-drawer .close svg path#bottom {
|
||||
stroke-dasharray: -650px;
|
||||
stroke-dashoffset: -650px;
|
||||
@@ -4086,12 +4086,12 @@ img {
|
||||
|
||||
/*============= swiper slider =============*/
|
||||
|
||||
.swiper-container .swiper-button-prev::after,
|
||||
.swiper-container .swiper-button-prev::after,
|
||||
.swiper-container .swiper-button-next::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.swiper-container .swiper-button-prev,
|
||||
.swiper-container .swiper-button-prev,
|
||||
.swiper-container .swiper-button-next {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
@@ -4122,20 +4122,20 @@ img {
|
||||
transform: var(--x--6);
|
||||
}
|
||||
|
||||
.swiper-container:hover .swiper-button-prev,
|
||||
.swiper-container:hover .swiper-button-prev,
|
||||
.swiper-container:hover .swiper-button-next {
|
||||
opacity: 100;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.swiper-container .swiper-button-prev:hover,
|
||||
.swiper-container .swiper-button-prev:hover,
|
||||
.swiper-container .swiper-button-next:hover {
|
||||
background: var(--secondary-color);
|
||||
color: white;
|
||||
border-color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.swiper-container .swiper-pagination,
|
||||
.swiper-container .swiper-pagination,
|
||||
.swiper-pagination-bullets.swiper-pagination-horizontal {
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
@@ -4159,7 +4159,7 @@ img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.home-3 .swiper-pagination-bullet-active,
|
||||
.home-3 .swiper-pagination-bullet-active,
|
||||
.swiper-pagination-bullet-active {
|
||||
background: var(--secondary-color);
|
||||
width: 15px;
|
||||
@@ -4169,7 +4169,7 @@ img {
|
||||
|
||||
/* hero slider */
|
||||
|
||||
.hero-slider-container .swiper-button-prev,
|
||||
.hero-slider-container .swiper-button-prev,
|
||||
.hero-slider-container .swiper-button-next {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -4192,7 +4192,7 @@ img {
|
||||
transform: var(--x--10);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-next {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@@ -4216,22 +4216,22 @@ img {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev:hover,
|
||||
.hero-slider2 .swiper-button-prev:hover,
|
||||
.hero-slider2 .swiper-button-next:hover {
|
||||
background: var(--section-bg-1);
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
/* .hero-slider2-tumbs_slider .swiper-wrapper {
|
||||
max-width: calc(100%);
|
||||
}
|
||||
.hero-slider2-tumbs_slider .swiper-slide {
|
||||
width: calc((100% / 3));
|
||||
/* .hero-slider2-tumbs_slider .swiper-wrapper {
|
||||
max-width: calc(100%);
|
||||
}
|
||||
.hero-slider2-tumbs_slider .swiper-slide {
|
||||
width: calc((100% / 3));
|
||||
} */
|
||||
|
||||
/* testimonials slider*/
|
||||
@@ -4318,7 +4318,7 @@ img {
|
||||
right: var(--right-15-per);
|
||||
}
|
||||
|
||||
[dir="rtl"]
|
||||
[dir="rtl"]
|
||||
.testimonial-quote-menu li:nth-child(7) img {
|
||||
right: 15%;
|
||||
}
|
||||
@@ -4330,8 +4330,8 @@ img {
|
||||
right: var(--right-3-per);
|
||||
}
|
||||
|
||||
[dir="rtl"]
|
||||
|
||||
[dir="rtl"]
|
||||
|
||||
.testimonial-quote-menu2 li img {
|
||||
width: 125px !important;
|
||||
visibility: hidden;
|
||||
@@ -4622,7 +4622,7 @@ img {
|
||||
|
||||
/* upcoming project slider */
|
||||
|
||||
.upcoming-project-slider-container .swiper-button-prev,
|
||||
.upcoming-project-slider-container .swiper-button-prev,
|
||||
.upcoming-project-slider-container .swiper-button-next {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -4636,7 +4636,7 @@ img {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -4741,7 +4741,7 @@ img {
|
||||
animation-duration: 5s;
|
||||
}
|
||||
|
||||
.swiper-slide-active .slide-animation > *,
|
||||
.swiper-slide-active .slide-animation > *,
|
||||
.slide-animation-active .slide-animation > * {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
@@ -4940,23 +4940,23 @@ input[type="range"]::-ms-thumb {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* .range input:nth-child(2)::-webkit-slider-thumb::after {
|
||||
content: url("../img/icons/car.png");
|
||||
width: 125px !important;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
right: -111px;
|
||||
top: -10px;
|
||||
transform: translateY(-40%);
|
||||
/* .range input:nth-child(2)::-webkit-slider-thumb::after {
|
||||
content: url("../img/icons/car.png");
|
||||
width: 125px !important;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
right: -111px;
|
||||
top: -10px;
|
||||
transform: translateY(-40%);
|
||||
} */
|
||||
|
||||
/* .range input:nth-child(2)::-moz-range-thumb {
|
||||
width: 100px !important;
|
||||
height: 50px;
|
||||
background: url("../img/icons/car.png") no-repeat right;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
/* .range input:nth-child(2)::-moz-range-thumb {
|
||||
width: 100px !important;
|
||||
height: 50px;
|
||||
background: url("../img/icons/car.png") no-repeat right;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
} */
|
||||
|
||||
.range input:nth-child(2)::-webkit-slider-thumb {
|
||||
@@ -5054,8 +5054,8 @@ input[type="range"]::-ms-thumb {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gclose {
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
@@ -5065,7 +5065,7 @@ input[type="range"]::-ms-thumb {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gprev {
|
||||
top: 90%;
|
||||
}
|
||||
@@ -5075,8 +5075,8 @@ input[type="range"]::-ms-thumb {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
.gprev:hover,
|
||||
.gnext:hover,
|
||||
.gprev:hover,
|
||||
.gnext:hover,
|
||||
.gclose:hover {
|
||||
box-shadow: 0 0 19px rgba(255, 255, 255, 0.4) !important;
|
||||
opacity: 1;
|
||||
@@ -5086,8 +5086,8 @@ input[type="range"]::-ms-thumb {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gclose svg {
|
||||
width: 10px;
|
||||
height: auto;
|
||||
@@ -5136,8 +5136,8 @@ input[type="range"]::-ms-thumb {
|
||||
|
||||
/* letest appartment */
|
||||
|
||||
/* .apart-card .card-quick-area.active {
|
||||
top: 150px;
|
||||
/* .apart-card .card-quick-area.active {
|
||||
top: 150px;
|
||||
} */
|
||||
|
||||
/* portfolio filter */
|
||||
@@ -5296,7 +5296,7 @@ input[type="range"]::-ms-thumb {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.price_slider_amount > input[type="text"],
|
||||
.price_slider_amount > input[type="text"],
|
||||
.price_slider_amount > input[type="submit"] {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: medium none;
|
||||
@@ -5309,13 +5309,13 @@ input[type="range"]::-ms-thumb {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.price_slider_amount > input[type="text"]:focus
|
||||
.price_slider_amount > input[type="text"]:focus
|
||||
{
|
||||
border: 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .price_slider_amount > input[type="text"],
|
||||
[dir="rtl"] .price_slider_amount > input[type="text"],
|
||||
[dir="rtl"] .price_slider_amount > input[type="submit"] {
|
||||
float: right;
|
||||
text-align: right;
|
||||
@@ -5339,8 +5339,8 @@ input[type="range"]::-ms-thumb {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.price_filter .ui-state-default,
|
||||
.price_filter .ui-widget-content .ui-state-default,
|
||||
.price_filter .ui-state-default,
|
||||
.price_filter .ui-widget-content .ui-state-default,
|
||||
.price_filter .ui-widget-header .ui-state-default {
|
||||
background-color: var(--secondary-color);
|
||||
border: medium none;
|
||||
@@ -5377,13 +5377,13 @@ input[type="range"]::-ms-thumb {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.car-price-filter-range .price_slider_amount > input[type="text"],
|
||||
.car-price-filter-range .price_slider_amount > input[type="text"],
|
||||
.car-price-filter-range .price_slider_amount > input[type="submit"] {
|
||||
font-weight: 700;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
/*============= responsiveness =============*/
|
||||
|
||||
/* tablet */
|
||||
@@ -5396,11 +5396,11 @@ input[type="range"]::-ms-thumb {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5445,20 +5445,20 @@ input[type="range"]::-ms-thumb {
|
||||
margin: 0 50px;
|
||||
}
|
||||
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gclose {
|
||||
width: 38px !important;
|
||||
height: 38px !important;
|
||||
}
|
||||
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gprev {
|
||||
top: 45%;
|
||||
}
|
||||
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gclose svg {
|
||||
width: 18px;
|
||||
height: auto;
|
||||
@@ -5486,11 +5486,11 @@ input[type="range"]::-ms-thumb {
|
||||
@media (min-width: 992px) {
|
||||
/* default */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5529,12 +5529,12 @@ input[type="range"]::-ms-thumb {
|
||||
box-shadow: var(--box-shadow-8);
|
||||
}
|
||||
|
||||
.swiper-container:hover .product-details-slider .swiper-button-prev,
|
||||
.swiper-container:hover .product-details-slider .swiper-button-prev,
|
||||
.swiper-container:hover .news-single-slider .swiper-button-prev {
|
||||
transform: var(--x-40);
|
||||
}
|
||||
|
||||
.swiper-container:hover .product-details-slider .swiper-button-next,
|
||||
.swiper-container:hover .product-details-slider .swiper-button-next,
|
||||
.swiper-container:hover .news-single-slider .swiper-button-next {
|
||||
transform: var(--x--40);
|
||||
}
|
||||
@@ -5549,41 +5549,41 @@ input[type="range"]::-ms-thumb {
|
||||
@media screen and (min-width: 1200px) {
|
||||
/* default */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
h1,
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
h2,
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h3,
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h4,
|
||||
h4,
|
||||
.h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h5,
|
||||
h5,
|
||||
.h5 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h6,
|
||||
h6,
|
||||
.h6 {
|
||||
font-size: 16px;
|
||||
}
|
||||
@@ -5603,11 +5603,11 @@ input[type="range"]::-ms-thumb {
|
||||
/* desktop xxxl */
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5634,7 +5634,7 @@ input[type="range"]::-ms-thumb {
|
||||
transform: var(--x--50);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -5647,14 +5647,14 @@ input[type="range"]::-ms-thumb {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
/* upcoming project slider */
|
||||
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -8394,4 +8394,4 @@ input[type="range"]::-ms-thumb {
|
||||
.rtl\:xl\:pr-30px:where([dir="rtl"], [dir="rtl"] *){
|
||||
padding-right: 1.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
@@ -1,63 +1,63 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="344" y="319.492" width="48" height="16">
|
||||
<rect x="280" y="319.492" width="48" height="16">
|
||||
<rect x="216" y="319.492" width="48" height="16">
|
||||
<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
|
||||
l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
|
||||
c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
|
||||
V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
|
||||
M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
|
||||
c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
|
||||
c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
|
||||
c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
|
||||
c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
|
||||
c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
|
||||
C462.95,185.06,462.096,187.082,460.584,188.556z">
|
||||
<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
|
||||
c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
|
||||
c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
|
||||
c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
|
||||
c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
|
||||
c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
|
||||
c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
|
||||
s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="344" y="319.492" width="48" height="16">
|
||||
<rect x="280" y="319.492" width="48" height="16">
|
||||
<rect x="216" y="319.492" width="48" height="16">
|
||||
<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
|
||||
l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
|
||||
c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
|
||||
V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
|
||||
M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
|
||||
c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
|
||||
c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
|
||||
c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
|
||||
c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
|
||||
c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
|
||||
C462.95,185.06,462.096,187.082,460.584,188.556z">
|
||||
<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
|
||||
c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
|
||||
c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
|
||||
c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
|
||||
c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
|
||||
c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
|
||||
c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
|
||||
s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
@@ -1,14 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)" fill="#4a4a4a">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)" fill="#4a4a4a">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.7 KiB |
@@ -1,14 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)" fill="#4a4a4a">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)" fill="#4a4a4a">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)" fill="#4a4a4a">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)" fill="#4a4a4a">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)" fill="#4a4a4a">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)" fill="#4a4a4a">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)" fill="#4a4a4a">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)" fill="#4a4a4a">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)" fill="#4a4a4a">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)" fill="#4a4a4a">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
@@ -1,24 +1,24 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.1 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)" fill="#363636">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)" fill="#363636">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)" fill="#363636">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)" fill="#363636">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)" fill="#363636">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)" fill="#363636">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)" fill="#363636">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)" fill="#363636">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
@@ -1,24 +1,24 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,94 +1,94 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M316.209,117.615h0.598C316.808,117.615,316.342,116.445,316.209,117.615z">
|
||||
<path d="M171.747,117.615h0.598C172.212,116.445,171.747,117.615,171.747,117.615z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M460.496,154.447c-3.357-5.359-8.599-9.09-14.761-10.506l-32.457-7.458l14.986-4.195
|
||||
c12.417-3.475,19.898-16.737,16.417-29.177c-3.476-12.417-16.736-19.896-29.178-16.417l-69.876,19.557
|
||||
c-1.819-3.31-4.406-6.143-7.522-8.251c14.181-26.391,34.612-71.176,34.612-90.443c0-4.699-4.442-8.335-9.051-7.406
|
||||
c-27.731,5.602-53.586,8.187-79.011,7.91c-26.134-0.287-58.659-3.533-79.095-7.893c-6.318-1.348-11.388,5.722-8.056,11.276
|
||||
c4.98,8.3,8.031,17.076,9.708,25.921c-25.649,0.786-52.248-2.322-72.38-12.389c-5.423-2.712-11.824,2.033-10.832,8
|
||||
c6.332,37.987,19.106,60.259,31.913,77.086h-0.284c-13.053,0-23.673,10.62-23.673,23.673c0,12.005,8.985,21.944,20.581,23.465
|
||||
c-8.453,14.158-20.525,27.591-33.209,41.687c-26.973,29.976-57.546,63.952-67.832,118.811c-4.922,26.249-4.758,50.81,0.489,73.002
|
||||
c4.898,20.718,14.227,39.471,27.726,55.737c17.919,21.592,42.538,38.345,73.172,49.797c27.595,10.315,59.198,15.767,91.394,15.767
|
||||
c32.196,0,63.8-5.452,91.394-15.767c30.634-11.452,55.253-28.206,73.172-49.797c13.499-16.266,22.828-35.018,27.726-55.737
|
||||
c5.246-22.192,5.411-46.754,0.489-73.002c-10.286-54.858-40.858-88.834-67.831-118.81c-9.157-10.177-17.869-19.88-25.173-29.728
|
||||
l91.079,20.926c9.649,2.217,19.931-2.004,25.261-10.342C465.272,172.11,465.301,162.115,460.496,154.447z M284.489,23.17
|
||||
c23.263,0.254,46.807-1.78,71.676-6.212c-4.56,18.643-19.203,51.801-33.092,77.06c-9.625,0.725-17.659,7.227-20.637,16.043H281.46
|
||||
c-0.474-1.021-0.999-2.14-1.584-3.383C273.39,92.89,259.892,64.2,259.892,39.792c0-4.692-4.431-8.33-9.037-7.408
|
||||
c-8.792,1.759-18.465,3.182-28.53,4.074c-1.055-6.304-2.692-12.618-5.072-18.828C237.553,20.772,263.124,22.935,284.489,23.17z
|
||||
M333.429,117.615v32.236c0,4.721-3.841,8.563-8.563,8.563s-8.563-3.841-8.563-8.563v-32.236c0-4.722,3.841-8.563,8.563-8.563
|
||||
S333.429,112.894,333.429,117.615z M141.612,44.107c18.888,6.447,42.123,9.306,67.216,8.424l14.974-0.946
|
||||
c7.063-0.648,14.229-1.581,21.448-2.802c2.356,23.374,13.034,47.392,19.522,61.278h-50.307h-15.894h-23.376
|
||||
c-0.169-0.265-0.351-0.525-0.556-0.773C162.002,94.085,149.179,76.5,141.612,44.107z M357.994,208.993
|
||||
c25.645,28.498,54.708,60.798,64.214,111.487c8.747,46.652,0.338,85.782-24.993,116.303
|
||||
c-31.234,37.635-88.407,60.105-152.937,60.105S122.574,474.419,91.34,436.784c-25.331-30.521-33.739-69.651-24.993-116.303
|
||||
c9.505-50.69,38.57-82.991,64.214-111.488c15.333-17.041,29.819-33.159,39.103-51.586h18.452c4.174,0,7.555-3.383,7.555-7.555
|
||||
c0-4.173-3.382-7.555-7.555-7.555h-32.488c-4.722,0-8.563-3.841-8.563-8.563c0-4.722,3.841-8.563,8.563-8.563h145.564v17.125
|
||||
h-77.064c-4.174,0-7.555,3.383-7.555,7.555c0,4.172,3.382,7.555,7.555,7.555h78.307c3.161,9.358,12.018,16.118,22.43,16.118
|
||||
c1.203,0,2.383-0.092,3.539-0.265C336.836,185.456,347.114,196.903,357.994,208.993z M348.54,121.127l71.035-19.881
|
||||
c4.498-1.261,9.298,1.449,10.554,5.938c1.258,4.499-1.447,9.297-5.938,10.553l-40.596,11.362
|
||||
c-0.331,0.093-0.647,0.213-0.954,0.346l-34.101-7.835V121.127z M448.779,168.929c-1.058,4.602-5.654,7.487-10.263,6.428
|
||||
l-90.451-20.782c0.31-1.527,0.474-3.107,0.474-4.725v-12.738l93.811,21.554C446.897,159.711,449.824,164.378,448.779,168.929z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M292.631,310.526c10.831,0,19.644-8.812,19.644-19.644v-12.088c0-28.268-21.084-51.702-48.354-55.4v-13.101
|
||||
c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644v14.101c-27.997,6.245-48.354,31.134-48.354,60.444
|
||||
c0,34.161,27.792,61.953,61.953,61.953h12.088c12.497,0,22.666,10.167,22.666,22.666s-10.168,22.666-22.666,22.666h-18.133
|
||||
c-9.166,0-16.622-7.457-16.622-16.622c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644
|
||||
c0,28.268,21.084,51.702,48.354,55.4v13.101c0,10.831,8.812,19.644,19.644,19.644c10.831,0,19.644-8.812,19.644-19.644v-14.101
|
||||
c27.997-6.245,48.354-31.134,48.354-60.444c0-34.161-27.792-61.953-61.953-61.953h-12.088c-12.497,0-22.666-10.167-22.666-22.666
|
||||
s10.168-22.666,22.666-22.666h18.133c9.166,0,16.622,7.457,16.622,16.622v12.088C272.987,301.713,281.8,310.526,292.631,310.526z
|
||||
M256.366,247.062h-18.133c-20.83,0-37.776,16.946-37.776,37.776c0,20.83,16.946,37.776,37.776,37.776h12.088
|
||||
c25.83,0,46.843,21.014,46.843,46.843c0,23.899-17.899,43.908-41.632,46.545c-3.826,0.425-6.721,3.659-6.721,7.509v20.491
|
||||
c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-20.147c0-4.173-3.382-7.555-7.555-7.555
|
||||
c-22.497,0-40.798-18.302-40.798-40.798c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533
|
||||
c0,17.497,14.235,31.732,31.732,31.732h18.133c20.83,0,37.776-16.946,37.776-37.776s-16.946-37.776-37.776-37.776h-12.088
|
||||
c-25.83,0-46.843-21.014-46.843-46.843c0-23.899,17.899-43.908,41.632-46.545c3.826-0.425,6.721-3.659,6.721-7.509v-20.491
|
||||
c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533v20.147c0,4.173,3.382,7.555,7.555,7.555
|
||||
c22.497,0,40.798,18.302,40.798,40.798v12.088c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-12.088
|
||||
C288.098,261.297,273.863,247.062,256.366,247.062z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M316.209,117.615h0.598C316.808,117.615,316.342,116.445,316.209,117.615z">
|
||||
<path d="M171.747,117.615h0.598C172.212,116.445,171.747,117.615,171.747,117.615z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M460.496,154.447c-3.357-5.359-8.599-9.09-14.761-10.506l-32.457-7.458l14.986-4.195
|
||||
c12.417-3.475,19.898-16.737,16.417-29.177c-3.476-12.417-16.736-19.896-29.178-16.417l-69.876,19.557
|
||||
c-1.819-3.31-4.406-6.143-7.522-8.251c14.181-26.391,34.612-71.176,34.612-90.443c0-4.699-4.442-8.335-9.051-7.406
|
||||
c-27.731,5.602-53.586,8.187-79.011,7.91c-26.134-0.287-58.659-3.533-79.095-7.893c-6.318-1.348-11.388,5.722-8.056,11.276
|
||||
c4.98,8.3,8.031,17.076,9.708,25.921c-25.649,0.786-52.248-2.322-72.38-12.389c-5.423-2.712-11.824,2.033-10.832,8
|
||||
c6.332,37.987,19.106,60.259,31.913,77.086h-0.284c-13.053,0-23.673,10.62-23.673,23.673c0,12.005,8.985,21.944,20.581,23.465
|
||||
c-8.453,14.158-20.525,27.591-33.209,41.687c-26.973,29.976-57.546,63.952-67.832,118.811c-4.922,26.249-4.758,50.81,0.489,73.002
|
||||
c4.898,20.718,14.227,39.471,27.726,55.737c17.919,21.592,42.538,38.345,73.172,49.797c27.595,10.315,59.198,15.767,91.394,15.767
|
||||
c32.196,0,63.8-5.452,91.394-15.767c30.634-11.452,55.253-28.206,73.172-49.797c13.499-16.266,22.828-35.018,27.726-55.737
|
||||
c5.246-22.192,5.411-46.754,0.489-73.002c-10.286-54.858-40.858-88.834-67.831-118.81c-9.157-10.177-17.869-19.88-25.173-29.728
|
||||
l91.079,20.926c9.649,2.217,19.931-2.004,25.261-10.342C465.272,172.11,465.301,162.115,460.496,154.447z M284.489,23.17
|
||||
c23.263,0.254,46.807-1.78,71.676-6.212c-4.56,18.643-19.203,51.801-33.092,77.06c-9.625,0.725-17.659,7.227-20.637,16.043H281.46
|
||||
c-0.474-1.021-0.999-2.14-1.584-3.383C273.39,92.89,259.892,64.2,259.892,39.792c0-4.692-4.431-8.33-9.037-7.408
|
||||
c-8.792,1.759-18.465,3.182-28.53,4.074c-1.055-6.304-2.692-12.618-5.072-18.828C237.553,20.772,263.124,22.935,284.489,23.17z
|
||||
M333.429,117.615v32.236c0,4.721-3.841,8.563-8.563,8.563s-8.563-3.841-8.563-8.563v-32.236c0-4.722,3.841-8.563,8.563-8.563
|
||||
S333.429,112.894,333.429,117.615z M141.612,44.107c18.888,6.447,42.123,9.306,67.216,8.424l14.974-0.946
|
||||
c7.063-0.648,14.229-1.581,21.448-2.802c2.356,23.374,13.034,47.392,19.522,61.278h-50.307h-15.894h-23.376
|
||||
c-0.169-0.265-0.351-0.525-0.556-0.773C162.002,94.085,149.179,76.5,141.612,44.107z M357.994,208.993
|
||||
c25.645,28.498,54.708,60.798,64.214,111.487c8.747,46.652,0.338,85.782-24.993,116.303
|
||||
c-31.234,37.635-88.407,60.105-152.937,60.105S122.574,474.419,91.34,436.784c-25.331-30.521-33.739-69.651-24.993-116.303
|
||||
c9.505-50.69,38.57-82.991,64.214-111.488c15.333-17.041,29.819-33.159,39.103-51.586h18.452c4.174,0,7.555-3.383,7.555-7.555
|
||||
c0-4.173-3.382-7.555-7.555-7.555h-32.488c-4.722,0-8.563-3.841-8.563-8.563c0-4.722,3.841-8.563,8.563-8.563h145.564v17.125
|
||||
h-77.064c-4.174,0-7.555,3.383-7.555,7.555c0,4.172,3.382,7.555,7.555,7.555h78.307c3.161,9.358,12.018,16.118,22.43,16.118
|
||||
c1.203,0,2.383-0.092,3.539-0.265C336.836,185.456,347.114,196.903,357.994,208.993z M348.54,121.127l71.035-19.881
|
||||
c4.498-1.261,9.298,1.449,10.554,5.938c1.258,4.499-1.447,9.297-5.938,10.553l-40.596,11.362
|
||||
c-0.331,0.093-0.647,0.213-0.954,0.346l-34.101-7.835V121.127z M448.779,168.929c-1.058,4.602-5.654,7.487-10.263,6.428
|
||||
l-90.451-20.782c0.31-1.527,0.474-3.107,0.474-4.725v-12.738l93.811,21.554C446.897,159.711,449.824,164.378,448.779,168.929z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M292.631,310.526c10.831,0,19.644-8.812,19.644-19.644v-12.088c0-28.268-21.084-51.702-48.354-55.4v-13.101
|
||||
c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644v14.101c-27.997,6.245-48.354,31.134-48.354,60.444
|
||||
c0,34.161,27.792,61.953,61.953,61.953h12.088c12.497,0,22.666,10.167,22.666,22.666s-10.168,22.666-22.666,22.666h-18.133
|
||||
c-9.166,0-16.622-7.457-16.622-16.622c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644
|
||||
c0,28.268,21.084,51.702,48.354,55.4v13.101c0,10.831,8.812,19.644,19.644,19.644c10.831,0,19.644-8.812,19.644-19.644v-14.101
|
||||
c27.997-6.245,48.354-31.134,48.354-60.444c0-34.161-27.792-61.953-61.953-61.953h-12.088c-12.497,0-22.666-10.167-22.666-22.666
|
||||
s10.168-22.666,22.666-22.666h18.133c9.166,0,16.622,7.457,16.622,16.622v12.088C272.987,301.713,281.8,310.526,292.631,310.526z
|
||||
M256.366,247.062h-18.133c-20.83,0-37.776,16.946-37.776,37.776c0,20.83,16.946,37.776,37.776,37.776h12.088
|
||||
c25.83,0,46.843,21.014,46.843,46.843c0,23.899-17.899,43.908-41.632,46.545c-3.826,0.425-6.721,3.659-6.721,7.509v20.491
|
||||
c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-20.147c0-4.173-3.382-7.555-7.555-7.555
|
||||
c-22.497,0-40.798-18.302-40.798-40.798c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533
|
||||
c0,17.497,14.235,31.732,31.732,31.732h18.133c20.83,0,37.776-16.946,37.776-37.776s-16.946-37.776-37.776-37.776h-12.088
|
||||
c-25.83,0-46.843-21.014-46.843-46.843c0-23.899,17.899-43.908,41.632-46.545c3.826-0.425,6.721-3.659,6.721-7.509v-20.491
|
||||
c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533v20.147c0,4.173,3.382,7.555,7.555,7.555
|
||||
c22.497,0,40.798,18.302,40.798,40.798v12.088c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-12.088
|
||||
C288.098,261.297,273.863,247.062,256.366,247.062z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.7 KiB |
@@ -1,97 +1,97 @@
|
||||
// style controllers
|
||||
|
||||
const controllerStyle = (accordionController, isActive) => {
|
||||
const rotateAbleLine = accordionController.querySelectorAll("span")[1];
|
||||
|
||||
if (rotateAbleLine) {
|
||||
rotateAbleLine.style.transform = !isActive
|
||||
? "rotate(0deg)"
|
||||
: "rotate(90deg)";
|
||||
}
|
||||
};
|
||||
|
||||
// accordion hide and show
|
||||
const toggleAccordion = (accordion, isActive, currentIndex, index) => {
|
||||
const parentContent = accordion.closest(".accordion-content");
|
||||
const content = accordion.querySelector(".accordion-content");
|
||||
const contentWrapper = accordion.querySelector(".content-wrapper");
|
||||
const contentHeight = contentWrapper.offsetHeight;
|
||||
|
||||
let contenStyleHeight = content.style.height;
|
||||
if (contenStyleHeight === "auto") {
|
||||
content.style.height = `${contentHeight}px`;
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
content.style.height = !isActive ? `${contentHeight}px` : 0;
|
||||
}, 1);
|
||||
if (!isActive) {
|
||||
setTimeout(() => {
|
||||
if (!parentContent) {
|
||||
content.style.height = `auto`;
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
};
|
||||
|
||||
// get accordion controller and listen click event
|
||||
const accordionController = (accordionContainer) => {
|
||||
const groupOfAccordion = accordionContainer.querySelectorAll(".accordion");
|
||||
|
||||
groupOfAccordion.forEach((accordion, idx) => {
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
const isInitialyActive = accordion.classList.contains("active");
|
||||
|
||||
if (isInitialyActive) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[0].offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
|
||||
if (accordionController) {
|
||||
accordionController.addEventListener("click", function () {
|
||||
const currentAccordion = this.closest(".accordion");
|
||||
|
||||
const isActive = currentAccordion.classList.contains("active");
|
||||
let waitForDblClick = setTimeout(() => {
|
||||
groupOfAccordion.forEach((accordion, idx1) => {
|
||||
const isAccordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
|
||||
if (isAccordionController) {
|
||||
accordion.classList.remove("active");
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
controllerStyle(accordionController, true);
|
||||
toggleAccordion(accordion, true, idx, idx1);
|
||||
}
|
||||
});
|
||||
if (!isActive) {
|
||||
currentAccordion.classList.add("active");
|
||||
controllerStyle(accordionController, false);
|
||||
toggleAccordion(currentAccordion, false);
|
||||
}
|
||||
}, 10);
|
||||
accordionController.addEventListener("dblclick", function () {
|
||||
clearTimeout(waitForDblClick);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const accordions = () => {
|
||||
const accordionContainers = document.querySelectorAll(".accordion-container");
|
||||
|
||||
if (!accordionContainers.length) {
|
||||
return;
|
||||
}
|
||||
accordionContainers.forEach((accordionContainer) => {
|
||||
accordionController(accordionContainer);
|
||||
});
|
||||
};
|
||||
// style controllers
|
||||
|
||||
const controllerStyle = (accordionController, isActive) => {
|
||||
const rotateAbleLine = accordionController.querySelectorAll("span")[1];
|
||||
|
||||
if (rotateAbleLine) {
|
||||
rotateAbleLine.style.transform = !isActive
|
||||
? "rotate(0deg)"
|
||||
: "rotate(90deg)";
|
||||
}
|
||||
};
|
||||
|
||||
// accordion hide and show
|
||||
const toggleAccordion = (accordion, isActive, currentIndex, index) => {
|
||||
const parentContent = accordion.closest(".accordion-content");
|
||||
const content = accordion.querySelector(".accordion-content");
|
||||
const contentWrapper = accordion.querySelector(".content-wrapper");
|
||||
const contentHeight = contentWrapper.offsetHeight;
|
||||
|
||||
let contenStyleHeight = content.style.height;
|
||||
if (contenStyleHeight === "auto") {
|
||||
content.style.height = `${contentHeight}px`;
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
content.style.height = !isActive ? `${contentHeight}px` : 0;
|
||||
}, 1);
|
||||
if (!isActive) {
|
||||
setTimeout(() => {
|
||||
if (!parentContent) {
|
||||
content.style.height = `auto`;
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
};
|
||||
|
||||
// get accordion controller and listen click event
|
||||
const accordionController = (accordionContainer) => {
|
||||
const groupOfAccordion = accordionContainer.querySelectorAll(".accordion");
|
||||
|
||||
groupOfAccordion.forEach((accordion, idx) => {
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
const isInitialyActive = accordion.classList.contains("active");
|
||||
|
||||
if (isInitialyActive) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[0].offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
|
||||
if (accordionController) {
|
||||
accordionController.addEventListener("click", function () {
|
||||
const currentAccordion = this.closest(".accordion");
|
||||
|
||||
const isActive = currentAccordion.classList.contains("active");
|
||||
let waitForDblClick = setTimeout(() => {
|
||||
groupOfAccordion.forEach((accordion, idx1) => {
|
||||
const isAccordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
|
||||
if (isAccordionController) {
|
||||
accordion.classList.remove("active");
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
controllerStyle(accordionController, true);
|
||||
toggleAccordion(accordion, true, idx, idx1);
|
||||
}
|
||||
});
|
||||
if (!isActive) {
|
||||
currentAccordion.classList.add("active");
|
||||
controllerStyle(accordionController, false);
|
||||
toggleAccordion(currentAccordion, false);
|
||||
}
|
||||
}, 10);
|
||||
accordionController.addEventListener("dblclick", function () {
|
||||
clearTimeout(waitForDblClick);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const accordions = () => {
|
||||
const accordionContainers = document.querySelectorAll(".accordion-container");
|
||||
|
||||
if (!accordionContainers.length) {
|
||||
return;
|
||||
}
|
||||
accordionContainers.forEach((accordionContainer) => {
|
||||
accordionController(accordionContainer);
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,33 +1,33 @@
|
||||
const count = () => {
|
||||
const countContainers = document.querySelectorAll(".count-container");
|
||||
|
||||
if (!count) {
|
||||
return;
|
||||
}
|
||||
|
||||
countContainers.forEach((countContainer) => {
|
||||
const countIput = countContainer.querySelector("input");
|
||||
const minCount = countContainer.querySelector(".mincount");
|
||||
const maxCount = countContainer.querySelector(".maxcount");
|
||||
|
||||
minCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
|
||||
if (currentValue === 0 || currentValue < 0) {
|
||||
if (currentValue === 0) {
|
||||
currentValue = 1;
|
||||
} else {
|
||||
currentValue = 0;
|
||||
}
|
||||
} else {
|
||||
currentValue--;
|
||||
}
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
maxCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
currentValue++;
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
});
|
||||
};
|
||||
const count = () => {
|
||||
const countContainers = document.querySelectorAll(".count-container");
|
||||
|
||||
if (!count) {
|
||||
return;
|
||||
}
|
||||
|
||||
countContainers.forEach((countContainer) => {
|
||||
const countIput = countContainer.querySelector("input");
|
||||
const minCount = countContainer.querySelector(".mincount");
|
||||
const maxCount = countContainer.querySelector(".maxcount");
|
||||
|
||||
minCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
|
||||
if (currentValue === 0 || currentValue < 0) {
|
||||
if (currentValue === 0) {
|
||||
currentValue = 1;
|
||||
} else {
|
||||
currentValue = 0;
|
||||
}
|
||||
} else {
|
||||
currentValue--;
|
||||
}
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
maxCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
currentValue++;
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,74 +1,74 @@
|
||||
const countDown = () => {
|
||||
// Set the target date for the countdown (change it to your desired end date)
|
||||
const coundownContainers = document.querySelectorAll("[data-countdown]");
|
||||
if (coundownContainers?.length) {
|
||||
let countdownInterval;
|
||||
coundownContainers.forEach((coundownContainer) => {
|
||||
const countDownFields = [...coundownContainer.children];
|
||||
|
||||
const targetDateArray = coundownContainer
|
||||
.getAttribute("data-countdown")
|
||||
.split("/");
|
||||
|
||||
const targetDate = new Date(
|
||||
`${targetDateArray[0]}-${targetDateArray[1]}-${targetDateArray[2]}T00:00:00`
|
||||
).getTime();
|
||||
|
||||
// Update the countdown every second
|
||||
countdownInterval = setInterval(
|
||||
() => updateCountdown(targetDate, countDownFields),
|
||||
1000
|
||||
);
|
||||
});
|
||||
|
||||
function updateCountdown(targetDate, countDownFields) {
|
||||
// Get the current date and time
|
||||
const currentDate = new Date().getTime();
|
||||
|
||||
// Calculate the remaining time
|
||||
const timeDifference = targetDate - currentDate;
|
||||
|
||||
// Calculate days, hours, minutes, and seconds
|
||||
const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
|
||||
const hours = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
|
||||
);
|
||||
const minutes = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60)) / (1000 * 60)
|
||||
);
|
||||
const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0
|
||||
? days > 9
|
||||
? days
|
||||
: `0${days}`
|
||||
: ind === 1
|
||||
? hours > 9
|
||||
? hours
|
||||
: `0${hours}`
|
||||
: ind === 2
|
||||
? minutes > 9
|
||||
? minutes
|
||||
: `0${minutes}`
|
||||
: seconds > 9
|
||||
? seconds
|
||||
: `0${seconds}`;
|
||||
});
|
||||
|
||||
// If the countdown is finished, clear the interval
|
||||
if (timeDifference < 0) {
|
||||
clearInterval(countdownInterval);
|
||||
// document.getElementById("countdown").innerHTML = "Countdown expired!";
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0 ? `00` : ind === 1 ? `00` : ind === 2 ? `00` : `00`;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
const countDown = () => {
|
||||
// Set the target date for the countdown (change it to your desired end date)
|
||||
const coundownContainers = document.querySelectorAll("[data-countdown]");
|
||||
if (coundownContainers?.length) {
|
||||
let countdownInterval;
|
||||
coundownContainers.forEach((coundownContainer) => {
|
||||
const countDownFields = [...coundownContainer.children];
|
||||
|
||||
const targetDateArray = coundownContainer
|
||||
.getAttribute("data-countdown")
|
||||
.split("/");
|
||||
|
||||
const targetDate = new Date(
|
||||
`${targetDateArray[0]}-${targetDateArray[1]}-${targetDateArray[2]}T00:00:00`
|
||||
).getTime();
|
||||
|
||||
// Update the countdown every second
|
||||
countdownInterval = setInterval(
|
||||
() => updateCountdown(targetDate, countDownFields),
|
||||
1000
|
||||
);
|
||||
});
|
||||
|
||||
function updateCountdown(targetDate, countDownFields) {
|
||||
// Get the current date and time
|
||||
const currentDate = new Date().getTime();
|
||||
|
||||
// Calculate the remaining time
|
||||
const timeDifference = targetDate - currentDate;
|
||||
|
||||
// Calculate days, hours, minutes, and seconds
|
||||
const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
|
||||
const hours = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
|
||||
);
|
||||
const minutes = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60)) / (1000 * 60)
|
||||
);
|
||||
const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0
|
||||
? days > 9
|
||||
? days
|
||||
: `0${days}`
|
||||
: ind === 1
|
||||
? hours > 9
|
||||
? hours
|
||||
: `0${hours}`
|
||||
: ind === 2
|
||||
? minutes > 9
|
||||
? minutes
|
||||
: `0${minutes}`
|
||||
: seconds > 9
|
||||
? seconds
|
||||
: `0${seconds}`;
|
||||
});
|
||||
|
||||
// If the countdown is finished, clear the interval
|
||||
if (timeDifference < 0) {
|
||||
clearInterval(countdownInterval);
|
||||
// document.getElementById("countdown").innerHTML = "Countdown expired!";
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0 ? `00` : ind === 1 ? `00` : ind === 2 ? `00` : `00`;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,82 +1,82 @@
|
||||
class countUp {
|
||||
constructor(el) {
|
||||
this.el = el;
|
||||
this.setVars();
|
||||
this.init();
|
||||
}
|
||||
|
||||
setVars() {
|
||||
this.number = this.el.querySelectorAll("[data-countup-number]");
|
||||
this.observerOptions = { root: null, rootMargin: "0px 0px", threshold: 0 };
|
||||
this.observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry) => {
|
||||
const end = parseFloat(
|
||||
entry.target.dataset.countupNumber.replace(/,/g, "")
|
||||
);
|
||||
const decimals = this.countDecimals(end);
|
||||
if (entry.isIntersecting) {
|
||||
this.iterateValue(entry.target, end, decimals);
|
||||
}
|
||||
});
|
||||
}, this.observerOptions);
|
||||
}
|
||||
|
||||
init() {
|
||||
if (this.number.length > 0) {
|
||||
this.number.forEach((el) => {
|
||||
this.observer.observe(el);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
iterateValue(el, end, decimals) {
|
||||
const start = 0;
|
||||
const duration = 2500;
|
||||
let startTimestamp = null;
|
||||
|
||||
const step = (timestamp) => {
|
||||
if (!startTimestamp) startTimestamp = timestamp;
|
||||
const elapsedPercent = (timestamp - startTimestamp) / duration;
|
||||
const easedProgress = Math.min(this.easeOutQuint(elapsedPercent), 1);
|
||||
let interimNumber = Math.abs(easedProgress * (end - start) + start);
|
||||
el.innerHTML = this.formatNumber(interimNumber, decimals);
|
||||
if (easedProgress < 1) {
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
};
|
||||
|
||||
// requestAnimationFrame returns DOMHighResTimeStamp as a callback (used as timestamp)
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
|
||||
easeOutQuad(x) {
|
||||
return 1 - Math.pow(1 - x, 3);
|
||||
}
|
||||
|
||||
easeOutQuint(x) {
|
||||
return 1 - Math.pow(1 - x, 5);
|
||||
}
|
||||
|
||||
countDecimals(val) {
|
||||
if (Math.floor(val) === val) return 0;
|
||||
return val.toString().split(".")[1].length || 0;
|
||||
}
|
||||
|
||||
formatNumber(val, decimals) {
|
||||
return val.toLocaleString("en-US", {
|
||||
minimumFractionDigits: decimals,
|
||||
maximumFractionDigits: decimals,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Simplifed version of Viget dynamic modules to attach instances for this demo
|
||||
// https://www.viget.com/articles/how-does-viget-javascript/
|
||||
// You CAN use this pattern, but it's single purpose right now
|
||||
const dataModules = [...document.querySelectorAll('[data-module="countup"]')];
|
||||
|
||||
dataModules.forEach((element) => {
|
||||
element.dataset.module.split(" ").forEach(function () {
|
||||
new countUp(element);
|
||||
});
|
||||
});
|
||||
class countUp {
|
||||
constructor(el) {
|
||||
this.el = el;
|
||||
this.setVars();
|
||||
this.init();
|
||||
}
|
||||
|
||||
setVars() {
|
||||
this.number = this.el.querySelectorAll("[data-countup-number]");
|
||||
this.observerOptions = { root: null, rootMargin: "0px 0px", threshold: 0 };
|
||||
this.observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry) => {
|
||||
const end = parseFloat(
|
||||
entry.target.dataset.countupNumber.replace(/,/g, "")
|
||||
);
|
||||
const decimals = this.countDecimals(end);
|
||||
if (entry.isIntersecting) {
|
||||
this.iterateValue(entry.target, end, decimals);
|
||||
}
|
||||
});
|
||||
}, this.observerOptions);
|
||||
}
|
||||
|
||||
init() {
|
||||
if (this.number.length > 0) {
|
||||
this.number.forEach((el) => {
|
||||
this.observer.observe(el);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
iterateValue(el, end, decimals) {
|
||||
const start = 0;
|
||||
const duration = 2500;
|
||||
let startTimestamp = null;
|
||||
|
||||
const step = (timestamp) => {
|
||||
if (!startTimestamp) startTimestamp = timestamp;
|
||||
const elapsedPercent = (timestamp - startTimestamp) / duration;
|
||||
const easedProgress = Math.min(this.easeOutQuint(elapsedPercent), 1);
|
||||
let interimNumber = Math.abs(easedProgress * (end - start) + start);
|
||||
el.innerHTML = this.formatNumber(interimNumber, decimals);
|
||||
if (easedProgress < 1) {
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
};
|
||||
|
||||
// requestAnimationFrame returns DOMHighResTimeStamp as a callback (used as timestamp)
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
|
||||
easeOutQuad(x) {
|
||||
return 1 - Math.pow(1 - x, 3);
|
||||
}
|
||||
|
||||
easeOutQuint(x) {
|
||||
return 1 - Math.pow(1 - x, 5);
|
||||
}
|
||||
|
||||
countDecimals(val) {
|
||||
if (Math.floor(val) === val) return 0;
|
||||
return val.toString().split(".")[1].length || 0;
|
||||
}
|
||||
|
||||
formatNumber(val, decimals) {
|
||||
return val.toLocaleString("en-US", {
|
||||
minimumFractionDigits: decimals,
|
||||
maximumFractionDigits: decimals,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Simplifed version of Viget dynamic modules to attach instances for this demo
|
||||
// https://www.viget.com/articles/how-does-viget-javascript/
|
||||
// You CAN use this pattern, but it's single purpose right now
|
||||
const dataModules = [...document.querySelectorAll('[data-module="countup"]')];
|
||||
|
||||
dataModules.forEach((element) => {
|
||||
element.dataset.module.split(" ").forEach(function () {
|
||||
new countUp(element);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,41 +1,41 @@
|
||||
// open drawer
|
||||
const handleOpen = (drawer, drawerShow) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
drawerShow.addEventListener("click", () => {
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
drawerContainer.classList.add("active");
|
||||
});
|
||||
};
|
||||
// close drawer
|
||||
const handleClose = (drawer, drawerShow, closedrawer) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
closedrawer.addEventListener("click", () => {
|
||||
drawerContainer.classList.remove("active");
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
});
|
||||
};
|
||||
// controll mobile menu
|
||||
const drawer = () => {
|
||||
const drawerShowButtons = document.querySelectorAll(".show-drawer");
|
||||
const drawers = document.querySelectorAll(".drawer");
|
||||
if (drawerShowButtons?.length) {
|
||||
drawerShowButtons.forEach((drawerShow, idx) => {
|
||||
const drawer = drawers[idx];
|
||||
if (drawer) {
|
||||
const darawerContainer = drawer.parentNode;
|
||||
handleOpen(drawer, drawerShow);
|
||||
const closedrawers = darawerContainer.querySelectorAll(".close-drawer");
|
||||
closedrawers?.forEach((closedrawer) => {
|
||||
handleClose(drawer, drawerShow, closedrawer);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
// open drawer
|
||||
const handleOpen = (drawer, drawerShow) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
drawerShow.addEventListener("click", () => {
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
drawerContainer.classList.add("active");
|
||||
});
|
||||
};
|
||||
// close drawer
|
||||
const handleClose = (drawer, drawerShow, closedrawer) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
closedrawer.addEventListener("click", () => {
|
||||
drawerContainer.classList.remove("active");
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
});
|
||||
};
|
||||
// controll mobile menu
|
||||
const drawer = () => {
|
||||
const drawerShowButtons = document.querySelectorAll(".show-drawer");
|
||||
const drawers = document.querySelectorAll(".drawer");
|
||||
if (drawerShowButtons?.length) {
|
||||
drawerShowButtons.forEach((drawerShow, idx) => {
|
||||
const drawer = drawers[idx];
|
||||
if (drawer) {
|
||||
const darawerContainer = drawer.parentNode;
|
||||
handleOpen(drawer, drawerShow);
|
||||
const closedrawers = darawerContainer.querySelectorAll(".close-drawer");
|
||||
closedrawers?.forEach((closedrawer) => {
|
||||
handleClose(drawer, drawerShow, closedrawer);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,59 +1,59 @@
|
||||
// tab controller
|
||||
const filter = () => {
|
||||
//isotop
|
||||
var grid = document.querySelector(".filter-contents");
|
||||
if (grid) {
|
||||
var iso = new Isotope(grid, {
|
||||
// options...
|
||||
itemSelector: ".grid-item",
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
columnWidth: ".grid-item",
|
||||
},
|
||||
});
|
||||
// filter functions
|
||||
var filterFns = {
|
||||
// show if number is greater than 50
|
||||
numberGreaterThan50: function (itemElem) {
|
||||
var number = itemElem.querySelector(".number").textContent;
|
||||
return parseInt(number, 10) > 50;
|
||||
},
|
||||
// show if name ends with -ium
|
||||
ium: function (itemElem) {
|
||||
var name = itemElem.querySelector(".name").textContent;
|
||||
return name.match(/ium$/);
|
||||
},
|
||||
};
|
||||
|
||||
// bind filter button click
|
||||
var filtersElem = document.querySelector(".filters-button-group");
|
||||
filtersElem.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
var filterValue = event.target.getAttribute("data-filter");
|
||||
// use matching filter function
|
||||
filterValue = filterFns[filterValue] || filterValue;
|
||||
iso.arrange({ filter: filterValue });
|
||||
});
|
||||
|
||||
// change is-checked class on buttons
|
||||
var buttonGroups = document.querySelectorAll(".button-group");
|
||||
for (var i = 0, len = buttonGroups.length; i < len; i++) {
|
||||
var buttonGroup = buttonGroups[i];
|
||||
radioButtonGroup(buttonGroup);
|
||||
}
|
||||
|
||||
function radioButtonGroup(buttonGroup) {
|
||||
buttonGroup.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
buttonGroup.querySelector(".is-checked").classList.remove("is-checked");
|
||||
event.target.classList.add("is-checked");
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
// tab controller
|
||||
const filter = () => {
|
||||
//isotop
|
||||
var grid = document.querySelector(".filter-contents");
|
||||
if (grid) {
|
||||
var iso = new Isotope(grid, {
|
||||
// options...
|
||||
itemSelector: ".grid-item",
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
columnWidth: ".grid-item",
|
||||
},
|
||||
});
|
||||
// filter functions
|
||||
var filterFns = {
|
||||
// show if number is greater than 50
|
||||
numberGreaterThan50: function (itemElem) {
|
||||
var number = itemElem.querySelector(".number").textContent;
|
||||
return parseInt(number, 10) > 50;
|
||||
},
|
||||
// show if name ends with -ium
|
||||
ium: function (itemElem) {
|
||||
var name = itemElem.querySelector(".name").textContent;
|
||||
return name.match(/ium$/);
|
||||
},
|
||||
};
|
||||
|
||||
// bind filter button click
|
||||
var filtersElem = document.querySelector(".filters-button-group");
|
||||
filtersElem.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
var filterValue = event.target.getAttribute("data-filter");
|
||||
// use matching filter function
|
||||
filterValue = filterFns[filterValue] || filterValue;
|
||||
iso.arrange({ filter: filterValue });
|
||||
});
|
||||
|
||||
// change is-checked class on buttons
|
||||
var buttonGroups = document.querySelectorAll(".button-group");
|
||||
for (var i = 0, len = buttonGroups.length; i < len; i++) {
|
||||
var buttonGroup = buttonGroups[i];
|
||||
radioButtonGroup(buttonGroup);
|
||||
}
|
||||
|
||||
function radioButtonGroup(buttonGroup) {
|
||||
buttonGroup.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
buttonGroup.querySelector(".is-checked").classList.remove("is-checked");
|
||||
event.target.classList.add("is-checked");
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
5850
prod/assets/js/glightbox.min.js
vendored
5850
prod/assets/js/glightbox.min.js
vendored
File diff suppressed because it is too large
Load Diff
3620
prod/assets/js/isotope.pkgd.min.js
vendored
3620
prod/assets/js/isotope.pkgd.min.js
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,119 +1,119 @@
|
||||
// sticky hedder
|
||||
stickystickyHeader();
|
||||
|
||||
// search controller
|
||||
search();
|
||||
|
||||
// mobile menu
|
||||
drawer();
|
||||
|
||||
// accordion
|
||||
accordions();
|
||||
|
||||
// slider js
|
||||
silder();
|
||||
|
||||
// counter up
|
||||
const counters = document.querySelectorAll(".counter");
|
||||
counters.forEach((counter) => {
|
||||
new countUp(counter);
|
||||
});
|
||||
|
||||
// service cards
|
||||
service();
|
||||
|
||||
// nice select
|
||||
const selects = document.querySelectorAll(".selectize");
|
||||
if (selects?.length) {
|
||||
selects.forEach((select) => NiceSelect.bind(select));
|
||||
}
|
||||
|
||||
// quick view modal
|
||||
modal();
|
||||
|
||||
// tab
|
||||
tabsController();
|
||||
|
||||
//glightbox
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox2",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox3",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
|
||||
// scrollUp
|
||||
scrollUp();
|
||||
|
||||
// smooth scroll
|
||||
smoothScroll();
|
||||
|
||||
// appart card hover action
|
||||
|
||||
const apartCards = document.querySelectorAll(".apart-card");
|
||||
|
||||
if (apartCards?.length) {
|
||||
apartCards.forEach((apartCard, idx) => {
|
||||
apartCard.addEventListener("mouseenter", () => {
|
||||
apartCard.querySelector(".card-quick-area").classList.add("active");
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// isotop filters
|
||||
filter();
|
||||
|
||||
// nice checkbox
|
||||
nice_checkbox();
|
||||
|
||||
// count input
|
||||
count();
|
||||
|
||||
// countdown
|
||||
const countContainers = document.querySelectorAll(".countdown");
|
||||
if (countContainers?.length) {
|
||||
countDown();
|
||||
}
|
||||
|
||||
// price slider
|
||||
const range_sliders = document.querySelectorAll(".slider-range");
|
||||
|
||||
if (range_sliders?.length) {
|
||||
|
||||
$(".slider-range").slider({
|
||||
range: true,
|
||||
min: 50,
|
||||
max: 5000,
|
||||
values: [50, 1500],
|
||||
slide: function (event, ui) {
|
||||
$(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
|
||||
},
|
||||
});
|
||||
$(".amount").val(
|
||||
"$" +
|
||||
$(".slider-range").slider("values", 0) +
|
||||
" - $" +
|
||||
$(".slider-range").slider("values", 1)
|
||||
);
|
||||
}
|
||||
|
||||
// price
|
||||
// sticky hedder
|
||||
stickystickyHeader();
|
||||
|
||||
// search controller
|
||||
search();
|
||||
|
||||
// mobile menu
|
||||
drawer();
|
||||
|
||||
// accordion
|
||||
accordions();
|
||||
|
||||
// slider js
|
||||
silder();
|
||||
|
||||
// counter up
|
||||
const counters = document.querySelectorAll(".counter");
|
||||
counters.forEach((counter) => {
|
||||
new countUp(counter);
|
||||
});
|
||||
|
||||
// service cards
|
||||
service();
|
||||
|
||||
// nice select
|
||||
const selects = document.querySelectorAll(".selectize");
|
||||
if (selects?.length) {
|
||||
selects.forEach((select) => NiceSelect.bind(select));
|
||||
}
|
||||
|
||||
// quick view modal
|
||||
modal();
|
||||
|
||||
// tab
|
||||
tabsController();
|
||||
|
||||
//glightbox
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox2",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox3",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
|
||||
// scrollUp
|
||||
scrollUp();
|
||||
|
||||
// smooth scroll
|
||||
smoothScroll();
|
||||
|
||||
// appart card hover action
|
||||
|
||||
const apartCards = document.querySelectorAll(".apart-card");
|
||||
|
||||
if (apartCards?.length) {
|
||||
apartCards.forEach((apartCard, idx) => {
|
||||
apartCard.addEventListener("mouseenter", () => {
|
||||
apartCard.querySelector(".card-quick-area").classList.add("active");
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// isotop filters
|
||||
filter();
|
||||
|
||||
// nice checkbox
|
||||
nice_checkbox();
|
||||
|
||||
// count input
|
||||
count();
|
||||
|
||||
// countdown
|
||||
const countContainers = document.querySelectorAll(".countdown");
|
||||
if (countContainers?.length) {
|
||||
countDown();
|
||||
}
|
||||
|
||||
// price slider
|
||||
const range_sliders = document.querySelectorAll(".slider-range");
|
||||
|
||||
if (range_sliders?.length) {
|
||||
|
||||
$(".slider-range").slider({
|
||||
range: true,
|
||||
min: 50,
|
||||
max: 5000,
|
||||
values: [50, 1500],
|
||||
slide: function (event, ui) {
|
||||
$(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
|
||||
},
|
||||
});
|
||||
$(".amount").val(
|
||||
"$" +
|
||||
$(".slider-range").slider("values", 0) +
|
||||
" - $" +
|
||||
$(".slider-range").slider("values", 1)
|
||||
);
|
||||
}
|
||||
|
||||
// price
|
||||
|
||||
@@ -1,196 +1,196 @@
|
||||
$(function () {
|
||||
var LocsA = [
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 1",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.733617,
|
||||
lon: -74.17115,
|
||||
title: "Location 2",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.743011,
|
||||
lon: -74.2471,
|
||||
title: "Location 3",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.71115,
|
||||
lon: -74.214998,
|
||||
title: "Location 4",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69001,
|
||||
lon: -74.151753,
|
||||
title: "Location 5",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69759,
|
||||
lon: -74.263164,
|
||||
title: "Location 6",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/6.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.729979,
|
||||
lon: -74.271992,
|
||||
title: "Location 7",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.749702,
|
||||
lon: -74.163631,
|
||||
title: "Location 8",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.718971,
|
||||
lon: -74.323219,
|
||||
title: "Location 9",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.74835,
|
||||
lon: -74.323219,
|
||||
title: "Location 10",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 11",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
];
|
||||
new Maplace({
|
||||
locations: LocsA,
|
||||
controls_on_map: true,
|
||||
map_options: {
|
||||
zoom: 13,
|
||||
scrollwheel: false,
|
||||
stopover: true,
|
||||
},
|
||||
stroke_options: {
|
||||
strokeColor: "#f10",
|
||||
strokeOpacity: 0.8,
|
||||
strokeWeight: 2,
|
||||
fillColor: "#f10",
|
||||
fillOpacity: 0.4,
|
||||
},
|
||||
}).Load();
|
||||
});
|
||||
$(function () {
|
||||
var LocsA = [
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 1",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.733617,
|
||||
lon: -74.17115,
|
||||
title: "Location 2",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.743011,
|
||||
lon: -74.2471,
|
||||
title: "Location 3",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.71115,
|
||||
lon: -74.214998,
|
||||
title: "Location 4",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69001,
|
||||
lon: -74.151753,
|
||||
title: "Location 5",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69759,
|
||||
lon: -74.263164,
|
||||
title: "Location 6",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/6.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.729979,
|
||||
lon: -74.271992,
|
||||
title: "Location 7",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.749702,
|
||||
lon: -74.163631,
|
||||
title: "Location 8",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.718971,
|
||||
lon: -74.323219,
|
||||
title: "Location 9",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.74835,
|
||||
lon: -74.323219,
|
||||
title: "Location 10",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 11",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
];
|
||||
new Maplace({
|
||||
locations: LocsA,
|
||||
controls_on_map: true,
|
||||
map_options: {
|
||||
zoom: 13,
|
||||
scrollwheel: false,
|
||||
stopover: true,
|
||||
},
|
||||
stroke_options: {
|
||||
strokeColor: "#f10",
|
||||
strokeOpacity: 0.8,
|
||||
strokeWeight: 2,
|
||||
fillColor: "#f10",
|
||||
fillOpacity: 0.4,
|
||||
},
|
||||
}).Load();
|
||||
});
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,53 +1,53 @@
|
||||
const modal = () => {
|
||||
const modalContainers = document.querySelectorAll(".modal-container");
|
||||
|
||||
if (!modalContainers.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
modalContainers.forEach((modalContainer) => {
|
||||
const body = document.body;
|
||||
const bodyStyle = body.style;
|
||||
const modals = modalContainer.querySelectorAll(".modal");
|
||||
|
||||
modals?.forEach((modal, idx) => {
|
||||
const modalOpens = modalContainer.querySelectorAll(
|
||||
`[data-modal-index="${idx + 1}"]`
|
||||
);
|
||||
|
||||
const modalContent = modal.querySelector(".modal-content");
|
||||
const modalCloses = modal.querySelectorAll(".modal-close");
|
||||
// open modal
|
||||
modalOpens.forEach((modalOpen) => {
|
||||
modalOpen.addEventListener("click", () => {
|
||||
modal.style.display = "block";
|
||||
bodyStyle.overflow = "hidden";
|
||||
bodyStyle.paddingRight = "17px";
|
||||
|
||||
setTimeout(() => {
|
||||
// uncomment if you need body to be scroll down with modal open
|
||||
// window.scroll({ top: window.scrollY - 100, behavior: "smooth" });
|
||||
modal.style.opacity = 100;
|
||||
modal.style.visibility = "visible";
|
||||
modal.scrollTop = 0;
|
||||
modalContent.style.transform = "translateY(0px)";
|
||||
}, 10);
|
||||
});
|
||||
});
|
||||
// close modal
|
||||
modalCloses.forEach((modalClose) => {
|
||||
modalClose.addEventListener("click", function () {
|
||||
modal.style.opacity = 0;
|
||||
modal.style.visibility = "hidden";
|
||||
modalContent.style.transform = `translateY(-${80}px)`;
|
||||
|
||||
setTimeout(() => {
|
||||
modal.style.display = "none";
|
||||
bodyStyle.overflow = "auto";
|
||||
bodyStyle.paddingRight = 0;
|
||||
}, 500);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
const modal = () => {
|
||||
const modalContainers = document.querySelectorAll(".modal-container");
|
||||
|
||||
if (!modalContainers.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
modalContainers.forEach((modalContainer) => {
|
||||
const body = document.body;
|
||||
const bodyStyle = body.style;
|
||||
const modals = modalContainer.querySelectorAll(".modal");
|
||||
|
||||
modals?.forEach((modal, idx) => {
|
||||
const modalOpens = modalContainer.querySelectorAll(
|
||||
`[data-modal-index="${idx + 1}"]`
|
||||
);
|
||||
|
||||
const modalContent = modal.querySelector(".modal-content");
|
||||
const modalCloses = modal.querySelectorAll(".modal-close");
|
||||
// open modal
|
||||
modalOpens.forEach((modalOpen) => {
|
||||
modalOpen.addEventListener("click", () => {
|
||||
modal.style.display = "block";
|
||||
bodyStyle.overflow = "hidden";
|
||||
bodyStyle.paddingRight = "17px";
|
||||
|
||||
setTimeout(() => {
|
||||
// uncomment if you need body to be scroll down with modal open
|
||||
// window.scroll({ top: window.scrollY - 100, behavior: "smooth" });
|
||||
modal.style.opacity = 100;
|
||||
modal.style.visibility = "visible";
|
||||
modal.scrollTop = 0;
|
||||
modalContent.style.transform = "translateY(0px)";
|
||||
}, 10);
|
||||
});
|
||||
});
|
||||
// close modal
|
||||
modalCloses.forEach((modalClose) => {
|
||||
modalClose.addEventListener("click", function () {
|
||||
modal.style.opacity = 0;
|
||||
modal.style.visibility = "hidden";
|
||||
modalContent.style.transform = `translateY(-${80}px)`;
|
||||
|
||||
setTimeout(() => {
|
||||
modal.style.display = "none";
|
||||
bodyStyle.overflow = "auto";
|
||||
bodyStyle.paddingRight = 0;
|
||||
}, 500);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,402 +1,402 @@
|
||||
!(function (e, t) {
|
||||
"object" == typeof exports && "object" == typeof module
|
||||
? (module.exports = t())
|
||||
: "function" == typeof define && define.amd
|
||||
? define([], t)
|
||||
: "object" == typeof exports
|
||||
? (exports.NiceSelect = t())
|
||||
: (e.NiceSelect = t());
|
||||
})(self, () =>
|
||||
(() => {
|
||||
"use strict";
|
||||
var e = {
|
||||
d: (t, i) => {
|
||||
for (var s in i)
|
||||
e.o(i, s) &&
|
||||
!e.o(t, s) &&
|
||||
Object.defineProperty(t, s, { enumerable: !0, get: i[s] });
|
||||
},
|
||||
o: (e, t) => Object.prototype.hasOwnProperty.call(e, t),
|
||||
r: (e) => {
|
||||
"undefined" != typeof Symbol &&
|
||||
Symbol.toStringTag &&
|
||||
Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
|
||||
Object.defineProperty(e, "__esModule", { value: !0 });
|
||||
},
|
||||
},
|
||||
t = {};
|
||||
function i(e) {
|
||||
var t = document.createEvent("MouseEvents");
|
||||
t.initEvent("click", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function s(e) {
|
||||
var t = document.createEvent("HTMLEvents");
|
||||
t.initEvent("change", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function o(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusin", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function n(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusout", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function d(e) {
|
||||
var t = document.createEvent("UIEvent");
|
||||
t.initEvent("modalclose", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function l(e, t) {
|
||||
"invalid" == t
|
||||
? (c(this.dropdown, "invalid"), h(this.dropdown, "valid"))
|
||||
: (c(this.dropdown, "valid"), h(this.dropdown, "invalid"));
|
||||
}
|
||||
function r(e, t) {
|
||||
return null != e[t] ? e[t] : e.getAttribute(t);
|
||||
}
|
||||
function a(e, t) {
|
||||
return !!e && e.classList.contains(t);
|
||||
}
|
||||
function c(e, t) {
|
||||
if (e) return e.classList.add(t);
|
||||
}
|
||||
function h(e, t) {
|
||||
if (e) return e.classList.remove(t);
|
||||
}
|
||||
e.r(t), e.d(t, { bind: () => f, default: () => u });
|
||||
var p = { data: null, searchable: !1, showSelectedItems: !1 };
|
||||
function u(e, t) {
|
||||
(this.el = e),
|
||||
(this.config = Object.assign({}, p, t || {})),
|
||||
(this.data = this.config.data),
|
||||
(this.selectedOptions = []),
|
||||
(this.placeholder =
|
||||
r(this.el, "placeholder") ||
|
||||
this.config.placeholder ||
|
||||
"Select an option"),
|
||||
(this.searchtext =
|
||||
r(this.el, "searchtext") || this.config.searchtext || "Search"),
|
||||
(this.selectedtext =
|
||||
r(this.el, "selectedtext") || this.config.selectedtext || "selected"),
|
||||
(this.dropdown = null),
|
||||
(this.multiple = r(this.el, "multiple")),
|
||||
(this.disabled = r(this.el, "disabled")),
|
||||
this.create();
|
||||
}
|
||||
function f(e, t) {
|
||||
return new u(e, t);
|
||||
}
|
||||
return (
|
||||
(u.prototype.create = function () {
|
||||
(this.el.style.opacity = "0"),
|
||||
(this.el.style.width = "0"),
|
||||
(this.el.style.padding = "0"),
|
||||
(this.el.style.height = "0"),
|
||||
this.data ? this.processData(this.data) : this.extractData(),
|
||||
this.renderDropdown(),
|
||||
this.bindEvent();
|
||||
}),
|
||||
(u.prototype.processData = function (e) {
|
||||
var t = [];
|
||||
e.forEach((e) => {
|
||||
t.push({
|
||||
data: e,
|
||||
attributes: {
|
||||
selected: !!e.selected,
|
||||
disabled: !!e.disabled,
|
||||
optgroup: "optgroup" == e.value,
|
||||
},
|
||||
});
|
||||
}),
|
||||
(this.options = t);
|
||||
}),
|
||||
(u.prototype.extractData = function () {
|
||||
var e = this.el.querySelectorAll("option,optgroup"),
|
||||
t = [],
|
||||
i = [],
|
||||
s = [];
|
||||
e.forEach((e) => {
|
||||
if ("OPTGROUP" == e.tagName)
|
||||
var s = { text: e.label, value: "optgroup" };
|
||||
else
|
||||
s = {
|
||||
text: e.innerText,
|
||||
value: e.value,
|
||||
selected:
|
||||
null != e.getAttribute("selected") || this.el.value == e.value,
|
||||
disabled: null != e.getAttribute("disabled"),
|
||||
};
|
||||
var o = {
|
||||
selected: e.selected,
|
||||
disabled: e.disabled,
|
||||
optgroup: "OPTGROUP" == e.tagName,
|
||||
};
|
||||
t.push(s), i.push({ data: s, attributes: o });
|
||||
}),
|
||||
(this.data = t),
|
||||
(this.options = i),
|
||||
this.options.forEach((e) => {
|
||||
e.attributes.selected && s.push(e);
|
||||
}),
|
||||
(this.selectedOptions = s);
|
||||
}),
|
||||
(u.prototype.renderDropdown = function () {
|
||||
var e = [
|
||||
"nice-select",
|
||||
r(this.el, "class") || "",
|
||||
this.disabled ? "disabled" : "",
|
||||
this.multiple ? "has-multiple" : "",
|
||||
];
|
||||
let t = '<div class="nice-select-search-box">';
|
||||
(t += `<input type="text" class="nice-select-search" placeholder="${this.searchtext}..." title="search">`),
|
||||
(t += "</div>");
|
||||
var i = `<div class="${e.join(" ")}" tabindex="${
|
||||
this.disabled ? null : 0
|
||||
}">`;
|
||||
(i += `<span class="${
|
||||
this.multiple ? "multiple-options" : "current"
|
||||
}"></span>`),
|
||||
(i += '<div class="nice-select-dropdown">'),
|
||||
(i += `${this.config.searchable ? t : ""}`),
|
||||
(i += '<ul class="list"></ul>'),
|
||||
(i += "</div>"),
|
||||
(i += "</div>"),
|
||||
this.el.insertAdjacentHTML("afterend", i),
|
||||
(this.dropdown = this.el.nextElementSibling),
|
||||
this._renderSelectedItems(),
|
||||
this._renderItems();
|
||||
}),
|
||||
(u.prototype._renderSelectedItems = function () {
|
||||
if (this.multiple) {
|
||||
var e = "";
|
||||
this.config.showSelectedItems ||
|
||||
this.config.showSelectedItems ||
|
||||
"auto" == window.getComputedStyle(this.dropdown).width ||
|
||||
this.selectedOptions.length < 2
|
||||
? (this.selectedOptions.forEach(function (t) {
|
||||
e += `<span class="current">${t.data.text}</span>`;
|
||||
}),
|
||||
(e = "" == e ? this.placeholder : e))
|
||||
: (e = this.selectedOptions.length + " " + this.selectedtext),
|
||||
(this.dropdown.querySelector(".multiple-options").innerHTML = e);
|
||||
} else {
|
||||
var t =
|
||||
this.selectedOptions.length > 0
|
||||
? this.selectedOptions[0].data.text
|
||||
: this.placeholder;
|
||||
this.dropdown.querySelector(".current").innerHTML = t;
|
||||
}
|
||||
}),
|
||||
(u.prototype._renderItems = function () {
|
||||
var e = this.dropdown.querySelector("ul");
|
||||
this.options.forEach((t) => {
|
||||
e.appendChild(this._renderItem(t));
|
||||
});
|
||||
}),
|
||||
(u.prototype._renderItem = function (e) {
|
||||
var t = document.createElement("li");
|
||||
if (((t.innerHTML = e.data.text), e.attributes.optgroup))
|
||||
c(t, "optgroup");
|
||||
else {
|
||||
t.setAttribute("data-value", e.data.value);
|
||||
var i = [
|
||||
"option",
|
||||
e.attributes.selected ? "selected" : null,
|
||||
e.attributes.disabled ? "disabled" : null,
|
||||
];
|
||||
t.addEventListener("click", this._onItemClicked.bind(this, e)),
|
||||
t.classList.add(...i);
|
||||
}
|
||||
return (e.element = t), t;
|
||||
}),
|
||||
(u.prototype.update = function () {
|
||||
if ((this.extractData(), this.dropdown)) {
|
||||
var e = a(this.dropdown, "open");
|
||||
this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
this.create(),
|
||||
e && i(this.dropdown);
|
||||
}
|
||||
r(this.el, "disabled") ? this.disable() : this.enable();
|
||||
}),
|
||||
(u.prototype.disable = function () {
|
||||
this.disabled || ((this.disabled = !0), c(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.enable = function () {
|
||||
this.disabled && ((this.disabled = !1), h(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.clear = function () {
|
||||
this.resetSelectValue(),
|
||||
(this.selectedOptions = []),
|
||||
this._renderSelectedItems(),
|
||||
this.update(),
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.destroy = function () {
|
||||
this.dropdown &&
|
||||
(this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
(this.el.style.display = ""));
|
||||
}),
|
||||
(u.prototype.bindEvent = function () {
|
||||
this.dropdown.addEventListener("click", this._onClicked.bind(this)),
|
||||
this.dropdown.addEventListener(
|
||||
"keydown",
|
||||
this._onKeyPressed.bind(this)
|
||||
),
|
||||
this.dropdown.addEventListener("focusin", o.bind(this, this.el)),
|
||||
this.dropdown.addEventListener("focusout", n.bind(this, this.el)),
|
||||
this.el.addEventListener("invalid", l.bind(this, this.el, "invalid")),
|
||||
window.addEventListener("click", this._onClickedOutside.bind(this)),
|
||||
this.config.searchable && this._bindSearchEvent();
|
||||
}),
|
||||
(u.prototype._bindSearchEvent = function () {
|
||||
var e = this.dropdown.querySelector(".nice-select-search");
|
||||
e &&
|
||||
e.addEventListener("click", function (e) {
|
||||
return e.stopPropagation(), !1;
|
||||
}),
|
||||
e.addEventListener("input", this._onSearchChanged.bind(this));
|
||||
}),
|
||||
(u.prototype._onClicked = function (e) {
|
||||
var t, i;
|
||||
if (
|
||||
(e.preventDefault(),
|
||||
a(this.dropdown, "open")
|
||||
? this.multiple || (h(this.dropdown, "open"), d(this.el))
|
||||
: (c(this.dropdown, "open"),
|
||||
(t = this.el),
|
||||
(i = document.createEvent("UIEvent")).initEvent(
|
||||
"modalopen",
|
||||
!0,
|
||||
!1
|
||||
),
|
||||
t.dispatchEvent(i)),
|
||||
a(this.dropdown, "open"))
|
||||
) {
|
||||
var s = this.dropdown.querySelector(".nice-select-search");
|
||||
s && ((s.value = ""), s.focus());
|
||||
var o = this.dropdown.querySelector(".focus");
|
||||
h(o, "focus"),
|
||||
c((o = this.dropdown.querySelector(".selected")), "focus"),
|
||||
this.dropdown.querySelectorAll("ul li").forEach(function (e) {
|
||||
e.style.display = "";
|
||||
});
|
||||
} else this.dropdown.focus();
|
||||
}),
|
||||
(u.prototype._onItemClicked = function (e, t) {
|
||||
var i = t.target;
|
||||
a(i, "disabled") ||
|
||||
(this.multiple
|
||||
? a(i, "selected")
|
||||
? (h(i, "selected"),
|
||||
this.selectedOptions.splice(this.selectedOptions.indexOf(e), 1),
|
||||
this.el
|
||||
.querySelector(`option[value="${i.dataset.value}"]`)
|
||||
.removeAttribute("selected"))
|
||||
: (c(i, "selected"), this.selectedOptions.push(e))
|
||||
: (this.selectedOptions.forEach(function (e) {
|
||||
h(e.element, "selected");
|
||||
}),
|
||||
c(i, "selected"),
|
||||
(this.selectedOptions = [e])),
|
||||
this._renderSelectedItems(),
|
||||
this.updateSelectValue());
|
||||
}),
|
||||
(u.prototype.updateSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.setAttribute("selected", !0);
|
||||
});
|
||||
} else
|
||||
this.selectedOptions.length > 0 &&
|
||||
(this.el.value = this.selectedOptions[0].data.value);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.resetSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.removeAttribute("selected");
|
||||
});
|
||||
} else this.selectedOptions.length > 0 && (this.el.selectedIndex = -1);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype._onClickedOutside = function (e) {
|
||||
this.dropdown.contains(e.target) ||
|
||||
(h(this.dropdown, "open"), d(this.el));
|
||||
}),
|
||||
(u.prototype._onKeyPressed = function (e) {
|
||||
var t = this.dropdown.querySelector(".focus"),
|
||||
s = a(this.dropdown, "open");
|
||||
if (13 == e.keyCode) i(s ? t : this.dropdown);
|
||||
else if (40 == e.keyCode) {
|
||||
if (s) {
|
||||
var o = this._findNext(t);
|
||||
o &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(o, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (38 == e.keyCode) {
|
||||
if (s) {
|
||||
var n = this._findPrev(t);
|
||||
n &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(n, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (27 == e.keyCode && s) i(this.dropdown);
|
||||
else if (32 === e.keyCode && s) return !1;
|
||||
return !1;
|
||||
}),
|
||||
(u.prototype._findNext = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.nextElementSibling
|
||||
: this.dropdown.querySelector(".list .option");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.nextElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._findPrev = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.previousElementSibling
|
||||
: this.dropdown.querySelector(".list .option:last-child");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.previousElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._onSearchChanged = function (e) {
|
||||
var t = a(this.dropdown, "open"),
|
||||
i = e.target.value;
|
||||
if ("" == (i = i.toLowerCase()))
|
||||
this.options.forEach(function (e) {
|
||||
e.element.style.display = "";
|
||||
});
|
||||
else if (t) {
|
||||
var s = new RegExp(i);
|
||||
this.options.forEach(function (e) {
|
||||
var t = e.data.text.toLowerCase(),
|
||||
i = s.test(t);
|
||||
e.element.style.display = i ? "" : "none";
|
||||
});
|
||||
}
|
||||
this.dropdown.querySelectorAll(".focus").forEach(function (e) {
|
||||
h(e, "focus");
|
||||
}),
|
||||
c(this._findNext(null), "focus");
|
||||
}),
|
||||
t
|
||||
);
|
||||
})()
|
||||
);
|
||||
!(function (e, t) {
|
||||
"object" == typeof exports && "object" == typeof module
|
||||
? (module.exports = t())
|
||||
: "function" == typeof define && define.amd
|
||||
? define([], t)
|
||||
: "object" == typeof exports
|
||||
? (exports.NiceSelect = t())
|
||||
: (e.NiceSelect = t());
|
||||
})(self, () =>
|
||||
(() => {
|
||||
"use strict";
|
||||
var e = {
|
||||
d: (t, i) => {
|
||||
for (var s in i)
|
||||
e.o(i, s) &&
|
||||
!e.o(t, s) &&
|
||||
Object.defineProperty(t, s, { enumerable: !0, get: i[s] });
|
||||
},
|
||||
o: (e, t) => Object.prototype.hasOwnProperty.call(e, t),
|
||||
r: (e) => {
|
||||
"undefined" != typeof Symbol &&
|
||||
Symbol.toStringTag &&
|
||||
Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
|
||||
Object.defineProperty(e, "__esModule", { value: !0 });
|
||||
},
|
||||
},
|
||||
t = {};
|
||||
function i(e) {
|
||||
var t = document.createEvent("MouseEvents");
|
||||
t.initEvent("click", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function s(e) {
|
||||
var t = document.createEvent("HTMLEvents");
|
||||
t.initEvent("change", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function o(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusin", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function n(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusout", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function d(e) {
|
||||
var t = document.createEvent("UIEvent");
|
||||
t.initEvent("modalclose", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function l(e, t) {
|
||||
"invalid" == t
|
||||
? (c(this.dropdown, "invalid"), h(this.dropdown, "valid"))
|
||||
: (c(this.dropdown, "valid"), h(this.dropdown, "invalid"));
|
||||
}
|
||||
function r(e, t) {
|
||||
return null != e[t] ? e[t] : e.getAttribute(t);
|
||||
}
|
||||
function a(e, t) {
|
||||
return !!e && e.classList.contains(t);
|
||||
}
|
||||
function c(e, t) {
|
||||
if (e) return e.classList.add(t);
|
||||
}
|
||||
function h(e, t) {
|
||||
if (e) return e.classList.remove(t);
|
||||
}
|
||||
e.r(t), e.d(t, { bind: () => f, default: () => u });
|
||||
var p = { data: null, searchable: !1, showSelectedItems: !1 };
|
||||
function u(e, t) {
|
||||
(this.el = e),
|
||||
(this.config = Object.assign({}, p, t || {})),
|
||||
(this.data = this.config.data),
|
||||
(this.selectedOptions = []),
|
||||
(this.placeholder =
|
||||
r(this.el, "placeholder") ||
|
||||
this.config.placeholder ||
|
||||
"Select an option"),
|
||||
(this.searchtext =
|
||||
r(this.el, "searchtext") || this.config.searchtext || "Search"),
|
||||
(this.selectedtext =
|
||||
r(this.el, "selectedtext") || this.config.selectedtext || "selected"),
|
||||
(this.dropdown = null),
|
||||
(this.multiple = r(this.el, "multiple")),
|
||||
(this.disabled = r(this.el, "disabled")),
|
||||
this.create();
|
||||
}
|
||||
function f(e, t) {
|
||||
return new u(e, t);
|
||||
}
|
||||
return (
|
||||
(u.prototype.create = function () {
|
||||
(this.el.style.opacity = "0"),
|
||||
(this.el.style.width = "0"),
|
||||
(this.el.style.padding = "0"),
|
||||
(this.el.style.height = "0"),
|
||||
this.data ? this.processData(this.data) : this.extractData(),
|
||||
this.renderDropdown(),
|
||||
this.bindEvent();
|
||||
}),
|
||||
(u.prototype.processData = function (e) {
|
||||
var t = [];
|
||||
e.forEach((e) => {
|
||||
t.push({
|
||||
data: e,
|
||||
attributes: {
|
||||
selected: !!e.selected,
|
||||
disabled: !!e.disabled,
|
||||
optgroup: "optgroup" == e.value,
|
||||
},
|
||||
});
|
||||
}),
|
||||
(this.options = t);
|
||||
}),
|
||||
(u.prototype.extractData = function () {
|
||||
var e = this.el.querySelectorAll("option,optgroup"),
|
||||
t = [],
|
||||
i = [],
|
||||
s = [];
|
||||
e.forEach((e) => {
|
||||
if ("OPTGROUP" == e.tagName)
|
||||
var s = { text: e.label, value: "optgroup" };
|
||||
else
|
||||
s = {
|
||||
text: e.innerText,
|
||||
value: e.value,
|
||||
selected:
|
||||
null != e.getAttribute("selected") || this.el.value == e.value,
|
||||
disabled: null != e.getAttribute("disabled"),
|
||||
};
|
||||
var o = {
|
||||
selected: e.selected,
|
||||
disabled: e.disabled,
|
||||
optgroup: "OPTGROUP" == e.tagName,
|
||||
};
|
||||
t.push(s), i.push({ data: s, attributes: o });
|
||||
}),
|
||||
(this.data = t),
|
||||
(this.options = i),
|
||||
this.options.forEach((e) => {
|
||||
e.attributes.selected && s.push(e);
|
||||
}),
|
||||
(this.selectedOptions = s);
|
||||
}),
|
||||
(u.prototype.renderDropdown = function () {
|
||||
var e = [
|
||||
"nice-select",
|
||||
r(this.el, "class") || "",
|
||||
this.disabled ? "disabled" : "",
|
||||
this.multiple ? "has-multiple" : "",
|
||||
];
|
||||
let t = '<div class="nice-select-search-box">';
|
||||
(t += `<input type="text" class="nice-select-search" placeholder="${this.searchtext}..." title="search">`),
|
||||
(t += "</div>");
|
||||
var i = `<div class="${e.join(" ")}" tabindex="${
|
||||
this.disabled ? null : 0
|
||||
}">`;
|
||||
(i += `<span class="${
|
||||
this.multiple ? "multiple-options" : "current"
|
||||
}"></span>`),
|
||||
(i += '<div class="nice-select-dropdown">'),
|
||||
(i += `${this.config.searchable ? t : ""}`),
|
||||
(i += '<ul class="list"></ul>'),
|
||||
(i += "</div>"),
|
||||
(i += "</div>"),
|
||||
this.el.insertAdjacentHTML("afterend", i),
|
||||
(this.dropdown = this.el.nextElementSibling),
|
||||
this._renderSelectedItems(),
|
||||
this._renderItems();
|
||||
}),
|
||||
(u.prototype._renderSelectedItems = function () {
|
||||
if (this.multiple) {
|
||||
var e = "";
|
||||
this.config.showSelectedItems ||
|
||||
this.config.showSelectedItems ||
|
||||
"auto" == window.getComputedStyle(this.dropdown).width ||
|
||||
this.selectedOptions.length < 2
|
||||
? (this.selectedOptions.forEach(function (t) {
|
||||
e += `<span class="current">${t.data.text}</span>`;
|
||||
}),
|
||||
(e = "" == e ? this.placeholder : e))
|
||||
: (e = this.selectedOptions.length + " " + this.selectedtext),
|
||||
(this.dropdown.querySelector(".multiple-options").innerHTML = e);
|
||||
} else {
|
||||
var t =
|
||||
this.selectedOptions.length > 0
|
||||
? this.selectedOptions[0].data.text
|
||||
: this.placeholder;
|
||||
this.dropdown.querySelector(".current").innerHTML = t;
|
||||
}
|
||||
}),
|
||||
(u.prototype._renderItems = function () {
|
||||
var e = this.dropdown.querySelector("ul");
|
||||
this.options.forEach((t) => {
|
||||
e.appendChild(this._renderItem(t));
|
||||
});
|
||||
}),
|
||||
(u.prototype._renderItem = function (e) {
|
||||
var t = document.createElement("li");
|
||||
if (((t.innerHTML = e.data.text), e.attributes.optgroup))
|
||||
c(t, "optgroup");
|
||||
else {
|
||||
t.setAttribute("data-value", e.data.value);
|
||||
var i = [
|
||||
"option",
|
||||
e.attributes.selected ? "selected" : null,
|
||||
e.attributes.disabled ? "disabled" : null,
|
||||
];
|
||||
t.addEventListener("click", this._onItemClicked.bind(this, e)),
|
||||
t.classList.add(...i);
|
||||
}
|
||||
return (e.element = t), t;
|
||||
}),
|
||||
(u.prototype.update = function () {
|
||||
if ((this.extractData(), this.dropdown)) {
|
||||
var e = a(this.dropdown, "open");
|
||||
this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
this.create(),
|
||||
e && i(this.dropdown);
|
||||
}
|
||||
r(this.el, "disabled") ? this.disable() : this.enable();
|
||||
}),
|
||||
(u.prototype.disable = function () {
|
||||
this.disabled || ((this.disabled = !0), c(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.enable = function () {
|
||||
this.disabled && ((this.disabled = !1), h(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.clear = function () {
|
||||
this.resetSelectValue(),
|
||||
(this.selectedOptions = []),
|
||||
this._renderSelectedItems(),
|
||||
this.update(),
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.destroy = function () {
|
||||
this.dropdown &&
|
||||
(this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
(this.el.style.display = ""));
|
||||
}),
|
||||
(u.prototype.bindEvent = function () {
|
||||
this.dropdown.addEventListener("click", this._onClicked.bind(this)),
|
||||
this.dropdown.addEventListener(
|
||||
"keydown",
|
||||
this._onKeyPressed.bind(this)
|
||||
),
|
||||
this.dropdown.addEventListener("focusin", o.bind(this, this.el)),
|
||||
this.dropdown.addEventListener("focusout", n.bind(this, this.el)),
|
||||
this.el.addEventListener("invalid", l.bind(this, this.el, "invalid")),
|
||||
window.addEventListener("click", this._onClickedOutside.bind(this)),
|
||||
this.config.searchable && this._bindSearchEvent();
|
||||
}),
|
||||
(u.prototype._bindSearchEvent = function () {
|
||||
var e = this.dropdown.querySelector(".nice-select-search");
|
||||
e &&
|
||||
e.addEventListener("click", function (e) {
|
||||
return e.stopPropagation(), !1;
|
||||
}),
|
||||
e.addEventListener("input", this._onSearchChanged.bind(this));
|
||||
}),
|
||||
(u.prototype._onClicked = function (e) {
|
||||
var t, i;
|
||||
if (
|
||||
(e.preventDefault(),
|
||||
a(this.dropdown, "open")
|
||||
? this.multiple || (h(this.dropdown, "open"), d(this.el))
|
||||
: (c(this.dropdown, "open"),
|
||||
(t = this.el),
|
||||
(i = document.createEvent("UIEvent")).initEvent(
|
||||
"modalopen",
|
||||
!0,
|
||||
!1
|
||||
),
|
||||
t.dispatchEvent(i)),
|
||||
a(this.dropdown, "open"))
|
||||
) {
|
||||
var s = this.dropdown.querySelector(".nice-select-search");
|
||||
s && ((s.value = ""), s.focus());
|
||||
var o = this.dropdown.querySelector(".focus");
|
||||
h(o, "focus"),
|
||||
c((o = this.dropdown.querySelector(".selected")), "focus"),
|
||||
this.dropdown.querySelectorAll("ul li").forEach(function (e) {
|
||||
e.style.display = "";
|
||||
});
|
||||
} else this.dropdown.focus();
|
||||
}),
|
||||
(u.prototype._onItemClicked = function (e, t) {
|
||||
var i = t.target;
|
||||
a(i, "disabled") ||
|
||||
(this.multiple
|
||||
? a(i, "selected")
|
||||
? (h(i, "selected"),
|
||||
this.selectedOptions.splice(this.selectedOptions.indexOf(e), 1),
|
||||
this.el
|
||||
.querySelector(`option[value="${i.dataset.value}"]`)
|
||||
.removeAttribute("selected"))
|
||||
: (c(i, "selected"), this.selectedOptions.push(e))
|
||||
: (this.selectedOptions.forEach(function (e) {
|
||||
h(e.element, "selected");
|
||||
}),
|
||||
c(i, "selected"),
|
||||
(this.selectedOptions = [e])),
|
||||
this._renderSelectedItems(),
|
||||
this.updateSelectValue());
|
||||
}),
|
||||
(u.prototype.updateSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.setAttribute("selected", !0);
|
||||
});
|
||||
} else
|
||||
this.selectedOptions.length > 0 &&
|
||||
(this.el.value = this.selectedOptions[0].data.value);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.resetSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.removeAttribute("selected");
|
||||
});
|
||||
} else this.selectedOptions.length > 0 && (this.el.selectedIndex = -1);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype._onClickedOutside = function (e) {
|
||||
this.dropdown.contains(e.target) ||
|
||||
(h(this.dropdown, "open"), d(this.el));
|
||||
}),
|
||||
(u.prototype._onKeyPressed = function (e) {
|
||||
var t = this.dropdown.querySelector(".focus"),
|
||||
s = a(this.dropdown, "open");
|
||||
if (13 == e.keyCode) i(s ? t : this.dropdown);
|
||||
else if (40 == e.keyCode) {
|
||||
if (s) {
|
||||
var o = this._findNext(t);
|
||||
o &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(o, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (38 == e.keyCode) {
|
||||
if (s) {
|
||||
var n = this._findPrev(t);
|
||||
n &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(n, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (27 == e.keyCode && s) i(this.dropdown);
|
||||
else if (32 === e.keyCode && s) return !1;
|
||||
return !1;
|
||||
}),
|
||||
(u.prototype._findNext = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.nextElementSibling
|
||||
: this.dropdown.querySelector(".list .option");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.nextElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._findPrev = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.previousElementSibling
|
||||
: this.dropdown.querySelector(".list .option:last-child");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.previousElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._onSearchChanged = function (e) {
|
||||
var t = a(this.dropdown, "open"),
|
||||
i = e.target.value;
|
||||
if ("" == (i = i.toLowerCase()))
|
||||
this.options.forEach(function (e) {
|
||||
e.element.style.display = "";
|
||||
});
|
||||
else if (t) {
|
||||
var s = new RegExp(i);
|
||||
this.options.forEach(function (e) {
|
||||
var t = e.data.text.toLowerCase(),
|
||||
i = s.test(t);
|
||||
e.element.style.display = i ? "" : "none";
|
||||
});
|
||||
}
|
||||
this.dropdown.querySelectorAll(".focus").forEach(function (e) {
|
||||
h(e, "focus");
|
||||
}),
|
||||
c(this._findNext(null), "focus");
|
||||
}),
|
||||
t
|
||||
);
|
||||
})()
|
||||
);
|
||||
|
||||
@@ -1,31 +1,31 @@
|
||||
const nice_checkbox = () => {
|
||||
const allChecboxItems = document.querySelectorAll(".checkbox-item");
|
||||
|
||||
if (allChecboxItems?.length) {
|
||||
allChecboxItems.forEach((checkboxItem, idx) => {
|
||||
const checkbox = checkboxItem.querySelector("input[type='checkbox']");
|
||||
|
||||
if (checkbox) {
|
||||
const checkmark = checkbox
|
||||
.closest(".checkbox-item")
|
||||
.querySelector(".checkmark");
|
||||
|
||||
if (checkbox.checked) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
checkbox.addEventListener("change", function () {
|
||||
const value = this.checked;
|
||||
const checkmark =
|
||||
this.closest(".checkbox-item").querySelector(".checkmark");
|
||||
if (value) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
const nice_checkbox = () => {
|
||||
const allChecboxItems = document.querySelectorAll(".checkbox-item");
|
||||
|
||||
if (allChecboxItems?.length) {
|
||||
allChecboxItems.forEach((checkboxItem, idx) => {
|
||||
const checkbox = checkboxItem.querySelector("input[type='checkbox']");
|
||||
|
||||
if (checkbox) {
|
||||
const checkmark = checkbox
|
||||
.closest(".checkbox-item")
|
||||
.querySelector(".checkmark");
|
||||
|
||||
if (checkbox.checked) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
checkbox.addEventListener("change", function () {
|
||||
const value = this.checked;
|
||||
const checkmark =
|
||||
this.closest(".checkbox-item").querySelector(".checkmark");
|
||||
if (value) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
const scrollUp = () => {
|
||||
const scrollUpElement = document.querySelector(".scroll-up");
|
||||
if (scrollUpElement) {
|
||||
scrollUpElement.addEventListener("click", () => {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
});
|
||||
|
||||
window.addEventListener("scroll", () => {
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
if (scrollCount < 300) {
|
||||
scrollUpElement.classList.remove("active");
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
scrollUpElement.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
const scrollUp = () => {
|
||||
const scrollUpElement = document.querySelector(".scroll-up");
|
||||
if (scrollUpElement) {
|
||||
scrollUpElement.addEventListener("click", () => {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
});
|
||||
|
||||
window.addEventListener("scroll", () => {
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
if (scrollCount < 300) {
|
||||
scrollUpElement.classList.remove("active");
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
scrollUpElement.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
const search = () => {
|
||||
const searchForm = document.querySelector(".search-form-container");
|
||||
const searchToggle = document.querySelector(".search-toggle");
|
||||
const searchShow = document.querySelector(".for-search-show");
|
||||
const searchClose = document.querySelector(".for-search-close");
|
||||
if (searchForm) {
|
||||
searchToggle.addEventListener("click", () => {
|
||||
searchForm.classList.toggle("active");
|
||||
});
|
||||
}
|
||||
};
|
||||
const search = () => {
|
||||
const searchForm = document.querySelector(".search-form-container");
|
||||
const searchToggle = document.querySelector(".search-toggle");
|
||||
const searchShow = document.querySelector(".for-search-show");
|
||||
const searchClose = document.querySelector(".for-search-close");
|
||||
if (searchForm) {
|
||||
searchToggle.addEventListener("click", () => {
|
||||
searchForm.classList.toggle("active");
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
const service = () => {
|
||||
const serviceCards = document.querySelectorAll(".service-cards");
|
||||
if (serviceCards?.length) {
|
||||
serviceCards.forEach((serviceCardsSingle) => {
|
||||
const allServiceCards =
|
||||
serviceCardsSingle.querySelectorAll(".service-card");
|
||||
|
||||
allServiceCards.forEach((serviceCard, idx) => {
|
||||
serviceCard.addEventListener("mouseenter", function () {
|
||||
allServiceCards.forEach((serviceCard) => {
|
||||
serviceCard.classList.remove("active");
|
||||
});
|
||||
|
||||
this.classList.add("active");
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
const service = () => {
|
||||
const serviceCards = document.querySelectorAll(".service-cards");
|
||||
if (serviceCards?.length) {
|
||||
serviceCards.forEach((serviceCardsSingle) => {
|
||||
const allServiceCards =
|
||||
serviceCardsSingle.querySelectorAll(".service-card");
|
||||
|
||||
allServiceCards.forEach((serviceCard, idx) => {
|
||||
serviceCard.addEventListener("mouseenter", function () {
|
||||
allServiceCards.forEach((serviceCard) => {
|
||||
serviceCard.classList.remove("active");
|
||||
});
|
||||
|
||||
this.classList.add("active");
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,431 +1,431 @@
|
||||
const silder = () => {
|
||||
const swiperElement = document.querySelector(".swiper");
|
||||
if (swiperElement) {
|
||||
// swiper slider
|
||||
var swiper = new Swiper(".primary-slider", {
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
// hero2 slider
|
||||
var swiperThumbs = new Swiper(".hero-slider2-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 3,
|
||||
speed: 800,
|
||||
|
||||
// freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
breakpoints: {
|
||||
1600: {
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper1 = new Swiper(".hero-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: swiperThumbs,
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider
|
||||
var swiper = new Swiper(".featured-apartments-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1800: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider2
|
||||
var swiper = new Swiper(".featured-apartments-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials slider
|
||||
var swiper = new Swiper(".testimonials-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials2 slider
|
||||
var swiper = new Swiper(".testimonials-slider2", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials 3 slider
|
||||
const testimonials3ThumbsSlider = new Swiper(
|
||||
".testimonials3-tumbs_slider",
|
||||
{
|
||||
slidesPerView: "auto",
|
||||
cssMode: true,
|
||||
preventClicks: false,
|
||||
}
|
||||
);
|
||||
const testimonialsSlider3 = new Swiper(".testimonials-slider-3", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
effect: "fade",
|
||||
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: testimonials3ThumbsSlider,
|
||||
},
|
||||
});
|
||||
// testimonials 4 slider
|
||||
var testimonialsSlider4 = new Swiper(".testimonials-slider-4", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const testimonialQuoteMenus = document.querySelectorAll(
|
||||
".testimonial-quote-menu"
|
||||
);
|
||||
// random thumb menu
|
||||
|
||||
if (testimonialQuoteMenus?.length) {
|
||||
testimonialQuoteMenus.forEach((quoteMenu, idx) => {
|
||||
const menuContainer = quoteMenu.closest(
|
||||
".testimonial-quote-menu-container"
|
||||
);
|
||||
|
||||
const quoteMenu2 = quoteMenu;
|
||||
let innerHtmlogQuoteMenu2 = "";
|
||||
let ul = document.createElement("ul");
|
||||
|
||||
ul.classList.add("testimonial-quote-menu", "testimonial-quote-menu2");
|
||||
|
||||
quoteMenu2.querySelectorAll("li").forEach((li2) => {
|
||||
innerHtmlogQuoteMenu2 += `<li>${li2.innerHTML}</li>`;
|
||||
});
|
||||
ul.innerHTML = innerHtmlogQuoteMenu2;
|
||||
if (menuContainer) {
|
||||
menuContainer.appendChild(ul);
|
||||
}
|
||||
});
|
||||
const menuCopy = document.querySelector(".testimonial-quote-menu2");
|
||||
|
||||
// add active class to animatable image
|
||||
const isActive = (cs) => {
|
||||
menuCopy.style.zIndex = 20;
|
||||
menuCopy.querySelectorAll("li").forEach((li, idx) => {
|
||||
li.classList.remove("active");
|
||||
if (cs === idx) {
|
||||
li.classList.add("active");
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
li.classList.remove("active");
|
||||
menuCopy.style.zIndex = 1;
|
||||
}, 300);
|
||||
});
|
||||
};
|
||||
|
||||
testimonialsSlider3.eventsListeners.activeIndexChange[0] = (e) => {
|
||||
if (
|
||||
testimonialsSlider3.realIndex !==
|
||||
testimonialsSlider3.previousRealIndex
|
||||
) {
|
||||
isActive(testimonialsSlider3.realIndex);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// news slider
|
||||
var swiper = new Swiper(".news-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// news single slider
|
||||
var swiper = new Swiper(".news-single-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
|
||||
// properties slider
|
||||
var swiper = new Swiper(".properties-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// upcoming projects slider
|
||||
var swiper = new Swiper(".project-slider-container", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// neighbour slider
|
||||
var neighbourswiperThumbs = new Swiper(".neighbour-slider-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 8,
|
||||
slidesPerView: 3,
|
||||
freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
});
|
||||
var swiper = new Swiper(".neighbour-slider", {
|
||||
slidesPerView: 1,
|
||||
speed: 800,
|
||||
|
||||
effect: "fade",
|
||||
thumbs: {
|
||||
swiper: neighbourswiperThumbs,
|
||||
},
|
||||
});
|
||||
// brands slider
|
||||
var swiper = new Swiper(".brand-slider", {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
speed: 800,
|
||||
loop: true,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// portfolio slider
|
||||
var swiper = new Swiper(".portfolio-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
// popular properties slider
|
||||
var swiper = new Swiper(".popular-properties-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// product details slider
|
||||
var swiper = new Swiper(".product-details-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
preventClicksPropagation: false,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 10000,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 1.6,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 1.55,
|
||||
},
|
||||
|
||||
1600: {
|
||||
slidesPerView: 1.9,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
};
|
||||
const silder = () => {
|
||||
const swiperElement = document.querySelector(".swiper");
|
||||
if (swiperElement) {
|
||||
// swiper slider
|
||||
var swiper = new Swiper(".primary-slider", {
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
// hero2 slider
|
||||
var swiperThumbs = new Swiper(".hero-slider2-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 3,
|
||||
speed: 800,
|
||||
|
||||
// freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
breakpoints: {
|
||||
1600: {
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper1 = new Swiper(".hero-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: swiperThumbs,
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider
|
||||
var swiper = new Swiper(".featured-apartments-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1800: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider2
|
||||
var swiper = new Swiper(".featured-apartments-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials slider
|
||||
var swiper = new Swiper(".testimonials-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials2 slider
|
||||
var swiper = new Swiper(".testimonials-slider2", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials 3 slider
|
||||
const testimonials3ThumbsSlider = new Swiper(
|
||||
".testimonials3-tumbs_slider",
|
||||
{
|
||||
slidesPerView: "auto",
|
||||
cssMode: true,
|
||||
preventClicks: false,
|
||||
}
|
||||
);
|
||||
const testimonialsSlider3 = new Swiper(".testimonials-slider-3", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
effect: "fade",
|
||||
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: testimonials3ThumbsSlider,
|
||||
},
|
||||
});
|
||||
// testimonials 4 slider
|
||||
var testimonialsSlider4 = new Swiper(".testimonials-slider-4", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const testimonialQuoteMenus = document.querySelectorAll(
|
||||
".testimonial-quote-menu"
|
||||
);
|
||||
// random thumb menu
|
||||
|
||||
if (testimonialQuoteMenus?.length) {
|
||||
testimonialQuoteMenus.forEach((quoteMenu, idx) => {
|
||||
const menuContainer = quoteMenu.closest(
|
||||
".testimonial-quote-menu-container"
|
||||
);
|
||||
|
||||
const quoteMenu2 = quoteMenu;
|
||||
let innerHtmlogQuoteMenu2 = "";
|
||||
let ul = document.createElement("ul");
|
||||
|
||||
ul.classList.add("testimonial-quote-menu", "testimonial-quote-menu2");
|
||||
|
||||
quoteMenu2.querySelectorAll("li").forEach((li2) => {
|
||||
innerHtmlogQuoteMenu2 += `<li>${li2.innerHTML}</li>`;
|
||||
});
|
||||
ul.innerHTML = innerHtmlogQuoteMenu2;
|
||||
if (menuContainer) {
|
||||
menuContainer.appendChild(ul);
|
||||
}
|
||||
});
|
||||
const menuCopy = document.querySelector(".testimonial-quote-menu2");
|
||||
|
||||
// add active class to animatable image
|
||||
const isActive = (cs) => {
|
||||
menuCopy.style.zIndex = 20;
|
||||
menuCopy.querySelectorAll("li").forEach((li, idx) => {
|
||||
li.classList.remove("active");
|
||||
if (cs === idx) {
|
||||
li.classList.add("active");
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
li.classList.remove("active");
|
||||
menuCopy.style.zIndex = 1;
|
||||
}, 300);
|
||||
});
|
||||
};
|
||||
|
||||
testimonialsSlider3.eventsListeners.activeIndexChange[0] = (e) => {
|
||||
if (
|
||||
testimonialsSlider3.realIndex !==
|
||||
testimonialsSlider3.previousRealIndex
|
||||
) {
|
||||
isActive(testimonialsSlider3.realIndex);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// news slider
|
||||
var swiper = new Swiper(".news-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// news single slider
|
||||
var swiper = new Swiper(".news-single-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
|
||||
// properties slider
|
||||
var swiper = new Swiper(".properties-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// upcoming projects slider
|
||||
var swiper = new Swiper(".project-slider-container", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// neighbour slider
|
||||
var neighbourswiperThumbs = new Swiper(".neighbour-slider-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 8,
|
||||
slidesPerView: 3,
|
||||
freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
});
|
||||
var swiper = new Swiper(".neighbour-slider", {
|
||||
slidesPerView: 1,
|
||||
speed: 800,
|
||||
|
||||
effect: "fade",
|
||||
thumbs: {
|
||||
swiper: neighbourswiperThumbs,
|
||||
},
|
||||
});
|
||||
// brands slider
|
||||
var swiper = new Swiper(".brand-slider", {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
speed: 800,
|
||||
loop: true,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// portfolio slider
|
||||
var swiper = new Swiper(".portfolio-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
// popular properties slider
|
||||
var swiper = new Swiper(".popular-properties-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// product details slider
|
||||
var swiper = new Swiper(".product-details-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
preventClicksPropagation: false,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 10000,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 1.6,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 1.55,
|
||||
},
|
||||
|
||||
1600: {
|
||||
slidesPerView: 1.9,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
const smoothScroll = () => {
|
||||
var links = document.querySelectorAll('a[href^="#"]');
|
||||
if (!links.length) {
|
||||
return;
|
||||
}
|
||||
links.forEach(function (link) {
|
||||
link.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var targetId = this.getAttribute("href").substring(1);
|
||||
|
||||
var targetElement = document.getElementById(targetId);
|
||||
if (targetElement) {
|
||||
targetElement.scrollIntoView({ behavior: "smooth" });
|
||||
} else {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
const smoothScroll = () => {
|
||||
var links = document.querySelectorAll('a[href^="#"]');
|
||||
if (!links.length) {
|
||||
return;
|
||||
}
|
||||
links.forEach(function (link) {
|
||||
link.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var targetId = this.getAttribute("href").substring(1);
|
||||
|
||||
var targetElement = document.getElementById(targetId);
|
||||
if (targetElement) {
|
||||
targetElement.scrollIntoView({ behavior: "smooth" });
|
||||
} else {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,35 +1,35 @@
|
||||
const stickystickyHeader = () => {
|
||||
const header = document.querySelector("header");
|
||||
const stickyHeader = header?.querySelector(".sticky-header");
|
||||
|
||||
if (stickyHeader) {
|
||||
window.addEventListener("scroll", () => {
|
||||
const stickyHeaderHeight = stickyHeader.offsetHeight;
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
// if (scrollCount - headerHeight < 0 && scrollCount - headerHeight > -5) {
|
||||
|
||||
// }
|
||||
if (scrollCount < 300) {
|
||||
if (scrollCount > 200) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
`position: fixed;top: -${stickyHeaderHeight}px;left:0;right:0
|
||||
`
|
||||
);
|
||||
stickyHeader.classList.remove("active");
|
||||
} else {
|
||||
stickyHeader.removeAttribute("style");
|
||||
stickyHeader.classList.remove("active");
|
||||
}
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
" position: fixed;top: 0px; left:0;right:0 "
|
||||
);
|
||||
stickyHeader.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
const stickystickyHeader = () => {
|
||||
const header = document.querySelector("header");
|
||||
const stickyHeader = header?.querySelector(".sticky-header");
|
||||
|
||||
if (stickyHeader) {
|
||||
window.addEventListener("scroll", () => {
|
||||
const stickyHeaderHeight = stickyHeader.offsetHeight;
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
// if (scrollCount - headerHeight < 0 && scrollCount - headerHeight > -5) {
|
||||
|
||||
// }
|
||||
if (scrollCount < 300) {
|
||||
if (scrollCount > 200) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
`position: fixed;top: -${stickyHeaderHeight}px;left:0;right:0
|
||||
`
|
||||
);
|
||||
stickyHeader.classList.remove("active");
|
||||
} else {
|
||||
stickyHeader.removeAttribute("style");
|
||||
stickyHeader.classList.remove("active");
|
||||
}
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
" position: fixed;top: 0px; left:0;right:0 "
|
||||
);
|
||||
stickyHeader.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,97 +1,97 @@
|
||||
// handle current tablink style
|
||||
const handleCurrentTabLinkStyle = (tabLinks, currentIndex) => {
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
const currentTabLink = tabLinks[currentIndex];
|
||||
const tabLinkClasses = tabLink.classList;
|
||||
const currentTabLinkClasses = currentTabLink.classList;
|
||||
const spanClasses = tabLink.querySelector("span")?.classList;
|
||||
|
||||
const currentSpanClasses = currentTabLink.querySelector("span")?.classList;
|
||||
|
||||
if (spanClasses) {
|
||||
// button default style
|
||||
tabLinkClasses.remove("bg-white", "shadow-bottom", "active");
|
||||
tabLinkClasses.add(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
spanClasses.replace("w-full", "w-0");
|
||||
tabLink.disabled = false;
|
||||
// current button style
|
||||
if (currentIndex === idx) {
|
||||
currentTabLink.disabled = true;
|
||||
currentTabLinkClasses.remove(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
currentTabLinkClasses.add(
|
||||
"bg-white",
|
||||
"dark:bg-whiteColor-dark",
|
||||
"shadow-bottom",
|
||||
"active"
|
||||
);
|
||||
currentSpanClasses.replace("w-0", "w-full");
|
||||
}
|
||||
} else {
|
||||
tabLinkClasses.remove("before:w-full", "active");
|
||||
if (currentIndex === idx) {
|
||||
tabLinkClasses.add("before:w-full", "active");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// handle tab content
|
||||
const handleTabContents = (tab, currentIndex) => {
|
||||
const nodeListOftabContents = tab.querySelector(".tab-contents").children;
|
||||
const tabContents = [...nodeListOftabContents];
|
||||
const currentTabContentClasses = tabContents[currentIndex].classList;
|
||||
tabContents.forEach((tabContent, idx) => {
|
||||
const tabContentClasses = tabContent.classList;
|
||||
|
||||
// tab contents default style
|
||||
tabContentClasses.remove("block");
|
||||
tabContentClasses.add("hidden");
|
||||
|
||||
if (currentIndex === idx) {
|
||||
currentTabContentClasses.add("block", "opacity-0");
|
||||
currentTabContentClasses.remove("hidden", "opacity-100");
|
||||
|
||||
// add accordion style
|
||||
const accordion = tab.querySelector(".accordion.active");
|
||||
if (accordion) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[idx]?.offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
setTimeout(() => {
|
||||
currentTabContentClasses.remove("opacity-0");
|
||||
currentTabContentClasses.add("opacity-100");
|
||||
}, 150);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// get tab links and listen link events
|
||||
const handleTabLinks = (tab) => {
|
||||
const nodeListOfTabLinks = tab.querySelector(".tab-links").children;
|
||||
const tabLinks = [...nodeListOfTabLinks];
|
||||
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
tabLink.addEventListener("click", () => {
|
||||
handleCurrentTabLinkStyle(tabLinks, idx);
|
||||
handleTabContents(tab, idx);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// main tab controller
|
||||
const tabsController = () => {
|
||||
const nodeListOfTabs = document.querySelectorAll(".tab");
|
||||
const tabs = [...nodeListOfTabs];
|
||||
tabs.forEach((tab) => handleTabLinks(tab));
|
||||
};
|
||||
// handle current tablink style
|
||||
const handleCurrentTabLinkStyle = (tabLinks, currentIndex) => {
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
const currentTabLink = tabLinks[currentIndex];
|
||||
const tabLinkClasses = tabLink.classList;
|
||||
const currentTabLinkClasses = currentTabLink.classList;
|
||||
const spanClasses = tabLink.querySelector("span")?.classList;
|
||||
|
||||
const currentSpanClasses = currentTabLink.querySelector("span")?.classList;
|
||||
|
||||
if (spanClasses) {
|
||||
// button default style
|
||||
tabLinkClasses.remove("bg-white", "shadow-bottom", "active");
|
||||
tabLinkClasses.add(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
spanClasses.replace("w-full", "w-0");
|
||||
tabLink.disabled = false;
|
||||
// current button style
|
||||
if (currentIndex === idx) {
|
||||
currentTabLink.disabled = true;
|
||||
currentTabLinkClasses.remove(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
currentTabLinkClasses.add(
|
||||
"bg-white",
|
||||
"dark:bg-whiteColor-dark",
|
||||
"shadow-bottom",
|
||||
"active"
|
||||
);
|
||||
currentSpanClasses.replace("w-0", "w-full");
|
||||
}
|
||||
} else {
|
||||
tabLinkClasses.remove("before:w-full", "active");
|
||||
if (currentIndex === idx) {
|
||||
tabLinkClasses.add("before:w-full", "active");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// handle tab content
|
||||
const handleTabContents = (tab, currentIndex) => {
|
||||
const nodeListOftabContents = tab.querySelector(".tab-contents").children;
|
||||
const tabContents = [...nodeListOftabContents];
|
||||
const currentTabContentClasses = tabContents[currentIndex].classList;
|
||||
tabContents.forEach((tabContent, idx) => {
|
||||
const tabContentClasses = tabContent.classList;
|
||||
|
||||
// tab contents default style
|
||||
tabContentClasses.remove("block");
|
||||
tabContentClasses.add("hidden");
|
||||
|
||||
if (currentIndex === idx) {
|
||||
currentTabContentClasses.add("block", "opacity-0");
|
||||
currentTabContentClasses.remove("hidden", "opacity-100");
|
||||
|
||||
// add accordion style
|
||||
const accordion = tab.querySelector(".accordion.active");
|
||||
if (accordion) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[idx]?.offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
setTimeout(() => {
|
||||
currentTabContentClasses.remove("opacity-0");
|
||||
currentTabContentClasses.add("opacity-100");
|
||||
}, 150);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// get tab links and listen link events
|
||||
const handleTabLinks = (tab) => {
|
||||
const nodeListOfTabLinks = tab.querySelector(".tab-links").children;
|
||||
const tabLinks = [...nodeListOfTabLinks];
|
||||
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
tabLink.addEventListener("click", () => {
|
||||
handleCurrentTabLinkStyle(tabLinks, idx);
|
||||
handleTabContents(tab, idx);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// main tab controller
|
||||
const tabsController = () => {
|
||||
const nodeListOfTabs = document.querySelectorAll(".tab");
|
||||
const tabs = [...nodeListOfTabs];
|
||||
tabs.forEach((tab) => handleTabLinks(tab));
|
||||
};
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
6112
quarter-rtl/assets/css/animate.css
vendored
6112
quarter-rtl/assets/css/animate.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,468 +1,468 @@
|
||||
@font-face {
|
||||
font-family: lightcase;
|
||||
src: url(../fonts/lightcase.eot?55356177);
|
||||
src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
|
||||
url(../fonts/lightcase.woff?55356177) format("woff"),
|
||||
url(../fonts/lightcase.ttf?55356177) format("truetype"),
|
||||
url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
[class*="lightcase-icon-"]:before {
|
||||
font-family: lightcase, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
.lightcase-icon-play:before {
|
||||
content: "\e800";
|
||||
}
|
||||
.lightcase-icon-pause:before {
|
||||
content: "\e801";
|
||||
}
|
||||
.lightcase-icon-close:before {
|
||||
content: "\e802";
|
||||
}
|
||||
.lightcase-icon-prev:before {
|
||||
content: "\e803";
|
||||
}
|
||||
.lightcase-icon-next:before {
|
||||
content: "\e804";
|
||||
}
|
||||
.lightcase-icon-spin:before {
|
||||
content: "\e805";
|
||||
}
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#lightcase-loading > span,
|
||||
a[class*="lightcase-icon-"] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content,
|
||||
html[data-lc-type="video"] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"] #lightcase-case,
|
||||
html[data-lc-type="inline"] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
html.lightcase-isMobileDevice[data-lc-type="iframe"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) and (min-width: 641px) {
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-loading,
|
||||
a[class*="lightcase-icon-"] {
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"])
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption,
|
||||
#lightcase-info #lightcase-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
}
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
|
||||
[data-lc-type="flash"]
|
||||
):not([data-lc-type="error"])
|
||||
#lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
#lightcase-loading {
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
#lightcase-loading,
|
||||
#lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
z-index: 9999;
|
||||
font-size: 38px;
|
||||
text-shadow: none;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
}
|
||||
.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
#lightcase-case:hover ~ a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: lightcase;
|
||||
src: url(../fonts/lightcase.eot?55356177);
|
||||
src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
|
||||
url(../fonts/lightcase.woff?55356177) format("woff"),
|
||||
url(../fonts/lightcase.ttf?55356177) format("truetype"),
|
||||
url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
[class*="lightcase-icon-"]:before {
|
||||
font-family: lightcase, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
.lightcase-icon-play:before {
|
||||
content: "\e800";
|
||||
}
|
||||
.lightcase-icon-pause:before {
|
||||
content: "\e801";
|
||||
}
|
||||
.lightcase-icon-close:before {
|
||||
content: "\e802";
|
||||
}
|
||||
.lightcase-icon-prev:before {
|
||||
content: "\e803";
|
||||
}
|
||||
.lightcase-icon-next:before {
|
||||
content: "\e804";
|
||||
}
|
||||
.lightcase-icon-spin:before {
|
||||
content: "\e805";
|
||||
}
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#lightcase-loading > span,
|
||||
a[class*="lightcase-icon-"] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content,
|
||||
html[data-lc-type="video"] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"] #lightcase-case,
|
||||
html[data-lc-type="inline"] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
html.lightcase-isMobileDevice[data-lc-type="iframe"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) and (min-width: 641px) {
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-loading,
|
||||
a[class*="lightcase-icon-"] {
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"])
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption,
|
||||
#lightcase-info #lightcase-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
}
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
|
||||
[data-lc-type="flash"]
|
||||
):not([data-lc-type="error"])
|
||||
#lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
#lightcase-loading {
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
#lightcase-loading,
|
||||
#lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
z-index: 9999;
|
||||
font-size: 38px;
|
||||
text-shadow: none;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
}
|
||||
.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
#lightcase-case:hover ~ a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,45 +1,45 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
|
||||
|
||||
/*
|
||||
Template Name: Quarter
|
||||
Description: Real Estate HTML Template
|
||||
Version: 1.0.0
|
||||
Author: Kamrul Hasan
|
||||
Email:786hasankamrul96@gmail.com
|
||||
/*
|
||||
Template Name: Quarter
|
||||
Description: Real Estate HTML Template
|
||||
Version: 1.0.0
|
||||
Author: Kamrul Hasan
|
||||
Email:786hasankamrul96@gmail.com
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
>>> TABLE OF CONTENTS:
|
||||
===============================================================
|
||||
# Google fonts
|
||||
# tailwind directives
|
||||
# vaiables
|
||||
# default style
|
||||
# Typography
|
||||
# header
|
||||
# banner
|
||||
# scrollbar
|
||||
# swiper slider
|
||||
# accordion
|
||||
# nice select
|
||||
# nice checkbox
|
||||
# range
|
||||
# service cards
|
||||
# tab
|
||||
# popup gallery
|
||||
# scroll up
|
||||
# brands
|
||||
# Google Map Locations
|
||||
# Price Filter Widget
|
||||
# responsiveness
|
||||
/* ============================================================
|
||||
>>> TABLE OF CONTENTS:
|
||||
===============================================================
|
||||
# Google fonts
|
||||
# tailwind directives
|
||||
# vaiables
|
||||
# default style
|
||||
# Typography
|
||||
# header
|
||||
# banner
|
||||
# scrollbar
|
||||
# swiper slider
|
||||
# accordion
|
||||
# nice select
|
||||
# nice checkbox
|
||||
# range
|
||||
# service cards
|
||||
# tab
|
||||
# popup gallery
|
||||
# scroll up
|
||||
# brands
|
||||
# Google Map Locations
|
||||
# Price Filter Widget
|
||||
# responsiveness
|
||||
============================================================= */
|
||||
|
||||
/*============= Google fonts ============*/
|
||||
|
||||
/*============= tailwind directives ============*/
|
||||
|
||||
/*
|
||||
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
||||
/*
|
||||
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
||||
*/
|
||||
|
||||
/*
|
||||
@@ -3803,11 +3803,11 @@ body {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--heading-color);
|
||||
clear: both;
|
||||
@@ -3841,9 +3841,9 @@ h6 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a,
|
||||
button,
|
||||
input,
|
||||
a,
|
||||
button,
|
||||
input,
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -3863,9 +3863,9 @@ a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
@@ -3876,29 +3876,29 @@ a:hover {
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: var(--body-font);
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var,
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var,
|
||||
samp {
|
||||
font-family: var(--body-font);
|
||||
}
|
||||
|
||||
h1 button,
|
||||
h2 button,
|
||||
h3 button,
|
||||
h4 button,
|
||||
h5 button,
|
||||
h1 button,
|
||||
h2 button,
|
||||
h3 button,
|
||||
h4 button,
|
||||
h5 button,
|
||||
h6 button {
|
||||
font-family: var(--heading-font);
|
||||
line-height: 1.5;
|
||||
@@ -4002,7 +4002,7 @@ img {
|
||||
}
|
||||
|
||||
.show-drawer svg path {
|
||||
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
||||
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
||||
stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
|
||||
fill: none;
|
||||
stroke: #333;
|
||||
@@ -4011,7 +4011,7 @@ img {
|
||||
stroke-width: 30px;
|
||||
}
|
||||
|
||||
.show-drawer svg path#top,
|
||||
.show-drawer svg path#top,
|
||||
.show-drawer svg path#bottom {
|
||||
stroke-dasharray: 240px 950px;
|
||||
}
|
||||
@@ -4020,7 +4020,7 @@ img {
|
||||
stroke-dasharray: 240px 240px;
|
||||
}
|
||||
|
||||
.show-drawer .close svg path#top,
|
||||
.show-drawer .close svg path#top,
|
||||
.show-drawer .close svg path#bottom {
|
||||
stroke-dasharray: -650px;
|
||||
stroke-dashoffset: -650px;
|
||||
@@ -4086,12 +4086,12 @@ img {
|
||||
|
||||
/*============= swiper slider =============*/
|
||||
|
||||
.swiper-container .swiper-button-prev::after,
|
||||
.swiper-container .swiper-button-prev::after,
|
||||
.swiper-container .swiper-button-next::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.swiper-container .swiper-button-prev,
|
||||
.swiper-container .swiper-button-prev,
|
||||
.swiper-container .swiper-button-next {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
@@ -4122,20 +4122,20 @@ img {
|
||||
transform: var(--x--6);
|
||||
}
|
||||
|
||||
.swiper-container:hover .swiper-button-prev,
|
||||
.swiper-container:hover .swiper-button-prev,
|
||||
.swiper-container:hover .swiper-button-next {
|
||||
opacity: 100;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.swiper-container .swiper-button-prev:hover,
|
||||
.swiper-container .swiper-button-prev:hover,
|
||||
.swiper-container .swiper-button-next:hover {
|
||||
background: var(--secondary-color);
|
||||
color: white;
|
||||
border-color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.swiper-container .swiper-pagination,
|
||||
.swiper-container .swiper-pagination,
|
||||
.swiper-pagination-bullets.swiper-pagination-horizontal {
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
@@ -4159,7 +4159,7 @@ img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.home-3 .swiper-pagination-bullet-active,
|
||||
.home-3 .swiper-pagination-bullet-active,
|
||||
.swiper-pagination-bullet-active {
|
||||
background: var(--secondary-color);
|
||||
width: 15px;
|
||||
@@ -4169,7 +4169,7 @@ img {
|
||||
|
||||
/* hero slider */
|
||||
|
||||
.hero-slider-container .swiper-button-prev,
|
||||
.hero-slider-container .swiper-button-prev,
|
||||
.hero-slider-container .swiper-button-next {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -4192,7 +4192,7 @@ img {
|
||||
transform: var(--x--10);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-next {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@@ -4216,22 +4216,22 @@ img {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev:hover,
|
||||
.hero-slider2 .swiper-button-prev:hover,
|
||||
.hero-slider2 .swiper-button-next:hover {
|
||||
background: var(--section-bg-1);
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
/* .hero-slider2-tumbs_slider .swiper-wrapper {
|
||||
max-width: calc(100%);
|
||||
}
|
||||
.hero-slider2-tumbs_slider .swiper-slide {
|
||||
width: calc((100% / 3));
|
||||
/* .hero-slider2-tumbs_slider .swiper-wrapper {
|
||||
max-width: calc(100%);
|
||||
}
|
||||
.hero-slider2-tumbs_slider .swiper-slide {
|
||||
width: calc((100% / 3));
|
||||
} */
|
||||
|
||||
/* testimonials slider*/
|
||||
@@ -4318,7 +4318,7 @@ img {
|
||||
right: var(--right-15-per);
|
||||
}
|
||||
|
||||
[dir="rtl"]
|
||||
[dir="rtl"]
|
||||
.testimonial-quote-menu li:nth-child(7) img {
|
||||
right: 15%;
|
||||
}
|
||||
@@ -4330,8 +4330,8 @@ img {
|
||||
right: var(--right-3-per);
|
||||
}
|
||||
|
||||
[dir="rtl"]
|
||||
|
||||
[dir="rtl"]
|
||||
|
||||
.testimonial-quote-menu2 li img {
|
||||
width: 125px !important;
|
||||
visibility: hidden;
|
||||
@@ -4622,7 +4622,7 @@ img {
|
||||
|
||||
/* upcoming project slider */
|
||||
|
||||
.upcoming-project-slider-container .swiper-button-prev,
|
||||
.upcoming-project-slider-container .swiper-button-prev,
|
||||
.upcoming-project-slider-container .swiper-button-next {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -4636,7 +4636,7 @@ img {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -4741,7 +4741,7 @@ img {
|
||||
animation-duration: 5s;
|
||||
}
|
||||
|
||||
.swiper-slide-active .slide-animation > *,
|
||||
.swiper-slide-active .slide-animation > *,
|
||||
.slide-animation-active .slide-animation > * {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
@@ -4940,23 +4940,23 @@ input[type="range"]::-ms-thumb {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* .range input:nth-child(2)::-webkit-slider-thumb::after {
|
||||
content: url("../img/icons/car.png");
|
||||
width: 125px !important;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
right: -111px;
|
||||
top: -10px;
|
||||
transform: translateY(-40%);
|
||||
/* .range input:nth-child(2)::-webkit-slider-thumb::after {
|
||||
content: url("../img/icons/car.png");
|
||||
width: 125px !important;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
right: -111px;
|
||||
top: -10px;
|
||||
transform: translateY(-40%);
|
||||
} */
|
||||
|
||||
/* .range input:nth-child(2)::-moz-range-thumb {
|
||||
width: 100px !important;
|
||||
height: 50px;
|
||||
background: url("../img/icons/car.png") no-repeat right;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
/* .range input:nth-child(2)::-moz-range-thumb {
|
||||
width: 100px !important;
|
||||
height: 50px;
|
||||
background: url("../img/icons/car.png") no-repeat right;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
} */
|
||||
|
||||
.range input:nth-child(2)::-webkit-slider-thumb {
|
||||
@@ -5054,8 +5054,8 @@ input[type="range"]::-ms-thumb {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gclose {
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
@@ -5065,7 +5065,7 @@ input[type="range"]::-ms-thumb {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gprev {
|
||||
top: 90%;
|
||||
}
|
||||
@@ -5075,8 +5075,8 @@ input[type="range"]::-ms-thumb {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
.gprev:hover,
|
||||
.gnext:hover,
|
||||
.gprev:hover,
|
||||
.gnext:hover,
|
||||
.gclose:hover {
|
||||
box-shadow: 0 0 19px rgba(255, 255, 255, 0.4) !important;
|
||||
opacity: 1;
|
||||
@@ -5086,8 +5086,8 @@ input[type="range"]::-ms-thumb {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gclose svg {
|
||||
width: 10px;
|
||||
height: auto;
|
||||
@@ -5136,8 +5136,8 @@ input[type="range"]::-ms-thumb {
|
||||
|
||||
/* letest appartment */
|
||||
|
||||
/* .apart-card .card-quick-area.active {
|
||||
top: 150px;
|
||||
/* .apart-card .card-quick-area.active {
|
||||
top: 150px;
|
||||
} */
|
||||
|
||||
/* portfolio filter */
|
||||
@@ -5296,7 +5296,7 @@ input[type="range"]::-ms-thumb {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.price_slider_amount > input[type="text"],
|
||||
.price_slider_amount > input[type="text"],
|
||||
.price_slider_amount > input[type="submit"] {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: medium none;
|
||||
@@ -5309,13 +5309,13 @@ input[type="range"]::-ms-thumb {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.price_slider_amount > input[type="text"]:focus
|
||||
.price_slider_amount > input[type="text"]:focus
|
||||
{
|
||||
border: 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .price_slider_amount > input[type="text"],
|
||||
[dir="rtl"] .price_slider_amount > input[type="text"],
|
||||
[dir="rtl"] .price_slider_amount > input[type="submit"] {
|
||||
float: right;
|
||||
text-align: right;
|
||||
@@ -5339,8 +5339,8 @@ input[type="range"]::-ms-thumb {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.price_filter .ui-state-default,
|
||||
.price_filter .ui-widget-content .ui-state-default,
|
||||
.price_filter .ui-state-default,
|
||||
.price_filter .ui-widget-content .ui-state-default,
|
||||
.price_filter .ui-widget-header .ui-state-default {
|
||||
background-color: var(--secondary-color);
|
||||
border: medium none;
|
||||
@@ -5377,13 +5377,13 @@ input[type="range"]::-ms-thumb {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.car-price-filter-range .price_slider_amount > input[type="text"],
|
||||
.car-price-filter-range .price_slider_amount > input[type="text"],
|
||||
.car-price-filter-range .price_slider_amount > input[type="submit"] {
|
||||
font-weight: 700;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
/*============= responsiveness =============*/
|
||||
|
||||
/* tablet */
|
||||
@@ -5396,11 +5396,11 @@ input[type="range"]::-ms-thumb {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5445,20 +5445,20 @@ input[type="range"]::-ms-thumb {
|
||||
margin: 0 50px;
|
||||
}
|
||||
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gclose {
|
||||
width: 38px !important;
|
||||
height: 38px !important;
|
||||
}
|
||||
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gprev {
|
||||
top: 45%;
|
||||
}
|
||||
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gclose svg {
|
||||
width: 18px;
|
||||
height: auto;
|
||||
@@ -5486,11 +5486,11 @@ input[type="range"]::-ms-thumb {
|
||||
@media (min-width: 992px) {
|
||||
/* default */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5529,12 +5529,12 @@ input[type="range"]::-ms-thumb {
|
||||
box-shadow: var(--box-shadow-8);
|
||||
}
|
||||
|
||||
.swiper-container:hover .product-details-slider .swiper-button-prev,
|
||||
.swiper-container:hover .product-details-slider .swiper-button-prev,
|
||||
.swiper-container:hover .news-single-slider .swiper-button-prev {
|
||||
transform: var(--x-40);
|
||||
}
|
||||
|
||||
.swiper-container:hover .product-details-slider .swiper-button-next,
|
||||
.swiper-container:hover .product-details-slider .swiper-button-next,
|
||||
.swiper-container:hover .news-single-slider .swiper-button-next {
|
||||
transform: var(--x--40);
|
||||
}
|
||||
@@ -5549,41 +5549,41 @@ input[type="range"]::-ms-thumb {
|
||||
@media screen and (min-width: 1200px) {
|
||||
/* default */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
h1,
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
h2,
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h3,
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h4,
|
||||
h4,
|
||||
.h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h5,
|
||||
h5,
|
||||
.h5 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h6,
|
||||
h6,
|
||||
.h6 {
|
||||
font-size: 16px;
|
||||
}
|
||||
@@ -5603,11 +5603,11 @@ input[type="range"]::-ms-thumb {
|
||||
/* desktop xxxl */
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5634,7 +5634,7 @@ input[type="range"]::-ms-thumb {
|
||||
transform: var(--x--50);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -5647,14 +5647,14 @@ input[type="range"]::-ms-thumb {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
/* upcoming project slider */
|
||||
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -8394,4 +8394,4 @@ input[type="range"]::-ms-thumb {
|
||||
.rtl\:xl\:pr-30px:where([dir="rtl"], [dir="rtl"] *){
|
||||
padding-right: 1.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
@@ -1,63 +1,63 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="344" y="319.492" width="48" height="16">
|
||||
<rect x="280" y="319.492" width="48" height="16">
|
||||
<rect x="216" y="319.492" width="48" height="16">
|
||||
<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
|
||||
l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
|
||||
c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
|
||||
V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
|
||||
M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
|
||||
c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
|
||||
c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
|
||||
c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
|
||||
c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
|
||||
c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
|
||||
C462.95,185.06,462.096,187.082,460.584,188.556z">
|
||||
<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
|
||||
c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
|
||||
c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
|
||||
c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
|
||||
c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
|
||||
c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
|
||||
c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
|
||||
s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="344" y="319.492" width="48" height="16">
|
||||
<rect x="280" y="319.492" width="48" height="16">
|
||||
<rect x="216" y="319.492" width="48" height="16">
|
||||
<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
|
||||
l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
|
||||
c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
|
||||
V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
|
||||
M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
|
||||
c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
|
||||
c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
|
||||
c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
|
||||
c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
|
||||
c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
|
||||
C462.95,185.06,462.096,187.082,460.584,188.556z">
|
||||
<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
|
||||
c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
|
||||
c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
|
||||
c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
|
||||
c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
|
||||
c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
|
||||
c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
|
||||
s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
@@ -1,14 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)" fill="#4a4a4a">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)" fill="#4a4a4a">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)" fill="#4a4a4a">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.7 KiB |
@@ -1,14 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)" fill="#4a4a4a">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)" fill="#4a4a4a">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)" fill="#4a4a4a">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)" fill="#4a4a4a">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)" fill="#4a4a4a">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)" fill="#4a4a4a">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)" fill="#4a4a4a">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)" fill="#4a4a4a">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)" fill="#4a4a4a">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)" fill="#4a4a4a">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)" fill="#4a4a4a">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)" fill="#4a4a4a">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)" fill="#4a4a4a">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)" fill="#4a4a4a">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
@@ -1,24 +1,24 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.1 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)" fill="#363636">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)" fill="#363636">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)" fill="#363636">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)" fill="#363636">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)" fill="#363636">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)" fill="#363636">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)" fill="#363636">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)" fill="#363636">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)" fill="#363636">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
|
||||
<g id="payment-method" transform="translate(0.002 0)">
|
||||
<path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)">
|
||||
<path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)">
|
||||
<path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)">
|
||||
<path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)">
|
||||
<path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)">
|
||||
<path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)">
|
||||
<path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)">
|
||||
<path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
@@ -1,24 +1,24 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
|
||||
<g id="delivery-truck" transform="translate(0 -68.867)">
|
||||
<g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
|
||||
<g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
|
||||
<path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
|
||||
<g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
|
||||
<path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
|
||||
<g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
|
||||
<path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)">
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
|
||||
<g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
|
||||
<path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
|
||||
<g id="XMLID_1220_" transform="translate(-30.16)">
|
||||
<g id="XMLID_339_" transform="translate(30.16 0)">
|
||||
<path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)">
|
||||
<path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)">
|
||||
<path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)">
|
||||
<path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
@@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
|
||||
<g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
|
||||
<g id="previous" transform="translate(871.872 8637.168)">
|
||||
<path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)">
|
||||
</g>
|
||||
<g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
|
||||
<path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@@ -1,7 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
|
||||
<g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
|
||||
<g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
|
||||
<path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,94 +1,94 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M316.209,117.615h0.598C316.808,117.615,316.342,116.445,316.209,117.615z">
|
||||
<path d="M171.747,117.615h0.598C172.212,116.445,171.747,117.615,171.747,117.615z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M460.496,154.447c-3.357-5.359-8.599-9.09-14.761-10.506l-32.457-7.458l14.986-4.195
|
||||
c12.417-3.475,19.898-16.737,16.417-29.177c-3.476-12.417-16.736-19.896-29.178-16.417l-69.876,19.557
|
||||
c-1.819-3.31-4.406-6.143-7.522-8.251c14.181-26.391,34.612-71.176,34.612-90.443c0-4.699-4.442-8.335-9.051-7.406
|
||||
c-27.731,5.602-53.586,8.187-79.011,7.91c-26.134-0.287-58.659-3.533-79.095-7.893c-6.318-1.348-11.388,5.722-8.056,11.276
|
||||
c4.98,8.3,8.031,17.076,9.708,25.921c-25.649,0.786-52.248-2.322-72.38-12.389c-5.423-2.712-11.824,2.033-10.832,8
|
||||
c6.332,37.987,19.106,60.259,31.913,77.086h-0.284c-13.053,0-23.673,10.62-23.673,23.673c0,12.005,8.985,21.944,20.581,23.465
|
||||
c-8.453,14.158-20.525,27.591-33.209,41.687c-26.973,29.976-57.546,63.952-67.832,118.811c-4.922,26.249-4.758,50.81,0.489,73.002
|
||||
c4.898,20.718,14.227,39.471,27.726,55.737c17.919,21.592,42.538,38.345,73.172,49.797c27.595,10.315,59.198,15.767,91.394,15.767
|
||||
c32.196,0,63.8-5.452,91.394-15.767c30.634-11.452,55.253-28.206,73.172-49.797c13.499-16.266,22.828-35.018,27.726-55.737
|
||||
c5.246-22.192,5.411-46.754,0.489-73.002c-10.286-54.858-40.858-88.834-67.831-118.81c-9.157-10.177-17.869-19.88-25.173-29.728
|
||||
l91.079,20.926c9.649,2.217,19.931-2.004,25.261-10.342C465.272,172.11,465.301,162.115,460.496,154.447z M284.489,23.17
|
||||
c23.263,0.254,46.807-1.78,71.676-6.212c-4.56,18.643-19.203,51.801-33.092,77.06c-9.625,0.725-17.659,7.227-20.637,16.043H281.46
|
||||
c-0.474-1.021-0.999-2.14-1.584-3.383C273.39,92.89,259.892,64.2,259.892,39.792c0-4.692-4.431-8.33-9.037-7.408
|
||||
c-8.792,1.759-18.465,3.182-28.53,4.074c-1.055-6.304-2.692-12.618-5.072-18.828C237.553,20.772,263.124,22.935,284.489,23.17z
|
||||
M333.429,117.615v32.236c0,4.721-3.841,8.563-8.563,8.563s-8.563-3.841-8.563-8.563v-32.236c0-4.722,3.841-8.563,8.563-8.563
|
||||
S333.429,112.894,333.429,117.615z M141.612,44.107c18.888,6.447,42.123,9.306,67.216,8.424l14.974-0.946
|
||||
c7.063-0.648,14.229-1.581,21.448-2.802c2.356,23.374,13.034,47.392,19.522,61.278h-50.307h-15.894h-23.376
|
||||
c-0.169-0.265-0.351-0.525-0.556-0.773C162.002,94.085,149.179,76.5,141.612,44.107z M357.994,208.993
|
||||
c25.645,28.498,54.708,60.798,64.214,111.487c8.747,46.652,0.338,85.782-24.993,116.303
|
||||
c-31.234,37.635-88.407,60.105-152.937,60.105S122.574,474.419,91.34,436.784c-25.331-30.521-33.739-69.651-24.993-116.303
|
||||
c9.505-50.69,38.57-82.991,64.214-111.488c15.333-17.041,29.819-33.159,39.103-51.586h18.452c4.174,0,7.555-3.383,7.555-7.555
|
||||
c0-4.173-3.382-7.555-7.555-7.555h-32.488c-4.722,0-8.563-3.841-8.563-8.563c0-4.722,3.841-8.563,8.563-8.563h145.564v17.125
|
||||
h-77.064c-4.174,0-7.555,3.383-7.555,7.555c0,4.172,3.382,7.555,7.555,7.555h78.307c3.161,9.358,12.018,16.118,22.43,16.118
|
||||
c1.203,0,2.383-0.092,3.539-0.265C336.836,185.456,347.114,196.903,357.994,208.993z M348.54,121.127l71.035-19.881
|
||||
c4.498-1.261,9.298,1.449,10.554,5.938c1.258,4.499-1.447,9.297-5.938,10.553l-40.596,11.362
|
||||
c-0.331,0.093-0.647,0.213-0.954,0.346l-34.101-7.835V121.127z M448.779,168.929c-1.058,4.602-5.654,7.487-10.263,6.428
|
||||
l-90.451-20.782c0.31-1.527,0.474-3.107,0.474-4.725v-12.738l93.811,21.554C446.897,159.711,449.824,164.378,448.779,168.929z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M292.631,310.526c10.831,0,19.644-8.812,19.644-19.644v-12.088c0-28.268-21.084-51.702-48.354-55.4v-13.101
|
||||
c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644v14.101c-27.997,6.245-48.354,31.134-48.354,60.444
|
||||
c0,34.161,27.792,61.953,61.953,61.953h12.088c12.497,0,22.666,10.167,22.666,22.666s-10.168,22.666-22.666,22.666h-18.133
|
||||
c-9.166,0-16.622-7.457-16.622-16.622c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644
|
||||
c0,28.268,21.084,51.702,48.354,55.4v13.101c0,10.831,8.812,19.644,19.644,19.644c10.831,0,19.644-8.812,19.644-19.644v-14.101
|
||||
c27.997-6.245,48.354-31.134,48.354-60.444c0-34.161-27.792-61.953-61.953-61.953h-12.088c-12.497,0-22.666-10.167-22.666-22.666
|
||||
s10.168-22.666,22.666-22.666h18.133c9.166,0,16.622,7.457,16.622,16.622v12.088C272.987,301.713,281.8,310.526,292.631,310.526z
|
||||
M256.366,247.062h-18.133c-20.83,0-37.776,16.946-37.776,37.776c0,20.83,16.946,37.776,37.776,37.776h12.088
|
||||
c25.83,0,46.843,21.014,46.843,46.843c0,23.899-17.899,43.908-41.632,46.545c-3.826,0.425-6.721,3.659-6.721,7.509v20.491
|
||||
c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-20.147c0-4.173-3.382-7.555-7.555-7.555
|
||||
c-22.497,0-40.798-18.302-40.798-40.798c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533
|
||||
c0,17.497,14.235,31.732,31.732,31.732h18.133c20.83,0,37.776-16.946,37.776-37.776s-16.946-37.776-37.776-37.776h-12.088
|
||||
c-25.83,0-46.843-21.014-46.843-46.843c0-23.899,17.899-43.908,41.632-46.545c3.826-0.425,6.721-3.659,6.721-7.509v-20.491
|
||||
c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533v20.147c0,4.173,3.382,7.555,7.555,7.555
|
||||
c22.497,0,40.798,18.302,40.798,40.798v12.088c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-12.088
|
||||
C288.098,261.297,273.863,247.062,256.366,247.062z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M316.209,117.615h0.598C316.808,117.615,316.342,116.445,316.209,117.615z">
|
||||
<path d="M171.747,117.615h0.598C172.212,116.445,171.747,117.615,171.747,117.615z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M460.496,154.447c-3.357-5.359-8.599-9.09-14.761-10.506l-32.457-7.458l14.986-4.195
|
||||
c12.417-3.475,19.898-16.737,16.417-29.177c-3.476-12.417-16.736-19.896-29.178-16.417l-69.876,19.557
|
||||
c-1.819-3.31-4.406-6.143-7.522-8.251c14.181-26.391,34.612-71.176,34.612-90.443c0-4.699-4.442-8.335-9.051-7.406
|
||||
c-27.731,5.602-53.586,8.187-79.011,7.91c-26.134-0.287-58.659-3.533-79.095-7.893c-6.318-1.348-11.388,5.722-8.056,11.276
|
||||
c4.98,8.3,8.031,17.076,9.708,25.921c-25.649,0.786-52.248-2.322-72.38-12.389c-5.423-2.712-11.824,2.033-10.832,8
|
||||
c6.332,37.987,19.106,60.259,31.913,77.086h-0.284c-13.053,0-23.673,10.62-23.673,23.673c0,12.005,8.985,21.944,20.581,23.465
|
||||
c-8.453,14.158-20.525,27.591-33.209,41.687c-26.973,29.976-57.546,63.952-67.832,118.811c-4.922,26.249-4.758,50.81,0.489,73.002
|
||||
c4.898,20.718,14.227,39.471,27.726,55.737c17.919,21.592,42.538,38.345,73.172,49.797c27.595,10.315,59.198,15.767,91.394,15.767
|
||||
c32.196,0,63.8-5.452,91.394-15.767c30.634-11.452,55.253-28.206,73.172-49.797c13.499-16.266,22.828-35.018,27.726-55.737
|
||||
c5.246-22.192,5.411-46.754,0.489-73.002c-10.286-54.858-40.858-88.834-67.831-118.81c-9.157-10.177-17.869-19.88-25.173-29.728
|
||||
l91.079,20.926c9.649,2.217,19.931-2.004,25.261-10.342C465.272,172.11,465.301,162.115,460.496,154.447z M284.489,23.17
|
||||
c23.263,0.254,46.807-1.78,71.676-6.212c-4.56,18.643-19.203,51.801-33.092,77.06c-9.625,0.725-17.659,7.227-20.637,16.043H281.46
|
||||
c-0.474-1.021-0.999-2.14-1.584-3.383C273.39,92.89,259.892,64.2,259.892,39.792c0-4.692-4.431-8.33-9.037-7.408
|
||||
c-8.792,1.759-18.465,3.182-28.53,4.074c-1.055-6.304-2.692-12.618-5.072-18.828C237.553,20.772,263.124,22.935,284.489,23.17z
|
||||
M333.429,117.615v32.236c0,4.721-3.841,8.563-8.563,8.563s-8.563-3.841-8.563-8.563v-32.236c0-4.722,3.841-8.563,8.563-8.563
|
||||
S333.429,112.894,333.429,117.615z M141.612,44.107c18.888,6.447,42.123,9.306,67.216,8.424l14.974-0.946
|
||||
c7.063-0.648,14.229-1.581,21.448-2.802c2.356,23.374,13.034,47.392,19.522,61.278h-50.307h-15.894h-23.376
|
||||
c-0.169-0.265-0.351-0.525-0.556-0.773C162.002,94.085,149.179,76.5,141.612,44.107z M357.994,208.993
|
||||
c25.645,28.498,54.708,60.798,64.214,111.487c8.747,46.652,0.338,85.782-24.993,116.303
|
||||
c-31.234,37.635-88.407,60.105-152.937,60.105S122.574,474.419,91.34,436.784c-25.331-30.521-33.739-69.651-24.993-116.303
|
||||
c9.505-50.69,38.57-82.991,64.214-111.488c15.333-17.041,29.819-33.159,39.103-51.586h18.452c4.174,0,7.555-3.383,7.555-7.555
|
||||
c0-4.173-3.382-7.555-7.555-7.555h-32.488c-4.722,0-8.563-3.841-8.563-8.563c0-4.722,3.841-8.563,8.563-8.563h145.564v17.125
|
||||
h-77.064c-4.174,0-7.555,3.383-7.555,7.555c0,4.172,3.382,7.555,7.555,7.555h78.307c3.161,9.358,12.018,16.118,22.43,16.118
|
||||
c1.203,0,2.383-0.092,3.539-0.265C336.836,185.456,347.114,196.903,357.994,208.993z M348.54,121.127l71.035-19.881
|
||||
c4.498-1.261,9.298,1.449,10.554,5.938c1.258,4.499-1.447,9.297-5.938,10.553l-40.596,11.362
|
||||
c-0.331,0.093-0.647,0.213-0.954,0.346l-34.101-7.835V121.127z M448.779,168.929c-1.058,4.602-5.654,7.487-10.263,6.428
|
||||
l-90.451-20.782c0.31-1.527,0.474-3.107,0.474-4.725v-12.738l93.811,21.554C446.897,159.711,449.824,164.378,448.779,168.929z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M292.631,310.526c10.831,0,19.644-8.812,19.644-19.644v-12.088c0-28.268-21.084-51.702-48.354-55.4v-13.101
|
||||
c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644v14.101c-27.997,6.245-48.354,31.134-48.354,60.444
|
||||
c0,34.161,27.792,61.953,61.953,61.953h12.088c12.497,0,22.666,10.167,22.666,22.666s-10.168,22.666-22.666,22.666h-18.133
|
||||
c-9.166,0-16.622-7.457-16.622-16.622c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644
|
||||
c0,28.268,21.084,51.702,48.354,55.4v13.101c0,10.831,8.812,19.644,19.644,19.644c10.831,0,19.644-8.812,19.644-19.644v-14.101
|
||||
c27.997-6.245,48.354-31.134,48.354-60.444c0-34.161-27.792-61.953-61.953-61.953h-12.088c-12.497,0-22.666-10.167-22.666-22.666
|
||||
s10.168-22.666,22.666-22.666h18.133c9.166,0,16.622,7.457,16.622,16.622v12.088C272.987,301.713,281.8,310.526,292.631,310.526z
|
||||
M256.366,247.062h-18.133c-20.83,0-37.776,16.946-37.776,37.776c0,20.83,16.946,37.776,37.776,37.776h12.088
|
||||
c25.83,0,46.843,21.014,46.843,46.843c0,23.899-17.899,43.908-41.632,46.545c-3.826,0.425-6.721,3.659-6.721,7.509v20.491
|
||||
c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-20.147c0-4.173-3.382-7.555-7.555-7.555
|
||||
c-22.497,0-40.798-18.302-40.798-40.798c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533
|
||||
c0,17.497,14.235,31.732,31.732,31.732h18.133c20.83,0,37.776-16.946,37.776-37.776s-16.946-37.776-37.776-37.776h-12.088
|
||||
c-25.83,0-46.843-21.014-46.843-46.843c0-23.899,17.899-43.908,41.632-46.545c3.826-0.425,6.721-3.659,6.721-7.509v-20.491
|
||||
c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533v20.147c0,4.173,3.382,7.555,7.555,7.555
|
||||
c22.497,0,40.798,18.302,40.798,40.798v12.088c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-12.088
|
||||
C288.098,261.297,273.863,247.062,256.366,247.062z">
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.7 KiB |
@@ -1,97 +1,97 @@
|
||||
// style controllers
|
||||
|
||||
const controllerStyle = (accordionController, isActive) => {
|
||||
const rotateAbleLine = accordionController.querySelectorAll("span")[1];
|
||||
|
||||
if (rotateAbleLine) {
|
||||
rotateAbleLine.style.transform = !isActive
|
||||
? "rotate(0deg)"
|
||||
: "rotate(90deg)";
|
||||
}
|
||||
};
|
||||
|
||||
// accordion hide and show
|
||||
const toggleAccordion = (accordion, isActive, currentIndex, index) => {
|
||||
const parentContent = accordion.closest(".accordion-content");
|
||||
const content = accordion.querySelector(".accordion-content");
|
||||
const contentWrapper = accordion.querySelector(".content-wrapper");
|
||||
const contentHeight = contentWrapper.offsetHeight;
|
||||
|
||||
let contenStyleHeight = content.style.height;
|
||||
if (contenStyleHeight === "auto") {
|
||||
content.style.height = `${contentHeight}px`;
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
content.style.height = !isActive ? `${contentHeight}px` : 0;
|
||||
}, 1);
|
||||
if (!isActive) {
|
||||
setTimeout(() => {
|
||||
if (!parentContent) {
|
||||
content.style.height = `auto`;
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
};
|
||||
|
||||
// get accordion controller and listen click event
|
||||
const accordionController = (accordionContainer) => {
|
||||
const groupOfAccordion = accordionContainer.querySelectorAll(".accordion");
|
||||
|
||||
groupOfAccordion.forEach((accordion, idx) => {
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
const isInitialyActive = accordion.classList.contains("active");
|
||||
|
||||
if (isInitialyActive) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[0].offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
|
||||
if (accordionController) {
|
||||
accordionController.addEventListener("click", function () {
|
||||
const currentAccordion = this.closest(".accordion");
|
||||
|
||||
const isActive = currentAccordion.classList.contains("active");
|
||||
let waitForDblClick = setTimeout(() => {
|
||||
groupOfAccordion.forEach((accordion, idx1) => {
|
||||
const isAccordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
|
||||
if (isAccordionController) {
|
||||
accordion.classList.remove("active");
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
controllerStyle(accordionController, true);
|
||||
toggleAccordion(accordion, true, idx, idx1);
|
||||
}
|
||||
});
|
||||
if (!isActive) {
|
||||
currentAccordion.classList.add("active");
|
||||
controllerStyle(accordionController, false);
|
||||
toggleAccordion(currentAccordion, false);
|
||||
}
|
||||
}, 10);
|
||||
accordionController.addEventListener("dblclick", function () {
|
||||
clearTimeout(waitForDblClick);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const accordions = () => {
|
||||
const accordionContainers = document.querySelectorAll(".accordion-container");
|
||||
|
||||
if (!accordionContainers.length) {
|
||||
return;
|
||||
}
|
||||
accordionContainers.forEach((accordionContainer) => {
|
||||
accordionController(accordionContainer);
|
||||
});
|
||||
};
|
||||
// style controllers
|
||||
|
||||
const controllerStyle = (accordionController, isActive) => {
|
||||
const rotateAbleLine = accordionController.querySelectorAll("span")[1];
|
||||
|
||||
if (rotateAbleLine) {
|
||||
rotateAbleLine.style.transform = !isActive
|
||||
? "rotate(0deg)"
|
||||
: "rotate(90deg)";
|
||||
}
|
||||
};
|
||||
|
||||
// accordion hide and show
|
||||
const toggleAccordion = (accordion, isActive, currentIndex, index) => {
|
||||
const parentContent = accordion.closest(".accordion-content");
|
||||
const content = accordion.querySelector(".accordion-content");
|
||||
const contentWrapper = accordion.querySelector(".content-wrapper");
|
||||
const contentHeight = contentWrapper.offsetHeight;
|
||||
|
||||
let contenStyleHeight = content.style.height;
|
||||
if (contenStyleHeight === "auto") {
|
||||
content.style.height = `${contentHeight}px`;
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
content.style.height = !isActive ? `${contentHeight}px` : 0;
|
||||
}, 1);
|
||||
if (!isActive) {
|
||||
setTimeout(() => {
|
||||
if (!parentContent) {
|
||||
content.style.height = `auto`;
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
};
|
||||
|
||||
// get accordion controller and listen click event
|
||||
const accordionController = (accordionContainer) => {
|
||||
const groupOfAccordion = accordionContainer.querySelectorAll(".accordion");
|
||||
|
||||
groupOfAccordion.forEach((accordion, idx) => {
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
const isInitialyActive = accordion.classList.contains("active");
|
||||
|
||||
if (isInitialyActive) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[0].offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
|
||||
if (accordionController) {
|
||||
accordionController.addEventListener("click", function () {
|
||||
const currentAccordion = this.closest(".accordion");
|
||||
|
||||
const isActive = currentAccordion.classList.contains("active");
|
||||
let waitForDblClick = setTimeout(() => {
|
||||
groupOfAccordion.forEach((accordion, idx1) => {
|
||||
const isAccordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
|
||||
if (isAccordionController) {
|
||||
accordion.classList.remove("active");
|
||||
const accordionController = accordion.querySelector(
|
||||
".accordion-controller"
|
||||
);
|
||||
controllerStyle(accordionController, true);
|
||||
toggleAccordion(accordion, true, idx, idx1);
|
||||
}
|
||||
});
|
||||
if (!isActive) {
|
||||
currentAccordion.classList.add("active");
|
||||
controllerStyle(accordionController, false);
|
||||
toggleAccordion(currentAccordion, false);
|
||||
}
|
||||
}, 10);
|
||||
accordionController.addEventListener("dblclick", function () {
|
||||
clearTimeout(waitForDblClick);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const accordions = () => {
|
||||
const accordionContainers = document.querySelectorAll(".accordion-container");
|
||||
|
||||
if (!accordionContainers.length) {
|
||||
return;
|
||||
}
|
||||
accordionContainers.forEach((accordionContainer) => {
|
||||
accordionController(accordionContainer);
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,33 +1,33 @@
|
||||
const count = () => {
|
||||
const countContainers = document.querySelectorAll(".count-container");
|
||||
|
||||
if (!count) {
|
||||
return;
|
||||
}
|
||||
|
||||
countContainers.forEach((countContainer) => {
|
||||
const countIput = countContainer.querySelector("input");
|
||||
const minCount = countContainer.querySelector(".mincount");
|
||||
const maxCount = countContainer.querySelector(".maxcount");
|
||||
|
||||
minCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
|
||||
if (currentValue === 0 || currentValue < 0) {
|
||||
if (currentValue === 0) {
|
||||
currentValue = 1;
|
||||
} else {
|
||||
currentValue = 0;
|
||||
}
|
||||
} else {
|
||||
currentValue--;
|
||||
}
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
maxCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
currentValue++;
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
});
|
||||
};
|
||||
const count = () => {
|
||||
const countContainers = document.querySelectorAll(".count-container");
|
||||
|
||||
if (!count) {
|
||||
return;
|
||||
}
|
||||
|
||||
countContainers.forEach((countContainer) => {
|
||||
const countIput = countContainer.querySelector("input");
|
||||
const minCount = countContainer.querySelector(".mincount");
|
||||
const maxCount = countContainer.querySelector(".maxcount");
|
||||
|
||||
minCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
|
||||
if (currentValue === 0 || currentValue < 0) {
|
||||
if (currentValue === 0) {
|
||||
currentValue = 1;
|
||||
} else {
|
||||
currentValue = 0;
|
||||
}
|
||||
} else {
|
||||
currentValue--;
|
||||
}
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
maxCount.addEventListener("click", () => {
|
||||
let currentValue = parseInt(countIput.value);
|
||||
currentValue++;
|
||||
countIput.value = currentValue;
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,74 +1,74 @@
|
||||
const countDown = () => {
|
||||
// Set the target date for the countdown (change it to your desired end date)
|
||||
const coundownContainers = document.querySelectorAll("[data-countdown]");
|
||||
if (coundownContainers?.length) {
|
||||
let countdownInterval;
|
||||
coundownContainers.forEach((coundownContainer) => {
|
||||
const countDownFields = [...coundownContainer.children];
|
||||
|
||||
const targetDateArray = coundownContainer
|
||||
.getAttribute("data-countdown")
|
||||
.split("/");
|
||||
|
||||
const targetDate = new Date(
|
||||
`${targetDateArray[0]}-${targetDateArray[1]}-${targetDateArray[2]}T00:00:00`
|
||||
).getTime();
|
||||
|
||||
// Update the countdown every second
|
||||
countdownInterval = setInterval(
|
||||
() => updateCountdown(targetDate, countDownFields),
|
||||
1000
|
||||
);
|
||||
});
|
||||
|
||||
function updateCountdown(targetDate, countDownFields) {
|
||||
// Get the current date and time
|
||||
const currentDate = new Date().getTime();
|
||||
|
||||
// Calculate the remaining time
|
||||
const timeDifference = targetDate - currentDate;
|
||||
|
||||
// Calculate days, hours, minutes, and seconds
|
||||
const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
|
||||
const hours = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
|
||||
);
|
||||
const minutes = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60)) / (1000 * 60)
|
||||
);
|
||||
const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0
|
||||
? days > 9
|
||||
? days
|
||||
: `0${days}`
|
||||
: ind === 1
|
||||
? hours > 9
|
||||
? hours
|
||||
: `0${hours}`
|
||||
: ind === 2
|
||||
? minutes > 9
|
||||
? minutes
|
||||
: `0${minutes}`
|
||||
: seconds > 9
|
||||
? seconds
|
||||
: `0${seconds}`;
|
||||
});
|
||||
|
||||
// If the countdown is finished, clear the interval
|
||||
if (timeDifference < 0) {
|
||||
clearInterval(countdownInterval);
|
||||
// document.getElementById("countdown").innerHTML = "Countdown expired!";
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0 ? `00` : ind === 1 ? `00` : ind === 2 ? `00` : `00`;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
const countDown = () => {
|
||||
// Set the target date for the countdown (change it to your desired end date)
|
||||
const coundownContainers = document.querySelectorAll("[data-countdown]");
|
||||
if (coundownContainers?.length) {
|
||||
let countdownInterval;
|
||||
coundownContainers.forEach((coundownContainer) => {
|
||||
const countDownFields = [...coundownContainer.children];
|
||||
|
||||
const targetDateArray = coundownContainer
|
||||
.getAttribute("data-countdown")
|
||||
.split("/");
|
||||
|
||||
const targetDate = new Date(
|
||||
`${targetDateArray[0]}-${targetDateArray[1]}-${targetDateArray[2]}T00:00:00`
|
||||
).getTime();
|
||||
|
||||
// Update the countdown every second
|
||||
countdownInterval = setInterval(
|
||||
() => updateCountdown(targetDate, countDownFields),
|
||||
1000
|
||||
);
|
||||
});
|
||||
|
||||
function updateCountdown(targetDate, countDownFields) {
|
||||
// Get the current date and time
|
||||
const currentDate = new Date().getTime();
|
||||
|
||||
// Calculate the remaining time
|
||||
const timeDifference = targetDate - currentDate;
|
||||
|
||||
// Calculate days, hours, minutes, and seconds
|
||||
const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
|
||||
const hours = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
|
||||
);
|
||||
const minutes = Math.floor(
|
||||
(timeDifference % (1000 * 60 * 60)) / (1000 * 60)
|
||||
);
|
||||
const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0
|
||||
? days > 9
|
||||
? days
|
||||
: `0${days}`
|
||||
: ind === 1
|
||||
? hours > 9
|
||||
? hours
|
||||
: `0${hours}`
|
||||
: ind === 2
|
||||
? minutes > 9
|
||||
? minutes
|
||||
: `0${minutes}`
|
||||
: seconds > 9
|
||||
? seconds
|
||||
: `0${seconds}`;
|
||||
});
|
||||
|
||||
// If the countdown is finished, clear the interval
|
||||
if (timeDifference < 0) {
|
||||
clearInterval(countdownInterval);
|
||||
// document.getElementById("countdown").innerHTML = "Countdown expired!";
|
||||
|
||||
// Display the countdown
|
||||
countDownFields.forEach((countDownField, ind) => {
|
||||
countDownField.querySelector(".count").innerHTML =
|
||||
ind === 0 ? `00` : ind === 1 ? `00` : ind === 2 ? `00` : `00`;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,82 +1,82 @@
|
||||
class countUp {
|
||||
constructor(el) {
|
||||
this.el = el;
|
||||
this.setVars();
|
||||
this.init();
|
||||
}
|
||||
|
||||
setVars() {
|
||||
this.number = this.el.querySelectorAll("[data-countup-number]");
|
||||
this.observerOptions = { root: null, rootMargin: "0px 0px", threshold: 0 };
|
||||
this.observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry) => {
|
||||
const end = parseFloat(
|
||||
entry.target.dataset.countupNumber.replace(/,/g, "")
|
||||
);
|
||||
const decimals = this.countDecimals(end);
|
||||
if (entry.isIntersecting) {
|
||||
this.iterateValue(entry.target, end, decimals);
|
||||
}
|
||||
});
|
||||
}, this.observerOptions);
|
||||
}
|
||||
|
||||
init() {
|
||||
if (this.number.length > 0) {
|
||||
this.number.forEach((el) => {
|
||||
this.observer.observe(el);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
iterateValue(el, end, decimals) {
|
||||
const start = 0;
|
||||
const duration = 2500;
|
||||
let startTimestamp = null;
|
||||
|
||||
const step = (timestamp) => {
|
||||
if (!startTimestamp) startTimestamp = timestamp;
|
||||
const elapsedPercent = (timestamp - startTimestamp) / duration;
|
||||
const easedProgress = Math.min(this.easeOutQuint(elapsedPercent), 1);
|
||||
let interimNumber = Math.abs(easedProgress * (end - start) + start);
|
||||
el.innerHTML = this.formatNumber(interimNumber, decimals);
|
||||
if (easedProgress < 1) {
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
};
|
||||
|
||||
// requestAnimationFrame returns DOMHighResTimeStamp as a callback (used as timestamp)
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
|
||||
easeOutQuad(x) {
|
||||
return 1 - Math.pow(1 - x, 3);
|
||||
}
|
||||
|
||||
easeOutQuint(x) {
|
||||
return 1 - Math.pow(1 - x, 5);
|
||||
}
|
||||
|
||||
countDecimals(val) {
|
||||
if (Math.floor(val) === val) return 0;
|
||||
return val.toString().split(".")[1].length || 0;
|
||||
}
|
||||
|
||||
formatNumber(val, decimals) {
|
||||
return val.toLocaleString("en-US", {
|
||||
minimumFractionDigits: decimals,
|
||||
maximumFractionDigits: decimals,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Simplifed version of Viget dynamic modules to attach instances for this demo
|
||||
// https://www.viget.com/articles/how-does-viget-javascript/
|
||||
// You CAN use this pattern, but it's single purpose right now
|
||||
const dataModules = [...document.querySelectorAll('[data-module="countup"]')];
|
||||
|
||||
dataModules.forEach((element) => {
|
||||
element.dataset.module.split(" ").forEach(function () {
|
||||
new countUp(element);
|
||||
});
|
||||
});
|
||||
class countUp {
|
||||
constructor(el) {
|
||||
this.el = el;
|
||||
this.setVars();
|
||||
this.init();
|
||||
}
|
||||
|
||||
setVars() {
|
||||
this.number = this.el.querySelectorAll("[data-countup-number]");
|
||||
this.observerOptions = { root: null, rootMargin: "0px 0px", threshold: 0 };
|
||||
this.observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry) => {
|
||||
const end = parseFloat(
|
||||
entry.target.dataset.countupNumber.replace(/,/g, "")
|
||||
);
|
||||
const decimals = this.countDecimals(end);
|
||||
if (entry.isIntersecting) {
|
||||
this.iterateValue(entry.target, end, decimals);
|
||||
}
|
||||
});
|
||||
}, this.observerOptions);
|
||||
}
|
||||
|
||||
init() {
|
||||
if (this.number.length > 0) {
|
||||
this.number.forEach((el) => {
|
||||
this.observer.observe(el);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
iterateValue(el, end, decimals) {
|
||||
const start = 0;
|
||||
const duration = 2500;
|
||||
let startTimestamp = null;
|
||||
|
||||
const step = (timestamp) => {
|
||||
if (!startTimestamp) startTimestamp = timestamp;
|
||||
const elapsedPercent = (timestamp - startTimestamp) / duration;
|
||||
const easedProgress = Math.min(this.easeOutQuint(elapsedPercent), 1);
|
||||
let interimNumber = Math.abs(easedProgress * (end - start) + start);
|
||||
el.innerHTML = this.formatNumber(interimNumber, decimals);
|
||||
if (easedProgress < 1) {
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
};
|
||||
|
||||
// requestAnimationFrame returns DOMHighResTimeStamp as a callback (used as timestamp)
|
||||
window.requestAnimationFrame(step);
|
||||
}
|
||||
|
||||
easeOutQuad(x) {
|
||||
return 1 - Math.pow(1 - x, 3);
|
||||
}
|
||||
|
||||
easeOutQuint(x) {
|
||||
return 1 - Math.pow(1 - x, 5);
|
||||
}
|
||||
|
||||
countDecimals(val) {
|
||||
if (Math.floor(val) === val) return 0;
|
||||
return val.toString().split(".")[1].length || 0;
|
||||
}
|
||||
|
||||
formatNumber(val, decimals) {
|
||||
return val.toLocaleString("en-US", {
|
||||
minimumFractionDigits: decimals,
|
||||
maximumFractionDigits: decimals,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Simplifed version of Viget dynamic modules to attach instances for this demo
|
||||
// https://www.viget.com/articles/how-does-viget-javascript/
|
||||
// You CAN use this pattern, but it's single purpose right now
|
||||
const dataModules = [...document.querySelectorAll('[data-module="countup"]')];
|
||||
|
||||
dataModules.forEach((element) => {
|
||||
element.dataset.module.split(" ").forEach(function () {
|
||||
new countUp(element);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,41 +1,41 @@
|
||||
// open drawer
|
||||
const handleOpen = (drawer, drawerShow) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
drawerShow.addEventListener("click", () => {
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
drawerContainer.classList.add("active");
|
||||
});
|
||||
};
|
||||
// close drawer
|
||||
const handleClose = (drawer, drawerShow, closedrawer) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
closedrawer.addEventListener("click", () => {
|
||||
drawerContainer.classList.remove("active");
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
});
|
||||
};
|
||||
// controll mobile menu
|
||||
const drawer = () => {
|
||||
const drawerShowButtons = document.querySelectorAll(".show-drawer");
|
||||
const drawers = document.querySelectorAll(".drawer");
|
||||
if (drawerShowButtons?.length) {
|
||||
drawerShowButtons.forEach((drawerShow, idx) => {
|
||||
const drawer = drawers[idx];
|
||||
if (drawer) {
|
||||
const darawerContainer = drawer.parentNode;
|
||||
handleOpen(drawer, drawerShow);
|
||||
const closedrawers = darawerContainer.querySelectorAll(".close-drawer");
|
||||
closedrawers?.forEach((closedrawer) => {
|
||||
handleClose(drawer, drawerShow, closedrawer);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
// open drawer
|
||||
const handleOpen = (drawer, drawerShow) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
drawerShow.addEventListener("click", () => {
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
drawerContainer.classList.add("active");
|
||||
});
|
||||
};
|
||||
// close drawer
|
||||
const handleClose = (drawer, drawerShow, closedrawer) => {
|
||||
const drawerContainer = drawer.parentNode;
|
||||
closedrawer.addEventListener("click", () => {
|
||||
drawerContainer.classList.remove("active");
|
||||
const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
|
||||
if (mobileControllerIcon) {
|
||||
mobileControllerIcon.classList.toggle("close");
|
||||
}
|
||||
});
|
||||
};
|
||||
// controll mobile menu
|
||||
const drawer = () => {
|
||||
const drawerShowButtons = document.querySelectorAll(".show-drawer");
|
||||
const drawers = document.querySelectorAll(".drawer");
|
||||
if (drawerShowButtons?.length) {
|
||||
drawerShowButtons.forEach((drawerShow, idx) => {
|
||||
const drawer = drawers[idx];
|
||||
if (drawer) {
|
||||
const darawerContainer = drawer.parentNode;
|
||||
handleOpen(drawer, drawerShow);
|
||||
const closedrawers = darawerContainer.querySelectorAll(".close-drawer");
|
||||
closedrawers?.forEach((closedrawer) => {
|
||||
handleClose(drawer, drawerShow, closedrawer);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,59 +1,59 @@
|
||||
// tab controller
|
||||
const filter = () => {
|
||||
//isotop
|
||||
var grid = document.querySelector(".filter-contents");
|
||||
if (grid) {
|
||||
var iso = new Isotope(grid, {
|
||||
// options...
|
||||
itemSelector: ".grid-item",
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
columnWidth: ".grid-item",
|
||||
},
|
||||
});
|
||||
// filter functions
|
||||
var filterFns = {
|
||||
// show if number is greater than 50
|
||||
numberGreaterThan50: function (itemElem) {
|
||||
var number = itemElem.querySelector(".number").textContent;
|
||||
return parseInt(number, 10) > 50;
|
||||
},
|
||||
// show if name ends with -ium
|
||||
ium: function (itemElem) {
|
||||
var name = itemElem.querySelector(".name").textContent;
|
||||
return name.match(/ium$/);
|
||||
},
|
||||
};
|
||||
|
||||
// bind filter button click
|
||||
var filtersElem = document.querySelector(".filters-button-group");
|
||||
filtersElem.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
var filterValue = event.target.getAttribute("data-filter");
|
||||
// use matching filter function
|
||||
filterValue = filterFns[filterValue] || filterValue;
|
||||
iso.arrange({ filter: filterValue });
|
||||
});
|
||||
|
||||
// change is-checked class on buttons
|
||||
var buttonGroups = document.querySelectorAll(".button-group");
|
||||
for (var i = 0, len = buttonGroups.length; i < len; i++) {
|
||||
var buttonGroup = buttonGroups[i];
|
||||
radioButtonGroup(buttonGroup);
|
||||
}
|
||||
|
||||
function radioButtonGroup(buttonGroup) {
|
||||
buttonGroup.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
buttonGroup.querySelector(".is-checked").classList.remove("is-checked");
|
||||
event.target.classList.add("is-checked");
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
// tab controller
|
||||
const filter = () => {
|
||||
//isotop
|
||||
var grid = document.querySelector(".filter-contents");
|
||||
if (grid) {
|
||||
var iso = new Isotope(grid, {
|
||||
// options...
|
||||
itemSelector: ".grid-item",
|
||||
percentPosition: true,
|
||||
masonry: {
|
||||
columnWidth: ".grid-item",
|
||||
},
|
||||
});
|
||||
// filter functions
|
||||
var filterFns = {
|
||||
// show if number is greater than 50
|
||||
numberGreaterThan50: function (itemElem) {
|
||||
var number = itemElem.querySelector(".number").textContent;
|
||||
return parseInt(number, 10) > 50;
|
||||
},
|
||||
// show if name ends with -ium
|
||||
ium: function (itemElem) {
|
||||
var name = itemElem.querySelector(".name").textContent;
|
||||
return name.match(/ium$/);
|
||||
},
|
||||
};
|
||||
|
||||
// bind filter button click
|
||||
var filtersElem = document.querySelector(".filters-button-group");
|
||||
filtersElem.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
var filterValue = event.target.getAttribute("data-filter");
|
||||
// use matching filter function
|
||||
filterValue = filterFns[filterValue] || filterValue;
|
||||
iso.arrange({ filter: filterValue });
|
||||
});
|
||||
|
||||
// change is-checked class on buttons
|
||||
var buttonGroups = document.querySelectorAll(".button-group");
|
||||
for (var i = 0, len = buttonGroups.length; i < len; i++) {
|
||||
var buttonGroup = buttonGroups[i];
|
||||
radioButtonGroup(buttonGroup);
|
||||
}
|
||||
|
||||
function radioButtonGroup(buttonGroup) {
|
||||
buttonGroup.addEventListener("click", function (event) {
|
||||
// only work with buttons
|
||||
if (!matchesSelector(event.target, "button")) {
|
||||
return;
|
||||
}
|
||||
buttonGroup.querySelector(".is-checked").classList.remove("is-checked");
|
||||
event.target.classList.add("is-checked");
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
5850
quarter-rtl/assets/js/glightbox.min.js
vendored
5850
quarter-rtl/assets/js/glightbox.min.js
vendored
File diff suppressed because it is too large
Load Diff
3620
quarter-rtl/assets/js/isotope.pkgd.min.js
vendored
3620
quarter-rtl/assets/js/isotope.pkgd.min.js
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,119 +1,119 @@
|
||||
// sticky hedder
|
||||
stickystickyHeader();
|
||||
|
||||
// search controller
|
||||
search();
|
||||
|
||||
// mobile menu
|
||||
drawer();
|
||||
|
||||
// accordion
|
||||
accordions();
|
||||
|
||||
// slider js
|
||||
silder();
|
||||
|
||||
// counter up
|
||||
const counters = document.querySelectorAll(".counter");
|
||||
counters.forEach((counter) => {
|
||||
new countUp(counter);
|
||||
});
|
||||
|
||||
// service cards
|
||||
service();
|
||||
|
||||
// nice select
|
||||
const selects = document.querySelectorAll(".selectize");
|
||||
if (selects?.length) {
|
||||
selects.forEach((select) => NiceSelect.bind(select));
|
||||
}
|
||||
|
||||
// quick view modal
|
||||
modal();
|
||||
|
||||
// tab
|
||||
tabsController();
|
||||
|
||||
//glightbox
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox2",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox3",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
|
||||
// scrollUp
|
||||
scrollUp();
|
||||
|
||||
// smooth scroll
|
||||
smoothScroll();
|
||||
|
||||
// appart card hover action
|
||||
|
||||
const apartCards = document.querySelectorAll(".apart-card");
|
||||
|
||||
if (apartCards?.length) {
|
||||
apartCards.forEach((apartCard, idx) => {
|
||||
apartCard.addEventListener("mouseenter", () => {
|
||||
apartCard.querySelector(".card-quick-area").classList.add("active");
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// isotop filters
|
||||
filter();
|
||||
|
||||
// nice checkbox
|
||||
nice_checkbox();
|
||||
|
||||
// count input
|
||||
count();
|
||||
|
||||
// countdown
|
||||
const countContainers = document.querySelectorAll(".countdown");
|
||||
if (countContainers?.length) {
|
||||
countDown();
|
||||
}
|
||||
|
||||
// price slider
|
||||
const range_sliders = document.querySelectorAll(".slider-range");
|
||||
|
||||
if (range_sliders?.length) {
|
||||
|
||||
$(".slider-range").slider({
|
||||
range: true,
|
||||
min: 50,
|
||||
max: 5000,
|
||||
values: [50, 1500],
|
||||
slide: function (event, ui) {
|
||||
$(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
|
||||
},
|
||||
});
|
||||
$(".amount").val(
|
||||
"$" +
|
||||
$(".slider-range").slider("values", 0) +
|
||||
" - $" +
|
||||
$(".slider-range").slider("values", 1)
|
||||
);
|
||||
}
|
||||
|
||||
// price
|
||||
// sticky hedder
|
||||
stickystickyHeader();
|
||||
|
||||
// search controller
|
||||
search();
|
||||
|
||||
// mobile menu
|
||||
drawer();
|
||||
|
||||
// accordion
|
||||
accordions();
|
||||
|
||||
// slider js
|
||||
silder();
|
||||
|
||||
// counter up
|
||||
const counters = document.querySelectorAll(".counter");
|
||||
counters.forEach((counter) => {
|
||||
new countUp(counter);
|
||||
});
|
||||
|
||||
// service cards
|
||||
service();
|
||||
|
||||
// nice select
|
||||
const selects = document.querySelectorAll(".selectize");
|
||||
if (selects?.length) {
|
||||
selects.forEach((select) => NiceSelect.bind(select));
|
||||
}
|
||||
|
||||
// quick view modal
|
||||
modal();
|
||||
|
||||
// tab
|
||||
tabsController();
|
||||
|
||||
//glightbox
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox2",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
GLightbox({
|
||||
touchNavigation: true,
|
||||
loop: true,
|
||||
autoplayVideos: false,
|
||||
selector: ".glightbox3",
|
||||
slideEffect: "fade",
|
||||
videosWidth: "800px",
|
||||
});
|
||||
|
||||
// scrollUp
|
||||
scrollUp();
|
||||
|
||||
// smooth scroll
|
||||
smoothScroll();
|
||||
|
||||
// appart card hover action
|
||||
|
||||
const apartCards = document.querySelectorAll(".apart-card");
|
||||
|
||||
if (apartCards?.length) {
|
||||
apartCards.forEach((apartCard, idx) => {
|
||||
apartCard.addEventListener("mouseenter", () => {
|
||||
apartCard.querySelector(".card-quick-area").classList.add("active");
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// isotop filters
|
||||
filter();
|
||||
|
||||
// nice checkbox
|
||||
nice_checkbox();
|
||||
|
||||
// count input
|
||||
count();
|
||||
|
||||
// countdown
|
||||
const countContainers = document.querySelectorAll(".countdown");
|
||||
if (countContainers?.length) {
|
||||
countDown();
|
||||
}
|
||||
|
||||
// price slider
|
||||
const range_sliders = document.querySelectorAll(".slider-range");
|
||||
|
||||
if (range_sliders?.length) {
|
||||
|
||||
$(".slider-range").slider({
|
||||
range: true,
|
||||
min: 50,
|
||||
max: 5000,
|
||||
values: [50, 1500],
|
||||
slide: function (event, ui) {
|
||||
$(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
|
||||
},
|
||||
});
|
||||
$(".amount").val(
|
||||
"$" +
|
||||
$(".slider-range").slider("values", 0) +
|
||||
" - $" +
|
||||
$(".slider-range").slider("values", 1)
|
||||
);
|
||||
}
|
||||
|
||||
// price
|
||||
|
||||
@@ -1,196 +1,196 @@
|
||||
$(function () {
|
||||
var LocsA = [
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 1",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.733617,
|
||||
lon: -74.17115,
|
||||
title: "Location 2",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.743011,
|
||||
lon: -74.2471,
|
||||
title: "Location 3",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.71115,
|
||||
lon: -74.214998,
|
||||
title: "Location 4",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69001,
|
||||
lon: -74.151753,
|
||||
title: "Location 5",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69759,
|
||||
lon: -74.263164,
|
||||
title: "Location 6",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/6.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.729979,
|
||||
lon: -74.271992,
|
||||
title: "Location 7",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.749702,
|
||||
lon: -74.163631,
|
||||
title: "Location 8",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.718971,
|
||||
lon: -74.323219,
|
||||
title: "Location 9",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.74835,
|
||||
lon: -74.323219,
|
||||
title: "Location 10",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 11",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
];
|
||||
new Maplace({
|
||||
locations: LocsA,
|
||||
controls_on_map: true,
|
||||
map_options: {
|
||||
zoom: 13,
|
||||
scrollwheel: false,
|
||||
stopover: true,
|
||||
},
|
||||
stroke_options: {
|
||||
strokeColor: "#f10",
|
||||
strokeOpacity: 0.8,
|
||||
strokeWeight: 2,
|
||||
fillColor: "#f10",
|
||||
fillOpacity: 0.4,
|
||||
},
|
||||
}).Load();
|
||||
});
|
||||
$(function () {
|
||||
var LocsA = [
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 1",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.733617,
|
||||
lon: -74.17115,
|
||||
title: "Location 2",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.743011,
|
||||
lon: -74.2471,
|
||||
title: "Location 3",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.71115,
|
||||
lon: -74.214998,
|
||||
title: "Location 4",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69001,
|
||||
lon: -74.151753,
|
||||
title: "Location 5",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.69759,
|
||||
lon: -74.263164,
|
||||
title: "Location 6",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/6.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.729979,
|
||||
lon: -74.271992,
|
||||
title: "Location 7",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.749702,
|
||||
lon: -74.163631,
|
||||
title: "Location 8",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.718971,
|
||||
lon: -74.323219,
|
||||
title: "Location 9",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.74835,
|
||||
lon: -74.323219,
|
||||
title: "Location 10",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
{
|
||||
lat: 40.740178,
|
||||
lon: -74.190194,
|
||||
title: "Location 11",
|
||||
html: [
|
||||
'<div class="map-product-item">',
|
||||
'<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
|
||||
'<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
|
||||
'<h5 class="ltn__map-product-price">$30,000</h5>',
|
||||
'<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
|
||||
'<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
|
||||
"</div>",
|
||||
].join(""),
|
||||
icon: "../assets/img/icons/map-marker-2.png",
|
||||
animation: google.maps.Animation.BOUNCE,
|
||||
},
|
||||
];
|
||||
new Maplace({
|
||||
locations: LocsA,
|
||||
controls_on_map: true,
|
||||
map_options: {
|
||||
zoom: 13,
|
||||
scrollwheel: false,
|
||||
stopover: true,
|
||||
},
|
||||
stroke_options: {
|
||||
strokeColor: "#f10",
|
||||
strokeOpacity: 0.8,
|
||||
strokeWeight: 2,
|
||||
fillColor: "#f10",
|
||||
fillOpacity: 0.4,
|
||||
},
|
||||
}).Load();
|
||||
});
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,53 +1,53 @@
|
||||
const modal = () => {
|
||||
const modalContainers = document.querySelectorAll(".modal-container");
|
||||
|
||||
if (!modalContainers.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
modalContainers.forEach((modalContainer) => {
|
||||
const body = document.body;
|
||||
const bodyStyle = body.style;
|
||||
const modals = modalContainer.querySelectorAll(".modal");
|
||||
|
||||
modals?.forEach((modal, idx) => {
|
||||
const modalOpens = modalContainer.querySelectorAll(
|
||||
`[data-modal-index="${idx + 1}"]`
|
||||
);
|
||||
|
||||
const modalContent = modal.querySelector(".modal-content");
|
||||
const modalCloses = modal.querySelectorAll(".modal-close");
|
||||
// open modal
|
||||
modalOpens.forEach((modalOpen) => {
|
||||
modalOpen.addEventListener("click", () => {
|
||||
modal.style.display = "block";
|
||||
bodyStyle.overflow = "hidden";
|
||||
bodyStyle.paddingRight = "17px";
|
||||
|
||||
setTimeout(() => {
|
||||
// uncomment if you need body to be scroll down with modal open
|
||||
// window.scroll({ top: window.scrollY - 100, behavior: "smooth" });
|
||||
modal.style.opacity = 100;
|
||||
modal.style.visibility = "visible";
|
||||
modal.scrollTop = 0;
|
||||
modalContent.style.transform = "translateY(0px)";
|
||||
}, 10);
|
||||
});
|
||||
});
|
||||
// close modal
|
||||
modalCloses.forEach((modalClose) => {
|
||||
modalClose.addEventListener("click", function () {
|
||||
modal.style.opacity = 0;
|
||||
modal.style.visibility = "hidden";
|
||||
modalContent.style.transform = `translateY(-${80}px)`;
|
||||
|
||||
setTimeout(() => {
|
||||
modal.style.display = "none";
|
||||
bodyStyle.overflow = "auto";
|
||||
bodyStyle.paddingRight = 0;
|
||||
}, 500);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
const modal = () => {
|
||||
const modalContainers = document.querySelectorAll(".modal-container");
|
||||
|
||||
if (!modalContainers.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
modalContainers.forEach((modalContainer) => {
|
||||
const body = document.body;
|
||||
const bodyStyle = body.style;
|
||||
const modals = modalContainer.querySelectorAll(".modal");
|
||||
|
||||
modals?.forEach((modal, idx) => {
|
||||
const modalOpens = modalContainer.querySelectorAll(
|
||||
`[data-modal-index="${idx + 1}"]`
|
||||
);
|
||||
|
||||
const modalContent = modal.querySelector(".modal-content");
|
||||
const modalCloses = modal.querySelectorAll(".modal-close");
|
||||
// open modal
|
||||
modalOpens.forEach((modalOpen) => {
|
||||
modalOpen.addEventListener("click", () => {
|
||||
modal.style.display = "block";
|
||||
bodyStyle.overflow = "hidden";
|
||||
bodyStyle.paddingRight = "17px";
|
||||
|
||||
setTimeout(() => {
|
||||
// uncomment if you need body to be scroll down with modal open
|
||||
// window.scroll({ top: window.scrollY - 100, behavior: "smooth" });
|
||||
modal.style.opacity = 100;
|
||||
modal.style.visibility = "visible";
|
||||
modal.scrollTop = 0;
|
||||
modalContent.style.transform = "translateY(0px)";
|
||||
}, 10);
|
||||
});
|
||||
});
|
||||
// close modal
|
||||
modalCloses.forEach((modalClose) => {
|
||||
modalClose.addEventListener("click", function () {
|
||||
modal.style.opacity = 0;
|
||||
modal.style.visibility = "hidden";
|
||||
modalContent.style.transform = `translateY(-${80}px)`;
|
||||
|
||||
setTimeout(() => {
|
||||
modal.style.display = "none";
|
||||
bodyStyle.overflow = "auto";
|
||||
bodyStyle.paddingRight = 0;
|
||||
}, 500);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,402 +1,402 @@
|
||||
!(function (e, t) {
|
||||
"object" == typeof exports && "object" == typeof module
|
||||
? (module.exports = t())
|
||||
: "function" == typeof define && define.amd
|
||||
? define([], t)
|
||||
: "object" == typeof exports
|
||||
? (exports.NiceSelect = t())
|
||||
: (e.NiceSelect = t());
|
||||
})(self, () =>
|
||||
(() => {
|
||||
"use strict";
|
||||
var e = {
|
||||
d: (t, i) => {
|
||||
for (var s in i)
|
||||
e.o(i, s) &&
|
||||
!e.o(t, s) &&
|
||||
Object.defineProperty(t, s, { enumerable: !0, get: i[s] });
|
||||
},
|
||||
o: (e, t) => Object.prototype.hasOwnProperty.call(e, t),
|
||||
r: (e) => {
|
||||
"undefined" != typeof Symbol &&
|
||||
Symbol.toStringTag &&
|
||||
Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
|
||||
Object.defineProperty(e, "__esModule", { value: !0 });
|
||||
},
|
||||
},
|
||||
t = {};
|
||||
function i(e) {
|
||||
var t = document.createEvent("MouseEvents");
|
||||
t.initEvent("click", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function s(e) {
|
||||
var t = document.createEvent("HTMLEvents");
|
||||
t.initEvent("change", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function o(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusin", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function n(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusout", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function d(e) {
|
||||
var t = document.createEvent("UIEvent");
|
||||
t.initEvent("modalclose", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function l(e, t) {
|
||||
"invalid" == t
|
||||
? (c(this.dropdown, "invalid"), h(this.dropdown, "valid"))
|
||||
: (c(this.dropdown, "valid"), h(this.dropdown, "invalid"));
|
||||
}
|
||||
function r(e, t) {
|
||||
return null != e[t] ? e[t] : e.getAttribute(t);
|
||||
}
|
||||
function a(e, t) {
|
||||
return !!e && e.classList.contains(t);
|
||||
}
|
||||
function c(e, t) {
|
||||
if (e) return e.classList.add(t);
|
||||
}
|
||||
function h(e, t) {
|
||||
if (e) return e.classList.remove(t);
|
||||
}
|
||||
e.r(t), e.d(t, { bind: () => f, default: () => u });
|
||||
var p = { data: null, searchable: !1, showSelectedItems: !1 };
|
||||
function u(e, t) {
|
||||
(this.el = e),
|
||||
(this.config = Object.assign({}, p, t || {})),
|
||||
(this.data = this.config.data),
|
||||
(this.selectedOptions = []),
|
||||
(this.placeholder =
|
||||
r(this.el, "placeholder") ||
|
||||
this.config.placeholder ||
|
||||
"Select an option"),
|
||||
(this.searchtext =
|
||||
r(this.el, "searchtext") || this.config.searchtext || "Search"),
|
||||
(this.selectedtext =
|
||||
r(this.el, "selectedtext") || this.config.selectedtext || "selected"),
|
||||
(this.dropdown = null),
|
||||
(this.multiple = r(this.el, "multiple")),
|
||||
(this.disabled = r(this.el, "disabled")),
|
||||
this.create();
|
||||
}
|
||||
function f(e, t) {
|
||||
return new u(e, t);
|
||||
}
|
||||
return (
|
||||
(u.prototype.create = function () {
|
||||
(this.el.style.opacity = "0"),
|
||||
(this.el.style.width = "0"),
|
||||
(this.el.style.padding = "0"),
|
||||
(this.el.style.height = "0"),
|
||||
this.data ? this.processData(this.data) : this.extractData(),
|
||||
this.renderDropdown(),
|
||||
this.bindEvent();
|
||||
}),
|
||||
(u.prototype.processData = function (e) {
|
||||
var t = [];
|
||||
e.forEach((e) => {
|
||||
t.push({
|
||||
data: e,
|
||||
attributes: {
|
||||
selected: !!e.selected,
|
||||
disabled: !!e.disabled,
|
||||
optgroup: "optgroup" == e.value,
|
||||
},
|
||||
});
|
||||
}),
|
||||
(this.options = t);
|
||||
}),
|
||||
(u.prototype.extractData = function () {
|
||||
var e = this.el.querySelectorAll("option,optgroup"),
|
||||
t = [],
|
||||
i = [],
|
||||
s = [];
|
||||
e.forEach((e) => {
|
||||
if ("OPTGROUP" == e.tagName)
|
||||
var s = { text: e.label, value: "optgroup" };
|
||||
else
|
||||
s = {
|
||||
text: e.innerText,
|
||||
value: e.value,
|
||||
selected:
|
||||
null != e.getAttribute("selected") || this.el.value == e.value,
|
||||
disabled: null != e.getAttribute("disabled"),
|
||||
};
|
||||
var o = {
|
||||
selected: e.selected,
|
||||
disabled: e.disabled,
|
||||
optgroup: "OPTGROUP" == e.tagName,
|
||||
};
|
||||
t.push(s), i.push({ data: s, attributes: o });
|
||||
}),
|
||||
(this.data = t),
|
||||
(this.options = i),
|
||||
this.options.forEach((e) => {
|
||||
e.attributes.selected && s.push(e);
|
||||
}),
|
||||
(this.selectedOptions = s);
|
||||
}),
|
||||
(u.prototype.renderDropdown = function () {
|
||||
var e = [
|
||||
"nice-select",
|
||||
r(this.el, "class") || "",
|
||||
this.disabled ? "disabled" : "",
|
||||
this.multiple ? "has-multiple" : "",
|
||||
];
|
||||
let t = '<div class="nice-select-search-box">';
|
||||
(t += `<input type="text" class="nice-select-search" placeholder="${this.searchtext}..." title="search">`),
|
||||
(t += "</div>");
|
||||
var i = `<div class="${e.join(" ")}" tabindex="${
|
||||
this.disabled ? null : 0
|
||||
}">`;
|
||||
(i += `<span class="${
|
||||
this.multiple ? "multiple-options" : "current"
|
||||
}"></span>`),
|
||||
(i += '<div class="nice-select-dropdown">'),
|
||||
(i += `${this.config.searchable ? t : ""}`),
|
||||
(i += '<ul class="list"></ul>'),
|
||||
(i += "</div>"),
|
||||
(i += "</div>"),
|
||||
this.el.insertAdjacentHTML("afterend", i),
|
||||
(this.dropdown = this.el.nextElementSibling),
|
||||
this._renderSelectedItems(),
|
||||
this._renderItems();
|
||||
}),
|
||||
(u.prototype._renderSelectedItems = function () {
|
||||
if (this.multiple) {
|
||||
var e = "";
|
||||
this.config.showSelectedItems ||
|
||||
this.config.showSelectedItems ||
|
||||
"auto" == window.getComputedStyle(this.dropdown).width ||
|
||||
this.selectedOptions.length < 2
|
||||
? (this.selectedOptions.forEach(function (t) {
|
||||
e += `<span class="current">${t.data.text}</span>`;
|
||||
}),
|
||||
(e = "" == e ? this.placeholder : e))
|
||||
: (e = this.selectedOptions.length + " " + this.selectedtext),
|
||||
(this.dropdown.querySelector(".multiple-options").innerHTML = e);
|
||||
} else {
|
||||
var t =
|
||||
this.selectedOptions.length > 0
|
||||
? this.selectedOptions[0].data.text
|
||||
: this.placeholder;
|
||||
this.dropdown.querySelector(".current").innerHTML = t;
|
||||
}
|
||||
}),
|
||||
(u.prototype._renderItems = function () {
|
||||
var e = this.dropdown.querySelector("ul");
|
||||
this.options.forEach((t) => {
|
||||
e.appendChild(this._renderItem(t));
|
||||
});
|
||||
}),
|
||||
(u.prototype._renderItem = function (e) {
|
||||
var t = document.createElement("li");
|
||||
if (((t.innerHTML = e.data.text), e.attributes.optgroup))
|
||||
c(t, "optgroup");
|
||||
else {
|
||||
t.setAttribute("data-value", e.data.value);
|
||||
var i = [
|
||||
"option",
|
||||
e.attributes.selected ? "selected" : null,
|
||||
e.attributes.disabled ? "disabled" : null,
|
||||
];
|
||||
t.addEventListener("click", this._onItemClicked.bind(this, e)),
|
||||
t.classList.add(...i);
|
||||
}
|
||||
return (e.element = t), t;
|
||||
}),
|
||||
(u.prototype.update = function () {
|
||||
if ((this.extractData(), this.dropdown)) {
|
||||
var e = a(this.dropdown, "open");
|
||||
this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
this.create(),
|
||||
e && i(this.dropdown);
|
||||
}
|
||||
r(this.el, "disabled") ? this.disable() : this.enable();
|
||||
}),
|
||||
(u.prototype.disable = function () {
|
||||
this.disabled || ((this.disabled = !0), c(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.enable = function () {
|
||||
this.disabled && ((this.disabled = !1), h(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.clear = function () {
|
||||
this.resetSelectValue(),
|
||||
(this.selectedOptions = []),
|
||||
this._renderSelectedItems(),
|
||||
this.update(),
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.destroy = function () {
|
||||
this.dropdown &&
|
||||
(this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
(this.el.style.display = ""));
|
||||
}),
|
||||
(u.prototype.bindEvent = function () {
|
||||
this.dropdown.addEventListener("click", this._onClicked.bind(this)),
|
||||
this.dropdown.addEventListener(
|
||||
"keydown",
|
||||
this._onKeyPressed.bind(this)
|
||||
),
|
||||
this.dropdown.addEventListener("focusin", o.bind(this, this.el)),
|
||||
this.dropdown.addEventListener("focusout", n.bind(this, this.el)),
|
||||
this.el.addEventListener("invalid", l.bind(this, this.el, "invalid")),
|
||||
window.addEventListener("click", this._onClickedOutside.bind(this)),
|
||||
this.config.searchable && this._bindSearchEvent();
|
||||
}),
|
||||
(u.prototype._bindSearchEvent = function () {
|
||||
var e = this.dropdown.querySelector(".nice-select-search");
|
||||
e &&
|
||||
e.addEventListener("click", function (e) {
|
||||
return e.stopPropagation(), !1;
|
||||
}),
|
||||
e.addEventListener("input", this._onSearchChanged.bind(this));
|
||||
}),
|
||||
(u.prototype._onClicked = function (e) {
|
||||
var t, i;
|
||||
if (
|
||||
(e.preventDefault(),
|
||||
a(this.dropdown, "open")
|
||||
? this.multiple || (h(this.dropdown, "open"), d(this.el))
|
||||
: (c(this.dropdown, "open"),
|
||||
(t = this.el),
|
||||
(i = document.createEvent("UIEvent")).initEvent(
|
||||
"modalopen",
|
||||
!0,
|
||||
!1
|
||||
),
|
||||
t.dispatchEvent(i)),
|
||||
a(this.dropdown, "open"))
|
||||
) {
|
||||
var s = this.dropdown.querySelector(".nice-select-search");
|
||||
s && ((s.value = ""), s.focus());
|
||||
var o = this.dropdown.querySelector(".focus");
|
||||
h(o, "focus"),
|
||||
c((o = this.dropdown.querySelector(".selected")), "focus"),
|
||||
this.dropdown.querySelectorAll("ul li").forEach(function (e) {
|
||||
e.style.display = "";
|
||||
});
|
||||
} else this.dropdown.focus();
|
||||
}),
|
||||
(u.prototype._onItemClicked = function (e, t) {
|
||||
var i = t.target;
|
||||
a(i, "disabled") ||
|
||||
(this.multiple
|
||||
? a(i, "selected")
|
||||
? (h(i, "selected"),
|
||||
this.selectedOptions.splice(this.selectedOptions.indexOf(e), 1),
|
||||
this.el
|
||||
.querySelector(`option[value="${i.dataset.value}"]`)
|
||||
.removeAttribute("selected"))
|
||||
: (c(i, "selected"), this.selectedOptions.push(e))
|
||||
: (this.selectedOptions.forEach(function (e) {
|
||||
h(e.element, "selected");
|
||||
}),
|
||||
c(i, "selected"),
|
||||
(this.selectedOptions = [e])),
|
||||
this._renderSelectedItems(),
|
||||
this.updateSelectValue());
|
||||
}),
|
||||
(u.prototype.updateSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.setAttribute("selected", !0);
|
||||
});
|
||||
} else
|
||||
this.selectedOptions.length > 0 &&
|
||||
(this.el.value = this.selectedOptions[0].data.value);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.resetSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.removeAttribute("selected");
|
||||
});
|
||||
} else this.selectedOptions.length > 0 && (this.el.selectedIndex = -1);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype._onClickedOutside = function (e) {
|
||||
this.dropdown.contains(e.target) ||
|
||||
(h(this.dropdown, "open"), d(this.el));
|
||||
}),
|
||||
(u.prototype._onKeyPressed = function (e) {
|
||||
var t = this.dropdown.querySelector(".focus"),
|
||||
s = a(this.dropdown, "open");
|
||||
if (13 == e.keyCode) i(s ? t : this.dropdown);
|
||||
else if (40 == e.keyCode) {
|
||||
if (s) {
|
||||
var o = this._findNext(t);
|
||||
o &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(o, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (38 == e.keyCode) {
|
||||
if (s) {
|
||||
var n = this._findPrev(t);
|
||||
n &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(n, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (27 == e.keyCode && s) i(this.dropdown);
|
||||
else if (32 === e.keyCode && s) return !1;
|
||||
return !1;
|
||||
}),
|
||||
(u.prototype._findNext = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.nextElementSibling
|
||||
: this.dropdown.querySelector(".list .option");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.nextElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._findPrev = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.previousElementSibling
|
||||
: this.dropdown.querySelector(".list .option:last-child");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.previousElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._onSearchChanged = function (e) {
|
||||
var t = a(this.dropdown, "open"),
|
||||
i = e.target.value;
|
||||
if ("" == (i = i.toLowerCase()))
|
||||
this.options.forEach(function (e) {
|
||||
e.element.style.display = "";
|
||||
});
|
||||
else if (t) {
|
||||
var s = new RegExp(i);
|
||||
this.options.forEach(function (e) {
|
||||
var t = e.data.text.toLowerCase(),
|
||||
i = s.test(t);
|
||||
e.element.style.display = i ? "" : "none";
|
||||
});
|
||||
}
|
||||
this.dropdown.querySelectorAll(".focus").forEach(function (e) {
|
||||
h(e, "focus");
|
||||
}),
|
||||
c(this._findNext(null), "focus");
|
||||
}),
|
||||
t
|
||||
);
|
||||
})()
|
||||
);
|
||||
!(function (e, t) {
|
||||
"object" == typeof exports && "object" == typeof module
|
||||
? (module.exports = t())
|
||||
: "function" == typeof define && define.amd
|
||||
? define([], t)
|
||||
: "object" == typeof exports
|
||||
? (exports.NiceSelect = t())
|
||||
: (e.NiceSelect = t());
|
||||
})(self, () =>
|
||||
(() => {
|
||||
"use strict";
|
||||
var e = {
|
||||
d: (t, i) => {
|
||||
for (var s in i)
|
||||
e.o(i, s) &&
|
||||
!e.o(t, s) &&
|
||||
Object.defineProperty(t, s, { enumerable: !0, get: i[s] });
|
||||
},
|
||||
o: (e, t) => Object.prototype.hasOwnProperty.call(e, t),
|
||||
r: (e) => {
|
||||
"undefined" != typeof Symbol &&
|
||||
Symbol.toStringTag &&
|
||||
Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
|
||||
Object.defineProperty(e, "__esModule", { value: !0 });
|
||||
},
|
||||
},
|
||||
t = {};
|
||||
function i(e) {
|
||||
var t = document.createEvent("MouseEvents");
|
||||
t.initEvent("click", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function s(e) {
|
||||
var t = document.createEvent("HTMLEvents");
|
||||
t.initEvent("change", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function o(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusin", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function n(e) {
|
||||
var t = document.createEvent("FocusEvent");
|
||||
t.initEvent("focusout", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function d(e) {
|
||||
var t = document.createEvent("UIEvent");
|
||||
t.initEvent("modalclose", !0, !1), e.dispatchEvent(t);
|
||||
}
|
||||
function l(e, t) {
|
||||
"invalid" == t
|
||||
? (c(this.dropdown, "invalid"), h(this.dropdown, "valid"))
|
||||
: (c(this.dropdown, "valid"), h(this.dropdown, "invalid"));
|
||||
}
|
||||
function r(e, t) {
|
||||
return null != e[t] ? e[t] : e.getAttribute(t);
|
||||
}
|
||||
function a(e, t) {
|
||||
return !!e && e.classList.contains(t);
|
||||
}
|
||||
function c(e, t) {
|
||||
if (e) return e.classList.add(t);
|
||||
}
|
||||
function h(e, t) {
|
||||
if (e) return e.classList.remove(t);
|
||||
}
|
||||
e.r(t), e.d(t, { bind: () => f, default: () => u });
|
||||
var p = { data: null, searchable: !1, showSelectedItems: !1 };
|
||||
function u(e, t) {
|
||||
(this.el = e),
|
||||
(this.config = Object.assign({}, p, t || {})),
|
||||
(this.data = this.config.data),
|
||||
(this.selectedOptions = []),
|
||||
(this.placeholder =
|
||||
r(this.el, "placeholder") ||
|
||||
this.config.placeholder ||
|
||||
"Select an option"),
|
||||
(this.searchtext =
|
||||
r(this.el, "searchtext") || this.config.searchtext || "Search"),
|
||||
(this.selectedtext =
|
||||
r(this.el, "selectedtext") || this.config.selectedtext || "selected"),
|
||||
(this.dropdown = null),
|
||||
(this.multiple = r(this.el, "multiple")),
|
||||
(this.disabled = r(this.el, "disabled")),
|
||||
this.create();
|
||||
}
|
||||
function f(e, t) {
|
||||
return new u(e, t);
|
||||
}
|
||||
return (
|
||||
(u.prototype.create = function () {
|
||||
(this.el.style.opacity = "0"),
|
||||
(this.el.style.width = "0"),
|
||||
(this.el.style.padding = "0"),
|
||||
(this.el.style.height = "0"),
|
||||
this.data ? this.processData(this.data) : this.extractData(),
|
||||
this.renderDropdown(),
|
||||
this.bindEvent();
|
||||
}),
|
||||
(u.prototype.processData = function (e) {
|
||||
var t = [];
|
||||
e.forEach((e) => {
|
||||
t.push({
|
||||
data: e,
|
||||
attributes: {
|
||||
selected: !!e.selected,
|
||||
disabled: !!e.disabled,
|
||||
optgroup: "optgroup" == e.value,
|
||||
},
|
||||
});
|
||||
}),
|
||||
(this.options = t);
|
||||
}),
|
||||
(u.prototype.extractData = function () {
|
||||
var e = this.el.querySelectorAll("option,optgroup"),
|
||||
t = [],
|
||||
i = [],
|
||||
s = [];
|
||||
e.forEach((e) => {
|
||||
if ("OPTGROUP" == e.tagName)
|
||||
var s = { text: e.label, value: "optgroup" };
|
||||
else
|
||||
s = {
|
||||
text: e.innerText,
|
||||
value: e.value,
|
||||
selected:
|
||||
null != e.getAttribute("selected") || this.el.value == e.value,
|
||||
disabled: null != e.getAttribute("disabled"),
|
||||
};
|
||||
var o = {
|
||||
selected: e.selected,
|
||||
disabled: e.disabled,
|
||||
optgroup: "OPTGROUP" == e.tagName,
|
||||
};
|
||||
t.push(s), i.push({ data: s, attributes: o });
|
||||
}),
|
||||
(this.data = t),
|
||||
(this.options = i),
|
||||
this.options.forEach((e) => {
|
||||
e.attributes.selected && s.push(e);
|
||||
}),
|
||||
(this.selectedOptions = s);
|
||||
}),
|
||||
(u.prototype.renderDropdown = function () {
|
||||
var e = [
|
||||
"nice-select",
|
||||
r(this.el, "class") || "",
|
||||
this.disabled ? "disabled" : "",
|
||||
this.multiple ? "has-multiple" : "",
|
||||
];
|
||||
let t = '<div class="nice-select-search-box">';
|
||||
(t += `<input type="text" class="nice-select-search" placeholder="${this.searchtext}..." title="search">`),
|
||||
(t += "</div>");
|
||||
var i = `<div class="${e.join(" ")}" tabindex="${
|
||||
this.disabled ? null : 0
|
||||
}">`;
|
||||
(i += `<span class="${
|
||||
this.multiple ? "multiple-options" : "current"
|
||||
}"></span>`),
|
||||
(i += '<div class="nice-select-dropdown">'),
|
||||
(i += `${this.config.searchable ? t : ""}`),
|
||||
(i += '<ul class="list"></ul>'),
|
||||
(i += "</div>"),
|
||||
(i += "</div>"),
|
||||
this.el.insertAdjacentHTML("afterend", i),
|
||||
(this.dropdown = this.el.nextElementSibling),
|
||||
this._renderSelectedItems(),
|
||||
this._renderItems();
|
||||
}),
|
||||
(u.prototype._renderSelectedItems = function () {
|
||||
if (this.multiple) {
|
||||
var e = "";
|
||||
this.config.showSelectedItems ||
|
||||
this.config.showSelectedItems ||
|
||||
"auto" == window.getComputedStyle(this.dropdown).width ||
|
||||
this.selectedOptions.length < 2
|
||||
? (this.selectedOptions.forEach(function (t) {
|
||||
e += `<span class="current">${t.data.text}</span>`;
|
||||
}),
|
||||
(e = "" == e ? this.placeholder : e))
|
||||
: (e = this.selectedOptions.length + " " + this.selectedtext),
|
||||
(this.dropdown.querySelector(".multiple-options").innerHTML = e);
|
||||
} else {
|
||||
var t =
|
||||
this.selectedOptions.length > 0
|
||||
? this.selectedOptions[0].data.text
|
||||
: this.placeholder;
|
||||
this.dropdown.querySelector(".current").innerHTML = t;
|
||||
}
|
||||
}),
|
||||
(u.prototype._renderItems = function () {
|
||||
var e = this.dropdown.querySelector("ul");
|
||||
this.options.forEach((t) => {
|
||||
e.appendChild(this._renderItem(t));
|
||||
});
|
||||
}),
|
||||
(u.prototype._renderItem = function (e) {
|
||||
var t = document.createElement("li");
|
||||
if (((t.innerHTML = e.data.text), e.attributes.optgroup))
|
||||
c(t, "optgroup");
|
||||
else {
|
||||
t.setAttribute("data-value", e.data.value);
|
||||
var i = [
|
||||
"option",
|
||||
e.attributes.selected ? "selected" : null,
|
||||
e.attributes.disabled ? "disabled" : null,
|
||||
];
|
||||
t.addEventListener("click", this._onItemClicked.bind(this, e)),
|
||||
t.classList.add(...i);
|
||||
}
|
||||
return (e.element = t), t;
|
||||
}),
|
||||
(u.prototype.update = function () {
|
||||
if ((this.extractData(), this.dropdown)) {
|
||||
var e = a(this.dropdown, "open");
|
||||
this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
this.create(),
|
||||
e && i(this.dropdown);
|
||||
}
|
||||
r(this.el, "disabled") ? this.disable() : this.enable();
|
||||
}),
|
||||
(u.prototype.disable = function () {
|
||||
this.disabled || ((this.disabled = !0), c(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.enable = function () {
|
||||
this.disabled && ((this.disabled = !1), h(this.dropdown, "disabled"));
|
||||
}),
|
||||
(u.prototype.clear = function () {
|
||||
this.resetSelectValue(),
|
||||
(this.selectedOptions = []),
|
||||
this._renderSelectedItems(),
|
||||
this.update(),
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.destroy = function () {
|
||||
this.dropdown &&
|
||||
(this.dropdown.parentNode.removeChild(this.dropdown),
|
||||
(this.el.style.display = ""));
|
||||
}),
|
||||
(u.prototype.bindEvent = function () {
|
||||
this.dropdown.addEventListener("click", this._onClicked.bind(this)),
|
||||
this.dropdown.addEventListener(
|
||||
"keydown",
|
||||
this._onKeyPressed.bind(this)
|
||||
),
|
||||
this.dropdown.addEventListener("focusin", o.bind(this, this.el)),
|
||||
this.dropdown.addEventListener("focusout", n.bind(this, this.el)),
|
||||
this.el.addEventListener("invalid", l.bind(this, this.el, "invalid")),
|
||||
window.addEventListener("click", this._onClickedOutside.bind(this)),
|
||||
this.config.searchable && this._bindSearchEvent();
|
||||
}),
|
||||
(u.prototype._bindSearchEvent = function () {
|
||||
var e = this.dropdown.querySelector(".nice-select-search");
|
||||
e &&
|
||||
e.addEventListener("click", function (e) {
|
||||
return e.stopPropagation(), !1;
|
||||
}),
|
||||
e.addEventListener("input", this._onSearchChanged.bind(this));
|
||||
}),
|
||||
(u.prototype._onClicked = function (e) {
|
||||
var t, i;
|
||||
if (
|
||||
(e.preventDefault(),
|
||||
a(this.dropdown, "open")
|
||||
? this.multiple || (h(this.dropdown, "open"), d(this.el))
|
||||
: (c(this.dropdown, "open"),
|
||||
(t = this.el),
|
||||
(i = document.createEvent("UIEvent")).initEvent(
|
||||
"modalopen",
|
||||
!0,
|
||||
!1
|
||||
),
|
||||
t.dispatchEvent(i)),
|
||||
a(this.dropdown, "open"))
|
||||
) {
|
||||
var s = this.dropdown.querySelector(".nice-select-search");
|
||||
s && ((s.value = ""), s.focus());
|
||||
var o = this.dropdown.querySelector(".focus");
|
||||
h(o, "focus"),
|
||||
c((o = this.dropdown.querySelector(".selected")), "focus"),
|
||||
this.dropdown.querySelectorAll("ul li").forEach(function (e) {
|
||||
e.style.display = "";
|
||||
});
|
||||
} else this.dropdown.focus();
|
||||
}),
|
||||
(u.prototype._onItemClicked = function (e, t) {
|
||||
var i = t.target;
|
||||
a(i, "disabled") ||
|
||||
(this.multiple
|
||||
? a(i, "selected")
|
||||
? (h(i, "selected"),
|
||||
this.selectedOptions.splice(this.selectedOptions.indexOf(e), 1),
|
||||
this.el
|
||||
.querySelector(`option[value="${i.dataset.value}"]`)
|
||||
.removeAttribute("selected"))
|
||||
: (c(i, "selected"), this.selectedOptions.push(e))
|
||||
: (this.selectedOptions.forEach(function (e) {
|
||||
h(e.element, "selected");
|
||||
}),
|
||||
c(i, "selected"),
|
||||
(this.selectedOptions = [e])),
|
||||
this._renderSelectedItems(),
|
||||
this.updateSelectValue());
|
||||
}),
|
||||
(u.prototype.updateSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.setAttribute("selected", !0);
|
||||
});
|
||||
} else
|
||||
this.selectedOptions.length > 0 &&
|
||||
(this.el.value = this.selectedOptions[0].data.value);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype.resetSelectValue = function () {
|
||||
if (this.multiple) {
|
||||
var e = this.el;
|
||||
this.selectedOptions.forEach(function (t) {
|
||||
var i = e.querySelector(`option[value="${t.data.value}"]`);
|
||||
i && i.removeAttribute("selected");
|
||||
});
|
||||
} else this.selectedOptions.length > 0 && (this.el.selectedIndex = -1);
|
||||
s(this.el);
|
||||
}),
|
||||
(u.prototype._onClickedOutside = function (e) {
|
||||
this.dropdown.contains(e.target) ||
|
||||
(h(this.dropdown, "open"), d(this.el));
|
||||
}),
|
||||
(u.prototype._onKeyPressed = function (e) {
|
||||
var t = this.dropdown.querySelector(".focus"),
|
||||
s = a(this.dropdown, "open");
|
||||
if (13 == e.keyCode) i(s ? t : this.dropdown);
|
||||
else if (40 == e.keyCode) {
|
||||
if (s) {
|
||||
var o = this._findNext(t);
|
||||
o &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(o, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (38 == e.keyCode) {
|
||||
if (s) {
|
||||
var n = this._findPrev(t);
|
||||
n &&
|
||||
(h(this.dropdown.querySelector(".focus"), "focus"),
|
||||
c(n, "focus"));
|
||||
} else i(this.dropdown);
|
||||
e.preventDefault();
|
||||
} else if (27 == e.keyCode && s) i(this.dropdown);
|
||||
else if (32 === e.keyCode && s) return !1;
|
||||
return !1;
|
||||
}),
|
||||
(u.prototype._findNext = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.nextElementSibling
|
||||
: this.dropdown.querySelector(".list .option");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.nextElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._findPrev = function (e) {
|
||||
for (
|
||||
e = e
|
||||
? e.previousElementSibling
|
||||
: this.dropdown.querySelector(".list .option:last-child");
|
||||
e;
|
||||
|
||||
) {
|
||||
if (!a(e, "disabled") && "none" != e.style.display) return e;
|
||||
e = e.previousElementSibling;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(u.prototype._onSearchChanged = function (e) {
|
||||
var t = a(this.dropdown, "open"),
|
||||
i = e.target.value;
|
||||
if ("" == (i = i.toLowerCase()))
|
||||
this.options.forEach(function (e) {
|
||||
e.element.style.display = "";
|
||||
});
|
||||
else if (t) {
|
||||
var s = new RegExp(i);
|
||||
this.options.forEach(function (e) {
|
||||
var t = e.data.text.toLowerCase(),
|
||||
i = s.test(t);
|
||||
e.element.style.display = i ? "" : "none";
|
||||
});
|
||||
}
|
||||
this.dropdown.querySelectorAll(".focus").forEach(function (e) {
|
||||
h(e, "focus");
|
||||
}),
|
||||
c(this._findNext(null), "focus");
|
||||
}),
|
||||
t
|
||||
);
|
||||
})()
|
||||
);
|
||||
|
||||
@@ -1,31 +1,31 @@
|
||||
const nice_checkbox = () => {
|
||||
const allChecboxItems = document.querySelectorAll(".checkbox-item");
|
||||
|
||||
if (allChecboxItems?.length) {
|
||||
allChecboxItems.forEach((checkboxItem, idx) => {
|
||||
const checkbox = checkboxItem.querySelector("input[type='checkbox']");
|
||||
|
||||
if (checkbox) {
|
||||
const checkmark = checkbox
|
||||
.closest(".checkbox-item")
|
||||
.querySelector(".checkmark");
|
||||
|
||||
if (checkbox.checked) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
checkbox.addEventListener("change", function () {
|
||||
const value = this.checked;
|
||||
const checkmark =
|
||||
this.closest(".checkbox-item").querySelector(".checkmark");
|
||||
if (value) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
const nice_checkbox = () => {
|
||||
const allChecboxItems = document.querySelectorAll(".checkbox-item");
|
||||
|
||||
if (allChecboxItems?.length) {
|
||||
allChecboxItems.forEach((checkboxItem, idx) => {
|
||||
const checkbox = checkboxItem.querySelector("input[type='checkbox']");
|
||||
|
||||
if (checkbox) {
|
||||
const checkmark = checkbox
|
||||
.closest(".checkbox-item")
|
||||
.querySelector(".checkmark");
|
||||
|
||||
if (checkbox.checked) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
checkbox.addEventListener("change", function () {
|
||||
const value = this.checked;
|
||||
const checkmark =
|
||||
this.closest(".checkbox-item").querySelector(".checkmark");
|
||||
if (value) {
|
||||
checkmark.classList.add("active");
|
||||
} else {
|
||||
checkmark.classList.remove("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
const scrollUp = () => {
|
||||
const scrollUpElement = document.querySelector(".scroll-up");
|
||||
if (scrollUpElement) {
|
||||
scrollUpElement.addEventListener("click", () => {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
});
|
||||
|
||||
window.addEventListener("scroll", () => {
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
if (scrollCount < 300) {
|
||||
scrollUpElement.classList.remove("active");
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
scrollUpElement.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
const scrollUp = () => {
|
||||
const scrollUpElement = document.querySelector(".scroll-up");
|
||||
if (scrollUpElement) {
|
||||
scrollUpElement.addEventListener("click", () => {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
});
|
||||
|
||||
window.addEventListener("scroll", () => {
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
if (scrollCount < 300) {
|
||||
scrollUpElement.classList.remove("active");
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
scrollUpElement.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
const search = () => {
|
||||
const searchForm = document.querySelector(".search-form-container");
|
||||
const searchToggle = document.querySelector(".search-toggle");
|
||||
const searchShow = document.querySelector(".for-search-show");
|
||||
const searchClose = document.querySelector(".for-search-close");
|
||||
if (searchForm) {
|
||||
searchToggle.addEventListener("click", () => {
|
||||
searchForm.classList.toggle("active");
|
||||
});
|
||||
}
|
||||
};
|
||||
const search = () => {
|
||||
const searchForm = document.querySelector(".search-form-container");
|
||||
const searchToggle = document.querySelector(".search-toggle");
|
||||
const searchShow = document.querySelector(".for-search-show");
|
||||
const searchClose = document.querySelector(".for-search-close");
|
||||
if (searchForm) {
|
||||
searchToggle.addEventListener("click", () => {
|
||||
searchForm.classList.toggle("active");
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
const service = () => {
|
||||
const serviceCards = document.querySelectorAll(".service-cards");
|
||||
if (serviceCards?.length) {
|
||||
serviceCards.forEach((serviceCardsSingle) => {
|
||||
const allServiceCards =
|
||||
serviceCardsSingle.querySelectorAll(".service-card");
|
||||
|
||||
allServiceCards.forEach((serviceCard, idx) => {
|
||||
serviceCard.addEventListener("mouseenter", function () {
|
||||
allServiceCards.forEach((serviceCard) => {
|
||||
serviceCard.classList.remove("active");
|
||||
});
|
||||
|
||||
this.classList.add("active");
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
const service = () => {
|
||||
const serviceCards = document.querySelectorAll(".service-cards");
|
||||
if (serviceCards?.length) {
|
||||
serviceCards.forEach((serviceCardsSingle) => {
|
||||
const allServiceCards =
|
||||
serviceCardsSingle.querySelectorAll(".service-card");
|
||||
|
||||
allServiceCards.forEach((serviceCard, idx) => {
|
||||
serviceCard.addEventListener("mouseenter", function () {
|
||||
allServiceCards.forEach((serviceCard) => {
|
||||
serviceCard.classList.remove("active");
|
||||
});
|
||||
|
||||
this.classList.add("active");
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,431 +1,431 @@
|
||||
const silder = () => {
|
||||
const swiperElement = document.querySelector(".swiper");
|
||||
if (swiperElement) {
|
||||
// swiper slider
|
||||
var swiper = new Swiper(".primary-slider", {
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
// hero2 slider
|
||||
var swiperThumbs = new Swiper(".hero-slider2-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 3,
|
||||
speed: 800,
|
||||
|
||||
// freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
breakpoints: {
|
||||
1600: {
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper1 = new Swiper(".hero-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: swiperThumbs,
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider
|
||||
var swiper = new Swiper(".featured-apartments-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1800: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider2
|
||||
var swiper = new Swiper(".featured-apartments-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials slider
|
||||
var swiper = new Swiper(".testimonials-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials2 slider
|
||||
var swiper = new Swiper(".testimonials-slider2", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials 3 slider
|
||||
const testimonials3ThumbsSlider = new Swiper(
|
||||
".testimonials3-tumbs_slider",
|
||||
{
|
||||
slidesPerView: "auto",
|
||||
cssMode: true,
|
||||
preventClicks: false,
|
||||
}
|
||||
);
|
||||
const testimonialsSlider3 = new Swiper(".testimonials-slider-3", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
effect: "fade",
|
||||
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: testimonials3ThumbsSlider,
|
||||
},
|
||||
});
|
||||
// testimonials 4 slider
|
||||
var testimonialsSlider4 = new Swiper(".testimonials-slider-4", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const testimonialQuoteMenus = document.querySelectorAll(
|
||||
".testimonial-quote-menu"
|
||||
);
|
||||
// random thumb menu
|
||||
|
||||
if (testimonialQuoteMenus?.length) {
|
||||
testimonialQuoteMenus.forEach((quoteMenu, idx) => {
|
||||
const menuContainer = quoteMenu.closest(
|
||||
".testimonial-quote-menu-container"
|
||||
);
|
||||
|
||||
const quoteMenu2 = quoteMenu;
|
||||
let innerHtmlogQuoteMenu2 = "";
|
||||
let ul = document.createElement("ul");
|
||||
|
||||
ul.classList.add("testimonial-quote-menu", "testimonial-quote-menu2");
|
||||
|
||||
quoteMenu2.querySelectorAll("li").forEach((li2) => {
|
||||
innerHtmlogQuoteMenu2 += `<li>${li2.innerHTML}</li>`;
|
||||
});
|
||||
ul.innerHTML = innerHtmlogQuoteMenu2;
|
||||
if (menuContainer) {
|
||||
menuContainer.appendChild(ul);
|
||||
}
|
||||
});
|
||||
const menuCopy = document.querySelector(".testimonial-quote-menu2");
|
||||
|
||||
// add active class to animatable image
|
||||
const isActive = (cs) => {
|
||||
menuCopy.style.zIndex = 20;
|
||||
menuCopy.querySelectorAll("li").forEach((li, idx) => {
|
||||
li.classList.remove("active");
|
||||
if (cs === idx) {
|
||||
li.classList.add("active");
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
li.classList.remove("active");
|
||||
menuCopy.style.zIndex = 1;
|
||||
}, 300);
|
||||
});
|
||||
};
|
||||
|
||||
testimonialsSlider3.eventsListeners.activeIndexChange[0] = (e) => {
|
||||
if (
|
||||
testimonialsSlider3.realIndex !==
|
||||
testimonialsSlider3.previousRealIndex
|
||||
) {
|
||||
isActive(testimonialsSlider3.realIndex);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// news slider
|
||||
var swiper = new Swiper(".news-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// news single slider
|
||||
var swiper = new Swiper(".news-single-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
|
||||
// properties slider
|
||||
var swiper = new Swiper(".properties-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// upcoming projects slider
|
||||
var swiper = new Swiper(".project-slider-container", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// neighbour slider
|
||||
var neighbourswiperThumbs = new Swiper(".neighbour-slider-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 8,
|
||||
slidesPerView: 3,
|
||||
freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
});
|
||||
var swiper = new Swiper(".neighbour-slider", {
|
||||
slidesPerView: 1,
|
||||
speed: 800,
|
||||
|
||||
effect: "fade",
|
||||
thumbs: {
|
||||
swiper: neighbourswiperThumbs,
|
||||
},
|
||||
});
|
||||
// brands slider
|
||||
var swiper = new Swiper(".brand-slider", {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
speed: 800,
|
||||
loop: true,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// portfolio slider
|
||||
var swiper = new Swiper(".portfolio-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
// popular properties slider
|
||||
var swiper = new Swiper(".popular-properties-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// product details slider
|
||||
var swiper = new Swiper(".product-details-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
preventClicksPropagation: false,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 10000,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 1.6,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 1.55,
|
||||
},
|
||||
|
||||
1600: {
|
||||
slidesPerView: 1.9,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
};
|
||||
const silder = () => {
|
||||
const swiperElement = document.querySelector(".swiper");
|
||||
if (swiperElement) {
|
||||
// swiper slider
|
||||
var swiper = new Swiper(".primary-slider", {
|
||||
slidesPerView: 1,
|
||||
effect: "fade",
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
// hero2 slider
|
||||
var swiperThumbs = new Swiper(".hero-slider2-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 3,
|
||||
speed: 800,
|
||||
|
||||
// freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
breakpoints: {
|
||||
1600: {
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
var swiper1 = new Swiper(".hero-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: swiperThumbs,
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider
|
||||
var swiper = new Swiper(".featured-apartments-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1800: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// featured apartments slider2
|
||||
var swiper = new Swiper(".featured-apartments-slider2", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials slider
|
||||
var swiper = new Swiper(".testimonials-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials2 slider
|
||||
var swiper = new Swiper(".testimonials-slider2", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
},
|
||||
});
|
||||
// testimonials 3 slider
|
||||
const testimonials3ThumbsSlider = new Swiper(
|
||||
".testimonials3-tumbs_slider",
|
||||
{
|
||||
slidesPerView: "auto",
|
||||
cssMode: true,
|
||||
preventClicks: false,
|
||||
}
|
||||
);
|
||||
const testimonialsSlider3 = new Swiper(".testimonials-slider-3", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 1500,
|
||||
effect: "fade",
|
||||
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
thumbs: {
|
||||
swiper: testimonials3ThumbsSlider,
|
||||
},
|
||||
});
|
||||
// testimonials 4 slider
|
||||
var testimonialsSlider4 = new Swiper(".testimonials-slider-4", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const testimonialQuoteMenus = document.querySelectorAll(
|
||||
".testimonial-quote-menu"
|
||||
);
|
||||
// random thumb menu
|
||||
|
||||
if (testimonialQuoteMenus?.length) {
|
||||
testimonialQuoteMenus.forEach((quoteMenu, idx) => {
|
||||
const menuContainer = quoteMenu.closest(
|
||||
".testimonial-quote-menu-container"
|
||||
);
|
||||
|
||||
const quoteMenu2 = quoteMenu;
|
||||
let innerHtmlogQuoteMenu2 = "";
|
||||
let ul = document.createElement("ul");
|
||||
|
||||
ul.classList.add("testimonial-quote-menu", "testimonial-quote-menu2");
|
||||
|
||||
quoteMenu2.querySelectorAll("li").forEach((li2) => {
|
||||
innerHtmlogQuoteMenu2 += `<li>${li2.innerHTML}</li>`;
|
||||
});
|
||||
ul.innerHTML = innerHtmlogQuoteMenu2;
|
||||
if (menuContainer) {
|
||||
menuContainer.appendChild(ul);
|
||||
}
|
||||
});
|
||||
const menuCopy = document.querySelector(".testimonial-quote-menu2");
|
||||
|
||||
// add active class to animatable image
|
||||
const isActive = (cs) => {
|
||||
menuCopy.style.zIndex = 20;
|
||||
menuCopy.querySelectorAll("li").forEach((li, idx) => {
|
||||
li.classList.remove("active");
|
||||
if (cs === idx) {
|
||||
li.classList.add("active");
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
li.classList.remove("active");
|
||||
menuCopy.style.zIndex = 1;
|
||||
}, 300);
|
||||
});
|
||||
};
|
||||
|
||||
testimonialsSlider3.eventsListeners.activeIndexChange[0] = (e) => {
|
||||
if (
|
||||
testimonialsSlider3.realIndex !==
|
||||
testimonialsSlider3.previousRealIndex
|
||||
) {
|
||||
isActive(testimonialsSlider3.realIndex);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// news slider
|
||||
var swiper = new Swiper(".news-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// news single slider
|
||||
var swiper = new Swiper(".news-single-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
|
||||
// properties slider
|
||||
var swiper = new Swiper(".properties-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
},
|
||||
});
|
||||
// upcoming projects slider
|
||||
var swiper = new Swiper(".project-slider-container", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// neighbour slider
|
||||
var neighbourswiperThumbs = new Swiper(".neighbour-slider-tumbs_slider", {
|
||||
loop: true,
|
||||
spaceBetween: 8,
|
||||
slidesPerView: 3,
|
||||
freeMode: true,
|
||||
watchSlidesProgress: true,
|
||||
});
|
||||
var swiper = new Swiper(".neighbour-slider", {
|
||||
slidesPerView: 1,
|
||||
speed: 800,
|
||||
|
||||
effect: "fade",
|
||||
thumbs: {
|
||||
swiper: neighbourswiperThumbs,
|
||||
},
|
||||
});
|
||||
// brands slider
|
||||
var swiper = new Swiper(".brand-slider", {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
speed: 800,
|
||||
loop: true,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 5,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// portfolio slider
|
||||
var swiper = new Swiper(".portfolio-slider", {
|
||||
slidesPerView: 1,
|
||||
|
||||
loop: true,
|
||||
speed: 800,
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
},
|
||||
});
|
||||
// popular properties slider
|
||||
var swiper = new Swiper(".popular-properties-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
// product details slider
|
||||
var swiper = new Swiper(".product-details-slider", {
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
speed: 800,
|
||||
preventClicksPropagation: false,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 10000,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
slidesPerView: 1.6,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 1.55,
|
||||
},
|
||||
|
||||
1600: {
|
||||
slidesPerView: 1.9,
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
const smoothScroll = () => {
|
||||
var links = document.querySelectorAll('a[href^="#"]');
|
||||
if (!links.length) {
|
||||
return;
|
||||
}
|
||||
links.forEach(function (link) {
|
||||
link.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var targetId = this.getAttribute("href").substring(1);
|
||||
|
||||
var targetElement = document.getElementById(targetId);
|
||||
if (targetElement) {
|
||||
targetElement.scrollIntoView({ behavior: "smooth" });
|
||||
} else {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
const smoothScroll = () => {
|
||||
var links = document.querySelectorAll('a[href^="#"]');
|
||||
if (!links.length) {
|
||||
return;
|
||||
}
|
||||
links.forEach(function (link) {
|
||||
link.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var targetId = this.getAttribute("href").substring(1);
|
||||
|
||||
var targetElement = document.getElementById(targetId);
|
||||
if (targetElement) {
|
||||
targetElement.scrollIntoView({ behavior: "smooth" });
|
||||
} else {
|
||||
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1,35 +1,35 @@
|
||||
const stickystickyHeader = () => {
|
||||
const header = document.querySelector("header");
|
||||
const stickyHeader = header?.querySelector(".sticky-header");
|
||||
|
||||
if (stickyHeader) {
|
||||
window.addEventListener("scroll", () => {
|
||||
const stickyHeaderHeight = stickyHeader.offsetHeight;
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
// if (scrollCount - headerHeight < 0 && scrollCount - headerHeight > -5) {
|
||||
|
||||
// }
|
||||
if (scrollCount < 300) {
|
||||
if (scrollCount > 200) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
`position: fixed;top: -${stickyHeaderHeight}px;left:0;right:0
|
||||
`
|
||||
);
|
||||
stickyHeader.classList.remove("active");
|
||||
} else {
|
||||
stickyHeader.removeAttribute("style");
|
||||
stickyHeader.classList.remove("active");
|
||||
}
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
" position: fixed;top: 0px; left:0;right:0 "
|
||||
);
|
||||
stickyHeader.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
const stickystickyHeader = () => {
|
||||
const header = document.querySelector("header");
|
||||
const stickyHeader = header?.querySelector(".sticky-header");
|
||||
|
||||
if (stickyHeader) {
|
||||
window.addEventListener("scroll", () => {
|
||||
const stickyHeaderHeight = stickyHeader.offsetHeight;
|
||||
const scrollCount = window.scrollY;
|
||||
|
||||
// if (scrollCount - headerHeight < 0 && scrollCount - headerHeight > -5) {
|
||||
|
||||
// }
|
||||
if (scrollCount < 300) {
|
||||
if (scrollCount > 200) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
`position: fixed;top: -${stickyHeaderHeight}px;left:0;right:0
|
||||
`
|
||||
);
|
||||
stickyHeader.classList.remove("active");
|
||||
} else {
|
||||
stickyHeader.removeAttribute("style");
|
||||
stickyHeader.classList.remove("active");
|
||||
}
|
||||
}
|
||||
if (scrollCount > 300) {
|
||||
stickyHeader.setAttribute(
|
||||
"style",
|
||||
" position: fixed;top: 0px; left:0;right:0 "
|
||||
);
|
||||
stickyHeader.classList.add("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1,97 +1,97 @@
|
||||
// handle current tablink style
|
||||
const handleCurrentTabLinkStyle = (tabLinks, currentIndex) => {
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
const currentTabLink = tabLinks[currentIndex];
|
||||
const tabLinkClasses = tabLink.classList;
|
||||
const currentTabLinkClasses = currentTabLink.classList;
|
||||
const spanClasses = tabLink.querySelector("span")?.classList;
|
||||
|
||||
const currentSpanClasses = currentTabLink.querySelector("span")?.classList;
|
||||
|
||||
if (spanClasses) {
|
||||
// button default style
|
||||
tabLinkClasses.remove("bg-white", "shadow-bottom", "active");
|
||||
tabLinkClasses.add(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
spanClasses.replace("w-full", "w-0");
|
||||
tabLink.disabled = false;
|
||||
// current button style
|
||||
if (currentIndex === idx) {
|
||||
currentTabLink.disabled = true;
|
||||
currentTabLinkClasses.remove(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
currentTabLinkClasses.add(
|
||||
"bg-white",
|
||||
"dark:bg-whiteColor-dark",
|
||||
"shadow-bottom",
|
||||
"active"
|
||||
);
|
||||
currentSpanClasses.replace("w-0", "w-full");
|
||||
}
|
||||
} else {
|
||||
tabLinkClasses.remove("before:w-full", "active");
|
||||
if (currentIndex === idx) {
|
||||
tabLinkClasses.add("before:w-full", "active");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// handle tab content
|
||||
const handleTabContents = (tab, currentIndex) => {
|
||||
const nodeListOftabContents = tab.querySelector(".tab-contents").children;
|
||||
const tabContents = [...nodeListOftabContents];
|
||||
const currentTabContentClasses = tabContents[currentIndex].classList;
|
||||
tabContents.forEach((tabContent, idx) => {
|
||||
const tabContentClasses = tabContent.classList;
|
||||
|
||||
// tab contents default style
|
||||
tabContentClasses.remove("block");
|
||||
tabContentClasses.add("hidden");
|
||||
|
||||
if (currentIndex === idx) {
|
||||
currentTabContentClasses.add("block", "opacity-0");
|
||||
currentTabContentClasses.remove("hidden", "opacity-100");
|
||||
|
||||
// add accordion style
|
||||
const accordion = tab.querySelector(".accordion.active");
|
||||
if (accordion) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[idx]?.offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
setTimeout(() => {
|
||||
currentTabContentClasses.remove("opacity-0");
|
||||
currentTabContentClasses.add("opacity-100");
|
||||
}, 150);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// get tab links and listen link events
|
||||
const handleTabLinks = (tab) => {
|
||||
const nodeListOfTabLinks = tab.querySelector(".tab-links").children;
|
||||
const tabLinks = [...nodeListOfTabLinks];
|
||||
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
tabLink.addEventListener("click", () => {
|
||||
handleCurrentTabLinkStyle(tabLinks, idx);
|
||||
handleTabContents(tab, idx);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// main tab controller
|
||||
const tabsController = () => {
|
||||
const nodeListOfTabs = document.querySelectorAll(".tab");
|
||||
const tabs = [...nodeListOfTabs];
|
||||
tabs.forEach((tab) => handleTabLinks(tab));
|
||||
};
|
||||
// handle current tablink style
|
||||
const handleCurrentTabLinkStyle = (tabLinks, currentIndex) => {
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
const currentTabLink = tabLinks[currentIndex];
|
||||
const tabLinkClasses = tabLink.classList;
|
||||
const currentTabLinkClasses = currentTabLink.classList;
|
||||
const spanClasses = tabLink.querySelector("span")?.classList;
|
||||
|
||||
const currentSpanClasses = currentTabLink.querySelector("span")?.classList;
|
||||
|
||||
if (spanClasses) {
|
||||
// button default style
|
||||
tabLinkClasses.remove("bg-white", "shadow-bottom", "active");
|
||||
tabLinkClasses.add(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
spanClasses.replace("w-full", "w-0");
|
||||
tabLink.disabled = false;
|
||||
// current button style
|
||||
if (currentIndex === idx) {
|
||||
currentTabLink.disabled = true;
|
||||
currentTabLinkClasses.remove(
|
||||
"bg-lightGrey7",
|
||||
"dark:bg-lightGrey7-dark",
|
||||
"inActive"
|
||||
);
|
||||
currentTabLinkClasses.add(
|
||||
"bg-white",
|
||||
"dark:bg-whiteColor-dark",
|
||||
"shadow-bottom",
|
||||
"active"
|
||||
);
|
||||
currentSpanClasses.replace("w-0", "w-full");
|
||||
}
|
||||
} else {
|
||||
tabLinkClasses.remove("before:w-full", "active");
|
||||
if (currentIndex === idx) {
|
||||
tabLinkClasses.add("before:w-full", "active");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// handle tab content
|
||||
const handleTabContents = (tab, currentIndex) => {
|
||||
const nodeListOftabContents = tab.querySelector(".tab-contents").children;
|
||||
const tabContents = [...nodeListOftabContents];
|
||||
const currentTabContentClasses = tabContents[currentIndex].classList;
|
||||
tabContents.forEach((tabContent, idx) => {
|
||||
const tabContentClasses = tabContent.classList;
|
||||
|
||||
// tab contents default style
|
||||
tabContentClasses.remove("block");
|
||||
tabContentClasses.add("hidden");
|
||||
|
||||
if (currentIndex === idx) {
|
||||
currentTabContentClasses.add("block", "opacity-0");
|
||||
currentTabContentClasses.remove("hidden", "opacity-100");
|
||||
|
||||
// add accordion style
|
||||
const accordion = tab.querySelector(".accordion.active");
|
||||
if (accordion) {
|
||||
const contents = accordion.querySelector(".accordion-content");
|
||||
const contentHeight = contents.children[idx]?.offsetHeight;
|
||||
if (contentHeight) {
|
||||
contents.style.height = `${contentHeight}px`;
|
||||
}
|
||||
}
|
||||
setTimeout(() => {
|
||||
currentTabContentClasses.remove("opacity-0");
|
||||
currentTabContentClasses.add("opacity-100");
|
||||
}, 150);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// get tab links and listen link events
|
||||
const handleTabLinks = (tab) => {
|
||||
const nodeListOfTabLinks = tab.querySelector(".tab-links").children;
|
||||
const tabLinks = [...nodeListOfTabLinks];
|
||||
|
||||
tabLinks.forEach((tabLink, idx) => {
|
||||
tabLink.addEventListener("click", () => {
|
||||
handleCurrentTabLinkStyle(tabLinks, idx);
|
||||
handleTabContents(tab, idx);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// main tab controller
|
||||
const tabsController = () => {
|
||||
const nodeListOfTabs = document.querySelectorAll(".tab");
|
||||
const tabs = [...nodeListOfTabs];
|
||||
tabs.forEach((tab) => handleTabLinks(tab));
|
||||
};
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
11196
quarter-rtl/index.html
11196
quarter-rtl/index.html
File diff suppressed because it is too large
Load Diff
6112
quarter/assets/css/animate.css
vendored
6112
quarter/assets/css/animate.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,468 +1,468 @@
|
||||
@font-face {
|
||||
font-family: lightcase;
|
||||
src: url(../fonts/lightcase.eot?55356177);
|
||||
src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
|
||||
url(../fonts/lightcase.woff?55356177) format("woff"),
|
||||
url(../fonts/lightcase.ttf?55356177) format("truetype"),
|
||||
url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
[class*="lightcase-icon-"]:before {
|
||||
font-family: lightcase, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
.lightcase-icon-play:before {
|
||||
content: "\e800";
|
||||
}
|
||||
.lightcase-icon-pause:before {
|
||||
content: "\e801";
|
||||
}
|
||||
.lightcase-icon-close:before {
|
||||
content: "\e802";
|
||||
}
|
||||
.lightcase-icon-prev:before {
|
||||
content: "\e803";
|
||||
}
|
||||
.lightcase-icon-next:before {
|
||||
content: "\e804";
|
||||
}
|
||||
.lightcase-icon-spin:before {
|
||||
content: "\e805";
|
||||
}
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#lightcase-loading > span,
|
||||
a[class*="lightcase-icon-"] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content,
|
||||
html[data-lc-type="video"] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"] #lightcase-case,
|
||||
html[data-lc-type="inline"] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
html.lightcase-isMobileDevice[data-lc-type="iframe"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) and (min-width: 641px) {
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-loading,
|
||||
a[class*="lightcase-icon-"] {
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"])
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption,
|
||||
#lightcase-info #lightcase-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
}
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
|
||||
[data-lc-type="flash"]
|
||||
):not([data-lc-type="error"])
|
||||
#lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
#lightcase-loading {
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
#lightcase-loading,
|
||||
#lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
z-index: 9999;
|
||||
font-size: 38px;
|
||||
text-shadow: none;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
}
|
||||
.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
#lightcase-case:hover ~ a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: lightcase;
|
||||
src: url(../fonts/lightcase.eot?55356177);
|
||||
src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
|
||||
url(../fonts/lightcase.woff?55356177) format("woff"),
|
||||
url(../fonts/lightcase.ttf?55356177) format("truetype"),
|
||||
url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
[class*="lightcase-icon-"]:before {
|
||||
font-family: lightcase, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
.lightcase-icon-play:before {
|
||||
content: "\e800";
|
||||
}
|
||||
.lightcase-icon-pause:before {
|
||||
content: "\e801";
|
||||
}
|
||||
.lightcase-icon-close:before {
|
||||
content: "\e802";
|
||||
}
|
||||
.lightcase-icon-prev:before {
|
||||
content: "\e803";
|
||||
}
|
||||
.lightcase-icon-next:before {
|
||||
content: "\e804";
|
||||
}
|
||||
.lightcase-icon-spin:before {
|
||||
content: "\e805";
|
||||
}
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
-moz-transform: rotate(0);
|
||||
-o-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#lightcase-loading > span,
|
||||
a[class*="lightcase-icon-"] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content,
|
||||
html[data-lc-type="video"] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"] #lightcase-case,
|
||||
html[data-lc-type="inline"] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content,
|
||||
html[data-lc-type="error"] #lightcase-content,
|
||||
html[data-lc-type="inline"] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe),
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
> :not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
html.lightcase-isMobileDevice[data-lc-type="iframe"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) and (min-width: 641px) {
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
|
||||
html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
html[data-lc-type="ajax"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="error"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap,
|
||||
html[data-lc-type="inline"]
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: 0 0 !important;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-loading,
|
||||
a[class*="lightcase-icon-"] {
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
html:not([data-lc-type="error"])
|
||||
#lightcase-content
|
||||
.lightcase-contentInner
|
||||
.lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#lightcase-content h1,
|
||||
#lightcase-content h2,
|
||||
#lightcase-content h3,
|
||||
#lightcase-content h4,
|
||||
#lightcase-content h5,
|
||||
#lightcase-content h6,
|
||||
#lightcase-content p {
|
||||
}
|
||||
}
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption,
|
||||
#lightcase-info #lightcase-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
}
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
}
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
|
||||
[data-lc-type="flash"]
|
||||
):not([data-lc-type="error"])
|
||||
#lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
#lightcase-loading {
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
#lightcase-loading,
|
||||
#lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
z-index: 9999;
|
||||
font-size: 38px;
|
||||
text-shadow: none;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
}
|
||||
.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
a[class*="lightcase-icon-"].lightcase-icon-pause,
|
||||
a[class*="lightcase-icon-"].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
a[class*="lightcase-icon-"] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
#lightcase-case:hover ~ a[class*="lightcase-icon-"],
|
||||
a[class*="lightcase-icon-"]:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,45 +1,45 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
|
||||
|
||||
/*
|
||||
Template Name: Quarter
|
||||
Description: Real Estate HTML Template
|
||||
Version: 1.0.0
|
||||
Author: Kamrul Hasan
|
||||
Email:786hasankamrul96@gmail.com
|
||||
/*
|
||||
Template Name: Quarter
|
||||
Description: Real Estate HTML Template
|
||||
Version: 1.0.0
|
||||
Author: Kamrul Hasan
|
||||
Email:786hasankamrul96@gmail.com
|
||||
*/
|
||||
|
||||
/* ============================================================
|
||||
>>> TABLE OF CONTENTS:
|
||||
===============================================================
|
||||
# Google fonts
|
||||
# tailwind directives
|
||||
# vaiables
|
||||
# default style
|
||||
# Typography
|
||||
# header
|
||||
# banner
|
||||
# scrollbar
|
||||
# swiper slider
|
||||
# accordion
|
||||
# nice select
|
||||
# nice checkbox
|
||||
# range
|
||||
# service cards
|
||||
# tab
|
||||
# popup gallery
|
||||
# scroll up
|
||||
# brands
|
||||
# Google Map Locations
|
||||
# Price Filter Widget
|
||||
# responsiveness
|
||||
/* ============================================================
|
||||
>>> TABLE OF CONTENTS:
|
||||
===============================================================
|
||||
# Google fonts
|
||||
# tailwind directives
|
||||
# vaiables
|
||||
# default style
|
||||
# Typography
|
||||
# header
|
||||
# banner
|
||||
# scrollbar
|
||||
# swiper slider
|
||||
# accordion
|
||||
# nice select
|
||||
# nice checkbox
|
||||
# range
|
||||
# service cards
|
||||
# tab
|
||||
# popup gallery
|
||||
# scroll up
|
||||
# brands
|
||||
# Google Map Locations
|
||||
# Price Filter Widget
|
||||
# responsiveness
|
||||
============================================================= */
|
||||
|
||||
/*============= Google fonts ============*/
|
||||
|
||||
/*============= tailwind directives ============*/
|
||||
|
||||
/*
|
||||
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
||||
/*
|
||||
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
||||
*/
|
||||
|
||||
/*
|
||||
@@ -3803,11 +3803,11 @@ body {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--heading-color);
|
||||
clear: both;
|
||||
@@ -3841,9 +3841,9 @@ h6 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a,
|
||||
button,
|
||||
input,
|
||||
a,
|
||||
button,
|
||||
input,
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -3863,9 +3863,9 @@ a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
@@ -3876,29 +3876,29 @@ a:hover {
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: var(--body-font);
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var,
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var,
|
||||
samp {
|
||||
font-family: var(--body-font);
|
||||
}
|
||||
|
||||
h1 button,
|
||||
h2 button,
|
||||
h3 button,
|
||||
h4 button,
|
||||
h5 button,
|
||||
h1 button,
|
||||
h2 button,
|
||||
h3 button,
|
||||
h4 button,
|
||||
h5 button,
|
||||
h6 button {
|
||||
font-family: var(--heading-font);
|
||||
line-height: 1.5;
|
||||
@@ -4002,7 +4002,7 @@ img {
|
||||
}
|
||||
|
||||
.show-drawer svg path {
|
||||
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
||||
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
||||
stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
|
||||
fill: none;
|
||||
stroke: #333;
|
||||
@@ -4011,7 +4011,7 @@ img {
|
||||
stroke-width: 30px;
|
||||
}
|
||||
|
||||
.show-drawer svg path#top,
|
||||
.show-drawer svg path#top,
|
||||
.show-drawer svg path#bottom {
|
||||
stroke-dasharray: 240px 950px;
|
||||
}
|
||||
@@ -4020,7 +4020,7 @@ img {
|
||||
stroke-dasharray: 240px 240px;
|
||||
}
|
||||
|
||||
.show-drawer .close svg path#top,
|
||||
.show-drawer .close svg path#top,
|
||||
.show-drawer .close svg path#bottom {
|
||||
stroke-dasharray: -650px;
|
||||
stroke-dashoffset: -650px;
|
||||
@@ -4086,12 +4086,12 @@ img {
|
||||
|
||||
/*============= swiper slider =============*/
|
||||
|
||||
.swiper-container .swiper-button-prev::after,
|
||||
.swiper-container .swiper-button-prev::after,
|
||||
.swiper-container .swiper-button-next::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.swiper-container .swiper-button-prev,
|
||||
.swiper-container .swiper-button-prev,
|
||||
.swiper-container .swiper-button-next {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
@@ -4122,20 +4122,20 @@ img {
|
||||
transform: var(--x--6);
|
||||
}
|
||||
|
||||
.swiper-container:hover .swiper-button-prev,
|
||||
.swiper-container:hover .swiper-button-prev,
|
||||
.swiper-container:hover .swiper-button-next {
|
||||
opacity: 100;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.swiper-container .swiper-button-prev:hover,
|
||||
.swiper-container .swiper-button-prev:hover,
|
||||
.swiper-container .swiper-button-next:hover {
|
||||
background: var(--secondary-color);
|
||||
color: white;
|
||||
border-color: var(--secondary-color);
|
||||
}
|
||||
|
||||
.swiper-container .swiper-pagination,
|
||||
.swiper-container .swiper-pagination,
|
||||
.swiper-pagination-bullets.swiper-pagination-horizontal {
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
@@ -4159,7 +4159,7 @@ img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.home-3 .swiper-pagination-bullet-active,
|
||||
.home-3 .swiper-pagination-bullet-active,
|
||||
.swiper-pagination-bullet-active {
|
||||
background: var(--secondary-color);
|
||||
width: 15px;
|
||||
@@ -4169,7 +4169,7 @@ img {
|
||||
|
||||
/* hero slider */
|
||||
|
||||
.hero-slider-container .swiper-button-prev,
|
||||
.hero-slider-container .swiper-button-prev,
|
||||
.hero-slider-container .swiper-button-next {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -4192,7 +4192,7 @@ img {
|
||||
transform: var(--x--10);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-next {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@@ -4216,22 +4216,22 @@ img {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev:hover,
|
||||
.hero-slider2 .swiper-button-prev:hover,
|
||||
.hero-slider2 .swiper-button-next:hover {
|
||||
background: var(--section-bg-1);
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
|
||||
/* .hero-slider2-tumbs_slider .swiper-wrapper {
|
||||
max-width: calc(100%);
|
||||
}
|
||||
.hero-slider2-tumbs_slider .swiper-slide {
|
||||
width: calc((100% / 3));
|
||||
/* .hero-slider2-tumbs_slider .swiper-wrapper {
|
||||
max-width: calc(100%);
|
||||
}
|
||||
.hero-slider2-tumbs_slider .swiper-slide {
|
||||
width: calc((100% / 3));
|
||||
} */
|
||||
|
||||
/* testimonials slider*/
|
||||
@@ -4318,7 +4318,7 @@ img {
|
||||
right: var(--right-15-per);
|
||||
}
|
||||
|
||||
[dir="rtl"]
|
||||
[dir="rtl"]
|
||||
.testimonial-quote-menu li:nth-child(7) img {
|
||||
right: 15%;
|
||||
}
|
||||
@@ -4330,8 +4330,8 @@ img {
|
||||
right: var(--right-3-per);
|
||||
}
|
||||
|
||||
[dir="rtl"]
|
||||
|
||||
[dir="rtl"]
|
||||
|
||||
.testimonial-quote-menu2 li img {
|
||||
width: 125px !important;
|
||||
visibility: hidden;
|
||||
@@ -4622,7 +4622,7 @@ img {
|
||||
|
||||
/* upcoming project slider */
|
||||
|
||||
.upcoming-project-slider-container .swiper-button-prev,
|
||||
.upcoming-project-slider-container .swiper-button-prev,
|
||||
.upcoming-project-slider-container .swiper-button-next {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -4636,7 +4636,7 @@ img {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -4741,7 +4741,7 @@ img {
|
||||
animation-duration: 5s;
|
||||
}
|
||||
|
||||
.swiper-slide-active .slide-animation > *,
|
||||
.swiper-slide-active .slide-animation > *,
|
||||
.slide-animation-active .slide-animation > * {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
@@ -4940,23 +4940,23 @@ input[type="range"]::-ms-thumb {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* .range input:nth-child(2)::-webkit-slider-thumb::after {
|
||||
content: url("../img/icons/car.png");
|
||||
width: 125px !important;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
right: -111px;
|
||||
top: -10px;
|
||||
transform: translateY(-40%);
|
||||
/* .range input:nth-child(2)::-webkit-slider-thumb::after {
|
||||
content: url("../img/icons/car.png");
|
||||
width: 125px !important;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
right: -111px;
|
||||
top: -10px;
|
||||
transform: translateY(-40%);
|
||||
} */
|
||||
|
||||
/* .range input:nth-child(2)::-moz-range-thumb {
|
||||
width: 100px !important;
|
||||
height: 50px;
|
||||
background: url("../img/icons/car.png") no-repeat right;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
/* .range input:nth-child(2)::-moz-range-thumb {
|
||||
width: 100px !important;
|
||||
height: 50px;
|
||||
background: url("../img/icons/car.png") no-repeat right;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
} */
|
||||
|
||||
.range input:nth-child(2)::-webkit-slider-thumb {
|
||||
@@ -5054,8 +5054,8 @@ input[type="range"]::-ms-thumb {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gclose {
|
||||
width: 24px !important;
|
||||
height: 24px !important;
|
||||
@@ -5065,7 +5065,7 @@ input[type="range"]::-ms-thumb {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gprev {
|
||||
top: 90%;
|
||||
}
|
||||
@@ -5075,8 +5075,8 @@ input[type="range"]::-ms-thumb {
|
||||
height: 24px !important;
|
||||
}
|
||||
|
||||
.gprev:hover,
|
||||
.gnext:hover,
|
||||
.gprev:hover,
|
||||
.gnext:hover,
|
||||
.gclose:hover {
|
||||
box-shadow: 0 0 19px rgba(255, 255, 255, 0.4) !important;
|
||||
opacity: 1;
|
||||
@@ -5086,8 +5086,8 @@ input[type="range"]::-ms-thumb {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gclose svg {
|
||||
width: 10px;
|
||||
height: auto;
|
||||
@@ -5136,8 +5136,8 @@ input[type="range"]::-ms-thumb {
|
||||
|
||||
/* letest appartment */
|
||||
|
||||
/* .apart-card .card-quick-area.active {
|
||||
top: 150px;
|
||||
/* .apart-card .card-quick-area.active {
|
||||
top: 150px;
|
||||
} */
|
||||
|
||||
/* portfolio filter */
|
||||
@@ -5296,7 +5296,7 @@ input[type="range"]::-ms-thumb {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.price_slider_amount > input[type="text"],
|
||||
.price_slider_amount > input[type="text"],
|
||||
.price_slider_amount > input[type="submit"] {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: medium none;
|
||||
@@ -5309,13 +5309,13 @@ input[type="range"]::-ms-thumb {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.price_slider_amount > input[type="text"]:focus
|
||||
.price_slider_amount > input[type="text"]:focus
|
||||
{
|
||||
border: 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .price_slider_amount > input[type="text"],
|
||||
[dir="rtl"] .price_slider_amount > input[type="text"],
|
||||
[dir="rtl"] .price_slider_amount > input[type="submit"] {
|
||||
float: right;
|
||||
text-align: right;
|
||||
@@ -5339,8 +5339,8 @@ input[type="range"]::-ms-thumb {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.price_filter .ui-state-default,
|
||||
.price_filter .ui-widget-content .ui-state-default,
|
||||
.price_filter .ui-state-default,
|
||||
.price_filter .ui-widget-content .ui-state-default,
|
||||
.price_filter .ui-widget-header .ui-state-default {
|
||||
background-color: var(--secondary-color);
|
||||
border: medium none;
|
||||
@@ -5377,13 +5377,13 @@ input[type="range"]::-ms-thumb {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.car-price-filter-range .price_slider_amount > input[type="text"],
|
||||
.car-price-filter-range .price_slider_amount > input[type="text"],
|
||||
.car-price-filter-range .price_slider_amount > input[type="submit"] {
|
||||
font-weight: 700;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
/*============= responsiveness =============*/
|
||||
|
||||
/* tablet */
|
||||
@@ -5396,11 +5396,11 @@ input[type="range"]::-ms-thumb {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5445,20 +5445,20 @@ input[type="range"]::-ms-thumb {
|
||||
margin: 0 50px;
|
||||
}
|
||||
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gprev,
|
||||
.gnext,
|
||||
.gclose {
|
||||
width: 38px !important;
|
||||
height: 38px !important;
|
||||
}
|
||||
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gnext,
|
||||
.glightbox-clean .gprev {
|
||||
top: 45%;
|
||||
}
|
||||
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gprev svg,
|
||||
.gnext svg,
|
||||
.gclose svg {
|
||||
width: 18px;
|
||||
height: auto;
|
||||
@@ -5486,11 +5486,11 @@ input[type="range"]::-ms-thumb {
|
||||
@media (min-width: 992px) {
|
||||
/* default */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5529,12 +5529,12 @@ input[type="range"]::-ms-thumb {
|
||||
box-shadow: var(--box-shadow-8);
|
||||
}
|
||||
|
||||
.swiper-container:hover .product-details-slider .swiper-button-prev,
|
||||
.swiper-container:hover .product-details-slider .swiper-button-prev,
|
||||
.swiper-container:hover .news-single-slider .swiper-button-prev {
|
||||
transform: var(--x-40);
|
||||
}
|
||||
|
||||
.swiper-container:hover .product-details-slider .swiper-button-next,
|
||||
.swiper-container:hover .product-details-slider .swiper-button-next,
|
||||
.swiper-container:hover .news-single-slider .swiper-button-next {
|
||||
transform: var(--x--40);
|
||||
}
|
||||
@@ -5549,41 +5549,41 @@ input[type="range"]::-ms-thumb {
|
||||
@media screen and (min-width: 1200px) {
|
||||
/* default */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
h1,
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
h2,
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h3,
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h4,
|
||||
h4,
|
||||
.h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h5,
|
||||
h5,
|
||||
.h5 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h6,
|
||||
h6,
|
||||
.h6 {
|
||||
font-size: 16px;
|
||||
}
|
||||
@@ -5603,11 +5603,11 @@ input[type="range"]::-ms-thumb {
|
||||
/* desktop xxxl */
|
||||
|
||||
@media screen and (min-width: 1400px) {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1.3;
|
||||
}
|
||||
@@ -5634,7 +5634,7 @@ input[type="range"]::-ms-thumb {
|
||||
transform: var(--x--50);
|
||||
}
|
||||
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-prev,
|
||||
.hero-slider2 .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -5647,14 +5647,14 @@ input[type="range"]::-ms-thumb {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-prev,
|
||||
.hero-slider2:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
/* upcoming project slider */
|
||||
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-prev,
|
||||
.upcoming-project-slider-container:hover .swiper-button-next {
|
||||
transform: translate(0);
|
||||
}
|
||||
@@ -8394,4 +8394,4 @@ input[type="range"]::-ms-thumb {
|
||||
.rtl\:xl\:pr-30px:where([dir="rtl"], [dir="rtl"] *){
|
||||
padding-right: 1.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,12 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
|
||||
<g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
|
||||
<g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
|
||||
<path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
|
||||
<path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
|
||||
<path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
|
||||
<rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
|
||||
<rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
@@ -1,63 +1,63 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="344" y="319.492" width="48" height="16">
|
||||
<rect x="280" y="319.492" width="48" height="16">
|
||||
<rect x="216" y="319.492" width="48" height="16">
|
||||
<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
|
||||
l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
|
||||
c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
|
||||
V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
|
||||
M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
|
||||
c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
|
||||
c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
|
||||
c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
|
||||
c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
|
||||
c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
|
||||
C462.95,185.06,462.096,187.082,460.584,188.556z">
|
||||
<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
|
||||
c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
|
||||
c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
|
||||
c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
|
||||
c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
|
||||
c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
|
||||
c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
|
||||
s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<rect x="344" y="319.492" width="48" height="16">
|
||||
<rect x="280" y="319.492" width="48" height="16">
|
||||
<rect x="216" y="319.492" width="48" height="16">
|
||||
<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
|
||||
l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
|
||||
c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
|
||||
V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
|
||||
M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
|
||||
c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
|
||||
c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
|
||||
c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
|
||||
c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
|
||||
c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
|
||||
C462.95,185.06,462.096,187.082,460.584,188.556z">
|
||||
<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
|
||||
c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
|
||||
c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
|
||||
c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
|
||||
c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
|
||||
c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
|
||||
c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
|
||||
s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
@@ -1,14 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
|
||||
<g id="tracking" transform="translate(-2 -9)">
|
||||
<path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
|
||||
<rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
|
||||
<rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
|
||||
<rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
|
||||
<rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
|
||||
<path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
|
||||
<path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
|
||||
<path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user