* {
  font-family: "font-light";
  background-color: none;
}

div.subtitle-cc-page {
  font-size: 2.5vh;
  padding: 16px;
}

main {
  position: relative;
  min-height: 100vh;
  width: 100%;
  margin: auto;
  /* overflow-x: hidden;
    overflow-y: auto; */
  display: flex !important;
  flex-direction: column;
  height: 100vh;
}

/*
   * Optional: Makes the sample page fill the window.
   */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--color-white);
}

.content-container {
  overflow-y: unset !important;
}

/*
 * Always set the map height explicitly to define the size of the div element
 * that contains the map.
 */
#map {
  /* 76vh */
  /*Last change*/
  /*min-height: 34.3rem !important;*/
  width: 100%;
}

/* Oerwriting google designes  */
#map .gm-style .gm-style-iw-c {
  padding: 8px 0px !important;
}

#map .gm-style-iw-d {
  overflow: auto !important;
}

#map .gm-style-iw.gm-style-iw-c {
  /* max-height: 20vh !important;
    min-height: 8vh !important; */
  min-width: 10vw !important;
  border: 2px solid var(--color-navy);
  box-shadow: 2.76389px 2.76389px 13.8194px rgba(0, 0, 0, 0.25);
  border-radius: 24.875px;
  -webkit-backface-visibility: hidden;
}

#map div.gm-style-iw.gm-style-iw-c>button {
  top: 4px !important;
  right: 4px !important;
}

.gm-style .gm-style-iw-tc::after {
  display: none !important;
}

#map .gm-style-iw-d #content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#map .gm-style-iw-d #content #bodyContent,
#map .gm-style-iw-d #content button {
  align-self: center;
  margin: 4px 8px;
}

#map .gm-style-iw-d #content #siteNotice {
  align-self: start;
  margin: 4px 8px;
  padding: 8px;
}

#map .gm-style-iw-d #content #siteNotice>#firstHeading {
  font-family: "font-light";
  font-weight: 100;
  color: #7c8e9c;
}

#map .gm-style-iw-d #content #bodyContent>p {
  padding: 8px;
}

#latlng {
  width: 225px;
}

.custom-locate-button {
  margin: 16px 8px;
  height: 73px;
  width: 73px;
  background: transparent url(../images/locate-me.svg) center no-repeat;
  cursor: pointer;
}

#pac-input {
  position: absolute;
  /* left: 0px; */
  top: 32px !important;
  width: -webkit-fill-available;
  margin: 8px;
  height: 45px;
  background: var(--color-white) url(../images/search.svg) no-repeat scroll 16px 12px;
  padding-left: 48px;
  border-color: transparent;
  box-shadow: rgb(73 73 73 / 41%) 2px 2px 10px;
  border-radius: 7.8456px;
}

section.section-element.form-address-from-map {
  padding: 32px 16px;
  background-color: var(--color-white);
}

section.section-element.form-address-from-map>h1.address_header {
  font-size: 32px;
  font-weight: 300;
  font-family: "font-regular";
  text-align: center;
  padding: 8px 0;
}

section.section-element.form-address-from-map>p.note {
  padding: 8px 0;
  font-size: 18px;
  font-family: "font-light";
  text-align: center;
}

main.web .content-container {
  width: 100% !important;
  margin: 0 auto;
  /* height: 100vh; */
  padding: 90px 10% !important;
}

.padding {
  padding: 8px 16px;
}

/**Desktop Query*/
@media only screen and (min-width: 768px) {
  main {
    max-width: 70vw;
  }

  section.section-element.form-address-from-map {
    margin: 0 auto;
    max-width: 55vw;
  }

  #pac-input {
    width: 20vw;
    width: 20vw;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
}

/**Desktop Query*/
@media screen and (min-width: 768px) {
  body {
    background-color: #fff !important;
  }

  main {
     /*max-width: 65vw;*/
    /*margin: 0 auto;*/
    max-width: 100%;
  }

  .row {
    display: flex;
    flex-direction: row;
    gap: 10vw;
  }

  .row_div {
    flex: 1 1;
  }

  .s_nontxt {
    display: none;
  }

  .contract-page-section h1.section-title {
    text-align: left;
  }

  .buttons form,
  .buttons {
    margin: 0 auto;
    max-width: 356px;
  }

  #pac-input {
    top: 0px !important;
  }

  #map {
    /*67*/
    /* height: 50vh; */
    height: inherit;
  }
}