#promo-searchbar {
  display: none;
}

@media screen and (min-width: 20rem) {
  #promo-searchbar {
    display: initial;
    box-sizing: border-box;
    margin: 0rem;
    padding: 0rem;
    font-family: inherit;
  }

  #promo-searchbar:not([page="home"])>div.container {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin: 2rem auto;
  }

  #promo-searchbar[page="home"]>div.container {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin: 2rem auto;
  }

  #promo-searchbar>div.container>h1 {
    text-align: center !important;
    font-family: "Jost", sans-serif;
    color: #177DB9;
    font-size: 1.5rem;
    font-weight: bold;
  }

  #promo-searchbar>div.container>form {
    margin: 0rem;
    box-sizing: border-box;
    display: flex !important;
    justify-content: center !important;
  }

  #promo-searchbar>div.container>form>div.form-group {
    display: block;
    box-sizing: border-box;
    border: 0.063rem solid #F6F2F2;
    border-radius: 0.25rem;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  }

  #promo-searchbar.has-autosuggest[page="home"]>div.container>form>div.form-group {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    border: 0;
    transition: 0.5s;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    border: 0px solid #00000005;
  }

  #promo-searchbar>div.container>form>div.form-group>div.autosuggest-group {
    display: none;
  }

  #promo-searchbar.has-autosuggest[page="home"]>div.container>form>div.form-group>div.autosuggest-group {
    display: initial;
    position: relative;
    min-width: 20rem;
  }

  #promo-searchbar.has-autosuggest[page="home"]>div.container>form>div.form-group>div.autosuggest-group>ul{
    box-sizing: inherit;
    background-color: #EDF5F8;
  }

  #promo-searchbar.has-autosuggest[page="home"]>div.container>form>div.form-group>div.autosuggest-group>ul li{
    font-size: 18px;
    line-height: 16px;
    text-align: left;
    padding: 10px;
    padding-left: 40px;
    font-family: 'lato-regular';
  }  

  #promo-searchbar.has-autosuggest[page="home"]>div.container>form>div.form-group>div.autosuggest-group>ul li:hover,
  #promo-searchbar.has-autosuggest[page="home"]>div.container>form>div.form-group>div.autosuggest-group>ul li:focus{
    background-color: #d5dddf;
    cursor: pointer;
    outline: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3c4755;
  } 

  #promo-searchbar>div.container>form>div.form-group>div.input-group>i.input-group-preppend {
    font-style: italic;
    font-size: 0.9rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    background: #FFF url(https://rcbccredit.com/img/promo-searchbar/search.svg);
    background-size: 1.8rem;
    background-position: center;
    background-repeat: no-repeat;
    height: 3.125rem;
    width: 3.125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: none;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search {
    -webkit-rtl-ordering: logical;
    cursor: text;
    text-align: start;
    text-transform: none;
    text-indent: 0rem;
    text-shadow: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    writing-mode: horizontal-tb !important;
    margin: 0rem;
    font-family: 'lato-regular';
    outline-offset: -0.125rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    display: block;
    min-width: 0;
    position: relative;
    flex: 1 1 auto;
    height: 3.125rem;
    width: 14rem;
    border-radius: 0rem;
    border: 0rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
  }

  #promo-searchbar.has-autosuggest[page="home"]>div.container>form>div.form-group>div.input-group>input.input-group-search:focus {
    outline: 0;
    box-shadow: none;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search::-webkit-input-placeholder {
    text-align: center;
    color: #D4D4D4;
    font-family: 'lato-light';
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search:-moz-placeholder {
    text-align: center;
    color: #D4D4D4;
    font-family: 'lato-light';
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search::-moz-placeholder {
    text-align: center;
    color: #D4D4D4;
    font-family: 'lato-light';
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search:-ms-input-placeholder {
    text-align: center;
    color: #D4D4D4;
    font-family: 'lato-light';
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search[type=search]::-ms-clear {
    display: none;
    width: 0rem;
    height: 0rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search[type=search]::-ms-reveal {
    display: none;
    width: 0rem;
    height: 0rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search[type="search"]::-webkit-search-decoration,
  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search[type="search"]::-webkit-search-cancel-button,
  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search[type="search"]::-webkit-search-results-button,
  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search[type="search"]::-webkit-search-results-decoration {
    display: none;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append {
    display: block;
    box-sizing: border-box;
    margin-left: -0.063rem;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append {
    display: block;
    box-sizing: border-box;
    margin-left: -0.063rem;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button {
    align-items: flex-start;
    text-indent: 0rem;
    text-shadow: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box;
    margin: 0;
    font-family: inherit;
    text-transform: none;
    -webkit-appearance: button;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    user-select: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #177DB9;
    cursor: pointer;
    position: relative;
    z-index: 2;
    height: 3.125rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border: 0rem;
    font-family: 'lato-bold', 'Jost', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  #promo-searchbar.has-autosuggest>div.container>form>div.form-group>div.input-group>div.input-group-append>button {
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button:focus-visible {
    outline: -webkit-focus-ring-color auto 0.063rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button:hover {
    color: #fff;
    background-color: #0b5ed7;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button:focus {
    z-index: 3;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button:active {
    color: #fff;
    background-color: #0a58ca;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button>i.sfsm {
    font-style: normal;
    display: block;
    background: url(https://rcbccredit.com/img/promo-searchbar/search-white.svg);
    background-size: 1.2rem;
    background-position: center;
    background-repeat: no-repeat;
    height: 1.6rem;
    width: 1.6rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button>i.sfmd {
    font-style: normal;
    display: none;
  }
}

@media screen and (min-width: 23.438rem) {
  #promo-searchbar[page="home"]>div.container {
    margin: 3.5rem auto 2rem auto;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search {
    width: 15rem;
  }
}

@media screen and (min-width: 26.563rem) {
  #promo-searchbar[page="home"]>div.container {
    margin: 3.5rem auto 2rem auto;
  }

  #promo-searchbar>div.container>h1 {
    font-size: 1.5rem;
    font-family: "Jost", sans-serif;
    color: #177DB9;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>i.input-group-preppend {
    display: block;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search {
    width: 16rem;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button>i.sfsm {
    display: none;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>div.input-group-append>button>i.sfmd {
    display: block;
  }
}

@media screen and (min-width: 45rem) {
  #promo-searchbar[page="home"]>div.container {
    margin: 5rem auto 2rem auto;
  }

  #promo-searchbar>div.container>h1 {
    font-size: 2.2rem;
    font-family: "Jost", sans-serif;
    color: #177DB9;
  }

  #promo-searchbar>div.container>form>div.form-group>div.input-group>input.input-group-search {
    width: 25rem;
  }
}

@media screen and (min-width: 48rem) {
  #promo-searchbar[page="home"]>div.container {
    margin: 10rem auto 2rem auto;
  }
}

@media screen and (min-width: 64rem) {
  #promo-searchbar[page="home"]>div.container {
    margin: 3rem auto 2rem auto;
  }
}

@media screen and (min-width: 75rem) {}

@media screen and (min-width: 90rem) {}

@media screen and (min-width: 160rem) {}