@charset "UTF-8";
/* CSS Document */
* {box-sizing:border-box;}

/* Body */

body {
  color:#222;
  font-family: 'proxima-nova', sans-serif;
  font-weight:normal;
  font-size:18px;
  font-style:normal;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-weight:400;
  line-height:1.5em;
  margin:0;
  text-rendering:optimizelegibility;
}

.content.ngp-content {padding:10px;}

/* Header Stuff */
header.form-header {padding:20px 0 30px;}

header a.logo-container {
  display:block;
  line-height:0;
  margin:0 auto;
  max-width:250px;
  max-height: inherit;
  padding:10px;

  width:auto;
}

header a.logo-container img {line-height:0;}


/* Content Stuff */

main.main {padding:0 10px;}

main.main .container {
  background-color:#fff;
  border-radius:1px;
  margin:0 auto;
  max-width:700px;
  padding:20px 30px;
  width:100%;
}

body.wide main.main .container {max-width:900px;}

main.main .container .at.ngp-form {
  max-width:unset;
  width:100%;
}

.at.ngp-form section.at-inner {
  background:none;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:space-between;
}

.at.ngp-form header.at-title {
  font-size:1.5em;
  font-weight:700;
  line-height:1em;
  width:100%;
  font-family: 'proxima-nova', sans-serif;

}

main.main .FastAction .fastAction {padding:0 20px;}

.at.ngp-form fieldset.at-fieldset legend {
  font-size:1em;
  font-weight:700;
  line-height:1em;
  width:100%;
}

.at.ngp-form fieldset.at-fieldset.ContactInformation legend {display:none;}

main.main .at.ngp-form input,
main.main .at.ngp-form select,
main.main .at.ngp-form textarea {border-radius:0;}



/* Radio buttons and check boxes */

.at.ngp-form .AdditionalInformation .form-unit-radio > label,
.at.ngp-form .AdditionalInformation label.checkbox-list-label {
  font-size:16px;
  font-weight:700;
}

.at.ngp-form .AdditionalInformation .radios {padding:10px 0;}

.at.ngp-form .AdditionalInformation .radios > label {
  display:flex;
  font-size:16px;
  line-height:24px;
  margin:0 0 10px;
  padding:5px 0 5px 36px;
}

.at.ngp-form .AdditionalInformation .radios > label input[type="radio"] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border-radius:24px;
  cursor:pointer;
  display:block;
  height:24px;
  left:0;
  margin:0 10px 0 0;
  outline:none;
  position:absolute;
  width:24px;
}

.at.ngp-form .AdditionalInformation label.checkbox-list-label {margin-bottom:5px;}

.at.ngp-form label.at-check,
.at.ngp-form .UpdateMyProfile label {
  display:flex;
  font-size:16px;
  line-height:24px;
  margin-bottom:5px;
  padding:5px 0;
}

.at.ngp-form input[type="checkbox"] + span,
.at.ngp-form input[type="checkbox"] + span:before,
.at.ngp-form input[type="checkbox"] + span:after {
  display:block;
  line-height:24px;
  transition:none;
}

.at.ngp-form input[type="checkbox"] + span {
  margin:0;
  padding-left:32px;
}

.at.ngp-form fieldset.ContactInformation input[type="checkbox"] + span {font-size:12px;}

.at.ngp-form input[type="checkbox"] + span:before,
.at.ngp-form input[type="checkbox"] + span:after {
  height:24px;
  left:0;
  top:0;
  width:24px;
}

.at.ngp-form input[type="checkbox"] + span:before,
.at.ngp-form input[type="checkbox"]:hover + span:before {border-radius:0;}

.at.ngp-form input[type="checkbox"] + span:after {
  font-size:18px;
  text-align:center;
}

/* fix for ios check mark color issue! */
.at.ngp-form input[type="checkbox"]:checked + span:after {
  content:"\2714\fe0e";
  color:#fff;
}

.at {
  font-family: 'proxima-nova', sans-serif;
}

/*Inputs*/
    
    .input-style,
    input,
    textarea {
        display: block;
        -moz-transition: all 450ms cubic-bezier(.32, 1.25, .375, 1.15);
        transition: all 450ms cubic-bezier(.32, 1.25, .375, 1.15);
        color: #071013;
        background: rgba(255, 255, 255, .95);
        border: none!important;
        border-left: solid 2px #fff!important;
        font-family: proxima-nova, sans-serif;
        font-weight: 500;
        width: 100%;
        position: relative
    }
    
    
    .at input[type=checkbox]:checked+span:before {
        background-color: #EE2737 !important;
    }
    
    .at input[type=week],
    .at input[type=email],
    .at input[type=number],
    .at input[type=search],
    .at input[type=tel],
    .at input[type=time],
    .at input[type=url],
    .at input[type=color],
    .at input[type=text],
    .at input[type=password],
    .at input[type=date],
    .at input[type=datetime],
    .at input[type=datetime-local],
    .at input[type=month],
    .at textarea,
    .at select {
        -webkit-appearance: none;
        background-color: #f5f5f5!important;
        background-image: none;
        font-family: proxima-nova, sans-serif!important;
        border-style: solid;
        border-width: 1px;
        border-color: #EE2737!important;
        box-shadow: none;
        color: #071013!important;
        display: block;
        font-size: .875rem;
        line-height: 1;
        margin: 0 0 1rem;
        padding: .5rem;
        height: 2.3125rem;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0!important;
        transition: .4s!important
    }
    
    .at input[type=week]:hover,
    .at input[type=email]:hover,
    .at input[type=number]:hover,
    .at input[type=search]:hover,
    .at input[type=tel]:hover,
    .at input[type=time]:hover,
    .at input[type=url]:hover,
    .at input[type=color]:hover,
    .at input[type=text]:hover,
    .at input[type=password]:hover,
    .at input[type=date]:hover,
    .at input[type=datetime]:hover,
    .at input[type=datetime-local]:hover,
    .at input[type=month]:hover,
    .at textarea:hover {
        font-size: 1rem;
        border-width: 14px!important;
        border-color: #EE2737!important
    }
    
    .at input[type=week]:focus,
    .at input[type=email]:focus,
    .at input[type=number]:focus,
    .at input[type=search]:focus,
    .at input[type=tel]:focus,
    .at input[type=time]:focus,
    .at input[type=url]:focus,
    .at input[type=color]:focus,
    .at input[type=text]:focus,
    .at input[type=password]:focus,
    .at input[type=date]:focus,
    .at input[type=datetime]:focus,
    .at input[type=datetime-local]:focus,
    .at input[type=month]:focus,
    .at textarea:focus {
        font-size: 1rem;
        border-width: 14px!important;
        border-color: #EE2737!important
    }

/* Buttons */

.at.ngp-form .at-form-submit {
  display:flex;
  justify-content:center;
  padding:20px;
  margin-bottom: 5px;
}

.at.ngp-form .at-form-submit .at-submit {
  border-radius:4px;
  float:none;
  font-size:1.5em;
  font-weight:700;
  margin:unset;
  padding:10px 30px;
  transition: all 100ms ease-in-out;
  max-width: 200px;
}

.at.ngp-form .at-form-submit .at-submit:hover {box-shadow:0px 0px 0px 0px #40C1AC;}

.at.ngp-form footer.at-markup.FooterHtml {
  margin:0;
  padding:0;
  width:100%;
}




footer.form-footer {
  padding:20px 10px;
  text-align:center;
}

footer p.paid-for {
  border: 1px solid #fff;
  color:#fff;
  display:inline-block;
  font-size: 10px;
  letter-spacing: 0.05em;
  padding:10px 20px;
  text-align:center;
  text-transform:uppercase;
  font-family: Arial, sans-serif
}


@media (min-width:768px) {

  body.wide .at.ngp-form section.at-inner {flex-direction:row;}
  body.wide .at.ngp-form header.at-markup,
  body.wide .at.ngp-form form {width:calc(50% - 10px);}
  body.wide .at.ngp-form header.at-markup {padding-right:0;}

  footer.form-footer {padding-top:50px;}

}






/* Custom Fonts */

.at.ngp-form header.at-title,
.at.ngp-form fieldset.at-fieldset legend,
.at.ngp-form .at-form-submit .at-submit .at-fields {font-family: 'proxima-nova', sans-serif;}

.at.ngp-form .AdditionalInformation label.checkbox-list-label {
    margin-bottom: 5px;
    font-family: 'proxima-nova', sans-serif;
}

.at-fields {
    font-family: 'proxima-nova', sans-serif;
}

.at.ngp-form .at-form-submit .at-submit {
    background-color: #EE2737;
    font-family: 'proxima-nova', sans-serif;
}

/* Colors */

.at.ngp-form input[type="checkbox"] + span:before,
.at.ngp-form input[type="checkbox"]:hover + span:before,
.at.ngp-form .AdditionalInformation .radios > label input[type="radio"] {border:2px solid #EE2737 !important;}

.at.ngp-form input[type="checkbox"] + span:after,
.at.ngp-form .AdditionalInformation .radios > label input[type="radio"]:checked,
.at.ngp-form .at-form-submit .at-submit:hover {background-color:#EE2737; border: 2px solid #EE2737;}

.at.ngp-form .at-form-submit .at-submit {background-color:#EE2737;}