/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.location_wrapper {
  padding: 0; }
  .location_wrapper .filter-controls {
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: stretch;
        justify-content: stretch; }
    @media only screen and (max-width: 767px) {
      .location_wrapper .filter-controls {
        -ms-flex-direction: column;
            flex-direction: column; } }
  .location_wrapper .form-control {
    display: inline; }
  .location_wrapper p {
    color: white; }
  .location_wrapper h2 {
    color: white;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem; }
  .location_wrapper select {
    background-color: #00B0CA;
    border: solid 1px #00B0CA;
    margin-right: 15px;
    margin-left: 15px;
    width: 200px;
    max-width: 200px;
    min-width: 200px; }
    @media only screen and (max-width: 767px) {
      .location_wrapper select {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 15px;
        margin-left: 0; } }
    .location_wrapper select:disabled {
      background-color: #00B0CA;
      color: #777; }
    .location_wrapper select:focus {
      background-color: #00B0CA;
      border: none; }
    .location_wrapper select option {
      background-color: #fff; }
    .location_wrapper select option:hover {
      background-color: #fff; }
  .location_wrapper select:first-child {
    margin-left: 0; }
  .location_wrapper input {
    background-color: #1b3544;
    border: none;
    color: white;
    margin-left: 15px; }
    @media only screen and (max-width: 767px) {
      .location_wrapper input {
        margin-left: 0; } }
    .location_wrapper input:focus {
      background-color: #1b3544;
      color: white;
      border: none; }
    .location_wrapper input::-webkit-input-placeholder {
      color: #959CA3; }
    .location_wrapper input::-moz-placeholder {
      color: #959CA3; }
    .location_wrapper input::-ms-input-placeholder {
      color: #959CA3; }
    .location_wrapper input::placeholder {
      color: #959CA3; }
  .location_wrapper .zero-left-padding {
    margin-left: 0; }
  .location_wrapper #myMap {
    height: 100%;
    width: 100%; }
  .location_wrapper .large-maps-container {
    width: 100%;
    height: 300px; }
  .location_wrapper .small-maps-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%; }
    .location_wrapper .small-maps-container canvas {
      border-radius: 0px 5px 5px 0px; }
    @media only screen and (max-width: 991px) {
      .location_wrapper .small-maps-container {
        width: 100%;
        height: 300px;
        position: relative; }
        .location_wrapper .small-maps-container canvas {
          border-radius: 0px 0px 5px 5px; } }

.azure-map-logo {
  display: none; }

.map-copyright {
  display: none; }

.map-feedback {
  display: none; }

.location_wrapper {
  width: 100%;
  position: relative; }

.location_content {
  margin-bottom: 200px; }
  @media only screen and (max-width: 991px) {
    .location_content {
      margin-bottom: 40px; } }

.location_style {
  background: #031e2f;
  border-radius: 5px 0 0 5px;
  padding: 42px 43px; }
  @media only screen and (max-width: 575px) {
    .location_style {
      padding: 40px 40px; } }
  @media only screen and (max-width: 991px) {
    .location_style {
      border-radius: 5px 5px 0 0; } }
  @media only screen and (max-width: 375px) {
    .location_style {
      padding: 20px 20px; } }
  .location_style h4 {
    font-weight: 700;
    font-size: 28px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 5px;
    text-align: left;
    letter-spacing: -0.25px; }
    @media only screen and (max-width: 375px) {
      .location_style h4 {
        font-size: 18px; } }
  .location_style address p {
    font-weight: 300;
    color: #b3bbc1;
    font-size: 28px;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.3;
    letter-spacing: -0.25px; }
    @media only screen and (max-width: 375px) {
      .location_style address p {
        font-size: 18px; } }

.location_style .buttons_style {
  padding-bottom: 0; }
  .location_style .buttons_style .border_btn {
    margin-left: 0; }

.hide-block {
  display: none; }

.show-block {
  display: -ms-flexbox;
  display: flex; }

.no-map {
  background-color: #AFAFB4;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center; }
  .no-map img {
    width: 1024px; }

/* CSS styles used by custom popup template */
.customInfobox {
  max-width: 400px;
  padding: 10px;
  font-size: 12px;
  color: black; }
  .customInfobox .name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; }