@font-face{
  font-family: manregular;
  src:url(fonts/maneuropecondensed_regular_eot.eot);
  src:url(fonts/maneuropecondensed_regular_eot.eot?#iefix) format("embedded-opentype"),
  url(fonts/maneuropecondensed_regular_woff2.woff2) format("woff2"),
  url(fonts/MANEuropeCondensed-Regular~2.woff) format("woff"),
  url(fonts/MANEuropeCondensed-Regular~1.ttf) format("truetype"),
  url(fonts/maneuropecondensed_regular_svg.svg#svgFontName) format("svg");
  font-weight:400;
}
@font-face{
  font-family: manbold;
  src:url(fonts/maneuropecondensed_bold_eot.eot);
  src:url(fonts/maneuropecondensed_bold_eot.eot?#iefix) format("embedded-opentype"),
  url(fonts/maneuropecondensed_bold_woff2.woff2) format("woff2"),
  url(fonts/MANEuropeCondensed-Bold~2.woff) format("woff"),
  url(fonts/MANEuropeCondensed-Bold~1.ttf) format("truetype"),
  url(fonts/maneuropecondensed_bold_svg.svg#svgFontName) format("svg");
  font-weight:700;
}
body {
  font-family: "manbold", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2em;
  color: #FFF;
  background: linear-gradient(
      to top left,
      #00bffd 0%,
      #09a3d8 10%,
      #128bb7 20%,
      #1a779b 30%,
      #206683 40%,
      #25586f 50%,
      #294d60 60%,
      #2c4455 70%,
      #2e3f4d 80%,
      #2f3c49 90%,
      #2f3b49 100%
  );
  background-attachment: fixed;
  height: 100vh;
  margin: 0;
}
.text-red{
  color: #E30045;
}
h1, .h1{
  font-size: 2.25rem;
  line-height: 1em;
}

h2, .h2{
  font-size: 2rem;
  line-height: 1em;
  color: #E30045;
}
@media screen and (min-width: 768px) {
  h1, .h1{
    font-size: 2.75rem;
  }
  h2, .h2{
    font-size: 2rem;
  }
}


p{
  font-family: "manregular", sans-serif;
  line-height: 1.2em;
}

.logo{
  width: 115px;
}
@media screen and (min-width: 768px) {
  .logo {
    width: 230px;
  }
}
.bgImage {
  width: 100%;
  bottom: -80px;
  right: -110px;
  z-index: -1;
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  .bgImage {
    max-width: 600px;
    bottom: -300px;
  }
}
@media screen and (min-width: 992px) {
  .bgImage {
    max-width: 800px;
    bottom: -450px;
  }
}

.form-control{
  font-family: "manbold", sans-serif;
}
.form-check-label{
  font-family: "manregular", sans-serif;
}
.pointer{
  cursor: pointer;
}
.image-radio img{
  border: solid 3px #2f3b49;
}
.image-radio img.image-selected{
  border: solid 3px #E30045;
}

.was-validated .form-control:invalid, .was-validated .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background: none;
}