.lomake textarea, .lomake input, .lomake select {
  padding: 0.5rem;
  /*border: var(--border3);*/
  width: 100% !important;
  /*background: var(--bg-color3);*/
  height: 35px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield; }

.lomake input {
  /*height: 3em;*/ }

.lomake .form-row, .form-row-fix {
  margin-bottom: var(--main-padding);
  position: relative;
  /*min-width: 100% !important;*/
  max-width: 100% !important;
  width: 100% !important; }

.lomake .form-row label, .form-row-fix label {
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 6px;
  background: var(--bg-color3);
  padding: var(--padding1);
  font-family: var(--font-family2);
  transition: all .3s ease 0s; }

.lomake form {
  width: 100%; }

.lomake input.button {
  background: var(--bg-color4);
  color: var(--font-color5);
  cursor: pointer; }

.lomake input.button:hover {
  /*background: var(--bg-color5);*/ }

.lomake .form-row.active label, .form-row-fix label {
  top: -7px;
  left: 3px;
  font-size: 12px; }

.lomake .form-row input::placeholder, .lomake .form-row textarea::placeholder {
  color: var(--font-color5);
  transition: all .7s ease 0s; }

.lomake .form-row.active input::placeholder, .lomake .form-row.active textarea::placeholder {
  color: var(--font-color4); }

.lomake p.send-msg {
  display: none;
  font-style: italic; }

.lomake .form-spinner-overlay.active .send-msg, .lomake .form-spinner-overlay.active .loader {
  display: block; }

.lomake .form-spinner-overlay.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse; }

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--bg-color4);
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: none; }

@media only screen and (max-width: 500px) {
  .lomake .form-row label {
    font-size: 12px;
    top: 10px; } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }