.boton-personalizado {
    text-decoration:none;
    font-weight: 600;
    font-size: 16px;
    color:#ffffff;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    background-color:transparent ;
    border-width: 3px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 6px;
    }
    .boton-personalizado2 {
        text-decoration:none;
        font-weight: 600;
        font-size: 16px;
        color:#ffffff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        padding-right:10px;
        background-color:rgb(220, 53, 69);
        border-width: 3px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 6px;
        }
#intro a:hover{
color: #fff;
background-color: #0eec46;


}
.imagensuscribete {
    max-width: 50%;
} 
    

.pushbar-newsletter{
    text-align: center;
}
.pushbar-newsletter .contenedor{
 
    max-width: 600px;
   padding: 10px;
    padding-bottom: 0;
    margin: auto;
}
.color{
    color: #5bc500;
}
.pushbar-newsletter .derecha{
    float: right;
}
.marginbotonsuscribirse {
    margin-top: 10px;
    text-align: center;
    margin: 10px ;
}

.carousel-inner img {
    width: 100%;
    max-height: 500px;
    animation: movimientoo 10s infinite;
}
.centerdestello {
    text-align: center;
    width: 100%;
}
.comprar {
    display: none;
    padding: 4px;
    background:#5bc500;
    height:auto;
    width: 100%;
    text-align: center;
    margin: auto auto;  
}
.boton {
   margin: auto auto; 

}

.ocultar{
    display: none; 
}

.comprar-fixed {
    position:fixed;
    display: block;	
    z-index:1;
    /* padding: 1px; */
    top:0;    
    height: auto;
    text-align: center;
    margin: auto auto;	
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

@keyframes movimientoo{
    from {
        background-position: bottom left;
    }to{
        background-position: top right;
    }
}
.botones {
    background: #5bc500;
color: fff;

}
.margintopcero {
    margin-top: 0;
}
.menucentrar {
margin-left: auto;
}
.fondopublicidad {
    background: #fff;
    padding: 3px;
    margin-top: 4px;
}
.linefooter {
    border-right: #fff 1px solid;
display: inline-block;
height: auto;
width: 380px;
margin: auto;
}
.tamañowhatsapp {
    font-size: 20px;
    background: #5bc500;
    border-radius: 10px 10px 10px 10px;
    padding: 2px;
}

.carousel-inner{
 width: auto;
 height: auto;
 
}
.marginarriba{
top: -20px;
}

.colorbaner {
    color: #424242;


}

.tamañoimacarousel {
    width: 20%;
  max-height: 40px;
}

.pacifico {
    font-family: 'Pacifico', cursive;
    color: #F5F5F5;
    text-align: center;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, .2);
    font-size: 25px;
   margin: auto;
   
}
.correo{
    font-size: 20px;
}
*{
    margin:0;
    padding:0;
}

body {
    font-size: 16spx;
    margin: 0;
    padding: 0;
   font-family: Lato, sans-serif;
}
.cajaprincipalform {
    background: rgb(245, 243, 243);
    border-radius: 10px 10px 10px 10px;
}
.panding {
    padding: 10px;
}
.cajaform {
    background: #F5F5F5;
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 10px;
}
.fondobotones {
    background: #F5F5F5;
    color: #5bc500;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding: 20px;
}
.primeralinea {
    text-indent: 70px;
}
body ul {
    list-style: none;
}

.activo {
    color: #fff;
    background: #CCFF90;
    border-radius: 5px;
    margin: auto;
    height: 38px;
    padding: 2px;
    margin-top: 0px;
}
.pacificosubtitulo {
    font-family: 'Pacifico', cursive;
    color: #abdd12;
    text-align: center;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, .2);
    font-size: 20px;
    z-index: 1;
}
.letrapacifico {
    font-family: 'Pacifico', cursive;
}
.blanco {
    color: #FFFFFF;
    font-size: 60px;
}
.menu {
    position: relative;
   background: #5bc500;
   top: 0px;
    z-index: 1;
    width: 100%;
    
}
.ir-arriba {
    display: inline-block;
    padding: 20px;
    background: #5bc500;
    font-size: 10px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 20px;
    border-radius: 30px 30px 30px 30px;
    z-index: 3;
    -webkit-box-shadow: 10px 10px 50px -2px rgba(100, 221, 23, 1);
    -moz-box-shadow: 10px 10px 50px -2px rgba(100, 221, 23, 1);
    box-shadow: 10px 10px 50px -2px rgba(100, 221, 23, 1);
}
.footercolor {
    background: #1c3643;
}

.cajasystfarma {
padding: auto;  
text-align: center;
background: #e9ecef;
color: #5bc500;  
width: 100%;
height: auto; 
/* box-shadow: 0px 4px 3px rgba(0, 0, 0, .2);
text-shadow: 0px 4px 3px rgba(0, 0, 0, .2); */
text-align: center;
border-radius: 4px ;
}

/* .sombra{
box-shadow: 0px 4px 3px rgba(0, 0, 0, .2);
text-shadow: 0px 12px 12px rgba(0, 0, 0, .2);
} */


.texto {
     
background: blue;


}

.cajaproductos {
        background: #5bc500;
    text-align: center;
    color: #fbfaf6;
    font-family: 'Pacifico', cursive;
    font-size: 5 px;
    border-radius: 4px 4px 4px 4px;
    margin-top: 2px;
    
 }
.margitopproductos {
    margin-top: -10px;
}
.textonegro {
color: #FFFFFF;

}
.verde{
    background: #fff;
    color: #5bc500;
}

.cajasigueme {
    
    display: flex;
    /* alineacion vertical */
    align-items: center;
     /* alineacion horizontal */
    justify-content: center;
    background: #5bc500;
    color: #fff;
    height: auto;
    border-radius: 4px 4px 4px 4px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, .2);  
    
}
p:first-letter {
    font-size: 200%;
    color: #5bc500;
    font-weight: bold;
}
/*animaciones --*/

.retraso-1 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -animation-delay: 1S;
}
.retraso-2 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -animation-delay: 3S;

}
.retraso-3 {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -animation-delay: 5S;

}
.retraso-4 {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -animation-delay: 6S;

}
/* fin animaciones --*/

/* --- Clase que agregaremos cuando el usuario haga scroll  ir arriba--- */

.menus-fixed {
    position: fixed;
    top: 0;
    position: relative;
    z-index: 10000;
    width: 100%;
   /*text-align: center;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, .5);*/
}
.siguenosfooter {
    font-size: 50px;
    color: #FFFFFF;
    text-decoration-color: #CCFF90;
    margin-top: 10px;
}
.footerproyectos {
    color: #fff;
    text-decoration-color: #5bc500;
    margin-top: 10px;
}
.zindexmodal {
z-index: 1000;
}
.espanredes {
  
    text-align: center;
   font-size: 15px;
}

.carushel {
    width: 20px;
    height: 40px;
}
.redesheader {
    font-size: 80px;
    color: #abdd12;
}
.margintop {
    margin-top: 6px;
}
nav ul li a:hover {
    color: rgb(30, 67, 92);
    text-decoration: none;
    background-color: #05d405;
    border-radius: 5px;
    padding: 5px;
}
.centrado {
    text-align: center;
}
footer {
    background: #1c3643;
    color: #fff;
    text-align: center;
    font-size: 16px;
    
}
.pandinicono {
    padding: 5px;
}
footer ul {
    margin-top: 20px;
    text-decoration: none;
}
footer ul li a {
    color: #fff;
    text-decoration: none;
}
footer img {
    margin-top: 10px;
    text-align: center;
    padding: 10px;
    transition-duration: 2s;
}
footer ul li a:visited {
    background-color: #5bc500;
}
footer div i:hover {
    color: #fff;
    text-decoration: none;
    background-color: #5bc500;
    border-radius: 5px;
    padding: 5px;
}
footer ul li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #5bc500;
    border-radius: 5px;
    padding: 2px;
}
.caja {
    width: 500px;
    height: 500px;
    margin: 50px auto;
    padding: 20px;
    background: #fff;
    overflow: auto;
    font-family: 'Open Sans';
    border-radius: 4px;
    color: #abdd12;
}
.caja::-webkit-scrollbar {
    width: 7px;
}
.caja::-webkit-scrollbar-thumb {
    background: #64DD17;
    border-radius: 5px;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
    width: 100%;
    height: 80vh;
    position: relative;
    background: url("../img/intro-carousel/1.jpg") no-repeat;
    background-size: cover;
    background-image: linear-gradient(to right top, #903ec6, #8a34cf, #812ad8, #761fe1, #6712eb);
    background: linear-gradient(to right, #5bc500,#5bc500);
    overflow: hidden;
  }
  .mt{
      margin-top: 30px;

  }
  #intro .intro-content {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    left: 10%;
    z-index: 10;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
  }
  
#intro .intro-content h2 {
    color: #fff;
    margin-bottom: 6px;
    font-size: 26px;
    
    font-weight: normal;
    text-align: center;
  }
  #intro .intro-content h1 {
    color: #fff;

    font-size:48px;
    font-weight: normal;
    text-align: left;
  }
  #intro .intro-content h3 {
    color: #fff;

    font-size:20px;
    font-weight: normal;
    text-align: left;
  }
  #intro .intro-content h2 span {
    color: #fff;
    text-align: left;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .item {
    float: left;
    position: absolute;
    right: 0;
    width: 50%;
    bottom: 97px;
    background: #fff;
    border-radius: 124% 120% 0% 100%;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    border: 7px solid #4ece03;
    border-right: 0;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border-left-width: 25px;
    /* border-bottom: 0; */
}
.item img {
    width: 72%;
    margin-top: 93px;
    margin-left: 83px;
}
@media (max-width: 767px) {
  #intro .intro-content h2 {
    font-size: 20px;
    padding: 0;
    margin-top: 2px;
  }
  #intro .mensaje {
      font-size: 16px;
      margin-right: auto;
      color: rgb(54, 51, 51);
       margin-left: auto;
      
  }
  
  
  #intro .intro-content h1 {  

    font-size:30px;
    font-weight: normal;
    text-align: center;
  }
  #intro{
    font-size: 22px;
    padding: 0;
     height: 60vh;
     margin: auto;
  }
  #intro .intro-content{
      margin: auto;
  }
  .item {
    float: left;
    position: absolute;
    right: 0;
    width: 50%;
    top: 241px;
    
  }
  .item img {
    width: 82%;
    margin-top: 52px;
    margin-left: 25px;
   
}
}