﻿@media screen {
  .contour > form {
    display: flex;
    justify-content: center;
    transition: height 0.35s;
    transition-timing-function: ease-in-out; }
    .contour > form.submitted {
      height: 0;
      overflow: hidden; }
    .contour > form fieldset {
      margin: 0;
      padding: 0; }
    .contour > form .form__inner-wrapper {
      /*max-width: 37rem;*/
      width: 100%; }
      .contour > form .form__inner-wrapper .form__field-wrapper.input--active {
        margin: 0 0 1rem 0; }
      .contour > form .form__inner-wrapper .form__field-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0.8rem;
        position: relative;
        transition: margin 0.25s;
        transition-timing-function: ease-in-out; }
        .contour > form .form__inner-wrapper .form__field-wrapper.less-than-3 .radiobuttonlist {
          width: 60% !important; }
        .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper {
          width: 100%; } }
        @media only screen and (max-width: 500px) {
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist {
            display: block !important;
            width: 100% !important; } }

@media screen {
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist {
            display: flex;
            width: 100%; }
            .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist input[type="radio"] {
              visibility: hidden;
              position: absolute;
              left: -999999999rem; }
            .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist input[type="radio"]:checked + label {
              color: #fff;
              background-color: #007ead; }
            .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist label {
              color: #323438;
              background-color: #F0EFEE;
              text-align: center;
              padding: 1rem 0.5rem;
              margin-right: 1rem; }
              .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist label:last-of-type {
                margin-right: 0; }
              .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist label:hover {
                cursor: pointer;
                background-color: #007ead;
                color: #fff; }
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper span.help-text {
            padding: 0 1.25rem;
            font-size: 0.8rem;
            display: block;
            line-height: 1.3rem; }
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper span.help-text a {
            color: #00a3e0; }
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper span.help-text a:hover {
            text-decoration: underline; }
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .g-recaptcha {
            padding: 0 1.25rem; } }
        @media screen and (max-height: 575px) {
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .g-recaptcha {
            transform: scale(0.77);
            transform-origin: 0 0; } }
        @media screen and (max-height: 667px) {
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .g-recaptcha {
            transform: scale(0.95);
            transform-origin: 0 0; } }

@media screen {
        .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__50, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__40, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__60 {
          position: relative; }
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper select, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper input, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper textarea, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__50 select, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__50 input, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__50 textarea, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__40 select, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__40 input, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__40 textarea, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__60 select, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__60 input, .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__60 textarea {
            width: 100%;
            font-weight: 100; }
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper input[type="radio"], .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__50 input[type="radio"], .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__40 input[type="radio"], .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__60 input[type="radio"] {
            width: auto;
            margin-right: 0.8rem; }
        .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__20 {
          width: calc(20% - 0.5rem); } }
        @media screen and (max-width: 619px) {
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__20 {
            width: 100%;
            margin-bottom: .8rem; }
            .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__20.input--filled {
              margin-top: 1.5rem; } }

@media screen {
        .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__40 {
          width: calc(40% - 0.5rem); }
        .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__50 {
          width: calc(50% - 0.5rem); } }
        @media screen and (max-width: 374px) {
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__50 {
            width: 100%;
            margin-bottom: .8rem;
            margin-top: 1.5rem; } }

@media screen {
        .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__60 {
          width: calc(60% - 0.5rem); }
        .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__80 {
          width: calc(80% - 0.5rem); } }
        @media screen and (max-width: 619px) {
          .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__80 {
            width: 100%;
            margin-bottom: .8rem; }
            .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper__80.input--filled {
              margin-top: 1.5rem; } }

@media screen {
        .contour > form .form__inner-wrapper .form__field-wrapper label {
          width: 100%; }
        .contour > form .form__inner-wrapper .form__field-wrapper input {
          display: inline-block;
          flex: 1; }
        .contour > form .form__inner-wrapper .form__field-wrapper input, .contour > form .form__inner-wrapper .form__field-wrapper select, .contour > form .form__inner-wrapper .form__field-wrapper textarea {
          padding: 1rem;
          font-size: 1rem;
          background: #f0efee;
          border: 2px solid transparent;
          font-family: inherit; }
      .contour > form .form__inner-wrapper .form__field-wrapper.field-wrapper__button {
        margin: 0; }
      .contour > form .form__inner-wrapper .field-wrapper__button input[type=submit] {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.3rem;
        border: none;
        width: 100%; }
        .contour > form .form__inner-wrapper .field-wrapper__button input[type=submit].primary {
          width: 100%; }
        .contour > form .form__inner-wrapper .field-wrapper__button input[type=submit]:hover {
          cursor: pointer; }
      .contour > form .form__inner-wrapper .field__input:focus {
        outline: none; }
      .contour > form .form__inner-wrapper .field__label-content {
        position: relative;
        display: block;
        padding: 1.6em 0;
        width: 100%; }
      .contour > form .form__inner-wrapper .field__input {
        width: 100%;
        transition: background-color 0.25s, border-color 0.25s;
        letter-spacing: 0.1rem; }
      .contour > form .form__inner-wrapper .field__label {
        width: 100%;
        text-align: left;
        position: absolute;
        bottom: 100%;
        left: 0;
        pointer-events: none;
        overflow: hidden;
        padding: 0 1.25em;
        transform: translate3d(0, 3em, 0);
        transition: transform 0.25s; }
      .contour > form .form__inner-wrapper .perplexfileupload .field__label {
        position: relative;
        -ms-transform: none;
        transform: none;
        -webkit-transform: none;
        bottom: initial; }
      .contour > form .form__inner-wrapper .checkbox .field__label {
        position: relative;
        -ms-transform: none;
        transform: none;
        -webkit-transform: none;
        bottom: initial;
        width: initial; }
      .contour > form .form__inner-wrapper .checkbox .field__label + input {
        width: auto;
        width: initial;
        margin: 10px 0 10px 10px; }
      .contour > form .form__inner-wrapper .input--active .field__label {
        position: relative;
        bottom: 0; }
      .contour > form .form__inner-wrapper .field__label-content {
        padding: 0.25em 0;
        transition: transform 0.25s;
        transition-timing-function: ease-in-out; }
      .contour > form .form__inner-wrapper .field__label-content::after {
        content: attr(data-content);
        position: absolute;
        font-weight: 800;
        bottom: 100%;
        left: 0;
        width: 100%; }
      .contour > form .form__inner-wrapper .field__input:focus + .field__label,
      .contour > form .form__inner-wrapper .input--filled .field__label {
        transform: translate3d(0, 0, 0); }
      .contour > form .form__inner-wrapper .field__input:focus + .field__label .field__label-content,
      .contour > form .form__inner-wrapper .input--filled .field__label-content {
        transform: translate3d(0, 100%, 0); }
      .contour > form .form__inner-wrapper .field__input:focus + .field__input,
      .contour > form .form__inner-wrapper .input--filled .field__input,
      .contour > form .form__inner-wrapper .input--filled select,
      .contour > form .form__inner-wrapper .input--filled textarea {
        background-color: transparent;
        border-color: #cecece; }
      .contour > form .form__inner-wrapper input.parsley-success,
      .contour > form .form__inner-wrapper select.parsley-success,
      .contour > form .form__inner-wrapper textarea.parsley-success,
      .contour > form .form__inner-wrapper .parsley-success input,
      .contour > form .form__inner-wrapper .parsley-success select,
      .contour > form .form__inner-wrapper .parsley-success textarea {
        color: #468847;
        background-color: #DFF0D8 !important;
        border: 1px solid #D6E9C6; }
      .contour > form .form__inner-wrapper input.parsley-error,
      .contour > form .form__inner-wrapper select.parsley-error,
      .contour > form .form__inner-wrapper textarea.parsley-error,
      .contour > form .form__inner-wrapper .parsley-error input,
      .contour > form .form__inner-wrapper .parsley-error select,
      .contour > form .form__inner-wrapper .parsley-error textarea {
        color: #B94A48;
        background-color: #F2DEDE !important;
        border: 1px solid #EED3D7; }
      .contour > form .form__inner-wrapper .parsley-errors-list {
        margin: 2px 0 3px;
        padding: 0;
        list-style-type: none;
        font-size: 0.9em;
        line-height: 0.9em;
        opacity: 0;
        transition: all .3s ease-in;
        display: block;
        width: 100%; }
        .contour > form .form__inner-wrapper .parsley-errors-list li {
          padding: 0.3rem 1.25em;
          font-size: 0.8rem;
          color: #B94A48; }
      .contour > form .form__inner-wrapper .parsley-errors-list.filled {
        opacity: 1; }
      .contour > form .form__inner-wrapper .field-wrapper__ccnumber.input--filled input#txtCreditCardNumber {
        background-image: url(/images/Common/cc-validation.png);
        background-position: 10px -112px;
        background-size: 120px 359px;
        background-repeat: no-repeat;
        padding-left: 4.2rem; }
        .contour > form .form__inner-wrapper .field-wrapper__ccnumber.input--filled input#txtCreditCardNumber.mastercard {
          background-position: 10px -237px; }
        .contour > form .form__inner-wrapper .field-wrapper__ccnumber.input--filled input#txtCreditCardNumber.visa {
          background-position: 10px -154px; }
  .contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist input[type="radio"]:checked + label {
    background-color: #13ade6; }
  contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .radiobuttonlist label:hover {
    background-color: #007ead; }
  .contour > form .form__inner-wrapper .field-wrapper__button input[type=submit] {
    text-transform: none;
    background-position: calc(50% + 2.24em) 50.5%; }
  div#message {
    margin: 2rem 0;
    text-align: center;
    padding: 2rem 2rem;
    position: relative; }
    div#message h2, div#message h3, div#message p {
      text-align: center; }
  #loader {
    animation: animate 1.5s linear infinite;
    clip: rect(0, 80px, 80px, 40px);
    height: 80px;
    width: 80px;
    position: relative;
    left: calc(50% - 40px); }
    #loader:after {
      animation: animate2 1.5s ease-in-out infinite;
      clip: rect(0, 80px, 80px, 40px);
      content: '';
      border-radius: 50%;
      height: 80px;
      width: 80px;
      position: absolute;
      top: 0;
      left: 0; }
    #loader + h3 {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 7rem; }
  @keyframes animate {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(220deg); } }
  @keyframes animate2 {
    0% {
      box-shadow: inset #00a3e0 0 0 0 17px;
      transform: rotate(-140deg); }
    50% {
      box-shadow: inset #00a3e0 0 0 0 2px; }
    100% {
      box-shadow: inset #00a3e0 0 0 0 17px;
      transform: rotate(140deg); } }
  div.wrapper__meta a.digicert-seal {
    display: inline-block; }
    div.wrapper__meta a.digicert-seal img {
      border: none; }
  i.contourIndicator {
    color: #B94A48; }
  .ajaxsubmit {
    text-align: center;
    font-size: 1.5em;
    padding: 2em; } }

.contour.catsprize {
  background-color: white;
  padding: 1.5em;
  border-radius: .5em; }

/* overrides for checkbox list */
.contour > form .form__inner-wrapper .multiplechoice .field__label {
  bottom: 0;
  position: relative;
  transform: translate3d(0, 0, 0); }

.checkboxlist {
  display: block;
  padding: 0 20px; }

.contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .checkboxlist input,
.contour > form .form__inner-wrapper .form__field-wrapper .field-wrapper .checkboxlist label {
  width: auto; }
