/* rate */
.overlay-rate {
  display: none;

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.6);
}

.overlay-rate .close {
  width: 100%;

  height: 100%;

  position: fixed;

  top: 0px;

  left: 0px;

  z-index: 5;

  display: block;
}

.overlay-rate .assets-modal .close-button {
  position: absolute;

  top: 2.5%;

  right: 3%;

  z-index: 999;

  cursor: pointer;
}

.overlay-rate .assets-modal {
  position: relative;

  margin: 40px auto;

  z-index: 10;

  width: 68.5%;

  background: white;

  -webkit-border-radius: 5px;

  -moz-border-radius: 12px;

  border-radius: 5px;

  display: none;
}

/* asset */

.overlay {
  display: none;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.6);
}

.overlay .close {
  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: 5;

  display: block;
}

.overlay .assets-modal .close-button {
  position: absolute;

  top: 2.5%;

  right: 3%;

  z-index: 999;

  cursor: pointer;
}

.overlay .assets-modal {
  position: relative;

  margin: 40px auto;

  z-index: 10;

  width: 68.5%;

  background: white;

  -webkit-border-radius: 5px;

  -moz-border-radius: 12px;

  border-radius: 5px;

  display: none;
}

.assets-modal .top-row {
  display: flex;
}

.assets-modal .top-row .map {
  aspect-ratio: 16 / 9; 
  width: 59%;
  height: auto;
  min-height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.assets-modal .top-row .details {
  width: 41%;

  float: left;
}

.assets-modal .top-row .map img {
  height: 100%;
}

.assets-modal .top-row .details {
  width: 41%;
  float: left;
}

.assets-modal .top-row .details {
  background: #ff9933;

  position: relative;
}

.assets-modal .top-row .details.smelters {
  background: #7eadd3;

  position: relative;
}

.assets-modal .top-row .details .titles {
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 30px;
}

.assets-modal .top-row .details .numbers,
.assets-modal .top-row .details .other_info {
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 10px;
}

.assets-modal .top-row .details .map-details {
  max-width: 100%;
  /* max-height: 358px; */
  max-height: 100%;
  overflow: hidden;
}

.assets-modal .top-row .details .map-details img {
  width: 100%;
  /*height: 100%;*/
}

.assets-modal .top-row .details .other_info {
  border-bottom: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.assets-modal .top-row .details .numbers {
  padding-bottom: 0px;
}

.assets-modal .top-row .details .titles h3,
.assets-modal .top-row .details .titles h5 {
  margin-bottom: 0px;

  color: #012639;
}

.assets-modal .top-row .details .titles h3 {
  font-size: 25px;

  line-height: 30px;

  text-transform: uppercase;

  font-weight: bold;
}

.assets-modal .top-row .details .titles h5 {
  font-size: 16px;

  line-height: 6px;

  font-weight: normal;
}

.assets-modal .top-row .details .numbers table {
  margin-bottom: 5px;
}

.assets-modal .top-row .details .numbers table td {
  padding-bottom: 20px;

  padding-right: 14px;
}

.assets-modal .top-row .details .numbers table td span {
  display: block;
}

.assets-modal .top-row .details .numbers table td span.type {
  font-size: 10px;

  line-height: 12px;

  letter-spacing: 0.1em;

  color: #012639;

  text-transform: uppercase;

  font-weight: bold;
}

.overlay-rate .assets-modal .top-row .details .numbers table td span.type {
  font-size: 10px;

  line-height: 12px;

  letter-spacing: 0.1em;

  color: #ffffff;

  text-transform: uppercase;

  font-weight: bold;
}

.assets-modal .top-row .details .numbers table td span {
  display: block;
}

.assets-modal .top-row .details .numbers table td span.type {
  font-size: 10px;

  line-height: 12px;

  letter-spacing: 0.1em;

  color: #012639;

  text-transform: uppercase;

  font-weight: bold;
}

.overlay-rate
  .assets-modal
  .top-row
  .details
  .numbers
  table
  td
  span.type_number {
  font-weight: bold;

  font-size: 25px;

  line-height: 23px;

  color: #ffffff;
}

.assets-modal .top-row .details .numbers table td span.unit {
  font-size: 10px;

  line-height: 12px;

  color: #012639;
}

.overlay-rate .assets-modal .top-row .details .numbers table td span.unit {
  font-size: 10px;

  line-height: 12px;

  color: #ffffff;
}

.assets-modal .top-row .details .other_info p {
  font-size: 18px;

  line-height: 24px;
}

/*.overlay .assets-modal img {

	width: 100%;

	height: auto;

}*/

.assets-modal .bottom-row {
}

.assets-modal .bottom-row .info {
  padding: 5% 10%;

  box-sizing: border-box;

  color: #012639;

  border-bottom: 1px solid #012639;
}

.assets-modal .bottom-row .info:last-child {
  border-bottom: 0px;
}

.assets-modal .bottom-row .info h5 {
  color: #012639;

  font-weight: 600;

  font-size: 20px;

  line-height: 24px;
}

.assets-modal .bottom-row .info p {
  font-size: 16px;

  line-height: 24px;
}

@media only screen and (max-width: 992px) {
  .assets-modal .top-row .details .numbers table td span.type_number {
    font-size: 18px;
  }
}