/*======================EFFECTS=============================*/
img.Grayscale:hover{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

img.Blur:hover {
  -webkit-filter: blur(4px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}
img.Rounded:hover {
  border-radius: 20%;
}








.zoom{ transition: transform .2s; /* Animation */}
span.zoom:hover , img.zoom:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
}
img.rotate:hover {
 
  -ms-transform: rotate(15deg); /* IE 9 */
  transform: rotate(15deg);
}
span.shake:hover , img.shake:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@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); }
}
.validator{ font-size:12px;
    color:Red;}
.captcha-wrap {
  position: relative;
  display: inline-block;
}

.captcha-wrap img {
  display: block;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

.captcha-refresh {
  position: absolute;
  right: 6px;
  top: 6px;
  background: rgba(0,0,0,0.6);
  border: none;
  border-radius: 50%;
  padding: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, transform 0.15s ease;
}

.captcha-refresh:hover {
  background: rgba(0,0,0,0.8);
  transform: rotate(30deg);
}