html, body, main, header, footer, section, div, p {
  word-spacing: 1px;
  line-height: 1.5;
  font-size: 1.125rem;
}

body > main header.inner {
  color: #0e1f49;
}

body > main header.inner h2 {
  font-weight: 700;
}

body > main header.inner h4 {
  font-weight: 300;
}

body > main nav.inner {
  background-color: #0e1f49;
  color: #fff;
}

body > main main.inner {
  background-color: #007fb8;
  color: #fff;
  border-width: 0;
  border-radius: 0;
}

body > main main.inner h2 {
  font-weight: 300;
}

.linklike,
a, a:hover, a:active, a:visited {
  color: #fff;
  text-decoration: underline;
}

.f-1, {
  fill: #fff;
}

.f-1 path {
  fill: #fff;
}

.f-2, .f-2 path,
div.buttons label:hover svg {
  fill: #007fb8;
}

div.buttons label {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}

div.buttons label.active,
div.buttons label:hover {
  background-color: #fff;
  border-color: #fff;
  color: #007fb8;
}

div.buttons label.active .f-1,
div.buttons label.active .f-1 path,
div.buttons label:hover .f-1,
div.buttons label:hover .f-1 path {
  fill: #007fb8;
}

div.buttons p.text {
  font-weight: 700;
}

.c-1 { color: #fff; }
.c-2 { color: #000; }
.c-3 { color: #0e1f49; }
.c-4 { color: #007fb8; }
.c-5 { color: #f5be30; }

div.validation + div.invalid + div.error > p,
div.validation + div.invalid > p {
  color: #f5be30;
}

.step > p:first-child {
  border-color: #007fb8;
  color: #007fb8;
}

.step.active > p:first-child {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}

.btn.custom, .btn.custom:hover,
button[type=submit].custom,
button[type=submit].custom:hover {
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  height: 50px;
}

button[type=submit].custom, .btn.custom { background-color: #f5be30; }
button[type=submit].custom:hover, .btn.custom:hover { background-color: rgba(245, 190, 48, 0.9); }

.input-group-text.custom.phone { background-image: url('../design/phone_sunney.svg'); }
.input-group-text.custom.marker { background-image: url('../design/marker_sunney.svg'); }

.modal-content {
  border-color: #fff;
  border-width: 2px;
}

.modal-body {
  background-color: #007fb8;
}

.modal-body > p {
  color: #fff;
}

.modal-header > button {
  border-color: #0e1f49;
  background-color: #0e1f49;
  color: #fff;
}

.pstep .check {
  color: #0e1f49;
}

.custom-control-input:checked ~ .custom-control-label.custom::before {
  border-color: #fff;
  background-color: #0e1f49;
  border-width: 2px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: none;
}

.btn.custom.geopos,
.btn.custom.geopos:hover,
.btn.custom.geopos:visited,
.btn.custom.geopos:active {
  color: #fff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #007fb8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #007fb8;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #007fb8;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #007fb8;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #007fb8;
}
::placeholder { /* Most modern browsers support this now. */
color: #007fb8 !important;
}

/*// Medium devices (tablets, 768px and up)*/
@media screen and  (min-width: 768px) {
  .modal-content {
    max-width: 80%;
  }
  body > main main.inner {
    padding: 2rem 5rem 2rem 5rem;
  }
}

.step p:first-child {
  line-height: 46px;
}