@font-face {
  font-family: klavika;
  src: url(../../base/fonts/KlavikaBasic-Regular.ttf);
}

@font-face {
  font-family: klavika;
  font-style: italic;
  src: url(../../base/fonts/KlavikaBasic-RegularItalic.ttf);
}

@font-face {
  font-family: klavika;
  font-style: oblique;
  font-weight: bold;
  src: url(../../base/fonts/KlavikaBasic-Bold.ttf);
}

@font-face {
  font-family: vonnes;
  src: url(../../base/fonts/VonnesBook.ttf);
}


@font-face {
  font-family: vonnes;
  font-weight: bold;
  src: url(../../base/fonts/VonnesBoldCondensed.ttf);
}

html, body {
  font-family: klavika, sans-serif;
  background: #161616;
}

.is-retul {
  background-color: #161616;
}

.is-retul h1, .is-retul h2, .is-retul h3, .is-retul h4, .is-retul h5, .is-retul p {
  color: rgb(0, 161, 225);
}

.is-retul select {
  background-color: #161616;
  border-color: rgb(0, 161, 225);
  color: rgb(0, 161, 225);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.is-retul input {
  width: 200px;
  background-color: #161616;
  border-color: rgb(0, 161, 225);
  color: rgb(0, 161, 225);
}

.is-retul input::-webkit-input-placeholder,
.is-retul input::-moz-placeholder,
.is-retul input:-ms-input-placeholder,
.is-retul input:-moz-placeholder {
  color: rgb(0, 92, 126);
}

.is-retul input:hover {
  border-color: rgb(0, 161, 225);
  background-color: rgb(0, 61, 83);
}

.is-retul input:active {
  border-color: rgb(0, 161, 225);
  background-color: rgb(0, 90, 123);
}

.is-retul .inline {
  display: inline;
  position: relative;
  left: -50px;
  top: 6px;
}

.is-retul input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.is-retul input::placeholder,
.is-retul input::-webkit-input-placeholder,
.is-retul input:-moz-placeholder,
.is-retul input::-moz-placeholder,
.is-retul input:-ms-input-placeholder,
.is-retul input::-ms-input-placeholder {
  color: rgb(0, 60, 75);
  opacity: 1;
}


h1.subtitle {
  color: white;
}

.hero .title {
  font-size: 4rem;
}

.section .title {
  font-size: 1.5rem;
  text-transform: uppercase;
}

.section .subtitle {
  font-size: 2.2rem;
  text-transform: uppercase;
}

.section {
  padding-top: 20px;
  padding-bottom: 20px;
}

option {
  padding: 4px;
  font-size: 1.2rem !important;
  background: rgba(0, 0, 0, 0.3);
  color: rgb(0, 161, 225);
}