#location-header-container {
  transition: 0.7s height;
  height: auto;
  position: relative;
  background: #F6F6F8;
  display: flex;
  overflow: hidden;
  top: 0px;
  z-index: 2;
}

#location-header-container.headroom--not-top {
  height: 0px;
}

#location-header-container .outer {
  display: flex;
  color: #1D1D1D;
  margin: auto;
  width: 100%;
  justify-content: space-between;
}

#location-header-container.close {
  height: 0px !important;
}

#location-header-container.close .outer {
  height: 0px !important;
  margin: 0px 0px 0px 30px;
}

#location-header-container .column {
  padding: 0px 20px;
  position: relative;
}

#location-header-container .column:nth-child(1) {
  text-align: right;
}

#location-header-container .grow {
  flex-grow: 1;
}

#location-header-container .current-location {
  display: flex;
  align-items: center;
  padding: 5px 30px;
}

#location-header-container .current-location img {
  width: 34x;
  height: 20px;
  margin-right: 10px;
}

#location-header-container button {
  background: #03a9f4;
  padding: 8px 15px;
  color: white;
  border: 0px;
  border-radius: 0;
  transition: 0.3s;
  font-size: 14px;
}

#location-header-container button:hover {
  background: #0063a5;
}

#location-header-container button:active {
  color: #0063a5;
}

#location-header-container .change-location {
  color: white;
  text-decoration: underline;
  padding: 0px 20px 0px 10px;
  transition: 0.3s;
  cursor: pointer;
  text-align: center;
}

#location-header-container .mobile-region-divider {
  height: 20px;
  border-bottom: 2px solid white;
  position: relative;
  top: -8px;
  margin: 0px 2px;
}

#location-header-container i {
  top: 0px;
  position: relative;
  font-size: 20px;
  transition: 0.3s;
  cursor: pointer;
  font-size: 12px;
}

#location-header-container i:hover,
#location-header-container .change-location:hover {
  color: #a7a7a7;
}

#engenius-geoip-select {
  width: 225px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #1D1D1D;
}

.select2-selection.select2-selection--single {
  font-size: 14px;
  background-color: white;
  color: #bbbbbb;
  height: 38px;
  display: flex;
  align-items: center;
  transition: 0.3s background-color;
  border-radius: 0;
}

.select2-selection.select2-selection--single:hover {
  background-color: #CCCCCC;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 36px;
  border-left: 1px solid #aaa;
  padding: 0px 12px;
  background: white;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b,
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  /*border-color: white transparent transparent transparent;*/
}

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: visible;
}

.select2-container,
.select2-dropdown {
  z-index: 10000;
  background-color: #363636;
  color: #bbbbbb;
  border: 0px;
}

.select2-search,
.select2-results__option:nth-child(1) {
  display: none;
}

.select2-container--default .select2-results__group {
  padding: 12px;
  border-bottom: 1px solid #606060;
  border-left: 1px solid #606060;
  border-right: 1px solid #606060;
  background-color: white;
  font-size: 13px;
  font-weight: 700;
  color: #707070;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding: 12px 32px 12px 32px;
  font-size: 15px;
  border-bottom: 1px solid #606060;
  border-left: 1px solid #606060;
  border-right: 1px solid #606060;
  background-color: white;
  color: #707070;
  display: block;
  transition: 0.3s;
}


.select2-container--default .select2-results__option li.select2-results__option:hover{
  background-color: #DFDFDF!important;
}
.d-flex {
  display: flex;
}

@media (max-width: 1020px) {
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 1021px) {
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
}

.flex-column {
  /*flex-direction: column;*/
  flex-direction: initial;
  flex-wrap: wrap;
}
.flex-column div{
  display: contents;
}


.justify-content-between {
  justify-content: space-between;
}

.align-items-center {
  align-items: center;
}

h4,
h5,
h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mr-3 {
  margin-right: 15px;
}

.font-weight-bold {
  font-weight: bold;
}

#location-header-container .welcome .close-geoip {
  display: none;
}

#location-header-container .font-12 {
  font-size: 12px !important;
}

#location-header-container .font-13 {
  font-size: 12px !important;
}

#location-header-container .font-14 {
  font-size: 14px !important;
}

#location-header-container .font-15 {
  font-size: 14px !important;
}

#location-header-container .margin-20 {
  margin-left: 20px;
  margin-right: 20px;
}

#location-header-container .d-none {
  display: none;
}

.w-100 {
  width: 100%;
}

#location-header-container .chevron-container {
  background: white;
  color: grey;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 24px;
  width: 32px;
  margin: auto;
  text-align: center;
  position: relative;
  bottom: 0px;
  left: 50%;
  margin-left: -15px;
  cursor: pointer;
  transition: 0.3s background;
}

#location-header-container .chevron-container:hover {
  background: #ddd;
}

#location-header-container .chevron {
  display: inline-block;
  border-right: 3px solid grey;
  border-bottom: 3px solid grey;
  width: 10px;
  height: 10px;
  transform: rotate(-135deg);
  position: relative;
  top: 1px;
}

#location-header-container .chevron.bottom {
  transform: rotate(45deg);
  top: -2px;
}

#location-header-container .close-geoip {
  cursor: pointer;
  align-items: center;
}

#location-header-container .close-geoip img {
  width: 14px;
  height: 14px;
  transition: 0.3s opacity;
  opacity: 0.5;
  filter: invert(1%) sepia(1%) saturate(371%) hue-rotate(314deg) brightness(7%) contrast(79%);

}

#location-header-container .close-geoip img:hover {
  opacity: 1;
  filter: invert(1%) sepia(1%) saturate(371%) hue-rotate(314deg) brightness(7%) contrast(79%);
}

#location-header-container .flag-icon {
  line-height: 1.5;
  width: 33px;
}

@media (max-width: 1020px) {
  /*#location-header-container {
    position: fixed;
    top: 56px;
  }*/

  #location-header-container .outer {
    padding-top: 10px;
  }

  #location-header-container .welcome {
    width: 100%;
    flex-wrap: 1;
    padding-left: 24px;
    padding-right: 24px;
  }

  #location-header-container .location {
    width: 100%;
    flex-wrap: 1;
    padding: 10px 24px;
    border-top: 1px solid #CCCCCC;
    margin-top: 10px;
  }

  #location-header-container .current-location{
    padding: 5px 30px 5px 0;
  }
  #location-header-container .welcome .close-geoip {
    display: block;
    margin-left: 24px;
  }

  #location-header-container .current-location-button {
    padding-right: 15px;
  }

  .select2-container {
    top: 183px !important;
    width: 100%;
  }

  .select2-dropdown.select2-dropdown--below {
    width: 100% !important;
    border-top: 1px solid #606060;
  }
}
@media (max-width: 768px) {
  .flex-column{
    flex-direction: column;
  }
  .flex-column div{
    display: block;
  }
  .select2-container {
    top: 200px !important;
  }
  #location-header-container span.welcome{
    padding-left: 12px;
  }
  #location-header-container div.welcome{
    padding-left: 0px;
  }
  #location-header-container .location {
    padding: 10px 12px;
  }
  #location-header-container .close-geoip img {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1021px) {
  #location-header-container .outer {
    max-width: 1450px;
    width: 100%;
    padding: 10px 30px;
  }

  #location-header-container .d-lg-flex {
    display: flex;
  }

  #location-header-container .welcome {
    padding: 0px;
  }

  .w-lg-auto {
    width: auto;
  }

  #location-header-container .chevron-container {
    display: none;
  }
}