diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json new file mode 100644 index 0000000..72a3890 --- /dev/null +++ b/.devcontainer/devcontainer.json @@ -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" +} diff --git a/.github/dependabot.yml b/.github/dependabot.yml new file mode 100644 index 0000000..f33a02c --- /dev/null +++ b/.github/dependabot.yml @@ -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 diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index 9b74843..2768949 100644 --- a/.gitlab-ci.yml +++ b/.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 diff --git a/deployment/Dockerfile b/deployment/Dockerfile index a1ddeb7..15af61c 100644 --- a/deployment/Dockerfile +++ b/deployment/Dockerfile @@ -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/ \ No newline at end of file diff --git a/deployment/docker-compose.yaml b/deployment/docker-compose.yaml index ce309de..1611ee7 100644 --- a/deployment/docker-compose.yaml +++ b/deployment/docker-compose.yaml @@ -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" + diff --git a/prod/assets/css/animate.css b/prod/assets/css/animate.css index d21a0c7..8bdce1e 100644 --- a/prod/assets/css/animate.css +++ b/prod/assets/css/animate.css @@ -1,3056 +1,3056 @@ -/*/ -/*! - * animate.css -http://daneden.me/animate - * Version - 3.7.0 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2018 Daniel Eden - */ -@-webkit-keyframes bounce { - 0%, - 20%, - 53%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translateZ(0); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -30px, 0); - } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -15px, 0); - } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); - } -} -@keyframes bounce { - 0%, - 20%, - 53%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translateZ(0); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translateZ(0); - } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -30px, 0); - } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -15px, 0); - } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); - } -} -.bounce { - -webkit-animation-name: bounce; - -webkit-transform-origin: center bottom; - animation-name: bounce; - transform-origin: center bottom; -} -@-webkit-keyframes flash { - 0%, - 50%, - to { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -@keyframes flash { - 0%, - 50%, - to { - opacity: 1; - } - 25%, - 75% { - opacity: 0; - } -} -.flash { - -webkit-animation-name: flash; - animation-name: flash; -} -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - to { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} -@keyframes pulse { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - to { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} -@-webkit-keyframes rubberBand { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - to { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} -@keyframes rubberBand { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - to { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; -} -@-webkit-keyframes shake { - 0%, - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -@keyframes shake { - 0%, - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} -.shake { - -webkit-animation-name: shake; - animation-name: shake; -} -@-webkit-keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); - } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); - } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); - } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); - } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -.headShake { - -webkit-animation-name: headShake; - -webkit-animation-timing-function: ease-in-out; - animation-name: headShake; - animation-timing-function: ease-in-out; -} -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - transform: rotate(15deg); - } - 40% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); - } - 60% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); - } - 80% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); - } - to { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } -} -@keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - transform: rotate(15deg); - } - 40% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); - } - 60% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); - } - 80% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); - } - to { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } -} -.swing { - -webkit-animation-name: swing; - -webkit-transform-origin: top center; - animation-name: swing; - transform-origin: top center; -} -@-webkit-keyframes tada { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); - } - to { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} -@keyframes tada { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); - } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); - } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); - } - to { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} -@-webkit-keyframes wobble { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); - transform: translate3d(-25%, 0, 0) rotate(-5deg); - } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); - transform: translate3d(20%, 0, 0) rotate(3deg); - } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); - transform: translate3d(-15%, 0, 0) rotate(-3deg); - } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); - transform: translate3d(10%, 0, 0) rotate(2deg); - } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); - transform: translate3d(-5%, 0, 0) rotate(-1deg); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes wobble { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); - transform: translate3d(-25%, 0, 0) rotate(-5deg); - } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); - transform: translate3d(20%, 0, 0) rotate(3deg); - } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); - transform: translate3d(-15%, 0, 0) rotate(-3deg); - } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); - transform: translate3d(10%, 0, 0) rotate(2deg); - } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); - transform: translate3d(-5%, 0, 0) rotate(-1deg); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; -} -@-webkit-keyframes jello { - 0%, - 11.1%, - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} -@keyframes jello { - 0%, - 11.1%, - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); - } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); - } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); - } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); - } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); - } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} -.jello { - -webkit-animation-name: jello; - -webkit-transform-origin: center; - animation-name: jello; - transform-origin: center; -} -@-webkit-keyframes heartBeat { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - 14% { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } - 28% { - -webkit-transform: scale(1); - transform: scale(1); - } - 42% { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } - 70% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -@keyframes heartBeat { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - 14% { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } - 28% { - -webkit-transform: scale(1); - transform: scale(1); - } - 42% { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } - 70% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -.heartBeat { - -webkit-animation-duration: 1.3s; - -webkit-animation-name: heartBeat; - -webkit-animation-timing-function: ease-in-out; - animation-duration: 1.3s; - animation-name: heartBeat; - animation-timing-function: ease-in-out; -} -@-webkit-keyframes bounceIn { - 0%, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - -webkit-transform: scale3d(1.03, 1.03, 1.03); - opacity: 1; - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - to { - -webkit-transform: scaleX(1); - opacity: 1; - transform: scaleX(1); - } -} -@keyframes bounceIn { - 0%, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - -webkit-transform: scale3d(1.03, 1.03, 1.03); - opacity: 1; - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - to { - -webkit-transform: scaleX(1); - opacity: 1; - transform: scaleX(1); - } -} -.bounceIn { - -webkit-animation-duration: 0.75s; - -webkit-animation-name: bounceIn; - animation-duration: 0.75s; - animation-name: bounceIn; -} -@-webkit-keyframes bounceInDown { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(0, -3000px, 0); - opacity: 0; - transform: translate3d(0, -3000px, 0); - } - 60% { - -webkit-transform: translate3d(0, 25px, 0); - opacity: 1; - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes bounceInDown { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(0, -3000px, 0); - opacity: 0; - transform: translate3d(0, -3000px, 0); - } - 60% { - -webkit-transform: translate3d(0, 25px, 0); - opacity: 1; - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} -@-webkit-keyframes bounceInLeft { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(-3000px, 0, 0); - opacity: 0; - transform: translate3d(-3000px, 0, 0); - } - 60% { - -webkit-transform: translate3d(25px, 0, 0); - opacity: 1; - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes bounceInLeft { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(-3000px, 0, 0); - opacity: 0; - transform: translate3d(-3000px, 0, 0); - } - 60% { - -webkit-transform: translate3d(25px, 0, 0); - opacity: 1; - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} -@-webkit-keyframes bounceInRight { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(3000px, 0, 0); - opacity: 0; - transform: translate3d(3000px, 0, 0); - } - 60% { - -webkit-transform: translate3d(-25px, 0, 0); - opacity: 1; - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes bounceInRight { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(3000px, 0, 0); - opacity: 0; - transform: translate3d(3000px, 0, 0); - } - 60% { - -webkit-transform: translate3d(-25px, 0, 0); - opacity: 1; - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} -@-webkit-keyframes bounceInUp { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(0, 3000px, 0); - opacity: 0; - transform: translate3d(0, 3000px, 0); - } - 60% { - -webkit-transform: translate3d(0, -20px, 0); - opacity: 1; - transform: translate3d(0, -20px, 0); - } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes bounceInUp { - 0%, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - } - 0% { - -webkit-transform: translate3d(0, 3000px, 0); - opacity: 0; - transform: translate3d(0, 3000px, 0); - } - 60% { - -webkit-transform: translate3d(0, -20px, 0); - opacity: 1; - transform: translate3d(0, -20px, 0); - } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; -} -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 50%, - 55% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - opacity: 1; - transform: scale3d(1.1, 1.1, 1.1); - } - to { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } -} -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 50%, - 55% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - opacity: 1; - transform: scale3d(1.1, 1.1, 1.1); - } - to { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } -} -.bounceOut { - -webkit-animation-duration: 0.75s; - -webkit-animation-name: bounceOut; - animation-duration: 0.75s; - animation-name: bounceOut; -} -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 40%, - 45% { - -webkit-transform: translate3d(0, -20px, 0); - opacity: 1; - transform: translate3d(0, -20px, 0); - } - to { - -webkit-transform: translate3d(0, 2000px, 0); - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 40%, - 45% { - -webkit-transform: translate3d(0, -20px, 0); - opacity: 1; - transform: translate3d(0, -20px, 0); - } - to { - -webkit-transform: translate3d(0, 2000px, 0); - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} -@-webkit-keyframes bounceOutLeft { - 20% { - -webkit-transform: translate3d(20px, 0, 0); - opacity: 1; - transform: translate3d(20px, 0, 0); - } - to { - -webkit-transform: translate3d(-2000px, 0, 0); - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} -@keyframes bounceOutLeft { - 20% { - -webkit-transform: translate3d(20px, 0, 0); - opacity: 1; - transform: translate3d(20px, 0, 0); - } - to { - -webkit-transform: translate3d(-2000px, 0, 0); - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} -@-webkit-keyframes bounceOutRight { - 20% { - -webkit-transform: translate3d(-20px, 0, 0); - opacity: 1; - transform: translate3d(-20px, 0, 0); - } - to { - -webkit-transform: translate3d(2000px, 0, 0); - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} -@keyframes bounceOutRight { - 20% { - -webkit-transform: translate3d(-20px, 0, 0); - opacity: 1; - transform: translate3d(-20px, 0, 0); - } - to { - -webkit-transform: translate3d(2000px, 0, 0); - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 40%, - 45% { - -webkit-transform: translate3d(0, 20px, 0); - opacity: 1; - transform: translate3d(0, 20px, 0); - } - to { - -webkit-transform: translate3d(0, -2000px, 0); - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 40%, - 45% { - -webkit-transform: translate3d(0, 20px, 0); - opacity: 1; - transform: translate3d(0, 20px, 0); - } - to { - -webkit-transform: translate3d(0, -2000px, 0); - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; -} -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes fadeIn { - 0% { - opacity: 0; - } - to { - opacity: 1; - } -} -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} -@-webkit-keyframes fadeInDown { - 0% { - -webkit-transform: translate3d(0, -100%, 0); - opacity: 0; - transform: translate3d(0, -100%, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInDown { - 0% { - -webkit-transform: translate3d(0, -100%, 0); - opacity: 0; - transform: translate3d(0, -100%, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} -@-webkit-keyframes fadeInDownBig { - 0% { - -webkit-transform: translate3d(0, -2000px, 0); - opacity: 0; - transform: translate3d(0, -2000px, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInDownBig { - 0% { - -webkit-transform: translate3d(0, -2000px, 0); - opacity: 0; - transform: translate3d(0, -2000px, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} -@-webkit-keyframes fadeInLeft { - 0% { - -webkit-transform: translate3d(-100%, 0, 0); - opacity: 0; - transform: translate3d(-100%, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInLeft { - 0% { - -webkit-transform: translate3d(-100%, 0, 0); - opacity: 0; - transform: translate3d(-100%, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} -@-webkit-keyframes fadeInLeftBig { - 0% { - -webkit-transform: translate3d(-2000px, 0, 0); - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInLeftBig { - 0% { - -webkit-transform: translate3d(-2000px, 0, 0); - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} -@-webkit-keyframes fadeInRight { - 0% { - -webkit-transform: translate3d(100%, 0, 0); - opacity: 0; - transform: translate3d(100%, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInRight { - 0% { - -webkit-transform: translate3d(100%, 0, 0); - opacity: 0; - transform: translate3d(100%, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} -@-webkit-keyframes fadeInRightBig { - 0% { - -webkit-transform: translate3d(2000px, 0, 0); - opacity: 0; - transform: translate3d(2000px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInRightBig { - 0% { - -webkit-transform: translate3d(2000px, 0, 0); - opacity: 0; - transform: translate3d(2000px, 0, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} -@-webkit-keyframes fadeInUp { - 0% { - -webkit-transform: translate3d(0, 100%, 0); - opacity: 0; - transform: translate3d(0, 100%, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInUp { - 0% { - -webkit-transform: translate3d(0, 100%, 0); - opacity: 0; - transform: translate3d(0, 100%, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} -@-webkit-keyframes fadeInUpBig { - 0% { - -webkit-transform: translate3d(0, 2000px, 0); - opacity: 0; - transform: translate3d(0, 2000px, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes fadeInUpBig { - 0% { - -webkit-transform: translate3d(0, 2000px, 0); - opacity: 0; - transform: translate3d(0, 2000px, 0); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - to { - opacity: 0; - } -} -@keyframes fadeOut { - 0% { - opacity: 1; - } - to { - opacity: 0; - } -} -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 100%, 0); - opacity: 0; - transform: translate3d(0, 100%, 0); - } -} -@keyframes fadeOutDown { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 100%, 0); - opacity: 0; - transform: translate3d(0, 100%, 0); - } -} -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 2000px, 0); - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, 2000px, 0); - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(-100%, 0, 0); - opacity: 0; - transform: translate3d(-100%, 0, 0); - } -} -@keyframes fadeOutLeft { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(-100%, 0, 0); - opacity: 0; - transform: translate3d(-100%, 0, 0); - } -} -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(-2000px, 0, 0); - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(-2000px, 0, 0); - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0); - opacity: 0; - transform: translate3d(100%, 0, 0); - } -} -@keyframes fadeOutRight { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0); - opacity: 0; - transform: translate3d(100%, 0, 0); - } -} -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(2000px, 0, 0); - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(2000px, 0, 0); - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, -100%, 0); - opacity: 0; - transform: translate3d(0, -100%, 0); - } -} -@keyframes fadeOutUp { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, -100%, 0); - opacity: 0; - transform: translate3d(0, -100%, 0); - } -} -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, -2000px, 0); - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(0, -2000px, 0); - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} -@-webkit-keyframes flip { - 0% { - -webkit-animation-timing-function: ease-out; - -webkit-transform: perspective(400px) scaleX(1) translateZ(0) - rotateY(-1turn); - animation-timing-function: ease-out; - transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); - } - 40% { - -webkit-animation-timing-function: ease-out; - -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) - rotateY(-190deg); - animation-timing-function: ease-out; - transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); - } - 50% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) - rotateY(-170deg); - animation-timing-function: ease-in; - transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); - } - 80% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) - translateZ(0) rotateY(0deg); - animation-timing-function: ease-in; - transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) - rotateY(0deg); - } - to { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); - animation-timing-function: ease-in; - transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); - } -} -@keyframes flip { - 0% { - -webkit-animation-timing-function: ease-out; - -webkit-transform: perspective(400px) scaleX(1) translateZ(0) - rotateY(-1turn); - animation-timing-function: ease-out; - transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); - } - 40% { - -webkit-animation-timing-function: ease-out; - -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) - rotateY(-190deg); - animation-timing-function: ease-out; - transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); - } - 50% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) - rotateY(-170deg); - animation-timing-function: ease-in; - transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); - } - 80% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) - translateZ(0) rotateY(0deg); - animation-timing-function: ease-in; - transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) - rotateY(0deg); - } - to { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); - animation-timing-function: ease-in; - transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); - } -} -.animated.flip { - -webkit-animation-name: flip; - -webkit-backface-visibility: visible; - animation-name: flip; - backface-visibility: visible; -} -@-webkit-keyframes flipInX { - 0% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateX(90deg); - animation-timing-function: ease-in; - opacity: 0; - transform: perspective(400px) rotateX(90deg); - } - 40% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateX(-20deg); - animation-timing-function: ease-in; - transform: perspective(400px) rotateX(-20deg); - } - 60% { - -webkit-transform: perspective(400px) rotateX(10deg); - opacity: 1; - transform: perspective(400px) rotateX(10deg); - } - 80% { - -webkit-transform: perspective(400px) rotateX(-5deg); - transform: perspective(400px) rotateX(-5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@keyframes flipInX { - 0% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateX(90deg); - animation-timing-function: ease-in; - opacity: 0; - transform: perspective(400px) rotateX(90deg); - } - 40% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateX(-20deg); - animation-timing-function: ease-in; - transform: perspective(400px) rotateX(-20deg); - } - 60% { - -webkit-transform: perspective(400px) rotateX(10deg); - opacity: 1; - transform: perspective(400px) rotateX(10deg); - } - 80% { - -webkit-transform: perspective(400px) rotateX(-5deg); - transform: perspective(400px) rotateX(-5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -.flipInX { - -webkit-animation-name: flipInX; - -webkit-backface-visibility: visible !important; - animation-name: flipInX; - backface-visibility: visible !important; -} -@-webkit-keyframes flipInY { - 0% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateY(90deg); - animation-timing-function: ease-in; - opacity: 0; - transform: perspective(400px) rotateY(90deg); - } - 40% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateY(-20deg); - animation-timing-function: ease-in; - transform: perspective(400px) rotateY(-20deg); - } - 60% { - -webkit-transform: perspective(400px) rotateY(10deg); - opacity: 1; - transform: perspective(400px) rotateY(10deg); - } - 80% { - -webkit-transform: perspective(400px) rotateY(-5deg); - transform: perspective(400px) rotateY(-5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -@keyframes flipInY { - 0% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateY(90deg); - animation-timing-function: ease-in; - opacity: 0; - transform: perspective(400px) rotateY(90deg); - } - 40% { - -webkit-animation-timing-function: ease-in; - -webkit-transform: perspective(400px) rotateY(-20deg); - animation-timing-function: ease-in; - transform: perspective(400px) rotateY(-20deg); - } - 60% { - -webkit-transform: perspective(400px) rotateY(10deg); - opacity: 1; - transform: perspective(400px) rotateY(10deg); - } - 80% { - -webkit-transform: perspective(400px) rotateY(-5deg); - transform: perspective(400px) rotateY(-5deg); - } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} -.flipInY { - -webkit-animation-name: flipInY; - -webkit-backface-visibility: visible !important; - animation-name: flipInY; - backface-visibility: visible !important; -} -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotateX(-20deg); - opacity: 1; - transform: perspective(400px) rotateX(-20deg); - } - to { - -webkit-transform: perspective(400px) rotateX(90deg); - opacity: 0; - transform: perspective(400px) rotateX(90deg); - } -} -@keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotateX(-20deg); - opacity: 1; - transform: perspective(400px) rotateX(-20deg); - } - to { - -webkit-transform: perspective(400px) rotateX(90deg); - opacity: 0; - transform: perspective(400px) rotateX(90deg); - } -} -.flipOutX { - -webkit-animation-duration: 0.75s; - -webkit-animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - animation-duration: 0.75s; - animation-name: flipOutX; - backface-visibility: visible !important; -} -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotateY(-15deg); - opacity: 1; - transform: perspective(400px) rotateY(-15deg); - } - to { - -webkit-transform: perspective(400px) rotateY(90deg); - opacity: 0; - transform: perspective(400px) rotateY(90deg); - } -} -@keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - 30% { - -webkit-transform: perspective(400px) rotateY(-15deg); - opacity: 1; - transform: perspective(400px) rotateY(-15deg); - } - to { - -webkit-transform: perspective(400px) rotateY(90deg); - opacity: 0; - transform: perspective(400px) rotateY(90deg); - } -} -.flipOutY { - -webkit-animation-duration: 0.75s; - -webkit-animation-name: flipOutY; - -webkit-backface-visibility: visible !important; - animation-duration: 0.75s; - animation-name: flipOutY; - backface-visibility: visible !important; -} -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - transform: translate3d(100%, 0, 0) skewX(-30deg); - } - 60% { - -webkit-transform: skewX(20deg); - opacity: 1; - transform: skewX(20deg); - } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes lightSpeedIn { - 0% { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - transform: translate3d(100%, 0, 0) skewX(-30deg); - } - 60% { - -webkit-transform: skewX(20deg); - opacity: 1; - transform: skewX(20deg); - } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-name: lightSpeedIn; - animation-timing-function: ease-out; -} -@-webkit-keyframes lightSpeedOut { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - transform: translate3d(100%, 0, 0) skewX(30deg); - } -} -@keyframes lightSpeedOut { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - transform: translate3d(100%, 0, 0) skewX(30deg); - } -} -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-name: lightSpeedOut; - animation-timing-function: ease-in; -} -@-webkit-keyframes rotateIn { - 0% { - -webkit-transform: rotate(-200deg); - -webkit-transform-origin: center; - opacity: 0; - transform: rotate(-200deg); - transform-origin: center; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: center; - opacity: 1; - transform: translateZ(0); - transform-origin: center; - } -} -@keyframes rotateIn { - 0% { - -webkit-transform: rotate(-200deg); - -webkit-transform-origin: center; - opacity: 0; - transform: rotate(-200deg); - transform-origin: center; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: center; - opacity: 1; - transform: translateZ(0); - transform-origin: center; - } -} -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; -} -@-webkit-keyframes rotateInDownLeft { - 0% { - -webkit-transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(-45deg); - transform-origin: left bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: left bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: left bottom; - } -} -@keyframes rotateInDownLeft { - 0% { - -webkit-transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(-45deg); - transform-origin: left bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: left bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: left bottom; - } -} -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} -@-webkit-keyframes rotateInDownRight { - 0% { - -webkit-transform: rotate(45deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(45deg); - transform-origin: right bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: right bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: right bottom; - } -} -@keyframes rotateInDownRight { - 0% { - -webkit-transform: rotate(45deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(45deg); - transform-origin: right bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: right bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: right bottom; - } -} -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} -@-webkit-keyframes rotateInUpLeft { - 0% { - -webkit-transform: rotate(45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(45deg); - transform-origin: left bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: left bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: left bottom; - } -} -@keyframes rotateInUpLeft { - 0% { - -webkit-transform: rotate(45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(45deg); - transform-origin: left bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: left bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: left bottom; - } -} -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} -@-webkit-keyframes rotateInUpRight { - 0% { - -webkit-transform: rotate(-90deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(-90deg); - transform-origin: right bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: right bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: right bottom; - } -} -@keyframes rotateInUpRight { - 0% { - -webkit-transform: rotate(-90deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(-90deg); - transform-origin: right bottom; - } - to { - -webkit-transform: translateZ(0); - -webkit-transform-origin: right bottom; - opacity: 1; - transform: translateZ(0); - transform-origin: right bottom; - } -} -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center; - opacity: 1; - transform-origin: center; - } - to { - -webkit-transform: rotate(200deg); - -webkit-transform-origin: center; - opacity: 0; - transform: rotate(200deg); - transform-origin: center; - } -} -@keyframes rotateOut { - 0% { - -webkit-transform-origin: center; - opacity: 1; - transform-origin: center; - } - to { - -webkit-transform: rotate(200deg); - -webkit-transform-origin: center; - opacity: 0; - transform: rotate(200deg); - transform-origin: center; - } -} -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - opacity: 1; - transform-origin: left bottom; - } - to { - -webkit-transform: rotate(45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(45deg); - transform-origin: left bottom; - } -} -@keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - opacity: 1; - transform-origin: left bottom; - } - to { - -webkit-transform: rotate(45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(45deg); - transform-origin: left bottom; - } -} -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - opacity: 1; - transform-origin: right bottom; - } - to { - -webkit-transform: rotate(-45deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(-45deg); - transform-origin: right bottom; - } -} -@keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - opacity: 1; - transform-origin: right bottom; - } - to { - -webkit-transform: rotate(-45deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(-45deg); - transform-origin: right bottom; - } -} -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - opacity: 1; - transform-origin: left bottom; - } - to { - -webkit-transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(-45deg); - transform-origin: left bottom; - } -} -@keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - opacity: 1; - transform-origin: left bottom; - } - to { - -webkit-transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - opacity: 0; - transform: rotate(-45deg); - transform-origin: left bottom; - } -} -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - opacity: 1; - transform-origin: right bottom; - } - to { - -webkit-transform: rotate(90deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(90deg); - transform-origin: right bottom; - } -} -@keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - opacity: 1; - transform-origin: right bottom; - } - to { - -webkit-transform: rotate(90deg); - -webkit-transform-origin: right bottom; - opacity: 0; - transform: rotate(90deg); - transform-origin: right bottom; - } -} -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; -} -@-webkit-keyframes hinge { - 0% { - -webkit-animation-timing-function: ease-in-out; - -webkit-transform-origin: top left; - animation-timing-function: ease-in-out; - transform-origin: top left; - } - 20%, - 60% { - -webkit-animation-timing-function: ease-in-out; - -webkit-transform: rotate(80deg); - -webkit-transform-origin: top left; - animation-timing-function: ease-in-out; - transform: rotate(80deg); - transform-origin: top left; - } - 40%, - 80% { - -webkit-animation-timing-function: ease-in-out; - -webkit-transform: rotate(60deg); - -webkit-transform-origin: top left; - animation-timing-function: ease-in-out; - opacity: 1; - transform: rotate(60deg); - transform-origin: top left; - } - to { - -webkit-transform: translate3d(0, 700px, 0); - opacity: 0; - transform: translate3d(0, 700px, 0); - } -} -@keyframes hinge { - 0% { - -webkit-animation-timing-function: ease-in-out; - -webkit-transform-origin: top left; - animation-timing-function: ease-in-out; - transform-origin: top left; - } - 20%, - 60% { - -webkit-animation-timing-function: ease-in-out; - -webkit-transform: rotate(80deg); - -webkit-transform-origin: top left; - animation-timing-function: ease-in-out; - transform: rotate(80deg); - transform-origin: top left; - } - 40%, - 80% { - -webkit-animation-timing-function: ease-in-out; - -webkit-transform: rotate(60deg); - -webkit-transform-origin: top left; - animation-timing-function: ease-in-out; - opacity: 1; - transform: rotate(60deg); - transform-origin: top left; - } - to { - -webkit-transform: translate3d(0, 700px, 0); - opacity: 0; - transform: translate3d(0, 700px, 0); - } -} -.hinge { - -webkit-animation-duration: 2s; - -webkit-animation-name: hinge; - animation-duration: 2s; - animation-name: hinge; -} -@-webkit-keyframes jackInTheBox { - 0% { - -webkit-transform: scale(0.1) rotate(30deg); - -webkit-transform-origin: center bottom; - opacity: 0; - transform: scale(0.1) rotate(30deg); - transform-origin: center bottom; - } - 50% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); - } - 70% { - -webkit-transform: rotate(3deg); - transform: rotate(3deg); - } - to { - -webkit-transform: scale(1); - opacity: 1; - transform: scale(1); - } -} -@keyframes jackInTheBox { - 0% { - -webkit-transform: scale(0.1) rotate(30deg); - -webkit-transform-origin: center bottom; - opacity: 0; - transform: scale(0.1) rotate(30deg); - transform-origin: center bottom; - } - 50% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); - } - 70% { - -webkit-transform: rotate(3deg); - transform: rotate(3deg); - } - to { - -webkit-transform: scale(1); - opacity: 1; - transform: scale(1); - } -} -.jackInTheBox { - -webkit-animation-name: jackInTheBox; - animation-name: jackInTheBox; -} -@-webkit-keyframes rollIn { - 0% { - -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); - opacity: 0; - transform: translate3d(-100%, 0, 0) rotate(-120deg); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -@keyframes rollIn { - 0% { - -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); - opacity: 0; - transform: translate3d(-100%, 0, 0) rotate(-120deg); - } - to { - -webkit-transform: translateZ(0); - opacity: 1; - transform: translateZ(0); - } -} -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); - opacity: 0; - transform: translate3d(100%, 0, 0) rotate(120deg); - } -} -@keyframes rollOut { - 0% { - opacity: 1; - } - to { - -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); - opacity: 0; - transform: translate3d(100%, 0, 0) rotate(120deg); - } -} -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} -@-webkit-keyframes zoomIn { - 0% { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -@keyframes zoomIn { - 0% { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - 50% { - opacity: 1; - } -} -.zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; -} -@-webkit-keyframes zoomInDown { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - } -} -@keyframes zoomInDown { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - } -} -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; -} -@-webkit-keyframes zoomInLeft { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - } -} -@keyframes zoomInLeft { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - } -} -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; -} -@-webkit-keyframes zoomInRight { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - } -} -@keyframes zoomInRight { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - } -} -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; -} -@-webkit-keyframes zoomInUp { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - } -} -@keyframes zoomInUp { - 0% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - } - 60% { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - } -} -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; -} -@-webkit-keyframes zoomOut { - 0% { - opacity: 1; - } - 50% { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} -@keyframes zoomOut { - 0% { - opacity: 1; - } - 50% { - -webkit-transform: scale3d(0.3, 0.3, 0.3); - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} -.zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; -} -@-webkit-keyframes zoomOutDown { - 40% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - } - to { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform-origin: center bottom; - } -} -@keyframes zoomOutDown { - 40% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - } - to { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform-origin: center bottom; - } -} -.zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; -} -@-webkit-keyframes zoomOutLeft { - 40% { - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - } - to { - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - opacity: 0; - transform: scale(0.1) translate3d(-2000px, 0, 0); - transform-origin: left center; - } -} -@keyframes zoomOutLeft { - 40% { - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - } - to { - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - opacity: 0; - transform: scale(0.1) translate3d(-2000px, 0, 0); - transform-origin: left center; - } -} -.zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; -} -@-webkit-keyframes zoomOutRight { - 40% { - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - } - to { - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - opacity: 0; - transform: scale(0.1) translate3d(2000px, 0, 0); - transform-origin: right center; - } -} -@keyframes zoomOutRight { - 40% { - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - } - to { - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - opacity: 0; - transform: scale(0.1) translate3d(2000px, 0, 0); - transform-origin: right center; - } -} -.zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; -} -@-webkit-keyframes zoomOutUp { - 40% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - } - to { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform-origin: center bottom; - } -} -@keyframes zoomOutUp { - 40% { - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - } - to { - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform-origin: center bottom; - } -} -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; -} -@-webkit-keyframes slideInDown { - 0% { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes slideInDown { - 0% { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} -@-webkit-keyframes slideInLeft { - 0% { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes slideInLeft { - 0% { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} -@-webkit-keyframes slideInRight { - 0% { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes slideInRight { - 0% { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} -@-webkit-keyframes slideInUp { - 0% { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -@keyframes slideInUp { - 0% { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; - } - to { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } -} -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; -} -@-webkit-keyframes slideOutDown { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: hidden; - } -} -@keyframes slideOutDown { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: hidden; - } -} -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; -} -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: hidden; - } -} -@keyframes slideOutLeft { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: hidden; - } -} -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: hidden; - } -} -@keyframes slideOutRight { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: hidden; - } -} -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; -} -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: hidden; - } -} -@keyframes slideOutUp { - 0% { - -webkit-transform: translateZ(0); - transform: translateZ(0); - } - to { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: hidden; - } -} -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} -.animated { - -webkit-animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-duration: 1s; - animation-fill-mode: both; -} -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} -.animated.delay-1s { - -webkit-animation-delay: 1s; - animation-delay: 1s; -} -.animated.delay-2s { - -webkit-animation-delay: 2s; - animation-delay: 2s; -} -.animated.delay-3s { - -webkit-animation-delay: 3s; - animation-delay: 3s; -} -.animated.delay-4s { - -webkit-animation-delay: 4s; - animation-delay: 4s; -} -.animated.delay-5s { - -webkit-animation-delay: 5s; - animation-delay: 5s; -} -.animated.fast { - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; -} -.animated.faster { - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; -} -.animated.slow { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} -.animated.slower { - -webkit-animation-duration: 3s; - animation-duration: 3s; -} -@media (prefers-reduced-motion) { - .animated { - -webkit-animation: unset !important; - -webkit-transition: none !important; - animation: unset !important; - transition: none !important; - } -} +/*/ +/*! + * animate.css -http://daneden.me/animate + * Version - 3.7.0 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */ +@-webkit-keyframes bounce { + 0%, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translateZ(0); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transform: translateZ(0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} +@keyframes bounce { + 0%, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translateZ(0); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transform: translateZ(0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} +.bounce { + -webkit-animation-name: bounce; + -webkit-transform-origin: center bottom; + animation-name: bounce; + transform-origin: center bottom; +} +@-webkit-keyframes flash { + 0%, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +@keyframes flash { + 0%, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} +@keyframes pulse { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} +@keyframes rubberBand { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} +@-webkit-keyframes shake { + 0%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +@keyframes shake { + 0%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.headShake { + -webkit-animation-name: headShake; + -webkit-animation-timing-function: ease-in-out; + animation-name: headShake; + animation-timing-function: ease-in-out; +} +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} +.swing { + -webkit-animation-name: swing; + -webkit-transform-origin: top center; + animation-name: swing; + transform-origin: top center; +} +@-webkit-keyframes tada { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} +@keyframes tada { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); + transform: translate3d(-25%, 0, 0) rotate(-5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); + transform: translate3d(20%, 0, 0) rotate(3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); + transform: translate3d(-15%, 0, 0) rotate(-3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); + transform: translate3d(10%, 0, 0) rotate(2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); + transform: translate3d(-5%, 0, 0) rotate(-1deg); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes wobble { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); + transform: translate3d(-25%, 0, 0) rotate(-5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); + transform: translate3d(20%, 0, 0) rotate(3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); + transform: translate3d(-15%, 0, 0) rotate(-3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); + transform: translate3d(10%, 0, 0) rotate(2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); + transform: translate3d(-5%, 0, 0) rotate(-1deg); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} +@-webkit-keyframes jello { + 0%, + 11.1%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +@keyframes jello { + 0%, + 11.1%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +.jello { + -webkit-animation-name: jello; + -webkit-transform-origin: center; + animation-name: jello; + transform-origin: center; +} +@-webkit-keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.heartBeat { + -webkit-animation-duration: 1.3s; + -webkit-animation-name: heartBeat; + -webkit-animation-timing-function: ease-in-out; + animation-duration: 1.3s; + animation-name: heartBeat; + animation-timing-function: ease-in-out; +} +@-webkit-keyframes bounceIn { + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + -webkit-transform: scale3d(1.03, 1.03, 1.03); + opacity: 1; + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + -webkit-transform: scaleX(1); + opacity: 1; + transform: scaleX(1); + } +} +@keyframes bounceIn { + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + -webkit-transform: scale3d(1.03, 1.03, 1.03); + opacity: 1; + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + -webkit-transform: scaleX(1); + opacity: 1; + transform: scaleX(1); + } +} +.bounceIn { + -webkit-animation-duration: 0.75s; + -webkit-animation-name: bounceIn; + animation-duration: 0.75s; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInDown { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(0, -3000px, 0); + opacity: 0; + transform: translate3d(0, -3000px, 0); + } + 60% { + -webkit-transform: translate3d(0, 25px, 0); + opacity: 1; + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes bounceInDown { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(0, -3000px, 0); + opacity: 0; + transform: translate3d(0, -3000px, 0); + } + 60% { + -webkit-transform: translate3d(0, 25px, 0); + opacity: 1; + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(-3000px, 0, 0); + opacity: 0; + transform: translate3d(-3000px, 0, 0); + } + 60% { + -webkit-transform: translate3d(25px, 0, 0); + opacity: 1; + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes bounceInLeft { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(-3000px, 0, 0); + opacity: 0; + transform: translate3d(-3000px, 0, 0); + } + 60% { + -webkit-transform: translate3d(25px, 0, 0); + opacity: 1; + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(3000px, 0, 0); + opacity: 0; + transform: translate3d(3000px, 0, 0); + } + 60% { + -webkit-transform: translate3d(-25px, 0, 0); + opacity: 1; + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes bounceInRight { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(3000px, 0, 0); + opacity: 0; + transform: translate3d(3000px, 0, 0); + } + 60% { + -webkit-transform: translate3d(-25px, 0, 0); + opacity: 1; + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceInUp { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(0, 3000px, 0); + opacity: 0; + transform: translate3d(0, 3000px, 0); + } + 60% { + -webkit-transform: translate3d(0, -20px, 0); + opacity: 1; + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes bounceInUp { + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + -webkit-transform: translate3d(0, 3000px, 0); + opacity: 0; + transform: translate3d(0, 3000px, 0); + } + 60% { + -webkit-transform: translate3d(0, -20px, 0); + opacity: 1; + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + opacity: 1; + transform: scale3d(1.1, 1.1, 1.1); + } + to { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } +} +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + opacity: 1; + transform: scale3d(1.1, 1.1, 1.1); + } + to { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } +} +.bounceOut { + -webkit-animation-duration: 0.75s; + -webkit-animation-name: bounceOut; + animation-duration: 0.75s; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + -webkit-transform: translate3d(0, -20px, 0); + opacity: 1; + transform: translate3d(0, -20px, 0); + } + to { + -webkit-transform: translate3d(0, 2000px, 0); + opacity: 0; + transform: translate3d(0, 2000px, 0); + } +} +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + -webkit-transform: translate3d(0, -20px, 0); + opacity: 1; + transform: translate3d(0, -20px, 0); + } + to { + -webkit-transform: translate3d(0, 2000px, 0); + opacity: 0; + transform: translate3d(0, 2000px, 0); + } +} +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 20% { + -webkit-transform: translate3d(20px, 0, 0); + opacity: 1; + transform: translate3d(20px, 0, 0); + } + to { + -webkit-transform: translate3d(-2000px, 0, 0); + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } +} +@keyframes bounceOutLeft { + 20% { + -webkit-transform: translate3d(20px, 0, 0); + opacity: 1; + transform: translate3d(20px, 0, 0); + } + to { + -webkit-transform: translate3d(-2000px, 0, 0); + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } +} +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 20% { + -webkit-transform: translate3d(-20px, 0, 0); + opacity: 1; + transform: translate3d(-20px, 0, 0); + } + to { + -webkit-transform: translate3d(2000px, 0, 0); + opacity: 0; + transform: translate3d(2000px, 0, 0); + } +} +@keyframes bounceOutRight { + 20% { + -webkit-transform: translate3d(-20px, 0, 0); + opacity: 1; + transform: translate3d(-20px, 0, 0); + } + to { + -webkit-transform: translate3d(2000px, 0, 0); + opacity: 0; + transform: translate3d(2000px, 0, 0); + } +} +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + -webkit-transform: translate3d(0, 20px, 0); + opacity: 1; + transform: translate3d(0, 20px, 0); + } + to { + -webkit-transform: translate3d(0, -2000px, 0); + opacity: 0; + transform: translate3d(0, -2000px, 0); + } +} +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + -webkit-transform: translate3d(0, 20px, 0); + opacity: 1; + transform: translate3d(0, 20px, 0); + } + to { + -webkit-transform: translate3d(0, -2000px, 0); + opacity: 0; + transform: translate3d(0, -2000px, 0); + } +} +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadeIn { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + opacity: 0; + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + opacity: 0; + transform: translate3d(0, -100%, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInDownBig { + 0% { + -webkit-transform: translate3d(0, -2000px, 0); + opacity: 0; + transform: translate3d(0, -2000px, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInDownBig { + 0% { + -webkit-transform: translate3d(0, -2000px, 0); + opacity: 0; + transform: translate3d(0, -2000px, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + opacity: 0; + transform: translate3d(-100%, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + opacity: 0; + transform: translate3d(-100%, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + -webkit-transform: translate3d(-2000px, 0, 0); + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInLeftBig { + 0% { + -webkit-transform: translate3d(-2000px, 0, 0); + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + opacity: 0; + transform: translate3d(100%, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + opacity: 0; + transform: translate3d(100%, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInRightBig { + 0% { + -webkit-transform: translate3d(2000px, 0, 0); + opacity: 0; + transform: translate3d(2000px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInRightBig { + 0% { + -webkit-transform: translate3d(2000px, 0, 0); + opacity: 0; + transform: translate3d(2000px, 0, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + opacity: 0; + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + opacity: 0; + transform: translate3d(0, 100%, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInUpBig { + 0% { + -webkit-transform: translate3d(0, 2000px, 0); + opacity: 0; + transform: translate3d(0, 2000px, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes fadeInUpBig { + 0% { + -webkit-transform: translate3d(0, 2000px, 0); + opacity: 0; + transform: translate3d(0, 2000px, 0); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes fadeOut { + 0% { + opacity: 1; + } + to { + opacity: 0; + } +} +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 100%, 0); + opacity: 0; + transform: translate3d(0, 100%, 0); + } +} +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 100%, 0); + opacity: 0; + transform: translate3d(0, 100%, 0); + } +} +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 2000px, 0); + opacity: 0; + transform: translate3d(0, 2000px, 0); + } +} +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 2000px, 0); + opacity: 0; + transform: translate3d(0, 2000px, 0); + } +} +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + opacity: 0; + transform: translate3d(-100%, 0, 0); + } +} +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + opacity: 0; + transform: translate3d(-100%, 0, 0); + } +} +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(-2000px, 0, 0); + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } +} +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(-2000px, 0, 0); + opacity: 0; + transform: translate3d(-2000px, 0, 0); + } +} +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0); + opacity: 0; + transform: translate3d(100%, 0, 0); + } +} +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0); + opacity: 0; + transform: translate3d(100%, 0, 0); + } +} +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(2000px, 0, 0); + opacity: 0; + transform: translate3d(2000px, 0, 0); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(2000px, 0, 0); + opacity: 0; + transform: translate3d(2000px, 0, 0); + } +} +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, -100%, 0); + opacity: 0; + transform: translate3d(0, -100%, 0); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, -100%, 0); + opacity: 0; + transform: translate3d(0, -100%, 0); + } +} +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, -2000px, 0); + opacity: 0; + transform: translate3d(0, -2000px, 0); + } +} +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(0, -2000px, 0); + opacity: 0; + transform: translate3d(0, -2000px, 0); + } +} +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes flip { + 0% { + -webkit-animation-timing-function: ease-out; + -webkit-transform: perspective(400px) scaleX(1) translateZ(0) + rotateY(-1turn); + animation-timing-function: ease-out; + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); + } + 40% { + -webkit-animation-timing-function: ease-out; + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) + rotateY(-190deg); + animation-timing-function: ease-out; + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); + } + 50% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) + rotateY(-170deg); + animation-timing-function: ease-in; + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); + } + 80% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) + translateZ(0) rotateY(0deg); + animation-timing-function: ease-in; + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) + rotateY(0deg); + } + to { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + animation-timing-function: ease-in; + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + } +} +@keyframes flip { + 0% { + -webkit-animation-timing-function: ease-out; + -webkit-transform: perspective(400px) scaleX(1) translateZ(0) + rotateY(-1turn); + animation-timing-function: ease-out; + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); + } + 40% { + -webkit-animation-timing-function: ease-out; + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) + rotateY(-190deg); + animation-timing-function: ease-out; + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); + } + 50% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) + rotateY(-170deg); + animation-timing-function: ease-in; + transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); + } + 80% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) + translateZ(0) rotateY(0deg); + animation-timing-function: ease-in; + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) + rotateY(0deg); + } + to { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + animation-timing-function: ease-in; + transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); + } +} +.animated.flip { + -webkit-animation-name: flip; + -webkit-backface-visibility: visible; + animation-name: flip; + backface-visibility: visible; +} +@-webkit-keyframes flipInX { + 0% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateX(90deg); + animation-timing-function: ease-in; + opacity: 0; + transform: perspective(400px) rotateX(90deg); + } + 40% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateX(-20deg); + animation-timing-function: ease-in; + transform: perspective(400px) rotateX(-20deg); + } + 60% { + -webkit-transform: perspective(400px) rotateX(10deg); + opacity: 1; + transform: perspective(400px) rotateX(10deg); + } + 80% { + -webkit-transform: perspective(400px) rotateX(-5deg); + transform: perspective(400px) rotateX(-5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInX { + 0% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateX(90deg); + animation-timing-function: ease-in; + opacity: 0; + transform: perspective(400px) rotateX(90deg); + } + 40% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateX(-20deg); + animation-timing-function: ease-in; + transform: perspective(400px) rotateX(-20deg); + } + 60% { + -webkit-transform: perspective(400px) rotateX(10deg); + opacity: 1; + transform: perspective(400px) rotateX(10deg); + } + 80% { + -webkit-transform: perspective(400px) rotateX(-5deg); + transform: perspective(400px) rotateX(-5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +.flipInX { + -webkit-animation-name: flipInX; + -webkit-backface-visibility: visible !important; + animation-name: flipInX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateY(90deg); + animation-timing-function: ease-in; + opacity: 0; + transform: perspective(400px) rotateY(90deg); + } + 40% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateY(-20deg); + animation-timing-function: ease-in; + transform: perspective(400px) rotateY(-20deg); + } + 60% { + -webkit-transform: perspective(400px) rotateY(10deg); + opacity: 1; + transform: perspective(400px) rotateY(10deg); + } + 80% { + -webkit-transform: perspective(400px) rotateY(-5deg); + transform: perspective(400px) rotateY(-5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInY { + 0% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateY(90deg); + animation-timing-function: ease-in; + opacity: 0; + transform: perspective(400px) rotateY(90deg); + } + 40% { + -webkit-animation-timing-function: ease-in; + -webkit-transform: perspective(400px) rotateY(-20deg); + animation-timing-function: ease-in; + transform: perspective(400px) rotateY(-20deg); + } + 60% { + -webkit-transform: perspective(400px) rotateY(10deg); + opacity: 1; + transform: perspective(400px) rotateY(10deg); + } + 80% { + -webkit-transform: perspective(400px) rotateY(-5deg); + transform: perspective(400px) rotateY(-5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +.flipInY { + -webkit-animation-name: flipInY; + -webkit-backface-visibility: visible !important; + animation-name: flipInY; + backface-visibility: visible !important; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotateX(-20deg); + opacity: 1; + transform: perspective(400px) rotateX(-20deg); + } + to { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + transform: perspective(400px) rotateX(90deg); + } +} +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotateX(-20deg); + opacity: 1; + transform: perspective(400px) rotateX(-20deg); + } + to { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + transform: perspective(400px) rotateX(90deg); + } +} +.flipOutX { + -webkit-animation-duration: 0.75s; + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + animation-duration: 0.75s; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotateY(-15deg); + opacity: 1; + transform: perspective(400px) rotateY(-15deg); + } + to { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + transform: perspective(400px) rotateY(90deg); + } +} +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotateY(-15deg); + opacity: 1; + transform: perspective(400px) rotateY(-15deg); + } + to { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + transform: perspective(400px) rotateY(90deg); + } +} +.flipOutY { + -webkit-animation-duration: 0.75s; + -webkit-animation-name: flipOutY; + -webkit-backface-visibility: visible !important; + animation-duration: 0.75s; + animation-name: flipOutY; + backface-visibility: visible !important; +} +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + transform: translate3d(100%, 0, 0) skewX(-30deg); + } + 60% { + -webkit-transform: skewX(20deg); + opacity: 1; + transform: skewX(20deg); + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + transform: translate3d(100%, 0, 0) skewX(-30deg); + } + 60% { + -webkit-transform: skewX(20deg); + opacity: 1; + transform: skewX(20deg); + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-name: lightSpeedIn; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + transform: translate3d(100%, 0, 0) skewX(30deg); + } +} +@keyframes lightSpeedOut { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + transform: translate3d(100%, 0, 0) skewX(30deg); + } +} +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-name: lightSpeedOut; + animation-timing-function: ease-in; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform: rotate(-200deg); + -webkit-transform-origin: center; + opacity: 0; + transform: rotate(-200deg); + transform-origin: center; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: center; + opacity: 1; + transform: translateZ(0); + transform-origin: center; + } +} +@keyframes rotateIn { + 0% { + -webkit-transform: rotate(-200deg); + -webkit-transform-origin: center; + opacity: 0; + transform: rotate(-200deg); + transform-origin: center; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: center; + opacity: 1; + transform: translateZ(0); + transform-origin: center; + } +} +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(-45deg); + transform-origin: left bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: left bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: left bottom; + } +} +@keyframes rotateInDownLeft { + 0% { + -webkit-transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(-45deg); + transform-origin: left bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: left bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: left bottom; + } +} +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform: rotate(45deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(45deg); + transform-origin: right bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: right bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: right bottom; + } +} +@keyframes rotateInDownRight { + 0% { + -webkit-transform: rotate(45deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(45deg); + transform-origin: right bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: right bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: right bottom; + } +} +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform: rotate(45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(45deg); + transform-origin: left bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: left bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: left bottom; + } +} +@keyframes rotateInUpLeft { + 0% { + -webkit-transform: rotate(45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(45deg); + transform-origin: left bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: left bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: left bottom; + } +} +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform: rotate(-90deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(-90deg); + transform-origin: right bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: right bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: right bottom; + } +} +@keyframes rotateInUpRight { + 0% { + -webkit-transform: rotate(-90deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(-90deg); + transform-origin: right bottom; + } + to { + -webkit-transform: translateZ(0); + -webkit-transform-origin: right bottom; + opacity: 1; + transform: translateZ(0); + transform-origin: right bottom; + } +} +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + opacity: 1; + transform-origin: center; + } + to { + -webkit-transform: rotate(200deg); + -webkit-transform-origin: center; + opacity: 0; + transform: rotate(200deg); + transform-origin: center; + } +} +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + opacity: 1; + transform-origin: center; + } + to { + -webkit-transform: rotate(200deg); + -webkit-transform-origin: center; + opacity: 0; + transform: rotate(200deg); + transform-origin: center; + } +} +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + opacity: 1; + transform-origin: left bottom; + } + to { + -webkit-transform: rotate(45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(45deg); + transform-origin: left bottom; + } +} +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + opacity: 1; + transform-origin: left bottom; + } + to { + -webkit-transform: rotate(45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(45deg); + transform-origin: left bottom; + } +} +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + opacity: 1; + transform-origin: right bottom; + } + to { + -webkit-transform: rotate(-45deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(-45deg); + transform-origin: right bottom; + } +} +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + opacity: 1; + transform-origin: right bottom; + } + to { + -webkit-transform: rotate(-45deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(-45deg); + transform-origin: right bottom; + } +} +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + opacity: 1; + transform-origin: left bottom; + } + to { + -webkit-transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(-45deg); + transform-origin: left bottom; + } +} +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + opacity: 1; + transform-origin: left bottom; + } + to { + -webkit-transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + opacity: 0; + transform: rotate(-45deg); + transform-origin: left bottom; + } +} +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + opacity: 1; + transform-origin: right bottom; + } + to { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(90deg); + transform-origin: right bottom; + } +} +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + opacity: 1; + transform-origin: right bottom; + } + to { + -webkit-transform: rotate(90deg); + -webkit-transform-origin: right bottom; + opacity: 0; + transform: rotate(90deg); + transform-origin: right bottom; + } +} +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes hinge { + 0% { + -webkit-animation-timing-function: ease-in-out; + -webkit-transform-origin: top left; + animation-timing-function: ease-in-out; + transform-origin: top left; + } + 20%, + 60% { + -webkit-animation-timing-function: ease-in-out; + -webkit-transform: rotate(80deg); + -webkit-transform-origin: top left; + animation-timing-function: ease-in-out; + transform: rotate(80deg); + transform-origin: top left; + } + 40%, + 80% { + -webkit-animation-timing-function: ease-in-out; + -webkit-transform: rotate(60deg); + -webkit-transform-origin: top left; + animation-timing-function: ease-in-out; + opacity: 1; + transform: rotate(60deg); + transform-origin: top left; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + opacity: 0; + transform: translate3d(0, 700px, 0); + } +} +@keyframes hinge { + 0% { + -webkit-animation-timing-function: ease-in-out; + -webkit-transform-origin: top left; + animation-timing-function: ease-in-out; + transform-origin: top left; + } + 20%, + 60% { + -webkit-animation-timing-function: ease-in-out; + -webkit-transform: rotate(80deg); + -webkit-transform-origin: top left; + animation-timing-function: ease-in-out; + transform: rotate(80deg); + transform-origin: top left; + } + 40%, + 80% { + -webkit-animation-timing-function: ease-in-out; + -webkit-transform: rotate(60deg); + -webkit-transform-origin: top left; + animation-timing-function: ease-in-out; + opacity: 1; + transform: rotate(60deg); + transform-origin: top left; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + opacity: 0; + transform: translate3d(0, 700px, 0); + } +} +.hinge { + -webkit-animation-duration: 2s; + -webkit-animation-name: hinge; + animation-duration: 2s; + animation-name: hinge; +} +@-webkit-keyframes jackInTheBox { + 0% { + -webkit-transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + opacity: 0; + transform: scale(0.1) rotate(30deg); + transform-origin: center bottom; + } + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + to { + -webkit-transform: scale(1); + opacity: 1; + transform: scale(1); + } +} +@keyframes jackInTheBox { + 0% { + -webkit-transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + opacity: 0; + transform: scale(0.1) rotate(30deg); + transform-origin: center bottom; + } + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + to { + -webkit-transform: scale(1); + opacity: 1; + transform: scale(1); + } +} +.jackInTheBox { + -webkit-animation-name: jackInTheBox; + animation-name: jackInTheBox; +} +@-webkit-keyframes rollIn { + 0% { + -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); + opacity: 0; + transform: translate3d(-100%, 0, 0) rotate(-120deg); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +@keyframes rollIn { + 0% { + -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); + opacity: 0; + transform: translate3d(-100%, 0, 0) rotate(-120deg); + } + to { + -webkit-transform: translateZ(0); + opacity: 1; + transform: translateZ(0); + } +} +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); + opacity: 0; + transform: translate3d(100%, 0, 0) rotate(120deg); + } +} +@keyframes rollOut { + 0% { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); + opacity: 0; + transform: translate3d(100%, 0, 0) rotate(120deg); + } +} +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} +@-webkit-keyframes zoomIn { + 0% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +@keyframes zoomIn { + 0% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} +@-webkit-keyframes zoomInDown { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + } +} +@keyframes zoomInDown { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + } +} +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} +@-webkit-keyframes zoomInLeft { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + } +} +@keyframes zoomInLeft { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + } +} +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} +@-webkit-keyframes zoomInRight { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + } +} +@keyframes zoomInRight { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + } +} +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} +@-webkit-keyframes zoomInUp { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + } +} +@keyframes zoomInUp { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + } + 60% { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + } +} +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + } + 50% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} +@keyframes zoomOut { + 0% { + opacity: 1; + } + 50% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} +@-webkit-keyframes zoomOutDown { + 40% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + } + to { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform-origin: center bottom; + } +} +@keyframes zoomOutDown { + 40% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + } + to { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform-origin: center bottom; + } +} +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} +@-webkit-keyframes zoomOutLeft { + 40% { + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + opacity: 0; + transform: scale(0.1) translate3d(-2000px, 0, 0); + transform-origin: left center; + } +} +@keyframes zoomOutLeft { + 40% { + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + opacity: 0; + transform: scale(0.1) translate3d(-2000px, 0, 0); + transform-origin: left center; + } +} +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} +@-webkit-keyframes zoomOutRight { + 40% { + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + opacity: 0; + transform: scale(0.1) translate3d(2000px, 0, 0); + transform-origin: right center; + } +} +@keyframes zoomOutRight { + 40% { + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + opacity: 0; + transform: scale(0.1) translate3d(2000px, 0, 0); + transform-origin: right center; + } +} +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} +@-webkit-keyframes zoomOutUp { + 40% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + } + to { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform-origin: center bottom; + } +} +@keyframes zoomOutUp { + 40% { + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 1; + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + } + to { + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + opacity: 0; + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform-origin: center bottom; + } +} +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +@keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: hidden; + } +} +@keyframes slideOutDown { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: hidden; + } +} +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: hidden; + } +} +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: hidden; + } +} +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: hidden; + } +} +@keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: hidden; + } +} +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: hidden; + } +} +@keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + to { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: hidden; + } +} +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} +.animated { + -webkit-animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-duration: 1s; + animation-fill-mode: both; +} +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} +.animated.delay-1s { + -webkit-animation-delay: 1s; + animation-delay: 1s; +} +.animated.delay-2s { + -webkit-animation-delay: 2s; + animation-delay: 2s; +} +.animated.delay-3s { + -webkit-animation-delay: 3s; + animation-delay: 3s; +} +.animated.delay-4s { + -webkit-animation-delay: 4s; + animation-delay: 4s; +} +.animated.delay-5s { + -webkit-animation-delay: 5s; + animation-delay: 5s; +} +.animated.fast { + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; +} +.animated.faster { + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; +} +.animated.slow { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.animated.slower { + -webkit-animation-duration: 3s; + animation-duration: 3s; +} +@media (prefers-reduced-motion) { + .animated { + -webkit-animation: unset !important; + -webkit-transition: none !important; + animation: unset !important; + transition: none !important; + } +} diff --git a/prod/assets/css/glightbox.css b/prod/assets/css/glightbox.css index cbff976..e38d382 100644 --- a/prod/assets/css/glightbox.css +++ b/prod/assets/css/glightbox.css @@ -1,944 +1,944 @@ -.glightbox-container { - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - z-index: 9999999999 !important; - overflow: hidden; - -ms-touch-action: none; - touch-action: none; - -webkit-text-size-adjust: 100%; - -moz-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - text-size-adjust: 100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - outline: none; -} - -.glightbox-container.inactive { - display: none; -} - -.glightbox-container .gcontainer { - position: relative; - width: 100%; - height: 100%; - z-index: 9999; - overflow: hidden; -} - -.glightbox-container .gslider { - -webkit-transition: -webkit-transform 0.4s ease; - transition: -webkit-transform 0.4s ease; - transition: transform 0.4s ease; - transition: transform 0.4s ease, -webkit-transform 0.4s ease; - height: 100%; - left: 0; - top: 0; - width: 100%; - position: relative; - overflow: hidden; - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.glightbox-container .gslide { - width: 100%; - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - opacity: 0; -} - -.glightbox-container .gslide.current { - opacity: 1; - z-index: 99999; - position: relative; -} - -.glightbox-container .gslide.prev { - opacity: 1; - z-index: 9999; -} - -.glightbox-container .gslide-inner-content { - width: 100%; -} - -.glightbox-container .ginner-container { - position: relative; - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - align-items: center; - flex-direction: row; - max-width: 100%; - margin: auto; - height: 100vh; -} - -.glightbox-container .ginner-container.gvideo-container { - width: 100%; -} - -.glightbox-container .ginner-container.desc-bottom, -.glightbox-container .ginner-container.desc-top { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.glightbox-container .ginner-container.desc-left, -.glightbox-container .ginner-container.desc-right { - max-width: 100% !important; -} - -.gslide iframe, -.gslide video { - outline: none !important; - border: none; - min-height: 165px; - -webkit-overflow-scrolling: touch; - -ms-touch-action: auto; - touch-action: auto; -} - -.gslide:not(.current) { - pointer-events: none; -} - -.gslide-image { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.gslide-image img { - max-height: 100vh; - display: block; - padding: 0; - float: none; - outline: none; - border: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - max-width: 100vw; - width: auto; - height: auto; - -o-object-fit: cover; - object-fit: cover; - -ms-touch-action: none; - touch-action: none; - margin: auto; - min-width: 200px; -} - -.desc-top .gslide-image img, -.desc-bottom .gslide-image img { - width: auto; -} - -.desc-left .gslide-image img, -.desc-right .gslide-image img { - width: auto; - max-width: 100%; -} - -.gslide-image img.zoomable { - position: relative; -} - -.gslide-image img.dragging { - cursor: -webkit-grabbing !important; - cursor: grabbing !important; - -webkit-transition: none; - transition: none; -} - -.gslide-video { - position: relative; - max-width: 100vh; - width: 100% !important; -} - -.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { - display: none; -} - -.gslide-video .gvideo-wrapper { - width: 100%; - /* max-width: 160vmin; */ - margin: auto; -} - -.gslide-video::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: rgba(255, 0, 0, 0.34); - display: none; -} - -.gslide-video.playing::before { - display: none; -} - -.gslide-video.fullscreen { - max-width: 100% !important; - min-width: 100%; - height: 75vh; -} - -.gslide-video.fullscreen video { - max-width: 100% !important; - width: 100% !important; -} - -.gslide-inline { - background: #fff; - text-align: left; - max-height: calc(100vh - 40px); - overflow: auto; - max-width: 100%; - margin: auto; -} - -.gslide-inline .ginlined-content { - padding: 20px; - width: 100%; -} - -.gslide-inline .dragging { - cursor: -webkit-grabbing !important; - cursor: grabbing !important; - -webkit-transition: none; - transition: none; -} - -.ginlined-content { - overflow: auto; - display: block !important; - opacity: 1; -} - -.gslide-external { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - min-width: 100%; - background: #fff; - padding: 0; - overflow: auto; - max-height: 75vh; - height: 100%; -} - -.gslide-media { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: auto; - position: relative; -} - -.zoomed .gslide-media { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.desc-top .gslide-media, -.desc-bottom .gslide-media { - margin: 0 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.gslide-description { - position: relative; - -webkit-box-flex: 1; - -ms-flex: 1 0 100%; - flex: 1 0 100%; -} - -.gslide-description.description-left, -.gslide-description.description-right { - max-width: 100%; -} - -.gslide-description.description-bottom, -.gslide-description.description-top { - margin: 0 auto; - width: 100%; -} - -.gslide-description p { - margin-bottom: 12px; -} - -.gslide-description p:last-child { - margin-bottom: 0; -} - -.zoomed .gslide-description { - display: none; -} - -.glightbox-button-hidden { - display: none; -} - -/* - * Description for mobiles - * something like facebook does the description - * for the photos - */ - -.glightbox-mobile .glightbox-container .gslide-description { - height: auto !important; - width: 100%; - position: absolute; - bottom: 0; - padding: 19px 11px; - max-width: 100vw !important; - -webkit-box-ordinal-group: 3 !important; - -ms-flex-order: 2 !important; - order: 2 !important; - max-height: 78vh; - overflow: auto !important; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(rgba(0, 0, 0, 0)), - to(rgba(0, 0, 0, 0.75)) - ); - background: linear-gradient( - to bottom, - rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.75) 100% - ); - -webkit-transition: opacity 0.3s linear; - transition: opacity 0.3s linear; - padding-bottom: 50px; -} - -.glightbox-mobile .glightbox-container .gslide-title { - color: #fff; - font-size: 1em; -} - -.glightbox-mobile .glightbox-container .gslide-desc { - color: #a1a1a1; -} - -.glightbox-mobile .glightbox-container .gslide-desc a { - color: #fff; - font-weight: bold; -} - -.glightbox-mobile .glightbox-container .gslide-desc * { - color: inherit; -} - -.glightbox-mobile .glightbox-container .gslide-desc .desc-more { - color: #fff; - opacity: 0.4; -} - -.gdesc-open .gslide-media { - -webkit-transition: opacity 0.5s ease; - transition: opacity 0.5s ease; - opacity: 0.4; -} - -.gdesc-open .gdesc-inner { - padding-bottom: 30px; -} - -.gdesc-closed .gslide-media { - -webkit-transition: opacity 0.5s ease; - transition: opacity 0.5s ease; - opacity: 1; -} - -.greset { - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} - -.gabsolute { - position: absolute; -} - -.grelative { - position: relative; -} - -.glightbox-desc { - display: none !important; -} - -.glightbox-open { - overflow: hidden; -} - -.gloader { - height: 25px; - width: 25px; - -webkit-animation: lightboxLoader 0.8s infinite linear; - animation: lightboxLoader 0.8s infinite linear; - border: 2px solid #fff; - border-right-color: transparent; - border-radius: 50%; - position: absolute; - display: block; - z-index: 9999; - left: 0; - right: 0; - margin: 0 auto; - top: 47%; -} - -.goverlay { - width: 100%; - height: calc(100vh + 1px); - position: fixed; - top: -1px; - left: 0; - background: #000; - will-change: opacity; -} - -.gprev, -.gnext, -.gclose { - z-index: 99999; - cursor: pointer; - width: 26px; - height: 44px; - border: none; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.gprev svg, -.gnext svg, -.gclose svg { - display: block; - width: 25px; - height: auto; - margin: 0; - padding: 0; - font-weight: bold; -} - -.gprev.disabled, -.gnext.disabled, -.gclose.disabled { - opacity: 0.1; -} - -.gprev .garrow, -.gnext .garrow, -.gclose .garrow { - stroke: #fff; -} - -.gbtn.focused { - outline: 2px solid #0f3d81; -} - -iframe.wait-autoplay { - opacity: 0; -} - -.glightbox-closing .gnext, -.glightbox-closing .gprev, -.glightbox-closing .gclose { - opacity: 0 !important; -} - -/*Skin */ - -.glightbox-clean .gslide-description { - background: #fff; -} - -.glightbox-clean .gdesc-inner { - padding: 22px 20px; -} - -.glightbox-clean .gslide-title { - font-size: 1em; - font-weight: normal; - font-family: arial; - color: #000; - margin-bottom: 19px; - line-height: 1.4em; -} - -.glightbox-clean .gslide-desc { - font-size: 0.86em; - margin-bottom: 0; - font-family: arial; - line-height: 1.4em; -} - -.glightbox-clean .gslide-video { - background: #000; -} - -.glightbox-clean .gprev, -.glightbox-clean .gnext, -.glightbox-clean .gclose { - background-color: rgba(0, 0, 0, 0.75); - border-radius: 4px; -} - -.glightbox-clean .gprev path, -.glightbox-clean .gnext path, -.glightbox-clean .gclose path { - fill: #fff; -} - -.glightbox-clean .gprev { - position: absolute; - top: -100%; - left: 30px; - width: 40px; - height: 50px; -} - -.glightbox-clean .gnext { - position: absolute; - top: -100%; - right: 30px; - width: 40px; - height: 50px; -} - -.glightbox-clean .gclose { - width: 35px; - height: 35px; - top: 15px; - right: 10px; - position: absolute; -} - -.glightbox-clean .gclose svg { - width: 18px; - height: auto; -} - -.glightbox-clean .gclose:hover { - opacity: 1; -} - -/*CSS Animations*/ - -.gfadeIn { - -webkit-animation: gfadeIn 0.5s ease; - animation: gfadeIn 0.5s ease; -} - -.gfadeOut { - -webkit-animation: gfadeOut 0.5s ease; - animation: gfadeOut 0.5s ease; -} - -.gslideOutLeft { - -webkit-animation: gslideOutLeft 0.3s ease; - animation: gslideOutLeft 0.3s ease; -} - -.gslideInLeft { - -webkit-animation: gslideInLeft 0.3s ease; - animation: gslideInLeft 0.3s ease; -} - -.gslideOutRight { - -webkit-animation: gslideOutRight 0.3s ease; - animation: gslideOutRight 0.3s ease; -} - -.gslideInRight { - -webkit-animation: gslideInRight 0.3s ease; - animation: gslideInRight 0.3s ease; -} - -.gzoomIn { - -webkit-animation: gzoomIn 0.5s ease; - animation: gzoomIn 0.5s ease; -} - -.gzoomOut { - -webkit-animation: gzoomOut 0.5s ease; - animation: gzoomOut 0.5s ease; -} - -@-webkit-keyframes lightboxLoader { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes lightboxLoader { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-webkit-keyframes gfadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes gfadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -@-webkit-keyframes gfadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} - -@keyframes gfadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } -} - -@-webkit-keyframes gslideInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-60%, 0, 0); - transform: translate3d(-60%, 0, 0); - } - to { - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@keyframes gslideInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-60%, 0, 0); - transform: translate3d(-60%, 0, 0); - } - to { - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@-webkit-keyframes gslideOutLeft { - from { - opacity: 1; - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - -webkit-transform: translate3d(-60%, 0, 0); - transform: translate3d(-60%, 0, 0); - opacity: 0; - visibility: hidden; - } -} - -@keyframes gslideOutLeft { - from { - opacity: 1; - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - -webkit-transform: translate3d(-60%, 0, 0); - transform: translate3d(-60%, 0, 0); - opacity: 0; - visibility: hidden; - } -} - -@-webkit-keyframes gslideInRight { - from { - opacity: 0; - visibility: visible; - -webkit-transform: translate3d(60%, 0, 0); - transform: translate3d(60%, 0, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@keyframes gslideInRight { - from { - opacity: 0; - visibility: visible; - -webkit-transform: translate3d(60%, 0, 0); - transform: translate3d(60%, 0, 0); - } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@-webkit-keyframes gslideOutRight { - from { - opacity: 1; - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - -webkit-transform: translate3d(60%, 0, 0); - transform: translate3d(60%, 0, 0); - opacity: 0; - } -} - -@keyframes gslideOutRight { - from { - opacity: 1; - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - to { - -webkit-transform: translate3d(60%, 0, 0); - transform: translate3d(60%, 0, 0); - opacity: 0; - } -} - -@-webkit-keyframes gzoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 1; - } -} - -@keyframes gzoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 1; - } -} - -@-webkit-keyframes gzoomOut { - from { - opacity: 1; - } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} - -@keyframes gzoomOut { - from { - opacity: 1; - } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - to { - opacity: 0; - } -} - -@media (min-width: 769px) { - .glightbox-container .ginner-container { - width: auto; - height: auto; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - } - .glightbox-container .ginner-container.desc-top .gslide-description { - -webkit-box-ordinal-group: 1; - -ms-flex-order: 0; - order: 0; - } - .glightbox-container .ginner-container.desc-top .gslide-image, - .glightbox-container .ginner-container.desc-top .gslide-image img { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; - } - .glightbox-container .ginner-container.desc-left .gslide-description { - -webkit-box-ordinal-group: 1; - -ms-flex-order: 0; - order: 0; - } - .glightbox-container .ginner-container.desc-left .gslide-image { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; - } - .gslide-image img { - max-height: 97vh; - max-width: 100%; - } - .gslide-image img.zoomable { - cursor: -webkit-zoom-in; - cursor: zoom-in; - } - .zoomed .gslide-image img.zoomable { - cursor: -webkit-grab; - cursor: grab; - } - .gslide-inline { - max-height: 95vh; - } - .gslide-external { - max-height: 100vh; - } - .gslide-description.description-left, - .gslide-description.description-right { - max-width: 275px; - } - .glightbox-open { - height: auto; - } - .goverlay { - background: rgba(0, 0, 0, 0.92); - } - .glightbox-clean .gslide-media { - -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); - box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); - } - .glightbox-clean .description-left .gdesc-inner, - .glightbox-clean .description-right .gdesc-inner { - position: absolute; - height: 100%; - overflow-y: auto; - } - .glightbox-clean .gprev, - .glightbox-clean .gnext, - .glightbox-clean .gclose { - background-color: rgba(0, 0, 0, 0.32); - } - .glightbox-clean .gprev:hover, - .glightbox-clean .gnext:hover, - .glightbox-clean .gclose:hover { - background-color: rgba(0, 0, 0, 0.7); - } - .glightbox-clean .gprev { - top: 45%; - } - .glightbox-clean .gnext { - top: 45%; - } -} - -.gslide-count { - position: absolute; - bottom: -40px; - left: 0; - - transition: all 0.3s; -} - -@media (min-width: 992px) { - .glightbox-clean .gclose { - opacity: 0.7; - right: 20px; - } -} +.glightbox-container { + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 9999999999 !important; + overflow: hidden; + -ms-touch-action: none; + touch-action: none; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + outline: none; +} + +.glightbox-container.inactive { + display: none; +} + +.glightbox-container .gcontainer { + position: relative; + width: 100%; + height: 100%; + z-index: 9999; + overflow: hidden; +} + +.glightbox-container .gslider { + -webkit-transition: -webkit-transform 0.4s ease; + transition: -webkit-transform 0.4s ease; + transition: transform 0.4s ease; + transition: transform 0.4s ease, -webkit-transform 0.4s ease; + height: 100%; + left: 0; + top: 0; + width: 100%; + position: relative; + overflow: hidden; + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.glightbox-container .gslide { + width: 100%; + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + opacity: 0; +} + +.glightbox-container .gslide.current { + opacity: 1; + z-index: 99999; + position: relative; +} + +.glightbox-container .gslide.prev { + opacity: 1; + z-index: 9999; +} + +.glightbox-container .gslide-inner-content { + width: 100%; +} + +.glightbox-container .ginner-container { + position: relative; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + align-items: center; + flex-direction: row; + max-width: 100%; + margin: auto; + height: 100vh; +} + +.glightbox-container .ginner-container.gvideo-container { + width: 100%; +} + +.glightbox-container .ginner-container.desc-bottom, +.glightbox-container .ginner-container.desc-top { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.glightbox-container .ginner-container.desc-left, +.glightbox-container .ginner-container.desc-right { + max-width: 100% !important; +} + +.gslide iframe, +.gslide video { + outline: none !important; + border: none; + min-height: 165px; + -webkit-overflow-scrolling: touch; + -ms-touch-action: auto; + touch-action: auto; +} + +.gslide:not(.current) { + pointer-events: none; +} + +.gslide-image { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.gslide-image img { + max-height: 100vh; + display: block; + padding: 0; + float: none; + outline: none; + border: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + max-width: 100vw; + width: auto; + height: auto; + -o-object-fit: cover; + object-fit: cover; + -ms-touch-action: none; + touch-action: none; + margin: auto; + min-width: 200px; +} + +.desc-top .gslide-image img, +.desc-bottom .gslide-image img { + width: auto; +} + +.desc-left .gslide-image img, +.desc-right .gslide-image img { + width: auto; + max-width: 100%; +} + +.gslide-image img.zoomable { + position: relative; +} + +.gslide-image img.dragging { + cursor: -webkit-grabbing !important; + cursor: grabbing !important; + -webkit-transition: none; + transition: none; +} + +.gslide-video { + position: relative; + max-width: 100vh; + width: 100% !important; +} + +.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { + display: none; +} + +.gslide-video .gvideo-wrapper { + width: 100%; + /* max-width: 160vmin; */ + margin: auto; +} + +.gslide-video::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: rgba(255, 0, 0, 0.34); + display: none; +} + +.gslide-video.playing::before { + display: none; +} + +.gslide-video.fullscreen { + max-width: 100% !important; + min-width: 100%; + height: 75vh; +} + +.gslide-video.fullscreen video { + max-width: 100% !important; + width: 100% !important; +} + +.gslide-inline { + background: #fff; + text-align: left; + max-height: calc(100vh - 40px); + overflow: auto; + max-width: 100%; + margin: auto; +} + +.gslide-inline .ginlined-content { + padding: 20px; + width: 100%; +} + +.gslide-inline .dragging { + cursor: -webkit-grabbing !important; + cursor: grabbing !important; + -webkit-transition: none; + transition: none; +} + +.ginlined-content { + overflow: auto; + display: block !important; + opacity: 1; +} + +.gslide-external { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + min-width: 100%; + background: #fff; + padding: 0; + overflow: auto; + max-height: 75vh; + height: 100%; +} + +.gslide-media { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: auto; + position: relative; +} + +.zoomed .gslide-media { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.desc-top .gslide-media, +.desc-bottom .gslide-media { + margin: 0 auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.gslide-description { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1 0 100%; + flex: 1 0 100%; +} + +.gslide-description.description-left, +.gslide-description.description-right { + max-width: 100%; +} + +.gslide-description.description-bottom, +.gslide-description.description-top { + margin: 0 auto; + width: 100%; +} + +.gslide-description p { + margin-bottom: 12px; +} + +.gslide-description p:last-child { + margin-bottom: 0; +} + +.zoomed .gslide-description { + display: none; +} + +.glightbox-button-hidden { + display: none; +} + +/* + * Description for mobiles + * something like facebook does the description + * for the photos + */ + +.glightbox-mobile .glightbox-container .gslide-description { + height: auto !important; + width: 100%; + position: absolute; + bottom: 0; + padding: 19px 11px; + max-width: 100vw !important; + -webkit-box-ordinal-group: 3 !important; + -ms-flex-order: 2 !important; + order: 2 !important; + max-height: 78vh; + overflow: auto !important; + background: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(0, 0, 0, 0)), + to(rgba(0, 0, 0, 0.75)) + ); + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.75) 100% + ); + -webkit-transition: opacity 0.3s linear; + transition: opacity 0.3s linear; + padding-bottom: 50px; +} + +.glightbox-mobile .glightbox-container .gslide-title { + color: #fff; + font-size: 1em; +} + +.glightbox-mobile .glightbox-container .gslide-desc { + color: #a1a1a1; +} + +.glightbox-mobile .glightbox-container .gslide-desc a { + color: #fff; + font-weight: bold; +} + +.glightbox-mobile .glightbox-container .gslide-desc * { + color: inherit; +} + +.glightbox-mobile .glightbox-container .gslide-desc .desc-more { + color: #fff; + opacity: 0.4; +} + +.gdesc-open .gslide-media { + -webkit-transition: opacity 0.5s ease; + transition: opacity 0.5s ease; + opacity: 0.4; +} + +.gdesc-open .gdesc-inner { + padding-bottom: 30px; +} + +.gdesc-closed .gslide-media { + -webkit-transition: opacity 0.5s ease; + transition: opacity 0.5s ease; + opacity: 1; +} + +.greset { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.gabsolute { + position: absolute; +} + +.grelative { + position: relative; +} + +.glightbox-desc { + display: none !important; +} + +.glightbox-open { + overflow: hidden; +} + +.gloader { + height: 25px; + width: 25px; + -webkit-animation: lightboxLoader 0.8s infinite linear; + animation: lightboxLoader 0.8s infinite linear; + border: 2px solid #fff; + border-right-color: transparent; + border-radius: 50%; + position: absolute; + display: block; + z-index: 9999; + left: 0; + right: 0; + margin: 0 auto; + top: 47%; +} + +.goverlay { + width: 100%; + height: calc(100vh + 1px); + position: fixed; + top: -1px; + left: 0; + background: #000; + will-change: opacity; +} + +.gprev, +.gnext, +.gclose { + z-index: 99999; + cursor: pointer; + width: 26px; + height: 44px; + border: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.gprev svg, +.gnext svg, +.gclose svg { + display: block; + width: 25px; + height: auto; + margin: 0; + padding: 0; + font-weight: bold; +} + +.gprev.disabled, +.gnext.disabled, +.gclose.disabled { + opacity: 0.1; +} + +.gprev .garrow, +.gnext .garrow, +.gclose .garrow { + stroke: #fff; +} + +.gbtn.focused { + outline: 2px solid #0f3d81; +} + +iframe.wait-autoplay { + opacity: 0; +} + +.glightbox-closing .gnext, +.glightbox-closing .gprev, +.glightbox-closing .gclose { + opacity: 0 !important; +} + +/*Skin */ + +.glightbox-clean .gslide-description { + background: #fff; +} + +.glightbox-clean .gdesc-inner { + padding: 22px 20px; +} + +.glightbox-clean .gslide-title { + font-size: 1em; + font-weight: normal; + font-family: arial; + color: #000; + margin-bottom: 19px; + line-height: 1.4em; +} + +.glightbox-clean .gslide-desc { + font-size: 0.86em; + margin-bottom: 0; + font-family: arial; + line-height: 1.4em; +} + +.glightbox-clean .gslide-video { + background: #000; +} + +.glightbox-clean .gprev, +.glightbox-clean .gnext, +.glightbox-clean .gclose { + background-color: rgba(0, 0, 0, 0.75); + border-radius: 4px; +} + +.glightbox-clean .gprev path, +.glightbox-clean .gnext path, +.glightbox-clean .gclose path { + fill: #fff; +} + +.glightbox-clean .gprev { + position: absolute; + top: -100%; + left: 30px; + width: 40px; + height: 50px; +} + +.glightbox-clean .gnext { + position: absolute; + top: -100%; + right: 30px; + width: 40px; + height: 50px; +} + +.glightbox-clean .gclose { + width: 35px; + height: 35px; + top: 15px; + right: 10px; + position: absolute; +} + +.glightbox-clean .gclose svg { + width: 18px; + height: auto; +} + +.glightbox-clean .gclose:hover { + opacity: 1; +} + +/*CSS Animations*/ + +.gfadeIn { + -webkit-animation: gfadeIn 0.5s ease; + animation: gfadeIn 0.5s ease; +} + +.gfadeOut { + -webkit-animation: gfadeOut 0.5s ease; + animation: gfadeOut 0.5s ease; +} + +.gslideOutLeft { + -webkit-animation: gslideOutLeft 0.3s ease; + animation: gslideOutLeft 0.3s ease; +} + +.gslideInLeft { + -webkit-animation: gslideInLeft 0.3s ease; + animation: gslideInLeft 0.3s ease; +} + +.gslideOutRight { + -webkit-animation: gslideOutRight 0.3s ease; + animation: gslideOutRight 0.3s ease; +} + +.gslideInRight { + -webkit-animation: gslideInRight 0.3s ease; + animation: gslideInRight 0.3s ease; +} + +.gzoomIn { + -webkit-animation: gzoomIn 0.5s ease; + animation: gzoomIn 0.5s ease; +} + +.gzoomOut { + -webkit-animation: gzoomOut 0.5s ease; + animation: gzoomOut 0.5s ease; +} + +@-webkit-keyframes lightboxLoader { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes lightboxLoader { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-webkit-keyframes gfadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@keyframes gfadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@-webkit-keyframes gfadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@keyframes gfadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +@-webkit-keyframes gslideInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + } + to { + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes gslideInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + } + to { + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@-webkit-keyframes gslideOutLeft { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + opacity: 0; + visibility: hidden; + } +} + +@keyframes gslideOutLeft { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + opacity: 0; + visibility: hidden; + } +} + +@-webkit-keyframes gslideInRight { + from { + opacity: 0; + visibility: visible; + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes gslideInRight { + from { + opacity: 0; + visibility: visible; + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@-webkit-keyframes gslideOutRight { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + opacity: 0; + } +} + +@keyframes gslideOutRight { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + opacity: 0; + } +} + +@-webkit-keyframes gzoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 1; + } +} + +@keyframes gzoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 1; + } +} + +@-webkit-keyframes gzoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} + +@keyframes gzoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} + +@media (min-width: 769px) { + .glightbox-container .ginner-container { + width: auto; + height: auto; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .glightbox-container .ginner-container.desc-top .gslide-description { + -webkit-box-ordinal-group: 1; + -ms-flex-order: 0; + order: 0; + } + .glightbox-container .ginner-container.desc-top .gslide-image, + .glightbox-container .ginner-container.desc-top .gslide-image img { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .glightbox-container .ginner-container.desc-left .gslide-description { + -webkit-box-ordinal-group: 1; + -ms-flex-order: 0; + order: 0; + } + .glightbox-container .ginner-container.desc-left .gslide-image { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .gslide-image img { + max-height: 97vh; + max-width: 100%; + } + .gslide-image img.zoomable { + cursor: -webkit-zoom-in; + cursor: zoom-in; + } + .zoomed .gslide-image img.zoomable { + cursor: -webkit-grab; + cursor: grab; + } + .gslide-inline { + max-height: 95vh; + } + .gslide-external { + max-height: 100vh; + } + .gslide-description.description-left, + .gslide-description.description-right { + max-width: 275px; + } + .glightbox-open { + height: auto; + } + .goverlay { + background: rgba(0, 0, 0, 0.92); + } + .glightbox-clean .gslide-media { + -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); + box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); + } + .glightbox-clean .description-left .gdesc-inner, + .glightbox-clean .description-right .gdesc-inner { + position: absolute; + height: 100%; + overflow-y: auto; + } + .glightbox-clean .gprev, + .glightbox-clean .gnext, + .glightbox-clean .gclose { + background-color: rgba(0, 0, 0, 0.32); + } + .glightbox-clean .gprev:hover, + .glightbox-clean .gnext:hover, + .glightbox-clean .gclose:hover { + background-color: rgba(0, 0, 0, 0.7); + } + .glightbox-clean .gprev { + top: 45%; + } + .glightbox-clean .gnext { + top: 45%; + } +} + +.gslide-count { + position: absolute; + bottom: -40px; + left: 0; + + transition: all 0.3s; +} + +@media (min-width: 992px) { + .glightbox-clean .gclose { + opacity: 0.7; + right: 20px; + } +} diff --git a/prod/assets/css/lightcase.css b/prod/assets/css/lightcase.css index ddbf5ca..7cdc5a8 100644 --- a/prod/assets/css/lightcase.css +++ b/prod/assets/css/lightcase.css @@ -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; + } +} diff --git a/prod/assets/css/style.css b/prod/assets/css/style.css index f50c282..754519a 100644 --- a/prod/assets/css/style.css +++ b/prod/assets/css/style.css @@ -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; } -} +} diff --git a/prod/assets/css/ui-widget.css b/prod/assets/css/ui-widget.css index 4bbd3a7..0b4cbf7 100644 --- a/prod/assets/css/ui-widget.css +++ b/prod/assets/css/ui-widget.css @@ -1,858 +1,858 @@ -/*! jQuery UI - v1.11.4 - 2016-06-07 -* http://jqueryui.com -* Includes: core.css, slider.css, theme.css -* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px -* Copyright jQuery Foundation and other contributors; Licensed MIT */ - -.ui-helper-hidden { - display: none; -} -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.ui-helper-reset { - margin: 0; - padding: 0; - border: 0; - outline: 0; - line-height: 1.3; - text-decoration: none; - font-size: 100%; - list-style: none; -} -.ui-helper-clearfix:before, -.ui-helper-clearfix:after { - content: ""; - display: table; - border-collapse: collapse; -} -.ui-helper-clearfix:after { - clear: both; -} -.ui-helper-clearfix { - min-height: 0; -} -.ui-helper-zfix { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - opacity: 0; - filter: Alpha(Opacity=0); -} -.ui-front { - z-index: 100; -} -.ui-state-disabled { - cursor: default !important; -} -.ui-icon { - display: block; - text-indent: -99999px; - overflow: hidden; - background-repeat: no-repeat; -} -.ui-widget-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.ui-slider { - position: relative; - text-align: left; -} -.ui-slider .ui-slider-handle { - position: absolute; - z-index: 2; - width: 1.2em; - height: 1.2em; - cursor: default; - -ms-touch-action: none; - touch-action: none; -} -.ui-slider .ui-slider-range { - position: absolute; - z-index: 1; - font-size: 0.7em; - display: block; - border: 0; - background-position: 0 0; -} -.ui-slider.ui-state-disabled .ui-slider-handle, -.ui-slider.ui-state-disabled .ui-slider-range { - filter: inherit; -} -.ui-slider-horizontal { - height: 0.8em; -} -.ui-slider-horizontal .ui-slider-handle { - top: -0.3em; - margin-left: -0.6em; -} -.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; -} -.ui-slider-horizontal .ui-slider-range-min { - left: 0; -} -.ui-slider-horizontal .ui-slider-range-max { - right: 0; -} -.ui-slider-vertical { - width: 0.8em; - height: 100px; -} -.ui-slider-vertical .ui-slider-handle { - left: -0.3em; - margin-left: 0; - margin-bottom: -0.6em; -} -.ui-slider-vertical .ui-slider-range { - left: 0; - width: 100%; -} -.ui-slider-vertical .ui-slider-range-min { - bottom: 0; -} -.ui-slider-vertical .ui-slider-range-max { - top: 0; -} -.ui-widget { - font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; - font-size: 1.1em; -} -.ui-widget .ui-widget { - font-size: 1em; -} -.ui-widget input, -.ui-widget select, -.ui-widget textarea, -.ui-widget button { - font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; - font-size: 1em; -} -.ui-widget-content { - border: 1px solid #a6c9e2; - background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% - bottom repeat-x; - color: #222; -} -.ui-widget-content a { - color: #222; -} -.ui-widget-header { - border: 1px solid #4297d7; - background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% - 50% repeat-x; - color: #fff; - font-weight: bold; -} -.ui-widget-header a { - color: #fff; -} -.ui-state-default, -.ui-widget-content .ui-state-default, -.ui-widget-header .ui-state-default { - border: 1px solid #c5dbec; - background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% - repeat-x; - font-weight: bold; - color: #2e6e9e; -} -.ui-state-default a, -.ui-state-default a:link, -.ui-state-default a:visited { - color: #2e6e9e; - text-decoration: none; -} -.ui-state-hover, -.ui-widget-content .ui-state-hover, -.ui-widget-header .ui-state-hover, -.ui-state-focus, -.ui-widget-content .ui-state-focus, -.ui-widget-header .ui-state-focus { - border: 1px solid #79b7e7; - background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% - repeat-x; - font-weight: bold; - color: #1d5987; -} -.ui-state-hover a, -.ui-state-hover a:hover, -.ui-state-hover a:link, -.ui-state-hover a:visited, -.ui-state-focus a, -.ui-state-focus a:hover, -.ui-state-focus a:link, -.ui-state-focus a:visited { - color: #1d5987; - text-decoration: none; -} -.ui-state-active, -.ui-widget-content .ui-state-active, -.ui-widget-header .ui-state-active { - border: 1px solid #79b7e7; - background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% - 50% repeat-x; - font-weight: bold; - color: #e17009; -} -.ui-state-active a, -.ui-state-active a:link, -.ui-state-active a:visited { - color: #e17009; - text-decoration: none; -} -.ui-state-highlight, -.ui-widget-content .ui-state-highlight, -.ui-widget-header .ui-state-highlight { - border: 1px solid #fad42e; - background: #fbec88; - color: #363636; -} -.ui-state-highlight a, -.ui-widget-content .ui-state-highlight a, -.ui-widget-header .ui-state-highlight a { - color: #363636; -} -.ui-state-error, -.ui-widget-content .ui-state-error, -.ui-widget-header .ui-state-error { - border: 1px solid #cd0a0a; - background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% - repeat-x; - color: #cd0a0a; -} -.ui-state-error a, -.ui-widget-content .ui-state-error a, -.ui-widget-header .ui-state-error a { - color: #cd0a0a; -} -.ui-state-error-text, -.ui-widget-content .ui-state-error-text, -.ui-widget-header .ui-state-error-text { - color: #cd0a0a; -} -.ui-priority-primary, -.ui-widget-content .ui-priority-primary, -.ui-widget-header .ui-priority-primary { - font-weight: bold; -} -.ui-priority-secondary, -.ui-widget-content .ui-priority-secondary, -.ui-widget-header .ui-priority-secondary { - opacity: 0.7; - filter: Alpha(Opacity=70); - font-weight: normal; -} -.ui-state-disabled, -.ui-widget-content .ui-state-disabled, -.ui-widget-header .ui-state-disabled { - opacity: 0.35; - filter: Alpha(Opacity=35); - background-image: none; -} -.ui-state-disabled .ui-icon { - filter: Alpha(Opacity=35); -} -.ui-icon { - width: 16px; - height: 16px; -} -.ui-icon, -.ui-widget-content .ui-icon { - background-image: url("images/ui-icons_469bdd_256x240.png"); -} -.ui-widget-header .ui-icon { - background-image: url("images/ui-icons_d8e7f3_256x240.png"); -} -.ui-state-default .ui-icon { - background-image: url("images/ui-icons_6da8d5_256x240.png"); -} -.ui-state-hover .ui-icon, -.ui-state-focus .ui-icon { - background-image: url("images/ui-icons_217bc0_256x240.png"); -} -.ui-state-active .ui-icon { - background-image: url("images/ui-icons_f9bd01_256x240.png"); -} -.ui-state-highlight .ui-icon { - background-image: url("images/ui-icons_2e83ff_256x240.png"); -} -.ui-state-error .ui-icon, -.ui-state-error-text .ui-icon { - background-image: url("images/ui-icons_cd0a0a_256x240.png"); -} -.ui-icon-blank { - background-position: 16px 16px; -} -.ui-icon-carat-1-n { - background-position: 0 0; -} -.ui-icon-carat-1-ne { - background-position: -16px 0; -} -.ui-icon-carat-1-e { - background-position: -32px 0; -} -.ui-icon-carat-1-se { - background-position: -48px 0; -} -.ui-icon-carat-1-s { - background-position: -64px 0; -} -.ui-icon-carat-1-sw { - background-position: -80px 0; -} -.ui-icon-carat-1-w { - background-position: -96px 0; -} -.ui-icon-carat-1-nw { - background-position: -112px 0; -} -.ui-icon-carat-2-n-s { - background-position: -128px 0; -} -.ui-icon-carat-2-e-w { - background-position: -144px 0; -} -.ui-icon-triangle-1-n { - background-position: 0 -16px; -} -.ui-icon-triangle-1-ne { - background-position: -16px -16px; -} -.ui-icon-triangle-1-e { - background-position: -32px -16px; -} -.ui-icon-triangle-1-se { - background-position: -48px -16px; -} -.ui-icon-triangle-1-s { - background-position: -64px -16px; -} -.ui-icon-triangle-1-sw { - background-position: -80px -16px; -} -.ui-icon-triangle-1-w { - background-position: -96px -16px; -} -.ui-icon-triangle-1-nw { - background-position: -112px -16px; -} -.ui-icon-triangle-2-n-s { - background-position: -128px -16px; -} -.ui-icon-triangle-2-e-w { - background-position: -144px -16px; -} -.ui-icon-arrow-1-n { - background-position: 0 -32px; -} -.ui-icon-arrow-1-ne { - background-position: -16px -32px; -} -.ui-icon-arrow-1-e { - background-position: -32px -32px; -} -.ui-icon-arrow-1-se { - background-position: -48px -32px; -} -.ui-icon-arrow-1-s { - background-position: -64px -32px; -} -.ui-icon-arrow-1-sw { - background-position: -80px -32px; -} -.ui-icon-arrow-1-w { - background-position: -96px -32px; -} -.ui-icon-arrow-1-nw { - background-position: -112px -32px; -} -.ui-icon-arrow-2-n-s { - background-position: -128px -32px; -} -.ui-icon-arrow-2-ne-sw { - background-position: -144px -32px; -} -.ui-icon-arrow-2-e-w { - background-position: -160px -32px; -} -.ui-icon-arrow-2-se-nw { - background-position: -176px -32px; -} -.ui-icon-arrowstop-1-n { - background-position: -192px -32px; -} -.ui-icon-arrowstop-1-e { - background-position: -208px -32px; -} -.ui-icon-arrowstop-1-s { - background-position: -224px -32px; -} -.ui-icon-arrowstop-1-w { - background-position: -240px -32px; -} -.ui-icon-arrowthick-1-n { - background-position: 0 -48px; -} -.ui-icon-arrowthick-1-ne { - background-position: -16px -48px; -} -.ui-icon-arrowthick-1-e { - background-position: -32px -48px; -} -.ui-icon-arrowthick-1-se { - background-position: -48px -48px; -} -.ui-icon-arrowthick-1-s { - background-position: -64px -48px; -} -.ui-icon-arrowthick-1-sw { - background-position: -80px -48px; -} -.ui-icon-arrowthick-1-w { - background-position: -96px -48px; -} -.ui-icon-arrowthick-1-nw { - background-position: -112px -48px; -} -.ui-icon-arrowthick-2-n-s { - background-position: -128px -48px; -} -.ui-icon-arrowthick-2-ne-sw { - background-position: -144px -48px; -} -.ui-icon-arrowthick-2-e-w { - background-position: -160px -48px; -} -.ui-icon-arrowthick-2-se-nw { - background-position: -176px -48px; -} -.ui-icon-arrowthickstop-1-n { - background-position: -192px -48px; -} -.ui-icon-arrowthickstop-1-e { - background-position: -208px -48px; -} -.ui-icon-arrowthickstop-1-s { - background-position: -224px -48px; -} -.ui-icon-arrowthickstop-1-w { - background-position: -240px -48px; -} -.ui-icon-arrowreturnthick-1-w { - background-position: 0 -64px; -} -.ui-icon-arrowreturnthick-1-n { - background-position: -16px -64px; -} -.ui-icon-arrowreturnthick-1-e { - background-position: -32px -64px; -} -.ui-icon-arrowreturnthick-1-s { - background-position: -48px -64px; -} -.ui-icon-arrowreturn-1-w { - background-position: -64px -64px; -} -.ui-icon-arrowreturn-1-n { - background-position: -80px -64px; -} -.ui-icon-arrowreturn-1-e { - background-position: -96px -64px; -} -.ui-icon-arrowreturn-1-s { - background-position: -112px -64px; -} -.ui-icon-arrowrefresh-1-w { - background-position: -128px -64px; -} -.ui-icon-arrowrefresh-1-n { - background-position: -144px -64px; -} -.ui-icon-arrowrefresh-1-e { - background-position: -160px -64px; -} -.ui-icon-arrowrefresh-1-s { - background-position: -176px -64px; -} -.ui-icon-arrow-4 { - background-position: 0 -80px; -} -.ui-icon-arrow-4-diag { - background-position: -16px -80px; -} -.ui-icon-extlink { - background-position: -32px -80px; -} -.ui-icon-newwin { - background-position: -48px -80px; -} -.ui-icon-refresh { - background-position: -64px -80px; -} -.ui-icon-shuffle { - background-position: -80px -80px; -} -.ui-icon-transfer-e-w { - background-position: -96px -80px; -} -.ui-icon-transferthick-e-w { - background-position: -112px -80px; -} -.ui-icon-folder-collapsed { - background-position: 0 -96px; -} -.ui-icon-folder-open { - background-position: -16px -96px; -} -.ui-icon-document { - background-position: -32px -96px; -} -.ui-icon-document-b { - background-position: -48px -96px; -} -.ui-icon-note { - background-position: -64px -96px; -} -.ui-icon-mail-closed { - background-position: -80px -96px; -} -.ui-icon-mail-open { - background-position: -96px -96px; -} -.ui-icon-suitcase { - background-position: -112px -96px; -} -.ui-icon-comment { - background-position: -128px -96px; -} -.ui-icon-person { - background-position: -144px -96px; -} -.ui-icon-print { - background-position: -160px -96px; -} -.ui-icon-trash { - background-position: -176px -96px; -} -.ui-icon-locked { - background-position: -192px -96px; -} -.ui-icon-unlocked { - background-position: -208px -96px; -} -.ui-icon-bookmark { - background-position: -224px -96px; -} -.ui-icon-tag { - background-position: -240px -96px; -} -.ui-icon-home { - background-position: 0 -112px; -} -.ui-icon-flag { - background-position: -16px -112px; -} -.ui-icon-calendar { - background-position: -32px -112px; -} -.ui-icon-cart { - background-position: -48px -112px; -} -.ui-icon-pencil { - background-position: -64px -112px; -} -.ui-icon-clock { - background-position: -80px -112px; -} -.ui-icon-disk { - background-position: -96px -112px; -} -.ui-icon-calculator { - background-position: -112px -112px; -} -.ui-icon-zoomin { - background-position: -128px -112px; -} -.ui-icon-zoomout { - background-position: -144px -112px; -} -.ui-icon-search { - background-position: -160px -112px; -} -.ui-icon-wrench { - background-position: -176px -112px; -} -.ui-icon-gear { - background-position: -192px -112px; -} -.ui-icon-heart { - background-position: -208px -112px; -} -.ui-icon-star { - background-position: -224px -112px; -} -.ui-icon-link { - background-position: -240px -112px; -} -.ui-icon-cancel { - background-position: 0 -128px; -} -.ui-icon-plus { - background-position: -16px -128px; -} -.ui-icon-plusthick { - background-position: -32px -128px; -} -.ui-icon-minus { - background-position: -48px -128px; -} -.ui-icon-minusthick { - background-position: -64px -128px; -} -.ui-icon-close { - background-position: -80px -128px; -} -.ui-icon-closethick { - background-position: -96px -128px; -} -.ui-icon-key { - background-position: -112px -128px; -} -.ui-icon-lightbulb { - background-position: -128px -128px; -} -.ui-icon-scissors { - background-position: -144px -128px; -} -.ui-icon-clipboard { - background-position: -160px -128px; -} -.ui-icon-copy { - background-position: -176px -128px; -} -.ui-icon-contact { - background-position: -192px -128px; -} -.ui-icon-image { - background-position: -208px -128px; -} -.ui-icon-video { - background-position: -224px -128px; -} -.ui-icon-script { - background-position: -240px -128px; -} -.ui-icon-alert { - background-position: 0 -144px; -} -.ui-icon-info { - background-position: -16px -144px; -} -.ui-icon-notice { - background-position: -32px -144px; -} -.ui-icon-help { - background-position: -48px -144px; -} -.ui-icon-check { - background-position: -64px -144px; -} -.ui-icon-bullet { - background-position: -80px -144px; -} -.ui-icon-radio-on { - background-position: -96px -144px; -} -.ui-icon-radio-off { - background-position: -112px -144px; -} -.ui-icon-pin-w { - background-position: -128px -144px; -} -.ui-icon-pin-s { - background-position: -144px -144px; -} -.ui-icon-play { - background-position: 0 -160px; -} -.ui-icon-pause { - background-position: -16px -160px; -} -.ui-icon-seek-next { - background-position: -32px -160px; -} -.ui-icon-seek-prev { - background-position: -48px -160px; -} -.ui-icon-seek-end { - background-position: -64px -160px; -} -.ui-icon-seek-start { - background-position: -80px -160px; -} -.ui-icon-seek-first { - background-position: -80px -160px; -} -.ui-icon-stop { - background-position: -96px -160px; -} -.ui-icon-eject { - background-position: -112px -160px; -} -.ui-icon-volume-off { - background-position: -128px -160px; -} -.ui-icon-volume-on { - background-position: -144px -160px; -} -.ui-icon-power { - background-position: 0 -176px; -} -.ui-icon-signal-diag { - background-position: -16px -176px; -} -.ui-icon-signal { - background-position: -32px -176px; -} -.ui-icon-battery-0 { - background-position: -48px -176px; -} -.ui-icon-battery-1 { - background-position: -64px -176px; -} -.ui-icon-battery-2 { - background-position: -80px -176px; -} -.ui-icon-battery-3 { - background-position: -96px -176px; -} -.ui-icon-circle-plus { - background-position: 0 -192px; -} -.ui-icon-circle-minus { - background-position: -16px -192px; -} -.ui-icon-circle-close { - background-position: -32px -192px; -} -.ui-icon-circle-triangle-e { - background-position: -48px -192px; -} -.ui-icon-circle-triangle-s { - background-position: -64px -192px; -} -.ui-icon-circle-triangle-w { - background-position: -80px -192px; -} -.ui-icon-circle-triangle-n { - background-position: -96px -192px; -} -.ui-icon-circle-arrow-e { - background-position: -112px -192px; -} -.ui-icon-circle-arrow-s { - background-position: -128px -192px; -} -.ui-icon-circle-arrow-w { - background-position: -144px -192px; -} -.ui-icon-circle-arrow-n { - background-position: -160px -192px; -} -.ui-icon-circle-zoomin { - background-position: -176px -192px; -} -.ui-icon-circle-zoomout { - background-position: -192px -192px; -} -.ui-icon-circle-check { - background-position: -208px -192px; -} -.ui-icon-circlesmall-plus { - background-position: 0 -208px; -} -.ui-icon-circlesmall-minus { - background-position: -16px -208px; -} -.ui-icon-circlesmall-close { - background-position: -32px -208px; -} -.ui-icon-squaresmall-plus { - background-position: -48px -208px; -} -.ui-icon-squaresmall-minus { - background-position: -64px -208px; -} -.ui-icon-squaresmall-close { - background-position: -80px -208px; -} -.ui-icon-grip-dotted-vertical { - background-position: 0 -224px; -} -.ui-icon-grip-dotted-horizontal { - background-position: -16px -224px; -} -.ui-icon-grip-solid-vertical { - background-position: -32px -224px; -} -.ui-icon-grip-solid-horizontal { - background-position: -48px -224px; -} -.ui-icon-gripsmall-diagonal-se { - background-position: -64px -224px; -} -.ui-icon-grip-diagonal-se { - background-position: -80px -224px; -} -.ui-corner-all, -.ui-corner-top, -.ui-corner-left, -.ui-corner-tl { - border-top-left-radius: 5px; -} -.ui-corner-all, -.ui-corner-top, -.ui-corner-right, -.ui-corner-tr { - border-top-right-radius: 5px; -} -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-left, -.ui-corner-bl { - border-bottom-left-radius: 5px; -} -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-right, -.ui-corner-br { - border-bottom-right-radius: 5px; -} -.ui-widget-overlay { - background: #aaa; - opacity: 0.3; - filter: Alpha(Opacity=30); -} -.ui-widget-shadow { - margin: -8px 0 0 -8px; - padding: 8px; - background: #aaa; - opacity: 0.3; - filter: Alpha(Opacity=30); - border-radius: 8px; -} +/*! jQuery UI - v1.11.4 - 2016-06-07 +* http://jqueryui.com +* Includes: core.css, slider.css, theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px +* Copyright jQuery Foundation and other contributors; Licensed MIT */ + +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter: Alpha(Opacity=0); +} +.ui-front { + z-index: 100; +} +.ui-state-disabled { + cursor: default !important; +} +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; + -ms-touch-action: none; + touch-action: none; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: 0.7em; + display: block; + border: 0; + background-position: 0 0; +} +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} +.ui-slider-horizontal { + height: 0.8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -0.3em; + margin-left: -0.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} +.ui-slider-vertical { + width: 0.8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -0.3em; + margin-left: 0; + margin-bottom: -0.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-widget { + font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #a6c9e2; + background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% + bottom repeat-x; + color: #222; +} +.ui-widget-content a { + color: #222; +} +.ui-widget-header { + border: 1px solid #4297d7; + background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% + 50% repeat-x; + color: #fff; + font-weight: bold; +} +.ui-widget-header a { + color: #fff; +} +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #c5dbec; + background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% + repeat-x; + font-weight: bold; + color: #2e6e9e; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #2e6e9e; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #79b7e7; + background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% + repeat-x; + font-weight: bold; + color: #1d5987; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited, +.ui-state-focus a, +.ui-state-focus a:hover, +.ui-state-focus a:link, +.ui-state-focus a:visited { + color: #1d5987; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #79b7e7; + background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% + 50% repeat-x; + font-weight: bold; + color: #e17009; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #e17009; + text-decoration: none; +} +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fad42e; + background: #fbec88; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% + repeat-x; + color: #cd0a0a; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #cd0a0a; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #cd0a0a; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: 0.7; + filter: Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: 0.35; + filter: Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter: Alpha(Opacity=35); +} +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url("images/ui-icons_469bdd_256x240.png"); +} +.ui-widget-header .ui-icon { + background-image: url("images/ui-icons_d8e7f3_256x240.png"); +} +.ui-state-default .ui-icon { + background-image: url("images/ui-icons_6da8d5_256x240.png"); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url("images/ui-icons_217bc0_256x240.png"); +} +.ui-state-active .ui-icon { + background-image: url("images/ui-icons_f9bd01_256x240.png"); +} +.ui-state-highlight .ui-icon { + background-image: url("images/ui-icons_2e83ff_256x240.png"); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url("images/ui-icons_cd0a0a_256x240.png"); +} +.ui-icon-blank { + background-position: 16px 16px; +} +.ui-icon-carat-1-n { + background-position: 0 0; +} +.ui-icon-carat-1-ne { + background-position: -16px 0; +} +.ui-icon-carat-1-e { + background-position: -32px 0; +} +.ui-icon-carat-1-se { + background-position: -48px 0; +} +.ui-icon-carat-1-s { + background-position: -64px 0; +} +.ui-icon-carat-1-sw { + background-position: -80px 0; +} +.ui-icon-carat-1-w { + background-position: -96px 0; +} +.ui-icon-carat-1-nw { + background-position: -112px 0; +} +.ui-icon-carat-2-n-s { + background-position: -128px 0; +} +.ui-icon-carat-2-e-w { + background-position: -144px 0; +} +.ui-icon-triangle-1-n { + background-position: 0 -16px; +} +.ui-icon-triangle-1-ne { + background-position: -16px -16px; +} +.ui-icon-triangle-1-e { + background-position: -32px -16px; +} +.ui-icon-triangle-1-se { + background-position: -48px -16px; +} +.ui-icon-triangle-1-s { + background-position: -64px -16px; +} +.ui-icon-triangle-1-sw { + background-position: -80px -16px; +} +.ui-icon-triangle-1-w { + background-position: -96px -16px; +} +.ui-icon-triangle-1-nw { + background-position: -112px -16px; +} +.ui-icon-triangle-2-n-s { + background-position: -128px -16px; +} +.ui-icon-triangle-2-e-w { + background-position: -144px -16px; +} +.ui-icon-arrow-1-n { + background-position: 0 -32px; +} +.ui-icon-arrow-1-ne { + background-position: -16px -32px; +} +.ui-icon-arrow-1-e { + background-position: -32px -32px; +} +.ui-icon-arrow-1-se { + background-position: -48px -32px; +} +.ui-icon-arrow-1-s { + background-position: -64px -32px; +} +.ui-icon-arrow-1-sw { + background-position: -80px -32px; +} +.ui-icon-arrow-1-w { + background-position: -96px -32px; +} +.ui-icon-arrow-1-nw { + background-position: -112px -32px; +} +.ui-icon-arrow-2-n-s { + background-position: -128px -32px; +} +.ui-icon-arrow-2-ne-sw { + background-position: -144px -32px; +} +.ui-icon-arrow-2-e-w { + background-position: -160px -32px; +} +.ui-icon-arrow-2-se-nw { + background-position: -176px -32px; +} +.ui-icon-arrowstop-1-n { + background-position: -192px -32px; +} +.ui-icon-arrowstop-1-e { + background-position: -208px -32px; +} +.ui-icon-arrowstop-1-s { + background-position: -224px -32px; +} +.ui-icon-arrowstop-1-w { + background-position: -240px -32px; +} +.ui-icon-arrowthick-1-n { + background-position: 0 -48px; +} +.ui-icon-arrowthick-1-ne { + background-position: -16px -48px; +} +.ui-icon-arrowthick-1-e { + background-position: -32px -48px; +} +.ui-icon-arrowthick-1-se { + background-position: -48px -48px; +} +.ui-icon-arrowthick-1-s { + background-position: -64px -48px; +} +.ui-icon-arrowthick-1-sw { + background-position: -80px -48px; +} +.ui-icon-arrowthick-1-w { + background-position: -96px -48px; +} +.ui-icon-arrowthick-1-nw { + background-position: -112px -48px; +} +.ui-icon-arrowthick-2-n-s { + background-position: -128px -48px; +} +.ui-icon-arrowthick-2-ne-sw { + background-position: -144px -48px; +} +.ui-icon-arrowthick-2-e-w { + background-position: -160px -48px; +} +.ui-icon-arrowthick-2-se-nw { + background-position: -176px -48px; +} +.ui-icon-arrowthickstop-1-n { + background-position: -192px -48px; +} +.ui-icon-arrowthickstop-1-e { + background-position: -208px -48px; +} +.ui-icon-arrowthickstop-1-s { + background-position: -224px -48px; +} +.ui-icon-arrowthickstop-1-w { + background-position: -240px -48px; +} +.ui-icon-arrowreturnthick-1-w { + background-position: 0 -64px; +} +.ui-icon-arrowreturnthick-1-n { + background-position: -16px -64px; +} +.ui-icon-arrowreturnthick-1-e { + background-position: -32px -64px; +} +.ui-icon-arrowreturnthick-1-s { + background-position: -48px -64px; +} +.ui-icon-arrowreturn-1-w { + background-position: -64px -64px; +} +.ui-icon-arrowreturn-1-n { + background-position: -80px -64px; +} +.ui-icon-arrowreturn-1-e { + background-position: -96px -64px; +} +.ui-icon-arrowreturn-1-s { + background-position: -112px -64px; +} +.ui-icon-arrowrefresh-1-w { + background-position: -128px -64px; +} +.ui-icon-arrowrefresh-1-n { + background-position: -144px -64px; +} +.ui-icon-arrowrefresh-1-e { + background-position: -160px -64px; +} +.ui-icon-arrowrefresh-1-s { + background-position: -176px -64px; +} +.ui-icon-arrow-4 { + background-position: 0 -80px; +} +.ui-icon-arrow-4-diag { + background-position: -16px -80px; +} +.ui-icon-extlink { + background-position: -32px -80px; +} +.ui-icon-newwin { + background-position: -48px -80px; +} +.ui-icon-refresh { + background-position: -64px -80px; +} +.ui-icon-shuffle { + background-position: -80px -80px; +} +.ui-icon-transfer-e-w { + background-position: -96px -80px; +} +.ui-icon-transferthick-e-w { + background-position: -112px -80px; +} +.ui-icon-folder-collapsed { + background-position: 0 -96px; +} +.ui-icon-folder-open { + background-position: -16px -96px; +} +.ui-icon-document { + background-position: -32px -96px; +} +.ui-icon-document-b { + background-position: -48px -96px; +} +.ui-icon-note { + background-position: -64px -96px; +} +.ui-icon-mail-closed { + background-position: -80px -96px; +} +.ui-icon-mail-open { + background-position: -96px -96px; +} +.ui-icon-suitcase { + background-position: -112px -96px; +} +.ui-icon-comment { + background-position: -128px -96px; +} +.ui-icon-person { + background-position: -144px -96px; +} +.ui-icon-print { + background-position: -160px -96px; +} +.ui-icon-trash { + background-position: -176px -96px; +} +.ui-icon-locked { + background-position: -192px -96px; +} +.ui-icon-unlocked { + background-position: -208px -96px; +} +.ui-icon-bookmark { + background-position: -224px -96px; +} +.ui-icon-tag { + background-position: -240px -96px; +} +.ui-icon-home { + background-position: 0 -112px; +} +.ui-icon-flag { + background-position: -16px -112px; +} +.ui-icon-calendar { + background-position: -32px -112px; +} +.ui-icon-cart { + background-position: -48px -112px; +} +.ui-icon-pencil { + background-position: -64px -112px; +} +.ui-icon-clock { + background-position: -80px -112px; +} +.ui-icon-disk { + background-position: -96px -112px; +} +.ui-icon-calculator { + background-position: -112px -112px; +} +.ui-icon-zoomin { + background-position: -128px -112px; +} +.ui-icon-zoomout { + background-position: -144px -112px; +} +.ui-icon-search { + background-position: -160px -112px; +} +.ui-icon-wrench { + background-position: -176px -112px; +} +.ui-icon-gear { + background-position: -192px -112px; +} +.ui-icon-heart { + background-position: -208px -112px; +} +.ui-icon-star { + background-position: -224px -112px; +} +.ui-icon-link { + background-position: -240px -112px; +} +.ui-icon-cancel { + background-position: 0 -128px; +} +.ui-icon-plus { + background-position: -16px -128px; +} +.ui-icon-plusthick { + background-position: -32px -128px; +} +.ui-icon-minus { + background-position: -48px -128px; +} +.ui-icon-minusthick { + background-position: -64px -128px; +} +.ui-icon-close { + background-position: -80px -128px; +} +.ui-icon-closethick { + background-position: -96px -128px; +} +.ui-icon-key { + background-position: -112px -128px; +} +.ui-icon-lightbulb { + background-position: -128px -128px; +} +.ui-icon-scissors { + background-position: -144px -128px; +} +.ui-icon-clipboard { + background-position: -160px -128px; +} +.ui-icon-copy { + background-position: -176px -128px; +} +.ui-icon-contact { + background-position: -192px -128px; +} +.ui-icon-image { + background-position: -208px -128px; +} +.ui-icon-video { + background-position: -224px -128px; +} +.ui-icon-script { + background-position: -240px -128px; +} +.ui-icon-alert { + background-position: 0 -144px; +} +.ui-icon-info { + background-position: -16px -144px; +} +.ui-icon-notice { + background-position: -32px -144px; +} +.ui-icon-help { + background-position: -48px -144px; +} +.ui-icon-check { + background-position: -64px -144px; +} +.ui-icon-bullet { + background-position: -80px -144px; +} +.ui-icon-radio-on { + background-position: -96px -144px; +} +.ui-icon-radio-off { + background-position: -112px -144px; +} +.ui-icon-pin-w { + background-position: -128px -144px; +} +.ui-icon-pin-s { + background-position: -144px -144px; +} +.ui-icon-play { + background-position: 0 -160px; +} +.ui-icon-pause { + background-position: -16px -160px; +} +.ui-icon-seek-next { + background-position: -32px -160px; +} +.ui-icon-seek-prev { + background-position: -48px -160px; +} +.ui-icon-seek-end { + background-position: -64px -160px; +} +.ui-icon-seek-start { + background-position: -80px -160px; +} +.ui-icon-seek-first { + background-position: -80px -160px; +} +.ui-icon-stop { + background-position: -96px -160px; +} +.ui-icon-eject { + background-position: -112px -160px; +} +.ui-icon-volume-off { + background-position: -128px -160px; +} +.ui-icon-volume-on { + background-position: -144px -160px; +} +.ui-icon-power { + background-position: 0 -176px; +} +.ui-icon-signal-diag { + background-position: -16px -176px; +} +.ui-icon-signal { + background-position: -32px -176px; +} +.ui-icon-battery-0 { + background-position: -48px -176px; +} +.ui-icon-battery-1 { + background-position: -64px -176px; +} +.ui-icon-battery-2 { + background-position: -80px -176px; +} +.ui-icon-battery-3 { + background-position: -96px -176px; +} +.ui-icon-circle-plus { + background-position: 0 -192px; +} +.ui-icon-circle-minus { + background-position: -16px -192px; +} +.ui-icon-circle-close { + background-position: -32px -192px; +} +.ui-icon-circle-triangle-e { + background-position: -48px -192px; +} +.ui-icon-circle-triangle-s { + background-position: -64px -192px; +} +.ui-icon-circle-triangle-w { + background-position: -80px -192px; +} +.ui-icon-circle-triangle-n { + background-position: -96px -192px; +} +.ui-icon-circle-arrow-e { + background-position: -112px -192px; +} +.ui-icon-circle-arrow-s { + background-position: -128px -192px; +} +.ui-icon-circle-arrow-w { + background-position: -144px -192px; +} +.ui-icon-circle-arrow-n { + background-position: -160px -192px; +} +.ui-icon-circle-zoomin { + background-position: -176px -192px; +} +.ui-icon-circle-zoomout { + background-position: -192px -192px; +} +.ui-icon-circle-check { + background-position: -208px -192px; +} +.ui-icon-circlesmall-plus { + background-position: 0 -208px; +} +.ui-icon-circlesmall-minus { + background-position: -16px -208px; +} +.ui-icon-circlesmall-close { + background-position: -32px -208px; +} +.ui-icon-squaresmall-plus { + background-position: -48px -208px; +} +.ui-icon-squaresmall-minus { + background-position: -64px -208px; +} +.ui-icon-squaresmall-close { + background-position: -80px -208px; +} +.ui-icon-grip-dotted-vertical { + background-position: 0 -224px; +} +.ui-icon-grip-dotted-horizontal { + background-position: -16px -224px; +} +.ui-icon-grip-solid-vertical { + background-position: -32px -224px; +} +.ui-icon-grip-solid-horizontal { + background-position: -48px -224px; +} +.ui-icon-gripsmall-diagonal-se { + background-position: -64px -224px; +} +.ui-icon-grip-diagonal-se { + background-position: -80px -224px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 5px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 5px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 5px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 5px; +} +.ui-widget-overlay { + background: #aaa; + opacity: 0.3; + filter: Alpha(Opacity=30); +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaa; + opacity: 0.3; + filter: Alpha(Opacity=30); + border-radius: 8px; +} diff --git a/prod/assets/img/icons/svg/1-cart.svg b/prod/assets/img/icons/svg/1-cart.svg index 4892fc9..3f703ac 100644 --- a/prod/assets/img/icons/svg/1-cart.svg +++ b/prod/assets/img/icons/svg/1-cart.svg @@ -1,12 +1,12 @@ - + diff --git a/prod/assets/img/icons/svg/10-credit-card.svg b/prod/assets/img/icons/svg/10-credit-card.svg index 6b2bfa8..00dd30f 100644 --- a/prod/assets/img/icons/svg/10-credit-card.svg +++ b/prod/assets/img/icons/svg/10-credit-card.svg @@ -1,63 +1,63 @@ - - - + + + diff --git a/prod/assets/img/icons/svg/2-track.svg b/prod/assets/img/icons/svg/2-track.svg index e7d0420..b05f9de 100644 --- a/prod/assets/img/icons/svg/2-track.svg +++ b/prod/assets/img/icons/svg/2-track.svg @@ -1,14 +1,14 @@ - + diff --git a/prod/assets/img/icons/svg/2/1-cart.svg b/prod/assets/img/icons/svg/2/1-cart.svg index 865ed68..01e6bc4 100644 --- a/prod/assets/img/icons/svg/2/1-cart.svg +++ b/prod/assets/img/icons/svg/2/1-cart.svg @@ -1,12 +1,12 @@ - + diff --git a/prod/assets/img/icons/svg/2/2-track.svg b/prod/assets/img/icons/svg/2/2-track.svg index c2a46a2..ac05133 100644 --- a/prod/assets/img/icons/svg/2/2-track.svg +++ b/prod/assets/img/icons/svg/2/2-track.svg @@ -1,14 +1,14 @@ - + diff --git a/prod/assets/img/icons/svg/2/3-payment.svg b/prod/assets/img/icons/svg/2/3-payment.svg index 4397fb8..e590c7a 100644 --- a/prod/assets/img/icons/svg/2/3-payment.svg +++ b/prod/assets/img/icons/svg/2/3-payment.svg @@ -1,12 +1,12 @@ - + diff --git a/prod/assets/img/icons/svg/2/4-track.svg b/prod/assets/img/icons/svg/2/4-track.svg index dea6a51..1386b65 100644 --- a/prod/assets/img/icons/svg/2/4-track.svg +++ b/prod/assets/img/icons/svg/2/4-track.svg @@ -1,24 +1,24 @@ - + diff --git a/prod/assets/img/icons/svg/2/5-prize.svg b/prod/assets/img/icons/svg/2/5-prize.svg index 7afef73..4e9f9a5 100644 --- a/prod/assets/img/icons/svg/2/5-prize.svg +++ b/prod/assets/img/icons/svg/2/5-prize.svg @@ -1,10 +1,10 @@ - + diff --git a/prod/assets/img/icons/svg/2/6-return.svg b/prod/assets/img/icons/svg/2/6-return.svg index 5d02923..f00cafb 100644 --- a/prod/assets/img/icons/svg/2/6-return.svg +++ b/prod/assets/img/icons/svg/2/6-return.svg @@ -1,10 +1,10 @@ - + diff --git a/prod/assets/img/icons/svg/2/7-support.svg b/prod/assets/img/icons/svg/2/7-support.svg index 5158a1e..aaf918b 100644 --- a/prod/assets/img/icons/svg/2/7-support.svg +++ b/prod/assets/img/icons/svg/2/7-support.svg @@ -1,7 +1,7 @@ - + diff --git a/prod/assets/img/icons/svg/3-payment.svg b/prod/assets/img/icons/svg/3-payment.svg index 7e68876..ac3d039 100644 --- a/prod/assets/img/icons/svg/3-payment.svg +++ b/prod/assets/img/icons/svg/3-payment.svg @@ -1,12 +1,12 @@ - + diff --git a/prod/assets/img/icons/svg/4-track.svg b/prod/assets/img/icons/svg/4-track.svg index f4b2c11..9b6c06f 100644 --- a/prod/assets/img/icons/svg/4-track.svg +++ b/prod/assets/img/icons/svg/4-track.svg @@ -1,24 +1,24 @@ - + diff --git a/prod/assets/img/icons/svg/5-madel.svg b/prod/assets/img/icons/svg/5-madel.svg index 985f2e6..e807f3b 100644 --- a/prod/assets/img/icons/svg/5-madel.svg +++ b/prod/assets/img/icons/svg/5-madel.svg @@ -1,10 +1,10 @@ - + diff --git a/prod/assets/img/icons/svg/6-return.svg b/prod/assets/img/icons/svg/6-return.svg index a3ff8f7..49c0ece 100644 --- a/prod/assets/img/icons/svg/6-return.svg +++ b/prod/assets/img/icons/svg/6-return.svg @@ -1,10 +1,10 @@ - + diff --git a/prod/assets/img/icons/svg/7-support.svg b/prod/assets/img/icons/svg/7-support.svg index b90cd1a..2e68401 100644 --- a/prod/assets/img/icons/svg/7-support.svg +++ b/prod/assets/img/icons/svg/7-support.svg @@ -1,7 +1,7 @@ - + diff --git a/prod/assets/img/icons/svg/9-money.svg b/prod/assets/img/icons/svg/9-money.svg index 8477ef2..ec3b2f7 100644 --- a/prod/assets/img/icons/svg/9-money.svg +++ b/prod/assets/img/icons/svg/9-money.svg @@ -1,94 +1,94 @@ - - - + + + diff --git a/prod/assets/js/accordion.js b/prod/assets/js/accordion.js index d1b6721..7bef3d9 100644 --- a/prod/assets/js/accordion.js +++ b/prod/assets/js/accordion.js @@ -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); + }); +}; diff --git a/prod/assets/js/count.js b/prod/assets/js/count.js index bab3ea1..c9cdf1f 100644 --- a/prod/assets/js/count.js +++ b/prod/assets/js/count.js @@ -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; + }); + }); +}; diff --git a/prod/assets/js/countdown.js b/prod/assets/js/countdown.js index 7c3274f..d66d6dd 100644 --- a/prod/assets/js/countdown.js +++ b/prod/assets/js/countdown.js @@ -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`; + }); + } + } + } +}; diff --git a/prod/assets/js/counterup.js b/prod/assets/js/counterup.js index 7900fd1..ef05471 100644 --- a/prod/assets/js/counterup.js +++ b/prod/assets/js/counterup.js @@ -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); + }); +}); diff --git a/prod/assets/js/drawer.js b/prod/assets/js/drawer.js index ee83637..9b7404f 100644 --- a/prod/assets/js/drawer.js +++ b/prod/assets/js/drawer.js @@ -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); + }); + } + }); + } +}; diff --git a/prod/assets/js/filter.js b/prod/assets/js/filter.js index 945478a..7ee0191 100644 --- a/prod/assets/js/filter.js +++ b/prod/assets/js/filter.js @@ -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"); + }); + } + } +}; diff --git a/prod/assets/js/glightbox.min.js b/prod/assets/js/glightbox.min.js index 57dfb24..a9225df 100644 --- a/prod/assets/js/glightbox.min.js +++ b/prod/assets/js/glightbox.min.js @@ -1,2925 +1,2925 @@ -!(function (e, t) { - "object" == typeof exports && "undefined" != typeof module - ? (module.exports = t()) - : "function" == typeof define && define.amd - ? define(t) - : ((e = e || self).GLightbox = t()); -})(this, function () { - "use strict"; - - function e(e) { - var t = (function (e, t) { - if ("object" != typeof e || !e) return e; - var i = e[Symbol.toPrimitive]; - if (void 0 !== i) { - var n = i.call(e, t || "default"); - if ("object" != typeof n) return n; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === t ? String : Number)(e); - })(e, "string"); - return "symbol" == typeof t ? t : t + ""; - } - function t(e) { - return (t = - "function" == typeof Symbol && "symbol" == typeof Symbol.iterator - ? function (e) { - return typeof e; - } - : function (e) { - return e && - "function" == typeof Symbol && - e.constructor === Symbol && - e !== Symbol.prototype - ? "symbol" - : typeof e; - })(e); - } - function i(e, t) { - if (!(e instanceof t)) - throw new TypeError("Cannot call a class as a function"); - } - function n(t, i) { - for (var n = 0; n < i.length; n++) { - var s = i[n]; - (s.enumerable = s.enumerable || !1), - (s.configurable = !0), - "value" in s && (s.writable = !0), - Object.defineProperty(t, e(s.key), s); - } - } - function s(e, t, i) { - return ( - t && n(e.prototype, t), - i && n(e, i), - Object.defineProperty(e, "prototype", { writable: !1 }), - e - ); - } - function cgsc(container, status) { - const countEles = document.querySelectorAll(".gslide-count"); - const prevSlides = document.querySelectorAll(".gprev"); - const nextSlides = document.querySelectorAll(".gnext"); - - setTimeout(() => { - const totalIdx = container.elements.length; - const currentIdx = container.index; - const countCildren = countEles[currentIdx ? currentIdx : 0].children; - - countEles.forEach((countEle) => { - countCildren[0].innerText = currentIdx + 1; - countCildren[1].innerText = totalIdx; - if (totalIdx < 2) { - countEle.style.opacity = 0; - prevSlides[currentIdx].style.opacity = 0; - nextSlides[currentIdx].style.opacity = 0; - } else { - // countEle.style.opacity = 100; - // prevSlides[currentIdx].style.opacity = 100; - // nextSlides[currentIdx].style.opacity = 100; - } - }); - }, 10); - } - var l = Date.now(); - function o() { - var e = {}, - t = !0, - i = 0, - n = arguments.length; - "[object Boolean]" === Object.prototype.toString.call(arguments[0]) && - ((t = arguments[0]), i++); - for ( - var s = function (i) { - for (var n in i) - Object.prototype.hasOwnProperty.call(i, n) && - (t && "[object Object]" === Object.prototype.toString.call(i[n]) - ? (e[n] = o(!0, e[n], i[n])) - : (e[n] = i[n])); - }; - i < n; - i++ - ) { - var l = arguments[i]; - s(l); - } - return e; - } - function r(e, t) { - if ( - ((E(e) || e === window || e === document) && (e = [e]), - L(e) || I(e) || (e = [e]), - 0 != M(e)) - ) - if (L(e) && !I(e)) - for ( - var i = e.length, n = 0; - n < i && !1 !== t.call(e[n], e[n], n, e); - n++ - ); - else if (I(e)) - for (var s in e) if (P(e, s) && !1 === t.call(e[s], e[s], s, e)) break; - } - function a(e) { - var t = - arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null, - i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null, - n = (e[l] = e[l] || []), - s = { all: n, evt: null, found: null }; - return ( - t && - i && - M(n) > 0 && - r(n, function (e, n) { - if (e.eventName == t && e.fn.toString() == i.toString()) - return (s.found = !0), (s.evt = n), !1; - }), - s - ); - } - function h(e) { - var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, - i = t.onElement, - n = t.withCallback, - s = t.avoidDuplicate, - l = void 0 === s || s, - o = t.once, - h = void 0 !== o && o, - d = t.useCapture, - c = void 0 !== d && d, - u = arguments.length > 2 ? arguments[2] : void 0, - g = i || []; - function v(e) { - C(n) && n.call(u, e, this), h && v.destroy(); - } - return ( - k(g) && (g = document.querySelectorAll(g)), - (v.destroy = function () { - r(g, function (t) { - var i = a(t, e, v); - i.found && i.all.splice(i.evt, 1), - t.removeEventListener && t.removeEventListener(e, v, c); - }); - }), - r(g, function (t) { - var i = a(t, e, v); - ((t.addEventListener && l && !i.found) || !l) && - (t.addEventListener(e, v, c), i.all.push({ eventName: e, fn: v })); - }), - v - ); - } - function d(e, t) { - r(t.split(" "), function (t) { - return e.classList.add(t); - }); - } - function c(e, t) { - r(t.split(" "), function (t) { - return e.classList.remove(t); - }); - } - function u(e, t) { - return e.classList.contains(t); - } - function g(e, t) { - for (; e !== document.body; ) { - if (!(e = e.parentElement)) return !1; - if ( - "function" == typeof e.matches ? e.matches(t) : e.msMatchesSelector(t) - ) - return e; - } - } - function v(e) { - var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", - i = arguments.length > 2 && void 0 !== arguments[2] && arguments[2]; - if (!e || "" === t) return !1; - if ("none" === t) return C(i) && i(), !1; - var n = b(), - s = t.split(" "); - r(s, function (t) { - d(e, "g" + t); - }), - h(n, { - onElement: e, - avoidDuplicate: !1, - once: !0, - withCallback: function (e, t) { - r(s, function (e) { - c(t, "g" + e); - }), - C(i) && i(); - }, - }); - } - function f(e) { - var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : ""; - if ("" === t) - return ( - (e.style.webkitTransform = ""), - (e.style.MozTransform = ""), - (e.style.msTransform = ""), - (e.style.OTransform = ""), - (e.style.transform = ""), - !1 - ); - (e.style.webkitTransform = t), - (e.style.MozTransform = t), - (e.style.msTransform = t), - (e.style.OTransform = t), - (e.style.transform = t); - } - function p(e) { - e.style.display = "block"; - } - function m(e) { - e.style.display = "none"; - } - function y(e) { - var t = document.createDocumentFragment(), - i = document.createElement("div"); - for (i.innerHTML = e; i.firstChild; ) t.appendChild(i.firstChild); - return t; - } - function x() { - return { - width: - window.innerWidth || - document.documentElement.clientWidth || - document.body.clientWidth, - height: - window.innerHeight || - document.documentElement.clientHeight || - document.body.clientHeight, - }; - } - function b() { - var e, - t = document.createElement("fakeelement"), - i = { - animation: "animationend", - OAnimation: "oAnimationEnd", - MozAnimation: "animationend", - WebkitAnimation: "webkitAnimationEnd", - }; - for (e in i) if (void 0 !== t.style[e]) return i[e]; - } - function S(e, t, i, n) { - if (e()) t(); - else { - var s; - i || (i = 100); - var l = setInterval(function () { - e() && (clearInterval(l), s && clearTimeout(s), t()); - }, i); - n && - (s = setTimeout(function () { - clearInterval(l); - }, n)); - } - } - function w(e, t, i) { - if (O(e)) console.error("Inject assets error"); - else if ((C(t) && ((i = t), (t = !1)), k(t) && t in window)) C(i) && i(); - else { - var n; - if (-1 !== e.indexOf(".css")) { - if ( - (n = document.querySelectorAll('link[href="' + e + '"]')) && - n.length > 0 - ) - return void (C(i) && i()); - var s = document.getElementsByTagName("head")[0], - l = s.querySelectorAll('link[rel="stylesheet"]'), - o = document.createElement("link"); - return ( - (o.rel = "stylesheet"), - (o.type = "text/css"), - (o.href = e), - (o.media = "all"), - l ? s.insertBefore(o, l[0]) : s.appendChild(o), - void (C(i) && i()) - ); - } - if ( - (n = document.querySelectorAll('script[src="' + e + '"]')) && - n.length > 0 - ) { - if (C(i)) { - if (k(t)) - return ( - S( - function () { - return void 0 !== window[t]; - }, - function () { - i(); - } - ), - !1 - ); - i(); - } - } else { - var r = document.createElement("script"); - (r.type = "text/javascript"), - (r.src = e), - (r.onload = function () { - if (C(i)) { - if (k(t)) - return ( - S( - function () { - return void 0 !== window[t]; - }, - function () { - i(); - } - ), - !1 - ); - i(); - } - }), - document.body.appendChild(r); - } - } - } - function T() { - return ( - "navigator" in window && - window.navigator.userAgent.match( - /(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i - ) - ); - } - function C(e) { - return "function" == typeof e; - } - function k(e) { - return "string" == typeof e; - } - function E(e) { - return !(!e || !e.nodeType || 1 != e.nodeType); - } - function A(e) { - return Array.isArray(e); - } - function L(e) { - return e && e.length && isFinite(e.length); - } - function I(e) { - return "object" === t(e) && null != e && !C(e) && !A(e); - } - function O(e) { - return null == e; - } - function P(e, t) { - return null !== e && hasOwnProperty.call(e, t); - } - function M(e) { - if (I(e)) { - if (e.keys) return e.keys().length; - var t = 0; - for (var i in e) P(e, i) && t++; - return t; - } - return e.length; - } - function z(e) { - return !isNaN(parseFloat(e)) && isFinite(e); - } - function X() { - var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : -1, - t = document.querySelectorAll(".gbtn[data-taborder]:not(.disabled)"); - if (!t.length) return !1; - if (1 == t.length) return t[0]; - "string" == typeof e && (e = parseInt(e)); - var i = []; - r(t, function (e) { - i.push(e.getAttribute("data-taborder")); - }); - var n = Math.max.apply( - Math, - i.map(function (e) { - return parseInt(e); - }) - ), - s = e < 0 ? 1 : e + 1; - s > n && (s = "1"); - var l = i.filter(function (e) { - return e >= parseInt(s); - }), - o = l.sort()[0]; - return document.querySelector('.gbtn[data-taborder="'.concat(o, '"]')); - } - function Y(e) { - if (e.events.hasOwnProperty("keyboard")) return !1; - e.events.keyboard = h("keydown", { - onElement: window, - withCallback: function (t, i) { - var n = (t = t || window.event).keyCode; - if (9 == n) { - var s = document.querySelector(".gbtn.focused"); - if (!s) { - var l = - !(!document.activeElement || !document.activeElement.nodeName) && - document.activeElement.nodeName.toLocaleLowerCase(); - if ("input" == l || "textarea" == l || "button" == l) return; - } - t.preventDefault(); - var o = document.querySelectorAll(".gbtn[data-taborder]"); - if (!o || o.length <= 0) return; - if (!s) { - var r = X(); - return void (r && (r.focus(), d(r, "focused"))); - } - var a = X(s.getAttribute("data-taborder")); - c(s, "focused"), a && (a.focus(), d(a, "focused")); - } - 39 == n && e.nextSlide(), - 37 == n && e.prevSlide(), - 27 == n && e.close(); - }, - }); - } - var q = s( - function e(t, n) { - var s = this, - l = - arguments.length > 2 && void 0 !== arguments[2] - ? arguments[2] - : null; - if ( - (i(this, e), - (this.img = t), - (this.slide = n), - (this.onclose = l), - this.img.setZoomEvents) - ) - return !1; - (this.active = !1), - (this.zoomedIn = !1), - (this.dragging = !1), - (this.currentX = null), - (this.currentY = null), - (this.initialX = null), - (this.initialY = null), - (this.xOffset = 0), - (this.yOffset = 0), - this.img.addEventListener( - "mousedown", - function (e) { - return s.dragStart(e); - }, - !1 - ), - this.img.addEventListener( - "mouseup", - function (e) { - return s.dragEnd(e); - }, - !1 - ), - this.img.addEventListener( - "mousemove", - function (e) { - return s.drag(e); - }, - !1 - ), - this.img.addEventListener( - "click", - function (e) { - return s.slide.classList.contains("dragging-nav") - ? (s.zoomOut(), !1) - : s.zoomedIn - ? void (s.zoomedIn && !s.dragging && s.zoomOut()) - : s.zoomIn(); - }, - !1 - ), - (this.img.setZoomEvents = !0); - }, - [ - { - key: "zoomIn", - value: function () { - var e = this.widowWidth(); - if (!(this.zoomedIn || e <= 768)) { - var t = this.img; - if ( - (t.setAttribute("data-style", t.getAttribute("style")), - (t.style.maxWidth = t.naturalWidth + "px"), - (t.style.maxHeight = t.naturalHeight + "px"), - t.naturalWidth > e) - ) { - var i = e / 2 - t.naturalWidth / 2; - this.setTranslate(this.img.parentNode, i, 0); - } - this.slide.classList.add("zoomed"), (this.zoomedIn = !0); - } - }, - }, - { - key: "zoomOut", - value: function () { - this.img.parentNode.setAttribute("style", ""), - this.img.setAttribute( - "style", - this.img.getAttribute("data-style") - ), - this.slide.classList.remove("zoomed"), - (this.zoomedIn = !1), - (this.currentX = null), - (this.currentY = null), - (this.initialX = null), - (this.initialY = null), - (this.xOffset = 0), - (this.yOffset = 0), - this.onclose && - "function" == typeof this.onclose && - this.onclose(); - }, - }, - { - key: "dragStart", - value: function (e) { - e.preventDefault(), - this.zoomedIn - ? ("touchstart" === e.type - ? ((this.initialX = e.touches[0].clientX - this.xOffset), - (this.initialY = e.touches[0].clientY - this.yOffset)) - : ((this.initialX = e.clientX - this.xOffset), - (this.initialY = e.clientY - this.yOffset)), - e.target === this.img && - ((this.active = !0), this.img.classList.add("dragging"))) - : (this.active = !1); - }, - }, - { - key: "dragEnd", - value: function (e) { - var t = this; - e.preventDefault(), - (this.initialX = this.currentX), - (this.initialY = this.currentY), - (this.active = !1), - setTimeout(function () { - (t.dragging = !1), - (t.img.isDragging = !1), - t.img.classList.remove("dragging"); - }, 100); - }, - }, - { - key: "drag", - value: function (e) { - this.active && - (e.preventDefault(), - "touchmove" === e.type - ? ((this.currentX = e.touches[0].clientX - this.initialX), - (this.currentY = e.touches[0].clientY - this.initialY)) - : ((this.currentX = e.clientX - this.initialX), - (this.currentY = e.clientY - this.initialY)), - (this.xOffset = this.currentX), - (this.yOffset = this.currentY), - (this.img.isDragging = !0), - (this.dragging = !0), - this.setTranslate(this.img, this.currentX, this.currentY)); - }, - }, - { - key: "onMove", - value: function (e) { - if (this.zoomedIn) { - var t = e.clientX - this.img.naturalWidth / 2, - i = e.clientY - this.img.naturalHeight / 2; - this.setTranslate(this.img, t, i); - } - }, - }, - { - key: "setTranslate", - value: function (e, t, i) { - e.style.transform = "translate3d(" + t + "px, " + i + "px, 0)"; - }, - }, - { - key: "widowWidth", - value: function () { - return ( - window.innerWidth || - document.documentElement.clientWidth || - document.body.clientWidth - ); - }, - }, - ] - ), - N = s( - function e() { - var t = this, - n = - arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}; - i(this, e); - var s = n.dragEl, - l = n.toleranceX, - o = void 0 === l ? 40 : l, - r = n.toleranceY, - a = void 0 === r ? 65 : r, - h = n.slide, - d = void 0 === h ? null : h, - c = n.instance, - u = void 0 === c ? null : c; - (this.el = s), - (this.active = !1), - (this.dragging = !1), - (this.currentX = null), - (this.currentY = null), - (this.initialX = null), - (this.initialY = null), - (this.xOffset = 0), - (this.yOffset = 0), - (this.direction = null), - (this.lastDirection = null), - (this.toleranceX = o), - (this.toleranceY = a), - (this.toleranceReached = !1), - (this.dragContainer = this.el), - (this.slide = d), - (this.instance = u), - this.el.addEventListener( - "mousedown", - function (e) { - return t.dragStart(e); - }, - !1 - ), - this.el.addEventListener( - "mouseup", - function (e) { - return t.dragEnd(e); - }, - !1 - ), - this.el.addEventListener( - "mousemove", - function (e) { - return t.drag(e); - }, - !1 - ); - }, - [ - { - key: "dragStart", - value: function (e) { - if (this.slide.classList.contains("zoomed")) this.active = !1; - else { - "touchstart" === e.type - ? ((this.initialX = e.touches[0].clientX - this.xOffset), - (this.initialY = e.touches[0].clientY - this.yOffset)) - : ((this.initialX = e.clientX - this.xOffset), - (this.initialY = e.clientY - this.yOffset)); - var t = e.target.nodeName.toLowerCase(); - e.target.classList.contains("nodrag") || - g(e.target, ".nodrag") || - -1 !== ["input", "select", "textarea", "button", "a"].indexOf(t) - ? (this.active = !1) - : (e.preventDefault(), - (e.target === this.el || - ("img" !== t && g(e.target, ".gslide-inline"))) && - ((this.active = !0), - this.el.classList.add("dragging"), - (this.dragContainer = g(e.target, ".ginner-container")))); - } - }, - }, - { - key: "dragEnd", - value: function (e) { - var t = this; - e && e.preventDefault(), - (this.initialX = 0), - (this.initialY = 0), - (this.currentX = null), - (this.currentY = null), - (this.initialX = null), - (this.initialY = null), - (this.xOffset = 0), - (this.yOffset = 0), - (this.active = !1), - this.doSlideChange && - ((this.instance.preventOutsideClick = !0), - "right" == this.doSlideChange && this.instance.prevSlide(), - "left" == this.doSlideChange && this.instance.nextSlide()), - this.doSlideClose && this.instance.close(), - this.toleranceReached || - this.setTranslate(this.dragContainer, 0, 0, !0), - setTimeout(function () { - (t.instance.preventOutsideClick = !1), - (t.toleranceReached = !1), - (t.lastDirection = null), - (t.dragging = !1), - (t.el.isDragging = !1), - t.el.classList.remove("dragging"), - t.slide.classList.remove("dragging-nav"), - (t.dragContainer.style.transform = ""), - (t.dragContainer.style.transition = ""); - }, 100); - }, - }, - { - key: "drag", - value: function (e) { - if (this.active) { - e.preventDefault(), - this.slide.classList.add("dragging-nav"), - "touchmove" === e.type - ? ((this.currentX = e.touches[0].clientX - this.initialX), - (this.currentY = e.touches[0].clientY - this.initialY)) - : ((this.currentX = e.clientX - this.initialX), - (this.currentY = e.clientY - this.initialY)), - (this.xOffset = this.currentX), - (this.yOffset = this.currentY), - (this.el.isDragging = !0), - (this.dragging = !0), - (this.doSlideChange = !1), - (this.doSlideClose = !1); - var t = Math.abs(this.currentX), - i = Math.abs(this.currentY); - if ( - t > 0 && - t >= Math.abs(this.currentY) && - (!this.lastDirection || "x" == this.lastDirection) - ) { - (this.yOffset = 0), - (this.lastDirection = "x"), - this.setTranslate(this.dragContainer, this.currentX, 0); - var n = this.shouldChange(); - if ( - (!this.instance.settings.dragAutoSnap && - n && - (this.doSlideChange = n), - this.instance.settings.dragAutoSnap && n) - ) - return ( - (this.instance.preventOutsideClick = !0), - (this.toleranceReached = !0), - (this.active = !1), - (this.instance.preventOutsideClick = !0), - this.dragEnd(null), - "right" == n && this.instance.prevSlide(), - void ("left" == n && this.instance.nextSlide()) - ); - } - if ( - this.toleranceY > 0 && - i > 0 && - i >= t && - (!this.lastDirection || "y" == this.lastDirection) - ) { - (this.xOffset = 0), - (this.lastDirection = "y"), - this.setTranslate(this.dragContainer, 0, this.currentY); - var s = this.shouldClose(); - return ( - !this.instance.settings.dragAutoSnap && - s && - (this.doSlideClose = !0), - void ( - this.instance.settings.dragAutoSnap && - s && - this.instance.close() - ) - ); - } - } - }, - }, - { - key: "shouldChange", - value: function () { - var e = !1; - if (Math.abs(this.currentX) >= this.toleranceX) { - var t = this.currentX > 0 ? "right" : "left"; - (("left" == t && - this.slide !== this.slide.parentNode.lastChild) || - ("right" == t && - this.slide !== this.slide.parentNode.firstChild)) && - (e = t); - } - return e; - }, - }, - { - key: "shouldClose", - value: function () { - var e = !1; - return Math.abs(this.currentY) >= this.toleranceY && (e = !0), e; - }, - }, - { - key: "setTranslate", - value: function (e, t, i) { - var n = - arguments.length > 3 && void 0 !== arguments[3] && arguments[3]; - (e.style.transition = n ? "all .2s ease" : ""), - (e.style.transform = "translate3d(" - .concat(t, "px, ") - .concat(i, "px, 0)")); - }, - }, - ] - ); - function D(e, t, i, n) { - var s = e.querySelector(".gslide-media"), - l = new Image(), - o = "gSlideTitle_" + i, - r = "gSlideDesc_" + i; - l.addEventListener( - "load", - function () { - C(n) && n(); - }, - !1 - ), - (l.src = t.href), - "" != t.sizes && - "" != t.srcset && - ((l.sizes = t.sizes), (l.srcset = t.srcset)), - (l.alt = ""), - O(t.alt) || "" === t.alt || (l.alt = t.alt), - "" !== t.title && l.setAttribute("aria-labelledby", o), - "" !== t.description && l.setAttribute("aria-describedby", r), - t.hasOwnProperty("_hasCustomWidth") && - t._hasCustomWidth && - (l.style.width = t.width), - t.hasOwnProperty("_hasCustomHeight") && - t._hasCustomHeight && - (l.style.height = t.height), - s.insertBefore(l, s.firstChild); - } - function _(e, t, i, n) { - var s = this, - l = e.querySelector(".ginner-container"), - o = "gvideo" + i, - r = e.querySelector(".gslide-media"), - a = this.getAllPlayers(); - d(l, "gvideo-container"), - r.insertBefore(y('
'), r.firstChild); - var h = e.querySelector(".gvideo-wrapper"); - w(this.settings.plyr.css, "Plyr"); - var c = t.href, - u = null == t ? void 0 : t.videoProvider, - g = !1; - (r.style.maxWidth = t.width), - w(this.settings.plyr.js, "Plyr", function () { - if ( - (!u && c.match(/vimeo\.com\/([0-9]*)/) && (u = "vimeo"), - !u && - (c.match( - /(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/ - ) || - c.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || - c.match( - /(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/ - ) || - c.match( - /(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/ - )) && - (u = "youtube"), - "local" === u || !u) - ) { - u = "local"; - var l = '"))); - } - - var r = - g || - y( - '') - ); - d(h, "".concat(u, "-video gvideo")), - h.appendChild(r), - h.setAttribute("data-id", o), - h.setAttribute("data-index", i); - var v = P(s.settings.plyr, "config") ? s.settings.plyr.config : {}, - f = new Plyr("#" + o, v); - f.on("ready", function (e) { - (a[o] = e.detail.plyr), C(n) && n(); - }), - S( - function () { - return ( - e.querySelector("iframe") && - "true" == e.querySelector("iframe").dataset.ready - ); - }, - function () { - s.resize(e); - } - ), - f.on("enterfullscreen", W), - f.on("exitfullscreen", W); - }); - } - function W(e) { - var t = g(e.target, ".gslide-media"); - "enterfullscreen" === e.type && d(t, "fullscreen"), - "exitfullscreen" === e.type && c(t, "fullscreen"); - } - function B(e, t, i, n) { - var s, - l = this, - o = e.querySelector(".gslide-media"), - r = !(!P(t, "href") || !t.href) && t.href.split("#").pop().trim(), - a = !(!P(t, "content") || !t.content) && t.content; - if ( - a && - (k(a) && (s = y('
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
- '3 Bed3 Bath1220 ft2
', - 'Boston, New York', - "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "
',
+ '3 Bed3 Bath1220 ft2
', + 'Boston, New York', + "