/* dt iconboxes */



[class*='uk-animation-'] {

  -webkit-animation-duration: 0.9s;

  animation-duration: 0.9s;

  -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 */

[data-uk-scrollspy*='uk-animation-'] {

  opacity: 0;

}

/*

 * Fade

 */

.uk-animation-fade {

  -webkit-animation-name: uk-fade;

  animation-name: uk-fade;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

}

@media (max-width: 480px) {

  .uk-animation-fade {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

/*

 * Scale

 */

.uk-animation-scale-up {

  -webkit-animation-name: uk-scale-up;

  animation-name: uk-scale-up;

}

@media (max-width: 480px) {

  .uk-animation-scale-up {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

.uk-animation-scale-down {

  -webkit-animation-name: uk-scale-down;

  animation-name: uk-scale-down;

}

@media (max-width: 480px) {

  .uk-animation-scale-down {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

/*

 * Slide

 */

.uk-animation-slide-top {

  -webkit-animation-name: uk-slide-top;

  animation-name: uk-slide-top;

}

@media (max-width: 480px) {

  .uk-animation-slide-top {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

.uk-animation-slide-bottom {

  -webkit-animation-name: uk-slide-bottom;

  animation-name: uk-slide-bottom;

}

@media (max-width: 480px) {

  .uk-animation-slide-bottom {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

.uk-animation-slide-left {

  -webkit-animation-name: uk-slide-left;

  animation-name: uk-slide-left;

}

@media (max-width: 480px) {

  .uk-animation-slide-left {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

.uk-animation-slide-right {

  -webkit-animation-name: uk-slide-right;

  animation-name: uk-slide-right;

}

@media (max-width: 480px) {

  .uk-animation-slide-right {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

/*

 * Shake

 */

.uk-animation-shake {

  -webkit-animation-name: uk-shake;

  animation-name: uk-shake;

}

@media (max-width: 480px) {

  .uk-animation-shake {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

/* Modifiers

 ========================================================================== */

.uk-animation-reverse {

  -webkit-animation-direction: reverse;

  animation-direction: reverse;

}

@media (max-width: 480px) {

  .uk-animation-reverse {

    -webkit-animation-name: none;

    animation-name: none;

    opacity: 1;

  }

}

/* Keyframes

 ========================================================================== */

/*

 * Fade

 */

@-webkit-keyframes uk-fade {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes uk-fade {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

/*

 * Scale up

 */

@-webkit-keyframes uk-scale-up {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.2);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

  }

}

@keyframes uk-scale-up {

  0% {

    opacity: 0;

    transform: scale(0.2);

  }

  100% {

    opacity: 1;

    transform: scale(1);

  }

}

/*

 * Scale down

 */

@-webkit-keyframes uk-scale-down {

  0% {

    opacity: 0;

    -webkit-transform: scale(1.8);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

  }

}

@keyframes uk-scale-down {

  0% {

    opacity: 0;

    transform: scale(1.8);

  }

  100% {

    opacity: 1;

    transform: scale(1);

  }

}

/*

 * Slide top

 */

@-webkit-keyframes uk-slide-top {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@keyframes uk-slide-top {

  0% {

    opacity: 0;

    transform: translateY(-100%);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

/*

 * Slide bottom

 */

@-webkit-keyframes uk-slide-bottom {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@keyframes uk-slide-bottom {

  0% {

    opacity: 0;

    transform: translateY(100%);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

/*

 * Slide left

 */

@-webkit-keyframes uk-slide-left {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }

}

@keyframes uk-slide-left {

  0% {

    opacity: 0;

    transform: translateX(-100%);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

/*

 * Slide right

 */

@-webkit-keyframes uk-slide-right {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }

}

@keyframes uk-slide-right {

  0% {

    opacity: 0;

    transform: translateX(100%);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

/*

 * Shake

 */

@-webkit-keyframes uk-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 uk-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);

  }

}

/*

 * Slide top fixed

 */

@-webkit-keyframes uk-slide-top-fixed {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-10px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@keyframes uk-slide-top-fixed {

  0% {

    opacity: 0;

    transform: translateY(-10px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

/*

 * Slide bottom fixed

 */

@-webkit-keyframes uk-slide-bottom-fixed {

  0% {

    opacity: 0;

    -webkit-transform: translateY(10px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@keyframes uk-slide-bottom-fixed {

  0% {

    opacity: 0;

    transform: translateY(10px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

/*

 * Spin

 */

@-webkit-keyframes uk-spin {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(359deg);

  }

}

@keyframes uk-spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(359deg);

  }

}