/* 
 Theme Name:     Kriar Alpha
 Author:         Kristian Erdmann | Divi Brasil
 Author URI:     http://en.divi-brasil.com.br
 Template:       Divi
 Version:        1.0
 Description:   
*/ 


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

/*-------------------------------------------------*/
/*------- GROW MODULE EFFECT-----------------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-grow:hover, .kriar-grow:focus, .kriar-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*-------------------------------------------------*/
/*------- SHRINK MODULE EFFECT---------------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-shrink:hover, .kriar-shrink:focus, .kriar-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/*-------------------------------------------------*/
/*------- PULSE MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kriar-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes kriar-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.kriar-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-pulse:hover, .kriar-pulse:focus, .kriar-pulse:active {
  -webkit-animation-name: kriar-pulse;
  animation-name: kriar-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 kriar-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes kriar-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.kriar-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;
}
.kriar-pulse-grow:hover, .kriar-pulse-grow:focus, .kriar-pulse-grow:active {
  -webkit-animation-name: kriar-pulse-grow;
  animation-name: kriar-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 kriar-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes kriar-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.kriar-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-push:hover, .kriar-push:focus, .kriar-push:active {
  -webkit-animation-name: kriar-push;
  animation-name: kriar-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 kriar-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes kriar-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.kriar-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-pop:hover, .kriar-pop:focus, .kriar-pop:active {
  -webkit-animation-name: kriar-pop;
  animation-name: kriar-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----------------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-bounce-in:hover, .kriar-bounce-in:focus, .kriar-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----------------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-bounce-out:hover, .kriar-bounce-out:focus, .kriar-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-----------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-rotate:hover, .kriar-rotate:focus, .kriar-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/*-------------------------------------------------*/
/*-------GROW ROTATE MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-grow-rotate:hover, .kriar-grow-rotate:focus, .kriar-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/*-------------------------------------------------*/
/*-------------FLOAT MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-float:hover, .kriar-float:focus, .kriar-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/*-------------------------------------------------*/
/*-------- SINK MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-sink:hover, .kriar-sink:focus, .kriar-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/*-------------------------------------------------*/
/*--------- BOB MODULE EFFECT----------------------*/
/*-------------------------------------------------*/
@-webkit-keyframes kriar-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 kriar-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 kriar-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes kriar-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.kriar-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-bob:hover, .kriar-bob:focus, .kriar-bob:active {
  -webkit-animation-name: kriar-bob-float, kriar-bob;
  animation-name: kriar-bob-float, kriar-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 kriar-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 kriar-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 kriar-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes kriar-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.kriar-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-hang:hover, .kriar-hang:focus, .kriar-hang:active {
  -webkit-animation-name: kriar-hang-sink, kriar-hang;
  animation-name: kriar-hang-sink, kriar-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 kriar-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 kriar-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);
  }
}
.kriar-wobblev {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-wobblev:hover, .kriar-wobblev:focus, .kriar-wobblev:active {
  -webkit-animation-name: kriar-wobblev;
  animation-name: kriar-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 kriar-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 kriar-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);
  }
}
.kriar-wobbleh {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-wobbleh:hover, .kriar-wobbleh:focus, .kriar-wobbleh:active {
  -webkit-animation-name: kriar-wobbleh;
  animation-name: kriar-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 kriar-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 kriar-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);
  }
}
.kriar-wobblebr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-wobblebr:hover, .kriar-wobblebr:focus, .kriar-wobblebr:active {
  -webkit-animation-name: kriar-wobblebr;
  animation-name: kriar-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 kriar-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 kriar-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);
  }
}
.kriar-wobbletr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.kriar-wobbletr:hover, .kriar-wobbletr:focus, .kriar-wobbletr:active {
  -webkit-animation-name: kriar-wobbletr;
  animation-name: kriar-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 kriar-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 kriar-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);
  }
}
.kriar-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;
}
.kriar-buzz-out:hover, .kriar-buzz-out:focus, .kriar-buzz-out:active {
  -webkit-animation-name: kriar-buzz-out;
  animation-name: kriar-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-----------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-forward:hover, .kriar-forward:focus, .kriar-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/*-------------------------------------------------*/
/*--------- BACKWARD MODULE EFFECT-----------------*/
/*-------------------------------------------------*/
.kriar-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;
}
.kriar-backward:hover, .kriar-backward:focus, .kriar-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/*------------------------------------------------------------------------------------*/
/*---------------------------- KRIAR INDSUTRY TEAM MEMBER-----------------------------*/
/*------------------------------------------------------------------------------------*/

.kriar-team-industry .et_pb_column .et_pb_team_member {
  position: relative;
  float: left;
  overflow: hidden;
  max-width: 100%;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.kriar-team-industry .et_pb_column .et_pb_team_member * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.kriar-team-industry .et_pb_column .et_pb_team_member img {
  max-width: 100%;
  vertical-align: top;
}
.kriar-team-industry .et_pb_column .et_pb_team_member .et_pb_team_member_description {
  position: relative;
  background-color: #ffffff;
  padding: 20px 25px 50px;
}
.kriar-team-industry .et_pb_column .et_pb_team_member h4 {
  position: absolute;
  bottom: 100%;
  padding: 10px 25px;
  border-radius: 0 5px 0 0;
  margin: 0;
  left: 0;
  font-weight: 400;
  background-color: #000000;
  color: #ffffff;
}
.kriar-team-industry .et_pb_column .et_pb_team_member h4 span {
  font-weight: 800;
}
.kriar-team-industry .et_pb_column .et_pb_team_member p {
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
}
.kriar-team-industry .et_pb_column .et_pb_team_member .et_pb_member_social_links {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.kriar-team-industry .et_pb_column .et_pb_team_member .et_pb_font_icon {
  margin: 0 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #000000;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0 0;
    margin-right: -10px;
}
.kriar-team-industry .et_pb_column .et_pb_team_member .et_pb_font_icon:hover {
  background-color: #000000;
  color: white !important;
}
.kriar-team-industry .et_pb_column .et_pb_team_member a {
  opacity: 0.8;
  display: inline-block;
}
.kriar-team-industry .et_pb_column .et_pb_team_member a:hover {
  opacity: 1;
}
.kriar-team-industry .et_pb_column .et_pb_team_member:hover img,
.kriar-team-industry .et_pb_column .et_pb_team_member.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*------------------------------------------------------------------------------------*/
/*---------------------------- KRIAR SOLUTIONS ---------------------------------------*/
/*------------------------------------------------------------------------------------*/

.kriar-solutions .et_pb_column {
  background-color: #000;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.kriar-solutions .et_pb_column *,
.kriar-solutions .et_pb_column *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.kriar-solutions .et_pb_column img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}
.kriar-solutions .et_pb_column .et_pb_promo_description {
  bottom: 30px;
  left: 0;
  position: absolute;
  z-index: 0;
  padding-bottom: 0px;
}
.kriar-solutions .et_pb_column .et_pb_promo_description:before {
  background-color: #ffffff; /*<----Change the Color of the Effect*/
  bottom: -5px;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: -5px;
  z-index: -1;
}

.kriar-solutions .et_pb_column h2 {
  background-color: #00b2ff; /*<----Change the Color of the Text Background*/
  margin: 0;
  padding: 5px 10px;
  z-index: 1;
}
.kriar-solutions .et_pb_column a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.kriar-solutions .et_pb_column:hover > img,
.kriar-solutions .et_pb_column.hover > img {
  opacity: 0.1;
}
.kriar-solutions .et_pb_column:hover .et_pb_promo_description:before,
.kriar-solutions .et_pb_column.hover .et_pb_promo_description:before {
  right: -5px;
}
.kriar-solutions .et_pb_promo {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kriar-solutions .et_pb_promo_button {
  opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

/*------------------------------------------------*/
/*-------------CUSTOM PORTFOLIO GRID--------------*/
/*------------------------------------------------*/
    .kriar-portfolio .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;}
    .kriar-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);}
    .kriar-portfolio .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);}
    .kriar-portfolio .et_pb_portfolio_item h2 {
        background-color: #00b2ff;  /*<----Change the Color of the Text Background Text in Hover */
        color: #ffffff; /*<----Change the Text Color in Hover */
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        -webkit-transition:.5s;  
      }
    .kriar-portfolio .et_pb_portfolio_item:hover h2 {
            top: 70%;
            padding: 15px 0;} 
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .kriar-portfolio  .et_pb_portfolio_item h2 {font-size: 15px!important;}
            .kriar-portfolio  .et_pb_portfolio_item:hover h2 {top: 63%!important;}}
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .kriar-portfolio  .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .kriar-portfolio  .et_pb_portfolio_item:hover h2 {top: 62%!important;}}
        @media only screen and (max-width : 980px) {
            .kriar-portfolio .et_pb_portfolio_item h2 {font-size: 14px!important;}
             .kriar-portfolio  .et_pb_portfolio_item:hover h2 {top: 62%!important;}
          }