@charset "UTF-8";
/*========== VARIABLES =============*/
/*$szsblue-two: #5c7bf4;*/
:root {
  --em-per-pixels: calc(1em / 16);
  --rem-per-pixels: calc(1rem / 16);
  --wrapper-width-mobile: 40rem;
  --wrapper-width: 80rem;
  --wrapper-width-big: 100rem;
  --max-width-xl: 120rem;
  --max-width-l: 100rem;
  --max-width-m: 90rem;
  --max-width-s: 45rem;
  --max-width-xs: 40rem;
  --max-width-xxs: 30rem;
  --black: #484848;
  --black-rgb: 72, 72, 72;
  --darkgrey: #1c1c1f;
  --darkgrey-rgb: 28, 28, 31;
  --darkgrey-two: #1c1c1c;
  --darkgrey-two-rgb: 28, 28, 28;
  --grey: #969696;
  --grey-rgb: 150, 150, 150;
  --midgrey: #dbdbdb;
  --midgrey-rgb: 219, 219, 219;
  --lightgrey: #eaeaea;
  --lightgrey-rgb: 234, 234, 234;
  --softgrey: #f3f3f3;
  --softgrey-rgb: 243, 243, 243;
  --szsgrey: #9b9b9b;
  --szsgrey-rgb: 155, 155, 155;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --szsblue: #143173;
  --szsblue-rgb: 20, 49, 115;
  /*--szsblue-two: #5c7bf4;*/
  --szsblue-two: #21b15c;
  --szsblue-two-rgb: 33, 177, 92;
  --szsblue-three: #dfe6ff;
  --szsblue-three-rgb: 223, 230, 255;
  --szsblue-four: #81ade0;
  --szsblue-four-rgb: 129, 173, 224;
  --szsblue-soft: #eff5ff;
  --szsblue-soft-rgb: 239, 245, 255;
  --szsgreen: #21b15c;
  --szsgreen-rgb: 33, 177, 92;
  --red: #f14747;
  --red-rgb: 241, 71, 71;
  --color-bg: var(--szsblue);
  --color-bg-rgb: var(--szsblue-rgb);
  --color-txt: var(--black);
  --color-txt-rgb: var(--black-rgb);
  --cubic-bezier: cubic-bezier(0.03, 0.29, 0.19, 0.99);
  --main-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-shadow: 0 2px 8px rgba(var(--black-rgb), 0.25);
  --default-rotate: 45deg; }

#error-message-container {
  zoom: 1;
  clear: both; }
  #error-message-container:before, #error-message-container:after {
    content: "";
    display: table; }
  #error-message-container:after {
    clear: both; }

* .bgc {
  background-color: var(--color-bg); }

.bgc.color-one {
  --color-bg: var(--szsblue); }

.bgc.color-one-dark {
  --color-bg: var(--szsblue); }

.bgc.color-one-light {
  --color-bg: var(--szsblue-two); }

.bgc.accent-color {
  --color-bg: var(--szsblue-two); }

.bgc.black {
  --color-bg: var(--black); }

.bgc.darkgrey {
  --color-bg: var(--darkgrey); }

.bgc.grey {
  --color-bg: var(--grey); }

.bgc.lightgrey {
  --color-bg: var(--lightgrey); }

.bgc.softgrey {
  --color-bg: var(--softgrey); }

.bgc.white {
  --color-bg: var(--white); }

.bgc.color-two {
  --color-bg: var(--szsblue-two); }

.bgc.w-txt *,
.bgc.bgc.w-txt .section-header *,
.bgc.bgc.w-txt article *,
.bgc.bgc.w-txt article ul li > *:before,
.bgc.bgc.w-txt .abstract ul li > *:before {
  color: var(--white);
  border-color: var(--white); }

.img .caption * {
  color: var(--white); }

.bgc.w-txt .button,
.bgc.w-txt .button::after,
.bgc.w-txt button.min.txt span,
.bgc.w-txt .button.min.txt span {
  color: var(--white) !important;
  border-color: var(--white) !important; }

#main .bgc.color-one-light * {
  color: var(--szsblue); }

.bgc.color-one .button:hover * {
  color: var(--szsblue) !important; }

.bgc.color-one-dark .button:hover * {
  color: var(--szsblue-two); }

#main .bgc.color-one-light * {
  color: var(--szsblue); }

.bgc.color-one-light .button:hover * {
  color: var(--szsblue-sof); }

.bgc.accent-color .button:hover * {
  color: var(--szsblue-two) !important; }

.bgc.black .button:hover * {
  color: var(--black) !important; }

.bgc.darkgrey .button:hover * {
  color: var(--darkgrey) !important; }

.bgc.grey .button:hover * {
  color: var(--grey) !important; }

.bgc.lightgrey .button:hover * {
  color: var(--lightgrey) !important; }

.bgc.softgrey .button:hover * {
  color: var(--softgrey) !important; }

.bgc.white .button:hover * {
  color: var(--white) !important; }

.bgc .button:hover {
  background-color: var(--white) !important; }

.bgc a::after {
  background-color: var(--white); }

/*=======================================================
						            FONTS
=======================================================*/
@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot");
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium';
  src: url("../fonts/roboto/Roboto-Medium-webfont.eot");
  src: url("../fonts/roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotobold';
  src: url("../fonts/roboto/Roboto-Bold-webfont.eot");
  src: url("../fonts/roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoslabregular';
  src: url("../fonts/roboto/RobotoSlab-Regular.eot");
  src: url("../fonts/roboto/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoSlab-Regular.woff") format("woff"), url("../fonts/roboto/RobotoSlab-Regular.ttf") format("truetype"), url("../fonts/roboto/RobotoSlab-Regular.svg#robotoslabregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoslabbold';
  src: url("../fonts/roboto/RobotoSlab-Bold.eot");
  src: url("../fonts/roboto/RobotoSlab-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoSlab-Bold.woff") format("woff"), url("../fonts/roboto/RobotoSlab-Bold.ttf") format("truetype"), url("../fonts/roboto/RobotoSlab-Bold.svg#1e7d30aef2cafa73684937c25b057e0e") format("svg");
  font-style: normal;
  font-weight: normal; }

h1, h2, h3,
h4, h5, h6 {
  font-family: robotoregular; }

h1 strong, h2 strong, h3 strong,
h4 strong, h5 strong, h6 strong {
  font-family: robotobold; }

h1, h2, h3 {
  margin-bottom: 30px;
  color: #143173; }

h1, h2 {
  font-size: 2.25rem;
  line-height: 1.25em; }

h3,
article h2 {
  font-size: 1.75rem;
  line-height: 1.25em; }

h4, h5, h6,
article h2,
article h3 {
  margin-bottom: 20px;
  color: #143173; }

h4, h5, h6,
article h3,
.title,
.pageteaser.boards header h3,
.pageteaser.cards header h3 {
  font-size: 1.375rem;
  line-height: 1.25em; }

#main .herotext {
  font-size: 1.375rem !important;
  line-height: 1.25em !important; }

@media only screen and (min-width: 1600px) {
  h1, h2 {
    font-size: 2.625rem;
    line-height: 1.25em; }
  h3,
  article h2 {
    font-size: 1.75rem;
    line-height: 1.25em; }
  h4, h5, h6,
  article h3,
  .title,
  .pageteaser.boards header h3,
  .pageteaser.cards header h3 {
    font-size: 1.375rem;
    line-height: 1.25em; }
  #main .herotext {
    font-size: 1.375rem !important;
    line-height: 1.25em !important; } }

h4 q {
  font-size: inherit; }

p, .article-wrapper ol, .article-wrapper ul {
  margin-bottom: 15px;
  font-family: robotoregular;
  font-size: 1em;
  line-height: 1.625em;
  letter-spacing: 0.02em; }

p b, p strong {
  font-family: robotobold; }

cite * {
  color: #21b15c !important; }

cite {
  color: #21b15c !important; }

ul li * {
  margin-bottom: 0; }

ul li strong *,
ul li strong {
  font-family: robotobold; }

.cd-section ul li * {
  color: #fff; }

a {
  text-decoration: none;
  color: #21b15c;
  border-bottom: 1px solid #21b15c; }

blockquote {
  padding-left: 20px;
  margin-bottom: 20px;
  border-left: 5px solid #21b15c; }

q, blockquote, blockquote * {
  font-family: robotoslabregular, Georgia, Times, 'Times New Roman', serif;
  letter-spacing: 0; }

blockquote * {
  margin-bottom: 0;
  color: #21b15c; }

strong q, strong blockquote, q strong, blockquote strong {
  font-family: robotoslabbold; }

q {
  color: #21b15c; }

em {
  font-style: italic; }

small {
  line-height: 0;
  margin: 0; }

@media only screen and (max-width: 540px) {
  h1, h2 {
    font-size: 1.75rem;
    line-height: 1.25em;
    hyphens: auto; }
  h3,
  article h2 {
    font-size: 1.5rem;
    line-height: 1.25em;
    hyphens: auto; }
  h4, h5, h6,
  article h3,
  .title,
  .pageteaser.boards header h3,
  .pageteaser.cards header h3 {
    font-size: 1.25rem;
    line-height: 1.125em; }
  #main .herotext {
    font-size: 1.25rem !important;
    line-height: 1.125em !important; } }

/**
 * FormBuilder Basic Framework
 *
 * This SCSS file is meant to be a starting point for your own form styling 
 * 
 */
.FormBuilder,
.FormBuilder input,
.FormBuilder textarea,
.FormBuilder select,
.FormBuilder button,
.FormBuilder .ui-widget {
  box-sizing: border-box;
  font-family: var(--main-font);
  font-size: 1rem;
  line-height: 1.5em;
  color: var(--szsblue-two); }

.FormBuilder .alert {
  padding: 10px 15px; }

.FormBuilder .alert-error {
  background: red;
  color: #fff; }

.FormBuilder .alert-success {
  background: var(--szsblue-two);
  color: #fff; }

.FormBuilder.InputfieldForm {
  padding: 1px;
  margin: 1em 0; }
  .FormBuilder.InputfieldForm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="range"]),
  .FormBuilder.InputfieldForm select:not([multiple]) {
    position: relative;
    width: 100%;
    padding: 20px;
    font-size: 1rem;
    font-family: var(--main-font);
    color: var(--szsblue-two);
    border: 1px solid #21b15c;
    background-color: transparent;
    border-radius: 0;
    transition: all 350ms ease-in-out; }
    .FormBuilder.InputfieldForm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="range"]):focus,
    .FormBuilder.InputfieldForm select:not([multiple]):focus {
      background: var(--szsblue-two); }
  .FormBuilder.InputfieldForm select[multiple],
  .FormBuilder.InputfieldForm textarea {
    padding: 20px;
    border: 1px solid var(--szsblue-two);
    background: transparent; }
    .FormBuilder.InputfieldForm select[multiple]:focus,
    .FormBuilder.InputfieldForm textarea:focus {
      background: var(--szsblue-two); }
  .FormBuilder.InputfieldForm select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 100% 50%; }
    .FormBuilder.InputfieldForm select:not([multiple]):not([size])::-ms-expand {
      display: none; }
    .FormBuilder.InputfieldForm select:not([multiple]):not([size]) option {
      color: #444; }
  .FormBuilder.InputfieldForm input[type="file"] {
    line-height: 1; }
  .FormBuilder.InputfieldForm button {
    padding: 20px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    border-radius: 4px; }
    .FormBuilder.InputfieldForm button:hover {
      cursor: pointer;
      background: rgba(0, 0, 0, 0); }
  .FormBuilder.InputfieldForm .input-error {
    color: red;
    font-size: smaller; }
  .FormBuilder.InputfieldForm .Inputfield {
    margin-bottom: 2em; }
    .FormBuilder.InputfieldForm .Inputfield .InputfieldHeader {
      display: block;
      font-weight: 400;
      padding-bottom: 0.25em; }
  .FormBuilder.InputfieldForm .notes,
  .FormBuilder.InputfieldForm .description {
    margin-bottom: 0.5em;
    margin-top: 0;
    opacity: 0.6; }
  .FormBuilder.InputfieldForm .notes {
    font-size: smaller; }
  .FormBuilder.InputfieldForm fieldset.InputfieldFieldset {
    padding: 25px;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid var(--szsblue-two); }
    .FormBuilder.InputfieldForm fieldset.InputfieldFieldset legend {
      font-weight: 400;
      font-size: larger; }
    .FormBuilder.InputfieldForm fieldset.InputfieldFieldset > legend + .InputfieldContent {
      margin-top: 1em; }
    .FormBuilder.InputfieldForm fieldset.InputfieldFieldset > .InputfieldContent > .description {
      margin: 1em 0; }
  .FormBuilder.InputfieldForm .InputfieldFormBuilderFile {
    padding: 25px;
    padding-bottom: 12.5px;
    border: 1px solid var(--szsblue-two);
    background: transparent; }
  .FormBuilder.InputfieldForm .InputfieldFormBuilderForm {
    margin-bottom: 0; }
    .FormBuilder.InputfieldForm .InputfieldFormBuilderForm > .InputfieldHeader:not(.InputfieldHeaderHidden) {
      margin-bottom: 10px; }
      .FormBuilder.InputfieldForm .InputfieldFormBuilderForm > .InputfieldHeader:not(.InputfieldHeaderHidden) + .InputfieldContent label.InputfieldHeader {
        font-weight: normal; }
  .FormBuilder.InputfieldForm fieldset.InputfieldFormBuilderForm {
    padding-top: 20px;
    margin: 20px 0;
    border-color: #eee;
    border-size: 1px; }
    .FormBuilder.InputfieldForm fieldset.InputfieldFormBuilderForm legend {
      color: #777;
      font-weight: bold;
      text-transform: uppercase;
      padding: 0 5px; }
  .FormBuilder.InputfieldForm .InputfieldFormBuilderForm + .InputfieldFormBuilderForm {
    padding-top: 20px; }
  .FormBuilder.InputfieldForm .InputfieldFormBuilderPageBreak {
    margin-bottom: 20px; }
  .FormBuilder.InputfieldForm .InputfieldCheckbox > .InputfieldContent,
  .FormBuilder.InputfieldForm .InputfieldCheckboxes > .InputfieldContent,
  .FormBuilder.InputfieldForm .InputfieldRadios > .InputfieldContent {
    padding-top: 5px; }
  .FormBuilder.InputfieldForm .InputfieldCheckbox .pw-no-select,
  .FormBuilder.InputfieldForm .InputfieldCheckboxes .pw-no-select,
  .FormBuilder.InputfieldForm .InputfieldRadios .pw-no-select {
    position: relative;
    top: 0; }
  .FormBuilder.InputfieldForm .InputfieldToggle .InputfieldToggleGroup label {
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle; }
  .FormBuilder.InputfieldForm .InputfieldStateRequired > .InputfieldHeader:first-child:after {
    color: var(--szsblue-two);
    content: "*"; }
  .FormBuilder.InputfieldForm #wrap_Inputfield- {
    display: none; }
  .FormBuilder.InputfieldForm .InputfieldSubmit button {
    font-weight: bold; }
    .FormBuilder.InputfieldForm .InputfieldSubmit button:hover {
      opacity: 0.9; }
  .FormBuilder.InputfieldForm .InputfieldColumnWidth > .InputfieldHeaderHidden::before {
    display: block;
    content: "\00a0 "; }

.Inputfields > .Inputfield > .InputfieldContent:before,
.Inputfields > .Inputfield > .InputfieldContent:after,
.InputfieldForm:after,
.pw-clearfix:before,
.pw-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.Inputfields > .Inputfield > .InputfieldContent:after,
.InputfieldForm:after,
.pw-clearfix:after {
  clear: both; }

.pw-clearfix {
  min-height: 0; }

/* ========== CUSTOM STYLES ========== */
#content,
.pw-container,
.FormBuilder {
  float: left;
  width: 100%;
  display: block; }

form {
  float: left;
  width: 100%;
  margin: -10px 0 0 0; }

form .Inputfield {
  position: relative;
  float: left;
  width: 50%;
  padding: 20px 1% 0 1%;
  display: block; }

form .Inputfields .Inputfield:first-child {
  margin-top: 0; }

form .Inputfield:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  display: block;
  background-color: #21b15c;
  transition: all 350ms ease-in-out; }

form .InputfieldSubmit:before {
  content: none; }

form .Inputfield:hover:before {
  width: 100%; }

form .Inputfield_title:before {
  content: none; }

form .InputfieldContent {
  float: left;
  width: 100%;
  display: block; }

form label,
form input,
form textarea {
  float: left;
  display: block;
  background-color: transparent;
  border: none;
  outline: none;
  overflow: hidden; }

form input,
form textarea {
  position: relative;
  width: 100%;
  padding: 20px;
  font: 1.125rem / 1.75em robotoregular;
  letter-spacing: 0.08em;
  color: var(--szsblue-two);
  border: 1px solid #21b15c;
  background-color: transparent;
  border-radius: 0;
  transition: all 350ms ease-in-out; }

form input:focus,
form textarea:focus {
  color: #fff !important;
  background-color: #21b15c; }

form label {
  width: 100%;
  line-height: 1.5em;
  color: #21b15c;
  display: block;
  overflow: hidden; }

form input {
  height: 60px; }

form .InputfieldTextarea {
  width: 100%;
  padding: 20px 1% 0 1%;
  display: block; }

form #wrap_message label {
  border-bottom: 0;
  line-height: 30px; }

form textarea {
  overflow: auto; }

.FormBuilder.InputfieldForm .InputfieldSubmit button {
  position: relative;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-family: var(--main-font);
  font-size: 1rem;
  line-height: 54px;
  letter-spacing: 0.04em;
  color: #21b15c;
  font-weight: 400;
  text-transform: uppercase;
  border: 4px solid #21b15c;
  border-radius: unset;
  background-color: transparent;
  border-radius: 0;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  transition: all 350ms ease-in-out; }

form .InputfieldSubmit button::before {
  content: none; }

.InputfieldSubmit .InputfieldContent {
  float: left;
  width: 100%;
  display: block; }

.InputfieldSubmit .InputfieldContent::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: block;
  background-color: var(--szsblue-two);
  transition: all 350ms ease-in-out; }

.InputfieldSubmit .InputfieldContent:hover::before {
  width: 100%; }

.InputfieldSubmit .InputfieldContent:hover button {
  color: #fff; }

.InputfieldRadios {
  width: 100%;
  padding-top: 10px;
  margin-bottom: -10px; }

.InputfieldRadios:hover:before {
  content: none; }

.InputfieldRadios ul,
.InputfieldRadios li,
.InputfieldRadios .InputfieldContent {
  float: left;
  width: auto;
  display: block; }

form .InputfieldRadios ul {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  row-gap: 20px;
  column-gap: 20px; }

form .InputfieldRadios ul::before,
form .InputfieldRadios ul::after {
  content: none; }

.Inputfields .InputfieldRadiosColumns li {
  padding: 0 !important; }

.InputfieldRadios ul li label {
  width: auto;
  height: 50px;
  margin-right: 20px;
  display: inline-block;
  font-size: 1rem;
  font-family: var(--main-font);
  line-height: 1.5em;
  color: #21b15c;
  overflow: visible;
  border: none;
  display: flex !important;
  flex-flow: row wrap;
  column-gap: 5px;
  row-gap: 10px;
  align-items: center;
  justify-items: center; }

.InputfieldRadios {
  width: 100%;
  margin: 0 auto;
  display: block; }

.Inputfields .InputfieldRadiosColumns li {
  float: left;
  width: auto !important;
  display: block; }

.InputfieldForm input[type="radio"] {
  top: 0 !important;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0 10px 0 0;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  appearance: none; }

.InputfieldForm .InputfieldRadios input:active,
.InputfieldForm .InputfieldRadios input:checked {
  background-color: #21b15c; }

.InputfieldForm .InputfieldRadios input:before {
  content: none; }

#set-privacy li.Inputfield {
  width: 100%; }

#set-privacy:before,
#set-privacy .Inputfield:before {
  content: none !important; }

#set-privacy *,
#set-privacy .InputfieldContent {
  background-color: transparent; }

#set-privacy .Inputfields {
  position: relative; }

.InputfieldCheckbox,
.InputfieldCheckbox input {
  padding: 0;
  display: inline-block; }

.InputfieldCheckbox {
  position: relative;
  float: left;
  width: 100%;
  min-height: 44px; }

.InputfieldCheckbox .InputfieldContent {
  display: flex !important;
  flex-flow: row wrap;
  column-gap: 10px;
  padding-top: 10px; }

.InputfieldCheckbox .InputfieldContent::before,
.InputfieldCheckbox .InputfieldContent::after {
  content: none !important; }

.InputfieldCheckbox .InputfieldContent label {
  display: flex !important;
  flex-flow: row wrap;
  column-gap: 10px;
  row-gap: 10px;
  align-items: center;
  justify-items: center; }

.InputfieldCheckbox input {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  display: inline-block;
  border: 1px solid #21b15c;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer; }

form .InputfieldCheckbox input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font: 20px/30px superduperfont;
  text-align: center;
  color: #21b15c; }

form .InputfieldCheckbox input:focus:after {
  color: #fff; }

form .InputfieldCheckbox input:before {
  content: none !important; }

form .InputfieldCheckbox input:checked:after {
  content: "✔"; }

.InputfieldCheckbox span.pw-no-select {
  padding: 0; }

#main .InputfieldContent .description,
#main .InputfieldContent .notes {
  float: left;
  width: 100%;
  display: block; }

#main .InputfieldContent .description {
  margin-bottom: 10px; }

#main .InputfieldContent .notes {
  margin-top: 10px; }

#error-message-container {
  float: left;
  width: 100%;
  display: block; }

p.alert,
p.alert.alert-success.success {
  /*position: fixed; z-index: 20;*/
  /*top: 50%; left: 50%;*/
  /*width: 90%; max-width: 720px;*/
  width: 100%;
  padding: 30px 15px;
  margin: 0;
  width: 100%;
  display: block;
  background-color: #143173;
  transition: all 350ms cubic-bezier(0.03, 0.29, 0.19, 0.99); }

p.alert {
  font-size: 5vh;
  line-height: 5.5vh;
  color: #fff;
  text-align: center; }

.FormBuilder.InputfieldForm .notes {
  float: left;
  display: block; }

.InputfieldForm input[type="radio"],
.InputfieldForm input[type="checkbox"] {
  transform: unset;
  position: relative;
  top: 0; }

.InputfieldForm .Inputfield:last-child {
  margin-bottom: 0 !important; }

.Inputfield_privacy::before {
  content: none !important; }

@media only screen and (max-width: 960px) {
  form .Inputfield {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 670px) {
  form #privacy-txt {
    margin: 0 0 20px 0; } }