/* Made By Eran Simtob */

@font-face {
    font-family: openSanstFont;
    src: url(../fonts/OpenSansHebrew-Regular.ttf);
}
body {
    margin: 0px;
}
.InputText
{
	background-repeat: no-repeat;
    position: absolute;
    width: 200px !important;
    border: 1px solid #fff;
    outline: none;
	height: 64px; 
	font-size: 30px;
	background-color: transparent;
    border-color: #fff;
	text-align: right;
	color: #fff;
	padding: 0px 20px 0px 0px;
}
.InputTextLeft
{
	background-repeat: no-repeat;
	position: absolute;
	width: 200px !important;
	border: 1px solid #fff;
	outline: none;
	height: 64px;
	font-size: 30px;
	background-color: transparent;
    border-color: #fff;
	text-align: right;
	color: #fff;
	padding: 0px 20px 0px 0px;
}
.absoluted
{
	position: absolute;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}
.shaked {
  -moz-animation: shaked 4s infinite;
  -webkit-animation: shaked 4s infinite;
  animation: shaked 4s infinite;
}
@-webkit-keyframes shaked {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  5%, 15%, 25%, 35%, 45% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  10%, 20%, 30%, 40% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  } 
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shaked {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  5%, 15%, 25%, 35%, 45% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  10%, 20%, 30%, 40% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.shaked {
  -webkit-animation-name: shaked;
  animation-name: shaked;
}