/* main content styles */

* {
 box-sizing: border-box;
}

#main {
 text-align: center;
 padding: 0;
}

#content-wrapper {
 padding: 0;
}

#content-wrapper .row {
 margin: 0;
 padding: 3em 0;
 text-align: center;
}

#content-wrapper .row:nth-child(even) {
 background-color: #f1f5f9;
}

p {
 color: #2f353d;
}

#footer-menu h1 {
 color: #83838f;
 font-size: 1em;
}


/* form styles */

.form-container {
 display: block;
 margin: 0 auto;
 background-color: transparent;
 max-width: 600px;
 min-width: 320px;
 position: relative;
 padding: 30px;
}

.form-container #form-element {
 width: 100%;
 margin: 2em auto 0 auto;
 background-color: transparent;
 position: relative;
}

#form-heading {
 margin-top: 0;
}

#form-element {
 text-align: center;
}

#form-element > .lpeCElement {
 display: inline-block;
}

label {
 font-weight: bold;
}

label.error {
 float: left;
 display: block;
 font-weight: bold;
 padding: 0.5em 0;
}

input.error {
 border: 1px solid red!important;
}

.form-row input:read-only {
 background-color: #D3D3D3;
}

.form-row {
 width: 100%;
 text-align: left !important;
 position: relative;
 margin: 1em 0 !important;
}

.form-row > label,
.form-row input[type="text"] {
 position: relative;
 display: inline-block;
 float: none;
 width: 100%;
 vertical-align: middle;
 max-width: 400px;
 margin-bottom: 0.5em;
}

.mktoNoJS input[type=text],
.mktoNoJS input[type=email] {
 width: 280px;
}

textarea.mktoField {
 width: 100%;
}

.mktoForm select {
 max-width: 100%;
 color: #1c1c1c !important;
 height: 36px !important;
 line-height: 1.5em !important;
 padding: 0.25em 1em !important;
 border: 1px solid #d2d2d2 !important;
}

.mktoForm fieldset legend.visuallyhidden {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
}

table label {
 font-weight: normal;
}

table .question-block {
 padding: 1em 0;
}

#cameraChecked {
 display: none;
}

.button-row {
 text-align: center !important;
}

.form-row .mktoField {
 float: none;
}

.asterisk {
 color: red;
}

#terms-row {
 padding: 2em 0;
 font-size: 0.8em;
 border-top: solid 1px #ccc;
}

.privacy-text {
 margin: 1em 0 !important;
 font-size: 0.85em;
 text-align: left !important;
}

p.error-message {
 padding: 8px 0;
}

div.label {
 margin-left: 35px;
 font-weight: bold;
}

.form-row.fullwidthlabel label {
 width: 100%;
 display: block;
 max-width: none;
}

.mktoForm select {
 max-width: 100%;
}

fieldset > .checkbox-row {
 padding: 0.5em 0;
}

fieldset > .checkbox-row .label {
 font-size: 0.8em;
 font-weight: normal;
}

.mktoForm fieldset legend {
 display: block !important;
 padding: 1.5em 0 0.5em 0 !important;
 font-weight: bold;
 margin: 0 !important;
}

@media(min-width: 768px) {
 form {
  max-width: 60%;
  margin: 0 auto;
  padding-top: 2em;
 }
 .form-row > label,
 .form-row input[type="text"] {
  position: relative;
  display: inline-block;
  float: none;
  width: 45%;
  vertical-align: middle;
  min-width: 200px;
 }
}


/*custom checkbox style*/

.checkbox-wrapper {
 margin: 1em auto !important;
}

input[type="checkbox"] {
 position: absolute;
 top: -5px;
 left: 5px;
 opacity: 0;
}

.checkboxFive {
 width: 25px;
 position: relative;
 padding-bottom: 36px;
 float: left;
}

.checkboxFive label {
 cursor: pointer;
 position: absolute;
 width: 25px;
 height: 25px;
 top: 0;
 left: 0;
 background: #fff;
 border: 1px solid #d2d2d2;
}

input[type=checkbox]:checked + label {
 border: 1px solid #504d56;
 background: #504d56;
 content: url(https://image.s7.exacttarget.com/lib/fe901372726c027d74/m/1/1c7956c0-b5ba-4ff8-8b08-938e14a96f8e.png);
 width: 25px;
 height: 25px;
}

.mktoForm input[type="checkbox"]:focus + label {
 box-shadow: 0 0 10px #5b9dd9;
}

.mktoForm input[type="checkbox"] {
 width: 24px !important;
 height: 24px !important;
 vertical-align: middle;
 margin-right: 10px !important;
}

@media (max-width: 767px) {
 .banner-inner {
  height: 250px !important;
 }
 .checkbox-wrapper {
  text-align: center !important;
  display: inline-block;
 }
 #main {
  padding-top: 0 !important;
 }
 p.intro {
  font-size: 1em;
 }
}


/*Large mobile phones*/

@media(max-width:480px) {
 .fullWidthTable {
  width: 100%
 }
 .infoTable tr td {
  width: 100%;
  float: left;
  padding-bottom: 5px;
 }
 input[type="checkbox"] {
  position: relative !important;
  top: 0 !important;
 }
 label.error {
  margin-left: 0!important;
  padding-left: 0!important
 }
 .dob img {
  position: relative !important;
  left: 90%;
  top: -44px!important;
 }
 .mobhide {
  display: none!important;
 }
}


/*Medium mobile phones*/

@media(max-width:380px) {
 .dob img {
  left: 87%!important;
 }
}


/*Small mobile phones*/

@media(max-width:340px) {
 .dob img {
  left: 85%!important;
 }
}