.portal-tsu-container {
  margin-bottom: 25px;
  cursor: pointer;
  padding-bottom: 15px;
  transition: 0.7s all;
  
 
}

.inner-container-cut a, .water-background a, .bg-white-ripples a {
  text-decoration: none;
}

.tr-top-icons:hover {
  cursor: pointer;
}
.portal-tsu-container:hover .portal-tsu-header, .portal-tsu-container:hover .portal-tsu-header-dark {
  text-decoration: underline;
  
}

.portal-tsu-container:hover .portal-tsu-circle, .portal-tsu-container:hover .portal-tsu-prep-circle, .portal-tsu-container:hover .portal-tsu-circle-dark {
  transform: scale(1.08);
}

.tsunami-maptool {
  min-height: 400px;
}

.portal-tsu-header-sub a {
  color: white;
}
.portal-tsu-circle, .portal-tsu-circle-dark{
  border-radius: 50%;
  background-color:  rgb(255, 255, 255);
  height: 250px;
  width: 250px;
  margin: 0 auto;
  
  transition: 0.7s all;
}

.portal-tsu-circle-dark {
  background-color: rgb(28, 112, 160);
}


.portal-tsu-circle img, .portal-tsu-circle-dark img {
  height: 250px;
  width: 250px;
}

.portal-tsu-header, .portal-tsu-header-dark {
  padding: 5px;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  transition: 0.7s all;
  color: white;
}

.portal-tsu-header-dark {
  color: black;
}

.portal-tsu-subheader, .portal-tsu-subheader-dark {
  padding: 5px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 15px;
  transition: 0.7s all;
  margin: 0 auto;
  width: 70%;
  color: white;
}


.portal-tsu-subheader-dark {
  color: black;
}
.portal-tsu-glosario {
  color: rgba(0,0,0,0.2) !important;
  color: rgba(0,0,0,0.2) !important;
  display: block;
  padding: .5rem 1rem;
}


.portal-tsu-glosario.active {
  color: rgba(0,0,0,1) !important;
}

.portal-tsu-h2 {
  text-align: center;
  text-decoration: underline;
}

.portal-tsu-header-sub {
  text-align: center;
  color: #0c181f;
}


.portal-tsu-prep-circle {
  transition: 0.7s all;
}
.portal-tsu-prep-circle img {
  border-radius: 15px;
  width: 100%;
  
}
.table-blue td {
  vertical-align: middle !important;
}

.portal-tsu-maps-container {
  margin-bottom: 35px;
}

.portal-tsu-maps-thumbnail {
  position: relative;
  
  width: 300px;
  height: 300px;
  overflow: hidden;

  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border: 4px solid white;

 
  cursor: pointer;
  transition: 0.7s all;
}

.portal-tsu-maps-thumbnail:hover {
  transform: scale(1.05);
}
.portal-tsu-maps-thumbnail img {
  position: absolute;
  width: 500px;
  left: 30%;
  margin-left: -150px;
}

#modal-img {
  width: auto;
  max-width: 100%;
  max-height: 700px;
}

.portal-tsu-maps-header {
  margin: 0 25px;
  margin-top: 15px;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 2px solid  rgb(58, 161, 221);
  
  
}
.table-blue th {
  background-color: #1e548c;
  border: 2px solid #1e548c;
  color: white;
  vertical-align: middle;
  text-align: center;
}

.nav-pills .nav-item .nav-link {
  color:black;

}

.nav-pills .nav-item .nav-link.active {
  color:white;

}

.tr-header {
  font-size: 2.5em;
  font-weight: 500;
  margin-right: 45px;
}


.embed-container {position: relative; padding-bottom: 55%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .embed-container small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}

.p_logos {
  text-align: center;
  margin-top: 0px;
  color: white;
}

                    /*MAP*/


                    /*Programa de Tsunami de Puerto Rico*/
.titulo_programa {
  text-align: center;
}

                    /*CAROUSEL*/
#carousel {
  
  margin-left: 300px;
}
.carousel_text {

}