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

.react-autosuggest__suggestions-list {
  border: 1px solid #c3c3ca;
  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: #f6f7f8; }

.pxl-form-control {
  background-color: #fff;
  border: 1px solid #c3c3ca;
  border-radius: 4px;
  color: #302c2c;
  display: block;
  font-size: 16px;
  height: 36px;
  padding: 6px 12px;
  width: 100%; }
  .pxl-form-control:disabled {
    background-color: #f6f7f8;
    cursor: not-allowed; }
  .pxl-has-error .pxl-form-control {
    border: 1px solid #c33239; }

.footer-srv {
  font-family: "Roboto";
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 10px solid transparent;
  background: linear-gradient(-45deg, #71d2fa, #7e4ab2);
  color: #fff; }
  .footer-srv * {
    box-sizing: border-box; }
  .footer-srv > a {
    color: #fff; }
  .footer-srv > form {
    display: flex; }
  .footer-srv__header {
    font-size: 28px;
    margin-bottom: 10px;
    color: #fff !important;
    font-weight: 700; }
  .footer-srv__subheader {
    margin-bottom: 30px;
    font-size: 16px;
    text-align: center;
    width: 80%;
    color: #fff !important; }
  .footer-srv__form-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    color: #fff !important; }
    .footer-srv__form-wrapper label, .footer-srv__form-wrapper .survey-start-country {
      color: #fff !important; }
  .footer-srv__form {
    width: 65%;
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .footer-srv__form {
        flex-direction: row;
        justify-content: space-between;
        width: 85%; } }
    @media (min-width: 992px) {
      .footer-srv__form {
        width: 75%; } }
  .footer-srv__form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .footer-srv__form-group {
        width: 33%;
        margin-bottom: 0; } }
  .footer-srv__btn-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    width: 100%; }
    @media (min-width: 768px) {
      .footer-srv__btn-wrap {
        width: 30%; } }
  .footer-srv__btn {
    display: inline-block;
    padding: 5px 12px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #c3c3ca;
    color: #302c2c;
    margin: 0;
    line-height: 1.5;
    cursor: pointer;
    white-space: pre-wrap;
    text-align: center;
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    color: #fff;
    background-color: #5a3580;
    border: 1px solid #5a3580;
    width: 100%; }
    .footer-srv__btn:hover, .footer-srv__btn.pxl-btn--active, .footer-srv__btn:active {
      background-color: #41265c;
      border: 1px solid #41265c;
      color: #fff; }
    .footer-srv__btn:disabled, .footer-srv__btn.pxl-btn--disabled, .footer-srv__btn.disabled:hover {
      background-color: #41265c;
      color: #fff;
      box-shadow: none;
      border: 1px solid #41265c; }
  .footer-srv__location > .country > .survey-start-country > a.survey-start-country-change {
    color: #fff !important; }
  .footer-srv > .pxl-control-label {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400; }
  .footer-srv .country {
    margin: 5px 0 0 0; }
  .footer-srv .hidden {
    display: none; }
  .footer-srv a.survey-start-country-change {
    color: #fff; }
    .footer-srv a.survey-start-country-change:hover {
      text-decoration: underline; }