.select2-dropdown {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box; }

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--npbrown) !important; }

.select2-results__option {
  color: var(--npwhite) !important; }

.select2-results {
  background: rgba(45, 45, 44, 0.8) !important; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  background: transparent !important;
  border: 0 !important;
  opacity: 0 !important; }

#search_engine {
  position: absolute;
  bottom: 35px;
  right: 0;
  left: 0;
  margin: 0 auto;
  max-width: 1400px;
  padding: 15px 15px 15px 15px;
  background: var(--npblack);
  background: rgba(45, 45, 44, 0.8);
  width: 100%; }
  #search_engine .elements {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  #search_engine .element {
    /*padding: 0 15px 0 0;*/
    padding: 0 7.5px;
    /*width: calc(16.666% - 20px);*/
    width: calc(16.666%);
    color: var(--npwhite);
    position: relative;
    text-align: center; }
    #search_engine .element::after {
      content: "";
      background: #986950;
      height: calc(100%);
      width: 1px;
      position: absolute;
      right: 0;
      top: 0; }
    #search_engine .element.last::after {
      display: none; }
    #search_engine .element .title {
      text-transform: uppercase;
      font-size: 15px; }
    #search_engine .element .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: var(--npwhite); }
    #search_engine .element .select2-container--default .select2-selection--single,
    #search_engine .element input,
    #search_engine .element select {
      /*background-color: var(--npblack);*/
      /*background-color:  #2d2d2c;*/
      /*background-color: rgba(45,45,44,0.8);*/
      /*border-color: rgba(45,45,44,0.8);*/
      background: transparent;
      color: var(--npwhite);
      outline: none;
      border: 0;
      width: 100%;
      text-align: center;
      font-size: 15px; }
      #search_engine .element .select2-container--default .select2-selection--single::placeholder,
      #search_engine .element input::placeholder,
      #search_engine .element select::placeholder {
        color: var(--npwhite); }
        @media (max-width: 1024px) {
          #search_engine .element .select2-container--default .select2-selection--single::placeholder,
          #search_engine .element input::placeholder,
          #search_engine .element select::placeholder {
            color: var(--npblack); } }
    #search_engine .element input {
      text-align: center;
      height: 46px; }
  #search_engine .close,
  #search_engine #search_mobile {
    display: none; }
  #search_engine .close:hover {
    opacity: 1; }
  #search_engine .close:before, #search_engine .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #000; }
  #search_engine .close:before {
    transform: rotate(45deg); }
  #search_engine .close:after {
    transform: rotate(-45deg); }
  #search_engine .search_engine {
    background: rgba(0, 0, 0, 0.8) !important; }
  #search_engine #search_mobile {
    background: rgba(0, 0, 0, 0.5) !important; }
  #search_engine #search_mobile,
  #search_engine .cta {
    width: calc(16.666% - 20px);
    display: flex;
    justify-content: center; }
    #search_engine #search_mobile button,
    #search_engine .cta button {
      border: 1px solid #986950;
      display: block;
      padding: 20px 50px 20px 20px;
      position: relative;
      width: 100%;
      /*background:#2d2d2c;*/
      background: transparent; }
      #search_engine #search_mobile button:hover,
      #search_engine .cta button:hover {
        /*border: 1px solid var(--npwhite);*/
        background: var(--npbrown);
        color: var(--npwhite); }
      #search_engine #search_mobile button::after,
      #search_engine .cta button::after {
        content: "";
        background: url("./arrow_white.png") top center;
        display: block;
        width: 19px;
        height: 7px;
        background-size: contain;
        display: inline-block;
        margin-left: 10px;
        position: absolute;
        right: 8px;
        top: 45%; }
  #search_engine #search_mobile {
    display: none; }
    #search_engine #search_mobile button {
      text-align: left;
      border: 0; }
  #search_engine #search_mobile button::after {
    background: url("./direction_white.png") top center;
    width: 25px;
    height: 25px;
    background-size: contain;
    top: 32%;
    right: 20px; }
  #search_engine .element.cta::after {
    display: none !important; }
  @media (min-width: 1024px) {
    #search_engine .elements .element {
      display: block !important; } }
  @media (max-width: 1024px) {
    #search_engine {
      background: rgba(0, 0, 0, 0.7);
      /*display: none;*/
      max-width: 380px;
      position: absolute;
      margin: 0 auto;
      padding: 10px;
      width: calc(100% - 40px);
      left: 0;
      right: 0; }
      #search_engine .elements .element {
        width: 100%;
        padding: 0;
        height: 40px;
        margin-bottom: 20px;
        color: var(--npblack); }
        #search_engine .elements .element .select2 {
          border: 1px solid var(--npblack);
          width: 100% !important;
          padding: 10px;
          margin-bottom: 10px;
          color: var(--npblack); }
          #search_engine .elements .element .select2 * {
            color: var(--npblack) !important; }
        #search_engine .elements .element::after {
          display: none; }
      #search_engine .element .title {
        display: none; }
      #search_engine .element input, #search_engine .element select {
        border: 1px solid var(--npwhite);
        margin-bottom: 10px;
        font-size: 15px; }
      #search_engine #search_mobile {
        display: block;
        width: 100%;
        background: transparent !important;
        margin-top: 0; }
        #search_engine #search_mobile button {
          padding: 20px 20px 20px 20px;
          width: 100%;
          background-color: transparent; }
          #search_engine #search_mobile button:hover {
            color: var(--npwhite) !important; }
      #search_engine .element {
        display: none; }
      #search_engine .cta {
        width: 100%;
        margin-top: 5px; }
        #search_engine .cta button {
          padding: 20px 20px 20px 20px;
          width: 100%; }
      #search_engine.open {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        z-index: 4000;
        padding: 0 20px;
        display: flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.9); }
        #search_engine.open .elements {
          max-width: 400px;
          margin: 10px auto; }
        #search_engine.open select, #search_engine.open input {
          color: var(--npblack);
          border: 1px solid var(--npblack); }
        #search_engine.open .element input::placeholder, #search_engine.open .element input::-ms-input-placeholder, #search_engine.open .element select::placeholder, #search_engine.open .element select::-ms-input-placeholder {
          color: var(--npblack) !important; }
        #search_engine.open .element.cta button {
          color: var(--npblack) !important; }
        #search_engine.open .close {
          display: block;
          position: absolute;
          right: 50px;
          top: 50px; } }
  @media (max-width: 768px) {
    #search_engine {
      /*padding: 0px 5px 5px 5px;*/ }
      #search_engine #search_mobile button {
        padding: 10px 20px 10px 20px;
        width: 100%; } }

@media (max-width: 1024px) {
  .select2-results__option {
    /*color: var(--npblack) !important;*/ }

  /*.select2-dropdown.select2-dropdown--below,*/
  .select2-container--open {
    z-index: 10000 !important; } }

/*# sourceMappingURL=style.css.map */