.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  margin: 2rem auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader:before {
  left: -3.5em;
}
.loader:after {
  left: 3.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #ffffff;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #FFF;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #ffffff;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #FFF;
  }
}
.mantenimiento {
  text-align: left; 
  font-family: Arial Black; 
  font-weight: bold; font-size: 50px; 
  background: #202020; 
  -webkit-background-clip: text; 
  -moz-background-clip: text; 
  background-clip: text; 
  color: transparent; 
  text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -1px 1px rgba(0,0,0,0.3);
  }
.hero_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.img-fluid2{
  width: 93px;
  height: 35px;
}
.div_header--img {
  width: 100%;
  background-image: url(../img/banner_SMIfull1.webp);
  background-repeat: no-repeat;
}
.hero_img {
  width: 30rem;
}
.div_img__somos {
  width: 25rem;
  background-color: darkgray;
}

.back-section{
  background-color: rgb(192, 190, 190);
}
.section-div--card2{
  margin-top: 0px;
}
.section-div--img1{
  width: 20rem;
  height: 20rem;
}
.section-div--h3 {
  text-align: center;
}
.section-div--card1{
  justify-content: center;
}
.section-div--p1{
  font-size: 1.6rem;
  font: bold; 
}
.section-div--p{
  font-size: 1.2rem;
  text-align: center;
}
.button1{
  background:#dacb00;
  color:#fff;
  border:none;
  position:relative;
  height:50px;
  font-size:1.6em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.button1:hover{
  background:#000000d7;
  color:#ffffff;
}
.button1:before,.button1:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:5px;
  width:0;
  background: #ffe602;
  transition:400ms ease all;
}
.button1:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.button1:hover:before,.button1:hover:after{
  width:100%;
  transition:800ms ease all;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#ffffff;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
  margin-bottom: 150px;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#ffffff;
}

.my-float{
	margin-top:16px;
}

@media screen and (max-width: 768px) {
  .section-div--p{
    font-size: 1rem;
    text-align: center;
  }
  .section-div--card2 {
    text-align: center;
  }
  .about .content ul i {
    position: relative;
  }
  .logosmi{
    justify-content: center!important;
  }
}