#map {
  height: calc(100% - 100px);
  width: 100%;
}

      html, body, .map-container {
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
      }

.noelement {
        display: none;
      }

      .info-box2 {
        width: 500px;
        height: calc(100% - 100px);
        position: absolute;
        bottom: 0;
        background-color: #fff;
        right: -500px;
        z-index: 10;
        overflow-y: scroll;
      }

      .info-box2.openbox{
        right: 0px;
      }

      #info-box2 ul {
        padding: 0;
        margin: 0;
        padding-left: 40px;
        padding-right: 40px;
      }
      #info-box2 li {
        width: 100%;
        float: left;
        cursor: pointer;
        list-style: none;
        padding-top: 20px;
      } 

      #info-box2::-webkit-scrollbar {
        width: 10px;
        opacity: 39%;
      }
       
      #info-box2::-webkit-scrollbar-track {
        /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
      }
       
      #info-box2::-webkit-scrollbar-thumb {
        background-color: #B7B7B7;
        outline: 1px solid #B7B7B7;
        border-radius: 7px;
      }

      #info-box::-webkit-scrollbar {
        width: 7px;
      }
       
      #info-box::-webkit-scrollbar-track {
        /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
      }
       
      #info-box::-webkit-scrollbar-thumb {
        background-color: #B7B7B7;
        outline: 1px solid #B7B7B7;
        border-radius: 7px;
      }

  .part-list-ele-name {
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    float: left;
    text-transform: uppercase;
  }

  .part-list-ele-km {
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    float: right;
    opacity: 50%;
  }

  .top-part-nmap {
    display: block;
    height: 100px;
    width: 100%;
        max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .top-part-nmap-title{
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 28px;
    line-height: 100px;
    float: left;
    text-transform: uppercase;
    margin: 0;
  }


  #hide-inf {
    cursor: pointer;
    background-color: #000;
    position: absolute;
    width: 70px;
    height: 70px;
    font-size: 30px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    right: 0px;
    z-index: 1;
  }


.Icon {
  margin-top: 10px;
  margin-left: 10px;
  width: 50px;
  height: 50px;
  position: relative;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.Icon span {
  display: block;
  position: absolute;
 left: 13px;
    top: 22px;
  height: 4px;
  width: 56%;
  background: #fff;
  border-radius: 0px;
  transform: rotate(0deg);
  transition: .2s ease-in-out;
}

.Icon span:nth-child(1),
.Icon span:nth-child(3) {
  width: 31%;
  transform: rotate(45deg);
}

.Icon span:nth-child(1) {
left: 14px;
    top: 17px;
}

.Icon span:nth-child(2) {
  opacity: 1;
  transform: rotate(-45deg);
}

.Icon span:nth-child(3) {
    left: 24px;
    top: 27px;
}

.Icon.open span:nth-child(1),
.Icon.open span:nth-child(3) {
    left: 17px;
}

.Icon.open span:nth-child(1) {
  top: 20px;
  transform: rotate(135deg);
}

.Icon.open span:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg);
}

.Icon.open span:nth-child(3) {
  top: 28px;;
  transform: rotate(45deg);
}

#pac-input-sub {
  width: 125px;
  height: 70px;
  background-color: #000;
  color: #fff;
  line-height: 70px;
  border: none;
  font-size: 28px;
      font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    margin-top: 29px;
    margin-left: -4px;
    cursor: pointer;
}

#pac-input {
  color: #000;
  border: none;
  width: 297px;
  height: 70px;
  margin-top: 29px;
  float: left;
  line-height: 70px;
  padding: 0;
      font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
        outline: 0;
}

      .info-box {
        width: 500px;
        height: calc(100% - 100px);
        position: absolute;
        bottom: 0;
        background-color: #fff;
        right: -500px;
        z-index: 100;
        max-height: 100%;
        overflow: hidden;
        overflow-y: scroll;
      }

      #inf-name {
      font-family: 'Gotham';
      font-weight: bold;
      font-size: 16px;
      line-height: 70px;
      font-style: normal;
      padding-left: 10%;
      width: 80%;
      display: block;
      text-transform: uppercase;
      }
      
      #inf-address {
      font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
        width: 100%;
    float: left;
    line-height: 20px;
      }

      #inf-address2 {
      font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
        width: 100%;
    float: left;
    line-height: 20px;
      }

      #inf-country {
      font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
        width: 100%;
    float: left;
    line-height: 20px;
      }

#inf-link {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  width: 80%;
  margin-left: 10%;
  height: 70px;
  display: inline-block;
  line-height: 70px;
  text-align: center;
  text-transform: uppercase;
    font-family: 'Gotham';
      font-weight: bold;
      font-size: 20px;
      position: absolute;
    bottom: 43px;
    left: 4px;
}

#inf-link img {
      margin-bottom: -5px;
    margin-left: 25px;
    margin-right: -25px;

}

.address-box {
  width: 40%;
  margin-left: 10%;
}

.address-box-left {

    width: 20%;
    float: left;
}

.address-box-right {

    width: 80%;
    float: left;
}

#inf-km {
  font-family: 'Gotham';
      font-weight: bold;
      font-size: 40px;
}
.info-box-km {
  width: 40%;
  float: left;
  margin-right: 10%;
  text-align: right;
}

#geoclick {
  margin-left: 29px;
  margin-top: 29px;
  background-color: #fff;
  border: none;
  height: 70px;
  line-height: 70px;
  width: 70px;
  cursor: pointer;
  padding: 0;
  text-align: center;
}

#geoclick img {
  margin-top: 20px;
}


.info-box-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.det-but-bar {
      width: 90%;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 145px;
    left: 5%;
}
.det-but-bar-one {
      width: 33%;
    float: left;
        min-height: 1px;
}