/**
 * Glider for WPBakery
 * Glider Create a responsive carousel slider
 * Exclusively on https://1.envato.market/glider-wpbakery
 *
 * @encoding        UTF-8
 * @version         1.1.1
 * @copyright       (C) 2018 - 2021 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * @license         Envato License https://1.envato.market/KYbje
 * @contributors    Nemirovskiy Vitaliy (nemirovskiyvitaliy@gmail.com), Dmitry Merkulov (dmitry@merkulov.design)
 * @support         help@merkulov.design
 **/
/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*='mdp-animation-'] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* Hide animated element if scrollspy is used */
@media screen {
  [data-mdp-scrollspy*='mdp-animation-']:not([data-mdp-scrollspy*='target']) {
    opacity: 0; } }

/*
 * Fade
 * Higher specificity (!important) needed because of reverse modifier
 */
.mdp-animation-fade {
  -webkit-animation-name: mdp-fade;
  animation-name: mdp-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important; }

/*
 * Fade with scale
 */
.mdp-animation-scale-up {
  -webkit-animation-name: mdp-fade-scale-02;
  animation-name: mdp-fade-scale-02; }

.mdp-animation-scale-down {
  -webkit-animation-name: mdp-fade-scale-18;
  animation-name: mdp-fade-scale-18; }

/*
 * Fade with slide
 */
.mdp-animation-slide-top {
  -webkit-animation-name: mdp-fade-top;
  animation-name: mdp-fade-top; }

.mdp-animation-slide-bottom {
  -webkit-animation-name: mdp-fade-bottom;
  animation-name: mdp-fade-bottom; }

.mdp-animation-slide-left {
  -webkit-animation-name: mdp-fade-left;
  animation-name: mdp-fade-left; }

.mdp-animation-slide-right {
  -webkit-animation-name: mdp-fade-right;
  animation-name: mdp-fade-right; }

/*
 * Scale
 */
.mdp-animation-scale {
  -webkit-animation-name: mdp-scale-12;
  animation-name: mdp-scale-12; }

/*
 * Shake
 */
.mdp-animation-shake {
  -webkit-animation-name: mdp-shake;
  animation-name: mdp-shake; }

/* Direction modifiers
 ========================================================================== */
.mdp-animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

/* Duration modifiers
========================================================================== */
.mdp-animation-15 {
  -webkit-animation-duration: 15s;
  animation-duration: 15s; }

/* Origin modifiers
========================================================================== */
.mdp-animation-top-left {
  transform-origin: 0 0; }

.mdp-animation-top-center {
  transform-origin: 50% 0; }

.mdp-animation-top-right {
  transform-origin: 100% 0; }

.mdp-animation-middle-left {
  transform-origin: 0 50%; }

.mdp-animation-middle-right {
  transform-origin: 100% 50%; }

.mdp-animation-bottom-left {
  transform-origin: 0 100%; }

.mdp-animation-bottom-center {
  transform-origin: 50% 100%; }

.mdp-animation-bottom-right {
  transform-origin: 100% 100%; }

/* Sub-object: `mdp-animation-hover`
========================================================================== */
/*
 * Enable animation only on hover
 * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`
 */
.mdp-animation-hover:not(:hover),
.mdp-animation-hover:not(:hover) [class*='mdp-animation-'],
.mdp-touch .mdp-animation-hover:not(.mdp-hover),
.mdp-touch .mdp-animation-hover:not(.mdp-hover) [class*='mdp-animation-'] {
  -webkit-animation-name: none;
  animation-name: none; }

/* Keyframes: Fade
 * Used by dropdown, datepicker and slideshow component
 ========================================================================== */
@-webkit-keyframes mdp-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes mdp-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Keyframes: Fade with slide
 ========================================================================== */
/*
 * Top
 */
@-webkit-keyframes mdp-fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes mdp-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*
 * Bottom
 */
@-webkit-keyframes mdp-fade-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes mdp-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*
 * Left
 */
@-webkit-keyframes mdp-fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes mdp-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/*
 * Right
 */
@-webkit-keyframes mdp-fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes mdp-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* Keyframes: Fade with scale
 ========================================================================== */
/*
 * Scale by 0.2
 */
@-webkit-keyframes mdp-fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }

@keyframes mdp-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2); }
  100% {
    opacity: 1;
    transform: scale(1); } }

/*
 * Scale by 1.5
 * Used by slideshow component
 */
@-webkit-keyframes mdp-fade-scale-15 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }

@keyframes mdp-fade-scale-15 {
  0% {
    opacity: 0;
    transform: scale(1.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }

/*
 * Scale by 1.8
 */
@-webkit-keyframes mdp-fade-scale-18 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }

@keyframes mdp-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }

/* Keyframes: Slide
 * Used by slideshow component
 ========================================================================== */
/*
 * Left
 */
@-webkit-keyframes mdp-slide-left {
  0% {
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes mdp-slide-left {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }

/*
 * Right
 */
@-webkit-keyframes mdp-slide-right {
  0% {
    -webkit-transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes mdp-slide-right {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }

/*
 * Left third
 */
@-webkit-keyframes mdp-slide-left-33 {
  0% {
    -webkit-transform: translateX(33%); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes mdp-slide-left-33 {
  0% {
    transform: translateX(33%); }
  100% {
    transform: translateX(0); } }

/*
 * Right third
 */
@-webkit-keyframes mdp-slide-right-33 {
  0% {
    -webkit-transform: translateX(-33%); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes mdp-slide-right-33 {
  0% {
    transform: translateX(-33%); }
  100% {
    transform: translateX(0); } }

/* Keyframes: Scale
 ========================================================================== */
@-webkit-keyframes mdp-scale-12 {
  0% {
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes mdp-scale-12 {
  0% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

/* Keyframes: Rotate
 * Used by icon component
 ========================================================================== */
@-webkit-keyframes mdp-rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@keyframes mdp-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Keyframes: Shake
 ========================================================================== */
@-webkit-keyframes mdp-shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-9px); }
  20% {
    -webkit-transform: translateX(8px); }
  30% {
    -webkit-transform: translateX(-7px); }
  40% {
    -webkit-transform: translateX(6px); }
  50% {
    -webkit-transform: translateX(-5px); }
  60% {
    -webkit-transform: translateX(4px); }
  70% {
    -webkit-transform: translateX(-3px); }
  80% {
    -webkit-transform: translateX(2px); }
  90% {
    -webkit-transform: translateX(-1px); } }

@keyframes mdp-shake {
  0%, 100% {
    transform: translateX(0); }
  10% {
    transform: translateX(-9px); }
  20% {
    transform: translateX(8px); }
  30% {
    transform: translateX(-7px); }
  40% {
    transform: translateX(6px); }
  50% {
    transform: translateX(-5px); }
  60% {
    transform: translateX(4px); }
  70% {
    transform: translateX(-3px); }
  80% {
    transform: translateX(2px); }
  90% {
    transform: translateX(-1px); } }

/* Keyframes: Fade with slide fixed
 * Used by dropdown and search component
 ========================================================================== */
/*
 * Top fixed
 */
@-webkit-keyframes mdp-slide-top-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes mdp-slide-top-fixed {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*
 * Bottom fixed
 */
@-webkit-keyframes mdp-slide-bottom-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes mdp-slide-bottom-fixed {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }