/* Example styles */
.djstyle-s-s-b {
   border: 1px solid #e5e5e5;
}
.djstyle-c-t-h {
    text-align: center;
}
.djstyle-c-t-ver {
    display: flex;
    align-items: center;
}
.djstyle-img-center img {
    margin: 0 auto;
    
}
.djstyle-img-circle img{
  border-radius: 50%;  
}
.djstyle-s-b-r {
    border-radius: 8px;
}

.djstyle-sld-up{
   position: relative;
   opacity: 0; 
   top: 150px;
  animation: djstyle-sld-up-animate 0.5s ease-out forwards;
   animation-delay: .5s;
}
.djstyle-sld-right{
    position:relative;
   opacity: 0;
   animation: djstyle-sld-right-animate 0.5s linear forwards;
    left: -80px;
   animation-delay: .6s; 
}
.djstyle-sld-left{
  position:relative;
     opacity: 0;
    animation: djstyle-sld-left-animate 0.5s linear forwards;
    right: -80px;
    animation-delay: .6s; 
}


@keyframes djstyle-sld-up-animate {
    0% {opacity: .75;
     top:100px;
    }
    50% {opacity: 1;
        top:-25px;
    }
  75% {
    opacity: 1;
    top:20px;
  }
  100% {
   top:0; 
    opacity: 1;
  }
}
@keyframes djstyle-sld-right-animate {
    0% {opacity: .75;
      left: -40px; 
    }
    50% {opacity: .1;
      left: 10px; ;    
    }
  100% {
    opacity: 1;
    left: 0; 
  }
}
@keyframes djstyle-sld-left-animate {
    0% {opacity: .75;
      right: -40px;
    }
    50% {opacity: 1;
      right: 10px;  
    }
  100% {
    opacity: 1;
    right: 0;  
  }
}
.djstyle-s-scale {
transition: transform.2s;
}
.djstyle-s-scale:hover{
	transform: scale(1.2);
}
.djstyle-s-img-scale img {
   transition: transform.2s; 
}
.djstyle-s-img-scale:hover img {
 	transform: scale(1.2);   
}