.pxl-c1-xlight {
  background-color: #a7eff1; }

.pxl-text-c1-xlight {
  color: #a7eff1; }

.pxl-c1-light {
  background-color: #72e5e9; }

.pxl-text-c1-light {
  color: #72e5e9; }

.pxl-c1 {
  background-color: #22d6dd; }

.pxl-text-c1 {
  color: #22d6dd; }

.pxl-c1-dark {
  background-color: #18969b; }

.pxl-text-c1-dark {
  color: #18969b; }

.pxl-c1-xdark {
  background-color: #0e5658; }

.pxl-text-c1-xdark {
  color: #0e5658; }

.pxl-c2-xlight {
  background-color: #68fffa; }

.pxl-text-c2-xlight {
  color: #68fffa; }

.pxl-c2-light {
  background-color: #00e7df; }

.pxl-text-c2-light {
  color: #00e7df; }

.pxl-c2 {
  background-color: #00aaa4; }

.pxl-text-c2 {
  color: #00aaa4; }

.pxl-c2-dark {
  background-color: #00817d; }

.pxl-text-c2-dark {
  color: #00817d; }

.pxl-c2-xdark {
  background-color: #004e4b; }

.pxl-text-c2-xdark {
  color: #004e4b; }

.pxl-c3-xlight {
  background-color: #a2e1fc; }

.pxl-text-c3-xlight {
  color: #a2e1fc; }

.pxl-c3-light {
  background-color: #71d2fa; }

.pxl-text-c3-light {
  color: #71d2fa; }

.pxl-c3 {
  background-color: #0fb2f6; }

.pxl-text-c3 {
  color: #0fb2f6; }

.pxl-c3-dark {
  background-color: #0891ca; }

.pxl-text-c3-dark {
  color: #0891ca; }

.pxl-c3-xdark {
  background-color: #05678f; }

.pxl-text-c3-xdark {
  color: #05678f; }

.pxl-c4-xlight {
  background-color: #84abe1; }

.pxl-text-c4-xlight {
  color: #84abe1; }

.pxl-c4-light {
  background-color: #5389d5; }

.pxl-text-c4-light {
  color: #5389d5; }

.pxl-c4 {
  background-color: #2d67b9; }

.pxl-text-c4 {
  color: #2d67b9; }

.pxl-c4-dark {
  background-color: #235090; }

.pxl-text-c4-dark {
  color: #235090; }

.pxl-c4-xdark {
  background-color: #193967; }

.pxl-text-c4-xdark {
  color: #193967; }

.pxl-c5-xlight {
  background-color: #b494d3; }

.pxl-text-c5-xlight {
  color: #b494d3; }

.pxl-c5-light {
  background-color: #9a70c4; }

.pxl-text-c5-light {
  color: #9a70c4; }

.pxl-c5 {
  background-color: #7e4ab2; }

.pxl-text-c5 {
  color: #7e4ab2; }

.pxl-c5-dark {
  background-color: #5a3580; }

.pxl-text-c5-dark {
  color: #5a3580; }

.pxl-c5-xdark {
  background-color: #41265c; }

.pxl-text-c5-xdark {
  color: #41265c; }

.pxl-c6-xlight {
  background-color: #cae597; }

.pxl-text-c6-xlight {
  color: #cae597; }

.pxl-c6-light {
  background-color: #b5db6f; }

.pxl-text-c6-light {
  color: #b5db6f; }

.pxl-c6 {
  background-color: #a6d452; }

.pxl-text-c6 {
  color: #a6d452; }

.pxl-c6-dark {
  background-color: #86b62d; }

.pxl-text-c6-dark {
  color: #86b62d; }

.pxl-c6-xdark {
  background-color: #59791e; }

.pxl-text-c6-xdark {
  color: #59791e; }

.pxl-c7-xlight {
  background-color: #f7d4a3; }

.pxl-text-c7-xlight {
  color: #f7d4a3; }

.pxl-c7-light {
  background-color: #f3be74; }

.pxl-text-c7-light {
  color: #f3be74; }

.pxl-c7 {
  background-color: #f0ad4e; }

.pxl-text-c7 {
  color: #f0ad4e; }

.pxl-c7-dark {
  background-color: #d58512; }

.pxl-text-c7-dark {
  color: #d58512; }

.pxl-c7-xdark {
  background-color: #8f590c; }

.pxl-text-c7-xdark {
  color: #8f590c; }

.pxl-c8-xlight {
  background-color: #f8a66e; }

.pxl-text-c8-xlight {
  color: #f8a66e; }

.pxl-c8-light {
  background-color: #f6883e; }

.pxl-text-c8-light {
  color: #f6883e; }

.pxl-c8 {
  background-color: #e1610b; }

.pxl-text-c8 {
  color: #e1610b; }

.pxl-c8-dark {
  background-color: #ac4a08; }

.pxl-text-c8-dark {
  color: #ac4a08; }

.pxl-c8-xdark {
  background-color: #7b3506; }

.pxl-text-c8-xdark {
  color: #7b3506; }

.pxl-c9-xlight {
  background-color: #a7d8a7; }

.pxl-text-c9-xlight {
  color: #a7d8a7; }

.pxl-c9-light {
  background-color: #83c983; }

.pxl-text-c9-light {
  color: #83c983; }

.pxl-c9 {
  background-color: #5cb85c; }

.pxl-text-c9 {
  color: #5cb85c; }

.pxl-c9-dark {
  background-color: #367d36; }

.pxl-text-c9-dark {
  color: #367d36; }

.pxl-c9-xdark {
  background-color: #1f471f; }

.pxl-text-c9-xdark {
  color: #1f471f; }

.pxl-c10-xlight {
  background-color: #e0858a; }

.pxl-text-c10-xlight {
  color: #e0858a; }

.pxl-c10-light {
  background-color: #d0484f; }

.pxl-text-c10-light {
  color: #d0484f; }

.pxl-c10 {
  background-color: #c33239; }

.pxl-text-c10 {
  color: #c33239; }

.pxl-c10-dark {
  background-color: #96272c; }

.pxl-text-c10-dark {
  color: #96272c; }

.pxl-c10-xdark {
  background-color: #7a1f24; }

.pxl-text-c10-xdark {
  color: #7a1f24; }

.pxl-c11-1 {
  background-color: #f5f5f5; }

.pxl-text-c11-1 {
  color: #f5f5f5; }

.pxl-c11-2 {
  background-color: #e6e6e6; }

.pxl-text-c11-2 {
  color: #e6e6e6; }

.pxl-c11-3 {
  background-color: #cecece; }

.pxl-text-c11-3 {
  color: #cecece; }

.pxl-c11-4 {
  background-color: #c0c0bf; }

.pxl-text-c11-4 {
  color: #c0c0bf; }

.pxl-c11-5 {
  background-color: #a6a6a5; }

.pxl-text-c11-5 {
  color: #a6a6a5; }

.pxl-c11-6 {
  background-color: #80807f; }

.pxl-text-c11-6 {
  color: #80807f; }

.pxl-c11-7 {
  background-color: #676766; }

.pxl-text-c11-7 {
  color: #676766; }

.pxl-c11-8 {
  background-color: #4d4d4c; }

.pxl-text-c11-8 {
  color: #4d4d4c; }

.pxl-c11-9 {
  background-color: #333333; }

.pxl-text-c11-9 {
  color: #333333; }

.pxl-c11-10 {
  background-color: #1a1a19; }

.pxl-text-c11-10 {
  color: #1a1a19; }

.pxl-cf-1 {
  background-color: #47154b; }

.pxl-text-cf-1 {
  color: #47154b; }

.pxl-cf-2 {
  background-color: #652854; }

.pxl-text-cf-2 {
  color: #652854; }

.pxl-cf-3 {
  background-color: #8b355b; }

.pxl-text-cf-3 {
  color: #8b355b; }

.pxl-cf-4 {
  background-color: #a83a55; }

.pxl-text-cf-4 {
  color: #a83a55; }

.pxl-cf-5 {
  background-color: #cd4963; }

.pxl-text-cf-5 {
  color: #cd4963; }

.pxl-cf-6 {
  background-color: #f65555; }

.pxl-text-cf-6 {
  color: #f65555; }

.pxl-cf-7 {
  background-color: #f76e54; }

.pxl-text-cf-7 {
  color: #f76e54; }

.pxl-cf-8 {
  background-color: #f7a154; }

.pxl-text-cf-8 {
  color: #f7a154; }

.pxl-cf-9 {
  background-color: #fed9a3; }

.pxl-text-cf-9 {
  color: #fed9a3; }

.pxl-cf-10 {
  background-color: #feeec5; }

.pxl-text-cf-10 {
  color: #feeec5; }

.pxl-cf-11 {
  background-color: #625d6a; }

.pxl-text-cf-11 {
  color: #625d6a; }

.pxl-cf-12 {
  background-color: #302c2c; }

.pxl-text-cf-12 {
  color: #302c2c; }

.pxl-cf-13 {
  background-color: #000; }

.pxl-text-cf-13 {
  color: #000; }

.pxl-cf-14 {
  background-color: #d177c9; }

.pxl-text-cf-14 {
  color: #d177c9; }

.pxl-cf-15 {
  background-color: #f6f7f8; }

.pxl-text-cf-15 {
  color: #f6f7f8; }

.pxl-gradient-1 {
  background: #47154b;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-45deg, #47154b, #f65555);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-45deg, #47154b, #f65555);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-45deg, #47154b, #f65555);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-45deg, #47154b, #f65555);
  /* Standard syntax */ }

.pxl-gradient-2 {
  background: #8b355b;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-45deg, #8b355b, #f65555);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-45deg, #8b355b, #f65555);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-45deg, #8b355b, #f65555);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-45deg, #8b355b, #f65555);
  /* Standard syntax */ }

.pxl-gradient-3 {
  background: #f65555;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-45deg, #f65555, #fed9a3);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-45deg, #f65555, #fed9a3);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-45deg, #f65555, #fed9a3);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-45deg, #f65555, #fed9a3);
  /* Standard syntax */ }

.pxl-gradient-4 {
  background: #f7a154;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-45deg, #f7a154, #feeec5);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-45deg, #f7a154, #feeec5);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-45deg, #f7a154, #feeec5);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-45deg, #f7a154, #feeec5);
  /* Standard syntax */ }

.pxl-form-control {
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 4px;
  color: #333333;
  display: block;
  font-size: 16px;
  height: 36px;
  padding: 6px 12px;
  width: 100%; }
  .pxl-form-control:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }

.pxl-has-error .pxl-form-control {
  border: 1px solid #c33239; }

.pxl-error-message {
  color: #ac4a08; }

.react-autosuggest__suggestions-container {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 99; }

.react-autosuggest__suggestions-list {
  border: 1px solid #c0c0bf;
  border-radius: 4px;
  background-color: #fff;
  list-style-type: none;
  padding: 0;
  margin: 0; }

.react-autosuggest__suggestion {
  padding: 5px 20px;
  cursor: pointer; }

.react-autosuggest__suggestion--highlighted {
  background-color: #f5f5f5; }

.survey-start * {
  box-sizing: border-box; }

.survey-start label {
  font-weight: 700; }

.survey-start a {
  color: #0fb2f6; }
  .survey-start a:hover {
    color: #0891ca;
    text-decoration: underline; }

.survey-start input[type='submit'], .survey-start a {
  cursor: pointer; }

.survey-start .country {
  margin: 5px 0 0 0; }

.survey-start .hidden {
  display: none; }

.survey-start .btn-c3, .survey-start .btn-c8, .survey-start .btn-c7 {
  display: inline-block;
  padding: 5px 12px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #c0c0bf;
  color: #333333;
  margin: 0;
  line-height: 1.5;
  cursor: pointer;
  white-space: pre-wrap;
  text-align: center;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
  text-decoration: none;
  width: 100%; }
  .survey-start .btn-c3:hover, .survey-start .btn-c8:hover, .survey-start .btn-c7:hover {
    text-decoration: none; }

.survey-start .btn-c3 {
  color: #fff;
  background-color: #0fb2f6;
  border: 1px solid #0891ca; }
  .survey-start .btn-c3:hover, .survey-start .btn-c3.active, .survey-start .btn-c3:active {
    background-color: #0891ca;
    color: #fff; }
  .survey-start .btn-c3:disabled, .survey-start .btn-c3.disabled, .survey-start .btn-c3.disabled:hover {
    background-color: #0fb2f6;
    color: #fff;
    box-shadow: none;
    border: 1px solid #0fb2f6; }

.survey-start .btn-c7 {
  color: #fff;
  background-color: #f0ad4e;
  border: 1px solid #d58512; }
  .survey-start .btn-c7:hover, .survey-start .btn-c7.active, .survey-start .btn-c7:active {
    background-color: #d58512;
    color: #fff; }
  .survey-start .btn-c7:disabled, .survey-start .btn-c7.disabled, .survey-start .btn-c7.disabled:hover {
    background-color: #f0ad4e;
    color: #fff;
    box-shadow: none;
    border: 1px solid #f0ad4e; }

.survey-start .btn-c8 {
  color: #fff;
  background-color: #e1610b;
  border: 1px solid #ac4a08; }
  .survey-start .btn-c8:hover, .survey-start .btn-c8.active, .survey-start .btn-c8:active {
    background-color: #ac4a08;
    color: #fff; }
  .survey-start .btn-c8:disabled, .survey-start .btn-c8.disabled, .survey-start .btn-c8.disabled:hover {
    background-color: #e1610b;
    color: #fff;
    box-shadow: none;
    border: 1px solid #e1610b; }

.footer-survey-start__form {
  width: 65%;
  display: flex;
  flex-direction: column; }

.footer-survey-start {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 10px solid #fed9a3;
  background: linear-gradient(-45deg, #8b355b, #f65555); }
  .footer-survey-start label {
    color: #fff;
    font-family: Roboto; }
  .footer-survey-start a {
    color: #fff; }
  .footer-survey-start .survey-start-header {
    font-size: 28px;
    margin-bottom: 10px; }
    .footer-survey-start .survey-start-header label {
      font-weight: 700; }
  .footer-survey-start .survey-start-subheader {
    margin-bottom: 30px;
    font-size: 16px; }
    .footer-survey-start .survey-start-subheader label {
      font-weight: 400; }
  .footer-survey-start .form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px; }
  .footer-survey-start .form-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%; }
  .footer-survey-start .pxl-control-label {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400; }
  .footer-survey-start .location-form-group .country .survey-start-country {
    color: #fff; }
  .footer-survey-start .btn-c3.consumer-survey-start {
    transition: all 0.3s ease;
    background-color: #fed9a3;
    border: 1px solid #fed9a3;
    color: #652854;
    font-weight: 700;
    font-size: 14px; }
    .footer-survey-start .btn-c3.consumer-survey-start:hover {
      background-color: #652854;
      border: 1px solid #652854;
      color: #fed9a3; }
  @media (min-width: 900px) {
    .footer-survey-start .footer-survey-start__form {
      flex-direction: row;
      justify-content: space-evenly; }
    .footer-survey-start .btn-start-wrapper {
      width: 30%;
      display: flex;
      align-items: center; }
    .footer-survey-start form {
      display: flex; }
    .footer-survey-start .form-group {
      width: 33%;
      margin-bottom: 0; }
    .footer-survey-start .pxl-control-label {
      margin-bottom: 5px; } }
  @media screen and (max-width: 1020px) and (min-width: 768px) {
    .footer-survey-start .footer-survey-start__form {
      width: 75%; } }