.uk-h1 {
  -webkit-animation-duration: 3s;
  -webkit-animation-name: slidein;

  -moz-animation-duration: 3s;
  -moz-animation-name: slidein;


  -o-animation-duration: 3s;
  -o-animation-name: slidein;


  animation-duration: 3s;
  animation-name: slidein;
}

@-webkit-keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@-moz-keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@-o-keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

/* Home Page 1st End Heading Animation */

img.rotate:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

img.uk-margin-right {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

/* .rotate {
    animation: rotation 8s infinite linear;
  }
   */
@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

img#rapid-img:hover {
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2);
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }

  to {
    opacity: 0.0;
  }
}

/*div#blink {*/
/*  text-decoration: blink;*/
/*  -webkit-animation-name: blinker;*/
/*  -webkit-animation-duration: 4s;*/
/*  -webkit-animation-iteration-count: infinite;*/
/*  -webkit-animation-timing-function: ease-in-out;*/
/*  -webkit-animation-direction: alternate;*/
/*}*/

div#blink-popup:hover {
    transform: scale(1.05) !important;
    border-radius: 8px !important; 
}

img.uk-width-expand:hover{
  transform: scale(1.05);
}

div.ballon-img {
  position: relative;
  animation-name: example;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  margin-bottom: 20px;
} 

@keyframes example {
  from {
    top: 60px;
  }

  to {
    top: 30px;
  }
}



/* Whatsapp CSS */
@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }

  to {
    opacity: 0.0;
  }
}

.blink {
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}

img#location-img {
  transition: transform .2s !important;
  border-radius: 10px;
}

img#location-img:hover {
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.1);
  cursor: pointer;
}





.separator {
  display: flex;
  align-items: center;
}

.separator .line {
  height: 1.3px;
  flex: 1;
  background-color: #ecbc7b;
}

.separator h2 {
  font-weight: 200;
  padding: 0 2rem 1rem 1rem;
}
img#ballon {
  max-width: 211px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  z-index: 1 !important;
}
/* img#line-img {
  max-width: inherit;
  position: absolute;
} */
.line-img {
  max-width: inherit;
  position: absolute;
}