@font-face {
  font-family: "OpenSans";
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.eot");
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.woff2") format("woff2"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.woff") format("woff"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.ttf") format("truetype"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.otf") format("otf"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "OpenSans";
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.eot");
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.woff2") format("woff2"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.woff") format("woff"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.ttf") format("truetype"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.otf") format("otf"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "OpenSans";
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.eot");
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.woff2") format("woff2"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.woff") format("woff"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.ttf") format("truetype"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.otf") format("otf"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "OpenSans";
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-light/OpenSans-Light.eot");
  src: url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-light/OpenSans-Light.woff2") format("woff2"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-light/OpenSans-Light.woff") format("woff"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-light/OpenSans-Light.ttf") format("truetype"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-light/OpenSans-Light.otf") format("otf"), url("https://cdn.craghoppers.com/fonts/open_sans/OS/os-light/OpenSans-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

html {
  font-family: "OpenSans", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  color: #555555; }
  html strong {
    font-weight: 600; }

#signupContainer {
  width: 100%; }

.col-12 {
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.col-6 {
  width: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .col-6:first-of-type {
    padding-right: 10px; }

tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.input-box {
  display: block;
  margin-bottom: 5px; }
  .input-box span {
    color: #555555; }

input[type="text"] {
  display: block;
  border: 1px solid #555555;
  border-radius: 0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px; }
  input[type="text"].invalid {
    border-color: red; }

input[type="radio"] {
  height: 15px;
  width: 15px;
  margin: 0 5px 0 0; }

select {
  display: block;
  border: 1px solid #555555;
  border-radius: 0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px; }

.popup {
  color: #555555;
  margin-bottom: 10px; }

#saveForm {
  background-color: #000000;
  min-width:100px;
  color: #fff;
  border: 0;
  padding: 15px 50px;
  border-radius: 50px;
  font-size: 16px; }

.loadingScreen {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  vertical-align: middle;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .loadingScreen img {
    max-width: 100px; }

.successmessage {
  margin: 10px 0px;
  background-image: url(../images/checked.svg);
  display: block;
  background-size: 122px;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  padding-top: 170px;
  -o-transition: 0.3s;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s; }

#bjl-research tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  #bjl-research tr.question-container {
    margin-bottom: 20px;
    display: block; }
    #bjl-research tr.question-container div {
      margin-bottom: 5px; }
    #bjl-research tr.question-container .question {
      margin-top: 0;
      margin-bottom: 10px;
      font-weight: 600; }

#beer-52 .radio-question {
  margin-bottom: 10px; }

#walk-competition .radio-question,
#outdoor-photography .radio-question {
  margin-bottom: 10px; }