header{
  width: 100%;
  height: 85vh;
  position: relative;
  background-color: var(--color-dark);
  color: var(--color-s);
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: radial-gradient(#0A5B6E 1.2000000000000002px, #202020 1.2000000000000002px);
  background-size: 24px 24px;
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotater {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes rotater {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.contacts-1,
.contacts-2,
.contacts-3 {
  position: absolute;
  height: 80vh;
  opacity: .35;
  pointer-events: none;
}
.contacts-1{
  -webkit-animation: rotating 30s linear infinite;
  animation: rotating 30s linear infinite;
}
.contacts-2{
  -webkit-animation: rotater 80s linear infinite;
  animation: rotater 80s linear infinite;
}
.contacts-3{
  -webkit-animation: rotating 60s linear infinite;
  animation: rotating 60s linear infinite;
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.services {
  position: absolute;
  height: 100vw;
  opacity: .75;
  pointer-events: none;
  -webkit-animation: rotating 30s linear infinite;
  animation: rotating 30s linear infinite;
}
header h3{
  font-size: 11vh;
	font-weight: 100;
}
section{
  background: var(--color-dark);
  padding: 1rem 3rem;
}
section form{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section [class^='multicolumn']{
  display: flex;
  flex-direction: row;
  gap: 3rem;
}
section form button{
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-s);
}

input,
.materialize-textarea{
  color: var(--color-s);
  border-bottom: 1px solid  var(--color-s) !important;
}

section form .input-field > label:not(.label-icon).active,
section form label,
.character-counter,
.input-field > label{
  color: var(--color-s);
}
.input-field{
  color: #c40000;
}
.invalid{
  border-bottom: none !important;
}
input.valid:not([type]), input.valid:not([type]):focus, input.valid[type="text"]:not(.browser-default), input.valid[type="text"]:not(.browser-default):focus, input.valid[type="password"]:not(.browser-default), input.valid[type="password"]:not(.browser-default):focus, input.valid[type="email"]:not(.browser-default), input.valid[type="email"]:not(.browser-default):focus, input.valid[type="url"]:not(.browser-default), input.valid[type="url"]:not(.browser-default):focus, input.valid[type="time"]:not(.browser-default), input.valid[type="time"]:not(.browser-default):focus, input.valid[type="date"]:not(.browser-default), input.valid[type="date"]:not(.browser-default):focus, input.valid[type="datetime"]:not(.browser-default), input.valid[type="datetime"]:not(.browser-default):focus, input.valid[type="datetime-local"]:not(.browser-default), input.valid[type="datetime-local"]:not(.browser-default):focus, input.valid[type="tel"]:not(.browser-default), input.valid[type="tel"]:not(.browser-default):focus, input.valid[type="number"]:not(.browser-default), input.valid[type="number"]:not(.browser-default):focus, input.valid[type="search"]:not(.browser-default), input.valid[type="search"]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown{
  border-bottom: 1px solid var(--color-s) !important;
  box-shadow: 0 1px 0 0 var(--color-s) !important;
}
.form-success-message{
  color: var(--color-s);
}
@media (max-width:500px){
  section form{
    gap: 0;
  }
  section [class^="multicolumn"]{
    flex-direction: column;
    gap: 0;
  }
  section [class^="multicolumn"] .column{
    width: 100% !important;
  }
}