/*======================================
Theme Name: Kriar Nuevo
Theme URI: https://divicake.com/
Description: Multipurpose Divi Child Theme
Version: 1.0
Author: Kriar Themes
Author URI: https://kriarthemes.net
Template: Divi
======================================*/


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------MODULE HOVER EFFECTS-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------*/
/*------- GROW MODULE EFFECT-----------------------*/
/*-------------------------------------------------*/
.kt-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.kt-grow:hover, .kt-grow:focus, .kt-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*-------------------------------------------------*/
/*------- SHRINK MODULE EFFECT---------------------*/
/*-------------------------------------------------*/
.kt-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.kt-shrink:hover, .kt-shrink:focus, .kt-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/*-------------------------------------------------*/
/*------- PULSE MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes kt-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.kt-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-pulse:hover, .kt-pulse:focus, .kt-pulse:active {
  -webkit-animation-name: kt-pulse;
  animation-name: kt-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*-------------------------------------------------*/
/*------PULSE GROW MODULE EFFECT-------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes kt-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.kt-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-pulse-grow:hover, .kt-pulse-grow:focus, .kt-pulse-grow:active {
  -webkit-animation-name: kt-pulse-grow;
  animation-name: kt-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}


/*-------------------------------------------------*/
/*------ PUSH MODULE EFFECT------------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes kt-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.kt-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-push:hover, .kt-push:focus, .kt-push:active {
  -webkit-animation-name: kt-push;
  animation-name: kt-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-------------------------------------------------*/
/*------- POP MODULE EFFECT------------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes kt-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.kt-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-pop:hover, .kt-pop:focus, .kt-pop:active {
  -webkit-animation-name: kt-pop;
  animation-name: kt-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-------------------------------------------------*/
/*----BOUNCE IN MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
.kt-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.kt-bounce-in:hover, .kt-bounce-in:focus, .kt-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/*-------------------------------------------------*/
/*----BOUNCE OUT MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
.kt-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.kt-bounce-out:hover, .kt-bounce-out:focus, .kt-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/*-------------------------------------------------*/
/*------------ROTATE MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kt-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.kt-rotate:hover, .kt-rotate:focus, .kt-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/*-------------------------------------------------*/
/*-------GROW ROTATE MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kt-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.kt-grow-rotate:hover, .kt-grow-rotate:focus, .kt-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/*-------------------------------------------------*/
/*-------------FLOAT MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kt-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.kt-float:hover, .kt-float:focus, .kt-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/*-------------------------------------------------*/
/*-------- SINK MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
.kt-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.kt-sink:hover, .kt-sink:focus, .kt-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/*-------------------------------------------------*/
/*--------- BOB MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes kt-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes kt-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes kt-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.kt-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-bob:hover, .kt-bob:focus, .kt-bob:active {
  -webkit-animation-name: kt-bob-float, kt-bob;
  animation-name: kt-bob-float, kt-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*-------------------------------------------------*/
/*-------- HANG MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes kt-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes kt-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes kt-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.kt-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-hang:hover, .kt-hang:focus, .kt-hang:active {
  -webkit-animation-name: kt-hang-sink, kt-hang;
  animation-name: kt-hang-sink, kt-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*-------------------------------------------------*/
/*----WOBBLE VERTICAL MODULE EFFECT----------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-wobblev {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes kt-wobblev {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.kt-wobblev {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-wobblev:hover, .kt-wobblev:focus, .kt-wobblev:active {
  -webkit-animation-name: kt-wobblev;
  animation-name: kt-wobblev;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-------------------------------------------------*/
/*--WOBBLE HORIZONTAL MODULE EFFECT----------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-wobbleh {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes kt-wobbleh {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.kt-wobbleh {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-wobbleh:hover, .kt-wobbleh:focus, .kt-wobbleh:active {
  -webkit-animation-name: kt-wobbleh;
  animation-name: kt-wobbleh;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-------------------------------------------------*/
/*--WOBBLE TO RIGHT BOTTOM MODULE EFFECT-----------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-wobblebr {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes kt-wobblebr {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.kt-wobblebr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-wobblebr:hover, .kt-wobblebr:focus, .kt-wobblebr:active {
  -webkit-animation-name: kt-wobblebr;
  animation-name: kt-wobblebr;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-------------------------------------------------*/
/*-----WOBBLE TO RIGHT TOP MODULE EFFECT-----------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-wobbletr {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes kt-wobbletr {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.kt-wobbletr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-wobbletr:hover, .kt-wobbletr:focus, .kt-wobbletr:active {
  -webkit-animation-name: kt-wobbletr;
  animation-name: kt-wobbletr;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-------------------------------------------------*/
/*--------- BUZZ OUT MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kt-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes kt-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.kt-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kt-buzz-out:hover, .kt-buzz-out:focus, .kt-buzz-out:active {
  -webkit-animation-name: kt-buzz-out;
  animation-name: kt-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*-------------------------------------------------*/
/*---------- FORWARD MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kt-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.kt-forward:hover, .kt-forward:focus, .kt-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/*-------------------------------------------------*/
/*--------- BACKWARD MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kt-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.kt-backward:hover, .kt-backward:focus, .kt-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}



/*---------------------------------------------------------*/
/*---------- TEAM SECTION ---------------------------------*/
/*--------------------------------------------------------*/

.kriar-team1 .et_pb_column .et_pb_team_member {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  max-width: 100%;
  color: #000000;
  text-align: center;
  background-color: #FAC200;
}

.kriar-team1.pink .et_pb_column .et_pb_team_member {
  background-color: #dd1155;
}

.kriar-team1.green .et_pb_column .et_pb_team_member {
  background-color: #179f83;
}



.kriar-team1 .et_pb_column .et_pb_team_member * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.kriar-team1 .et_pb_column .et_pb_team_member img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  margin-bottom: -20px;
}
.kriar-team1 .et_pb_column .et_pb_team_member .et_pb_team_member_description {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
.kriar-team1 .et_pb_column .et_pb_team_member h4,
.kriar-team1 .et_pb_column .et_pb_team_member p {
  margin: 0;
  margin-bottom: 10px;
  width: 100%;
  left: 0;
  opacity: 0;
}
.kriar-team1 .et_pb_column .et_pb_team_member h4 {
  padding: 0 30px;
  display: inline-block;
  bottom: 50%;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
}
.kriar-team1 .et_pb_column .et_pb_team_member p {
  top: 50%;
  padding: 0px 50px;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}
.kriar-team1 .et_pb_column .et_pb_team_member .et_pb_member_social_links {
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
  opacity: 0;
}
.kriar-team1 .et_pb_column .et_pb_team_member .et_pb_font_icon {
  padding: 2px 5px;
  display: inline-block;
  font-size: 28px;
  text-align: center;
}
.kriar-team1 .et_pb_column .et_pb_team_member .et_pb_font_icon:hover {
  opacity: 1;
}
.kriar-team1 .et_pb_column .et_pb_team_member a {
  text-decoration: none;
}
.kriar-team1 .et_pb_column .et_pb_team_member:hover img,
.kriar-team1 .et_pb_column .et_pb_team_member.hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.2;
}
.kriar-team1 .et_pb_column .et_pb_team_member:hover h4,
.kriar-team1 .et_pb_column .et_pb_team_member.hover h4,
.kriar-team1 .et_pb_column .et_pb_team_member:hover p,
.kriar-team1 .et_pb_column .et_pb_team_member.hover p,
.kriar-team1 .et_pb_column .et_pb_team_member:hover .et_pb_member_social_links,
.kriar-team1 .et_pb_column .et_pb_team_member.hover .et_pb_member_social_links {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.kriar-team1 .et_pb_column .et_pb_team_member:hover h4,
.kriar-team1 .et_pb_column .et_pb_team_member.hover h4,
.kriar-team1 .et_pb_column .et_pb_team_member:hover .et_pb_member_social_links,
.kriar-team1 .et_pb_column .et_pb_team_member.hover .et_pb_member_social_links {
  opacity: 1;
}
.kriar-team1 .et_pb_column .et_pb_team_member:hover p,
.kriar-team1 .et_pb_column .et_pb_team_member.hover p {
  opacity: 1;
}


/*--------------------------------------------------------------------------------*/
/*--------------- Footer Bottom Bar Not Visible------------------------------------*/
/*----------------------------------------------------------------------------------*/
#footer-bottom {
    display: none !important;
}

/*------------------------------------------------*/
/*-------------CUSTOM PORTFOLIO GRID--------------*/
/*------------------------------------------------*/
    .kt-portfolio .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;}
    .kt-portfolio .et_pb_portfolio_item img {
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);}
    .kt-portfolio .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);}
    .kt-portfolio .et_pb_portfolio_item h2 {
        background-color: #FAC200;
        color: #fff;
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        -webkit-transition:.5s;  
      }
    .kt-portfolio .et_pb_portfolio_item:hover h2 {
            top: 70%;
            padding: 15px 0;} 
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .kt-portfolio  .et_pb_portfolio_item h2 {font-size: 15px!important;}
            .kt-portfolio  .et_pb_portfolio_item:hover h2 {top: 63%!important;}}
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .kt-portfolio  .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .kt-portfolio  .et_pb_portfolio_item:hover h2 {top: 62%!important;}}
        @media only screen and (max-width : 980px) {
            .kt-portfolio .et_pb_portfolio_item h2 {font-size: 14px!important;}
             .kt-portfolio  .et_pb_portfolio_item:hover h2 {top: 62%!important;}
          }



/*------------------------------------------------*/
/*-------------------[BLOG]-----------------------*/
/*------------------------------------------------*/
 

.custom-blog .et_pb_post {
    background-color: #fff;
    min-height: 350px;
    margin-bottom: 50px;
}
.custom-blog .et_pb_post a img {
    float: left;
    width: 400px;
    height: 350px;
    object-fit: cover;
    margin: 0 40px 0 0;
}
.custom-blog .et_overlay {
    width: 400px !important;
    height: 350px !important;
}
@media only screen and (max-width: 980px) {
    .custom-blog .et_pb_post a img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        margin: 0 0 40px 0;
    }
    .custom-blog .et_overlay {
        width: 100% !important;
        height: 500px !important;
    }
    .custom-blog .et_pb_post h2 {
        margin: 40px 30px 20px 30px !important;
    }
    .custom-blog .et_pb_post p {
        margin: 0 30px;
    }
    .custom-blog a.more-link {
        margin: 20px 0 30px 30px;
    }
    
    .custom-blog .post-content {
        padding: 30px 30px 80px 30px;
    }
}
.custom-blog .et_pb_post h2 {
    padding: 30px 0 30px 0 !important;
}
.custom-blog a.more-link {
    display: inline-block;
    position: absolute;
    left: 440px;
    border: 1px solid #000;
    padding: 10px !important;
    color: #000;
    margin-top: 30px;
    text-transform: uppercase;
}
@media only screen and (max-width: 980px) {
    .custom-blog a.more-link {
        margin: 40px 0 20px 0;
    }
}
.custom-blog a.more-link:hover {
    border: 1px solid #fff;
    color: #fff !important;
    background: #dd1155;
}
.custom-blog a.more-link:after {
    font-family: 'ETmodules';
    content: "\39";
    color: #000;
    margin-left: 5px;
    vertical-align: middle;
}
.custom-blog a.more-link:hover:after {
    color: #fff;
}
.pagination a {
    background: #fff;
    color: #000;
    padding: 10px;
    margin-top: 30px !important;
    -webkit-box-shadow: 6px 7px 5px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 6px 7px 5px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 6px 7px 5px -6px rgba(0, 0, 0, 0.75);
}