.triport {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  animation: slideAnimation 50s infinite;
  animation-delay: -3s;
  /* .triport-container {
  	//position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;

  	.portlet-body {
  		margin: 0;
  	}
  } */
}
.triport::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e5e5f7;
  opacity: 0.3;
  background-image: radial-gradient(ellipse farthest-corner at 2px 4px, #4D9CC8, #4D9CC8 50%, #e5e5f7 50%);
  background-size: 2px 2px;
}
.triport .card {
  z-index: 1;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
}
.triport .card .fundo {
  text-transform: uppercase;
  border-top: 1px solid var(--grey-100);
  padding-top: 1em;
  color: var(--grey-500);
}
.triport .card .fundo:hover, .triport .card .fundo:focus {
  color: var(--blue-hover);
}
.triport .card .social-links {
  display: grid;
  grid-template-columns: 100%;
}
.triport .card .social-links a.sm-link {
  font-family: "Open Sans", Arial;
  text-transform: uppercase;
  color: var(--grey-500);
}
.triport .card .social-links a.sm-link:hover, .triport .card .social-links a.sm-link:focus, .triport .card .social-links a.sm-link:focus-within {
  color: var(--blue-hover);
}
.triport .card .social-links a.sm-link:hover img, .triport .card .social-links a.sm-link:focus img, .triport .card .social-links a.sm-link:focus-within img {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}
.triport .card .social-links img {
  display: inline !important;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.triport .title {
  color: var(--grey-500);
  font-weight: 300;
  text-transform: uppercase;
}
.triport .title::before {
  color: var(--bs-white);
  background-color: var(--green-500);
  padding: 0.4em;
  border-radius: 50%;
  font-size: 0.7em;
  margin-right: 0.8em;
}
.triport .title.statistics::before {
  content: "\f3f2";
}
.triport .title.social::before {
  content: "\f52d";
}