/**
 * * Grider
 * * Grider - Creating a dynamic grid layout has never been easier.
 * * Exclusively on https://1.envato.market/grider-elementor
 * *
 * * @encoding        UTF-8
 * * @version         1.0.8
 * * @copyright       (C) 2018 - 2022 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * * @license         Envato License https://1.envato.market/KYbje
 * * @contributors    Nemirovskiy Vitaliy (nemirovskiyvitaliy@gmail.com)
 * * @support         help@merkulov.design
 * **/
.mdp-grider-container {
  width: 100%;
  justify-items: stretch;
  align-items: stretch;
}
.mdp-grider-container .mdp-grider-item {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-self: flex-start;
}
.mdp-grider-container.mdp-grider-grid {
  display: grid;
}
.mdp-grider-container.mdp-grider-masonry {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: space-between;
}

.mdp-grider-delay .mdp-grider-item:nth-of-type(1) {
  animation-delay: 0.1s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(2) {
  animation-delay: 0.2s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(3) {
  animation-delay: 0.3s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(4) {
  animation-delay: 0.4s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(5) {
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(6) {
  animation-delay: 0.6s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(7) {
  animation-delay: 0.7s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(8) {
  animation-delay: 0.8s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(9) {
  animation-delay: 0.9s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(10) {
  animation-delay: 1s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(11) {
  animation-delay: 1.1s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(12) {
  animation-delay: 1.2s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(13) {
  animation-delay: 1.3s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(14) {
  animation-delay: 1.4s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(15) {
  animation-delay: 1.5s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(16) {
  animation-delay: 1.6s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(17) {
  animation-delay: 1.7s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(18) {
  animation-delay: 1.8s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(19) {
  animation-delay: 1.9s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(20) {
  animation-delay: 2s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(21) {
  animation-delay: 2.1s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(22) {
  animation-delay: 2.2s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(23) {
  animation-delay: 2.3s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(24) {
  animation-delay: 2.4s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(25) {
  animation-delay: 2.5s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(26) {
  animation-delay: 2.6s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(27) {
  animation-delay: 2.7s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(28) {
  animation-delay: 2.8s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(29) {
  animation-delay: 2.9s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(30) {
  animation-delay: 3s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(31) {
  animation-delay: 3.1s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(32) {
  animation-delay: 3.2s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(33) {
  animation-delay: 3.3s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(34) {
  animation-delay: 3.4s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(35) {
  animation-delay: 3.5s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(36) {
  animation-delay: 3.6s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(37) {
  animation-delay: 3.7s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(38) {
  animation-delay: 3.8s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(39) {
  animation-delay: 3.9s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(40) {
  animation-delay: 4s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(41) {
  animation-delay: 4.1s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(42) {
  animation-delay: 4.2s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(43) {
  animation-delay: 4.3s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(44) {
  animation-delay: 4.4s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(45) {
  animation-delay: 4.5s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(46) {
  animation-delay: 4.6s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(47) {
  animation-delay: 4.7s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(48) {
  animation-delay: 4.8s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(49) {
  animation-delay: 4.9s;
  animation-fill-mode: both;
}
.mdp-grider-delay .mdp-grider-item:nth-of-type(50) {
  animation-delay: 5s;
  animation-fill-mode: both;
}

.mdp-grider-title {
  word-break: normal;
  z-index: 1;
}

ins {
  background: transparent !important;
}

.mdp-grider-box-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.mpd-grider-button {
  display: inline-block;
  text-align: center;
  word-break: normal;
  z-index: 1;
}

.mdp-grider-image {
  display: inline-block;
}

.mdp-grider-title,
.mdp-grider-price {
  justify-content: center;
  align-self: center;
}

.mdp-grider-image-box {
  width: 100%;
  line-height: 0 !important;
}

.mdp-grider-description {
  word-wrap: break-word;
  z-index: 1;
}

.mdp-grider-title-link {
  display: flex;
}
.mdp-grider-title-link .mdp-grider-title {
  width: 100%;
}

/** Animations. */
/* Rice */
@keyframes grider-rise {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(360deg);
    opacity: 1;
  }
}
/* Curl */
@keyframes grider-curl {
  0% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(0deg);
  }
}
/* Drop */
@keyframes grider-drop-in {
  0% {
    opacity: 0;
    transform: translateZ(300px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
/* Slide down */
@keyframes grider-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Slide up */
@keyframes grider-slide-up {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  60% {
    opacity: 1;
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Slide Right */
@keyframes grider-slide-right {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Slide Left */
@keyframes grider-slide-left {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  60% {
    opacity: 1;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Ripple */
@keyframes grider-ripple {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Bounce */
@keyframes grider-bounce {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
/* Fade */
@keyframes grider-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Flip X */
@keyframes grider-flip-x {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
/* Flip Y */
@keyframes grider-flip-y {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes grider-jello {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes grider-zoom {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}