form input {
  width: 15px;  
  background-color: #FFF;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Open Sans";
  font-weight: 500;
  color: #333;
  padding: 2px 5px;
  border-left: 5px solid transparent;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
}
form input:valid {
  border-left: 5px solid #2ECC71;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

form select {    
  background-color: #fff; 
  color: #333; 
  border-left: 5px solid #c1c1c1;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
   /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
}
form select:valid {
  border-left: 5px solid #2ECC71;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

form input[type="submit"] {
  font-weight: 600;
  font-family: "Open Sans";
  border: none;
  background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: 90% 250%;
  z-index: 1;
  
  color: white;
  margin: 0px 40%;
}

input[type="submit"].active {
  -webkit-animation-name: armo;
          animation-name: armo;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#howmuch {
  width: 100%;
  height: 5px;
  position: fixed;
  top: 0;
  z-index: 9999;
}
#howmuch .butreally {
  height: 95px;
  width: 0%;
  background: #2ECC71;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

@-webkit-keyframes armo {
  0% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 250%;
  }
  50% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 0%;
  }
  60% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 100%;
  }
  70% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 25%;
  }
  80% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 75%;
  }
  90% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 35%;
  }
  100% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
  }
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes armo {
  0% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 250%;
  }
  50% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 0%;
  }
  60% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 100%;
  }
  70% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 25%;
  }
  80% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 75%;
  }
  90% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 35%;
  }
  100% {
    background-image: url("https://dl.dropboxusercontent.com/u/35851734/Right-32.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
  }
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.newuis {  
}
.lastnew {
}
.loxi {
	width: 352px;
	font-family: open-sans;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	height: 40px;
}