.button {
background-color: #fff;
border-radius: 6px;
border: none;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 35px 24px;
text-align: center;
text-transform: uppercase;
width: auto;
}
.button:hover {
background-color: #fff;
color: #fff;
}
.buttonmas {
background-color: #fff;
border-radius: 6px;
border: none;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 3px 12px;
text-align: center;
text-transform: uppercase;
width: auto;
}
.buttonmas:hover {
background-color: #fff;
color: #fff;
}
.icn{
  font-size:50.0pt;color:#232323;

}
.icn:hover {
font-size:60.0pt;
color: #7f197e;
}
.icnmas{
  color:#efb810;
}
.icnmas:hover {

color: #ffc600;
}
.iconsmedia {
  color: rgb(127,127,127);

font-size:20.0pt;
}
.iconsmedia:hover {

font-size:40.0pt;
color: #fff;

}
.iconsmedia2 {
  color: rgb(127,127,127);

font-size:20.0pt;
}
.iconsmedia2:hover {


color: #fff;

}

.iconsmedia3 {
  color: rgb(30,215,96);

font-size:50.0pt;
}
.iconsmedia3:hover {


color: #fff;

}






.buttonform {
background-color: #f5f5f5;
border-radius: 6px;
border-color:#fff;
border: none;
color: #000000;
cursor: pointer;
font-size: 16px;
padding: 15px 80px;
text-align: center;
text-transform: uppercase;
width: auto;

}

.buttonform:hover{
  background-color: rgb(127,127,127);

}



.top{
  position:relative;
  top:50%;
}


.label{
  color:#000000;
}
.aparece{
  opacity:0;
  transition:all 5.5s;
}
.aparece2{
  opacity:0;
  transition:all 5.5s;
}
@keyframes mover{
  0%{
    transform:translate(100%);
  }

}
.tiendaprima{
  color:#767676;
}
.tiendaprima:hover{
  color:#767676;
}
.tiendaprima2{
  color:white;
}
.tiendaprima2:hover{
  color:white;
}
.colordonar{
  background-color:rgb(38,166,154);
}

.icndonar{
  color:#232323;
  line-height: 24px;

  display:block;
}
.icndonar:hover{
  color:rgb(38,166,154);
  font-size:60.0pt;
}