@font-face {
  font-family: "Nunito";
  src: url("../fonts/NunitoSans-Regular.eot");
  src:
    url("../fonts/NunitoSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NunitoSans-Regular.woff2") format("woff2"),
    url("../fonts/NunitoSans-Regular.woff") format("woff"),
    url("../fonts/NunitoSans-Regular.ttf") format("truetype"),
    url("../fonts/NunitoSans-Regular.svg#NunitoSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "Nunito", sans-serif;
}

body,
html {
  font-family: Nunito, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  padding: 0;
  /*height: 100%;*/
  overflow-x: hidden;
}

#Content {
  background: #fff;
  color: #000;
  padding: 40px 0;
}

#Footer {
  padding: 15px 0;
}

#Footer a {
  color: white !important;
}

#Header img {
  width: 100%;
}

#viewPages.affix {
  position: fixed;
  top: 80px;
  right: 0;
  z-index: 99999;
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  padding: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: rgba(255, 255, 255, 0.8);
  border-color: #00efd4;
}

#viewPages a {
  color: #253f4c;
}

#viewPages a:hover {
  color: #00efd4;
  text-decoration: none;
}

/*.container {*/
/*    max-width: 970px !important*/
/*}*/

.containerWrap {
  background: #4991de;
  background: #237e83;
  background: -moz-linear-gradient(
    -45deg,
    #237e83 0,
    #2d4c5c 25%,
    #2d4c5c 75%,
    #237e83 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    #237e83 0,
    #2d4c5c 25%,
    #2d4c5c 75%,
    #237e83 100%
  );
  background: linear-gradient(
    135deg,
    #237e83 0,
    #2d4c5c 25%,
    #2d4c5c 75%,
    #237e83 100%
  );
  color: #000;
  font-family: Nunito, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

a {
  color: #003670 !important;
}

.footerLinks a {
  color: #fff;
}

#Footer {
  background-color: #2e3639;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Nunito, sans-serif;
}

label {
  font-weight: 400;
}

.socialMediaLinks {
  float: right;
  list-style: none;
  margin: 0;
}

.socialMediaLinks li {
  display: inline-block;
  margin-left: 5px;
}

.banner {
  border: 12px solid #fff;
  -webkit-box-shadow: 0 20px 10px -15px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0 20px 10px -15px rgba(50, 50, 50, 0.4);
  box-shadow: 0 20px 10px -15px rgba(50, 50, 50, 0.4);
  margin: 11px auto 0 auto;
}

.formContainer {
  border: 12px solid #fff;
  margin: 15px auto 0 auto;
  color: #494949;
  background-color: #d0d0d0;
  padding: 15px;
}

.banner,
.formContainer {
  -webkit-transition: all ease-in 0.5s;
  -moz-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;
  transition: all ease-in 0.5s;
}

.headlineContainer h1 {
  font-size: 24px;
  font-weight: 700;
}

.form-inline {
  margin-bottom: 15px;
}

.form-inline.addressDetails .form-control {
  display: block;
  margin-bottom: 15px;
}

.form-group .checkbox {
  margin: 0;
}

.centerButton {
  clear: both;
  padding: 20px 0;
  text-align: center;
}

.btn-default {
  background-color: #253f4c !important;
  color: #fff !important;
  text-transform: uppercase;
}

.socialMediaLinks a {
  color: #fff !important;
}

.socialMediaLinks a:hover {
  color: #fff;
}

.socialMediaLinks a:hover {
  color: #fff;
}

.btn-default:hover {
  color: #253f4c !important;
  background-color: #00efd4 !important;
}

.footerLinks {
  list-style: none outside none;
  margin: 15px 0 0 0;
  padding: 0;
  text-align: center;
}

.footerLinks li {
  display: inline-block;
}

.footerLinks li a {
  color: #fff !important;
  padding: 0 9px 0 10px;
  font-size: 12px;
}

.disclaimer {
  margin: 15px 0 0 0;
  color: #000;
  font-size: 12px;
}

.modal-body .btn-share {
  margin-bottom: 5px;
  padding: 6px 0;
  width: 80px;
  font-size: 20px;
  border-radius: 4px;
}

#Rules {
  font-size: 14px;
}

#Rules li {
  margin-bottom: 10px;
}

#Rules li a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#Rules table {
  margin-bottom: 15px;
  font-size: 0.6rem;
}

#Rules td {
  padding: 3px;
  border: 1px solid #000;
}

#Rules td p {
  margin-bottom: 0;
}

#SkipToContent {
  position: absolute;
  top: -25vw;
  left: 0;
  padding: 0.4vw;
  font-size: 0.8vw;
  z-index: 8000;
  background: #253f4c;
  -webkit-transition: top 0.25s;
  -moz-transition: top 0.25s;
  -o-transition: top 0.25s;
  transition: top 0.25s;
}

#SkipToContent:focus-within {
  top: 0;
}

#SkipToContent a {
  color: #fff !important;
}

.g-recaptcha > div > div {
  margin: 0 auto;
}

@media screen and (max-width: 575px) {
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
  }
}

.glyphicon {
  font-family: FontAwesome;
}

.glyphicon-remove:before {
  font-family: FontAwesome;
  content: "\f071";
}

.codeError {
  margin-left: 10px;
  visibility: hidden;
}

.has-validator input,
.has-validator select {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.has-error input,
.has-error select,
.has-error textarea,
.validator-recaptcha-wrap.has-error input {
  background-color: #a94442;
  color: #fff;
}

.has-error .pLabel,
.has-error .tag,
.has-error label {
  color: #b30022;
  font-weight: 700;
}

.has-error.container-recaptcha .g-recaptcha iframe {
  box-shadow: 0 0 10px #a94442;
}

.has-error.validator-recaptcha-wrap input {
  border: solid 1px #a94442 !important;
}

.has-feedback .form-control-feedback {
  color: #b30022;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: inherit;
  line-height: 23px;
  padding-right: 5px;
  width: auto;
  height: auto;
}

.has-validator.has-feedback .form-control-feedback {
  display: none;
}

.has-validator.has-feedback.has-error .form-control-feedback,
.has-error .invalid-feedback.custom {
  display: block;
}

.has-validator.has-error .title {
  color: #b30022;
}

.footerLinks li:hover {
  text-decoration: underline;
}

.video-container iframe {
  border: 0px;
}

.g-recaptcha {
  display: inline-block;
}

@media (max-width: 768px) {
  .birthDate select {
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  .formContainer {
    margin-top: 20px;
  }

  .banner,
  .formContainer {
    border-width: 3px;
  }
}

.question-block{
  padding: 20px;
  border: 2px solid #fc0000;
  border-radius: 10px;
  background: #eee;
}

.question-block.correct{
  background: #94F0A0;
}

.question-block.correct .form-check.selected{
  background:#35934A;
  color:#fff;
}

.question-block.incorrect, .question-block.has-error{
  background: #FBEDED;
}

.question-block.incorrect .form-check.selected, .question-block.has-error .form-check{
  background: #F23232;
  color: #fff;
}



label.form-check {
    width: 49%;
    display: inline-block;
    background: #fff;
    border: 1px solid #bbb;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
}

h3.question-title {
    width: 30px;
    margin: 0;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    background: #c00;
    color: #fff;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
}

p.question-text {
    display: inline-block;
    width: calc(100% - 50px);
    margin: 0;
    padding: 5px 5px 15px 0;
}

.status-block{
    border: 2px solid;
    border-radius: 10px;
    margin-bottom: 50px;
    padding: 15px 5px 10px;
    box-shadow: 0px 10px 10px #ddd;
}

.status-block h3{
  font-size:30px;
  line-height:36px;
}

.status-block p {
    display: block;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    margin-top: 10px;
}

.silver-status{
  border-color:#CAD5E2;
  background-color:#F8FAFC;
}

.silver-status h3{
  color:#000;
}

.silver-status .badge{
    background: url(../images/silver.png) 0 5px no-repeat;
    background-size: contain;
    padding-left: 65px;
}

.silver-status p{
  background-color:#314158;
}

.gold-status{
  border-color:#FFB900;
  background-color:#FEFCE8;
}

.gold-status h3{
  color:#E17100;
}

.gold-status .badge{
    background: url(../images/gold.png) 0 5px no-repeat;
    background-size: contain;
    padding-left: 65px;
}

.gold-status p{
  background-color:#F0B100;
}