@charset "UTF-8";

body{
	font-family: 'Quicksand', sans-serif;
	margin: 0;
	padding: 0;
}

.bg-light {
    
}

.img-fluid{
	width: 100%;
	
}



.logotipo{
    width: 200px;
	height: auto;
}

.slider{
	width: 100%;
	height: 400px;
	background-position: right bottom;
	background-size: cover;
}

.alturas{
	margin-top: 50px;
	margin-bottom: 50px;
}

.alturas-proyectos{
	margin-bottom: 25px;
}

.alturas-img{
	margin-bottom: 5px;
}

.alturas-texto{
	margin-top: 50px;
}


.margen{
	content: center;
}

.slider-somos{
	width: 100%;
	background-image: url(../image/slider-productos.jpg);
	background-position: center;
	background-size: cover;
	color: #FFFFFF;
	padding: 100px 30px;
}

.iconos-somos{
	width: 120px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.bg-light {
    
}

.navbar-toggler {
    border: 1px solid #008E36;
}

.navbar-toggler-icon {
    background-image: url(../image/descarga.svg);
}

.btn-warning {
    color: #f5faff;
    background-color: #008E36;
    border-color: #008E36;
}

.btn{
	border-radius: 50px;
	padding-left: 20px;
	padding-right: 20px;

}

footer{
	background-color: #008E36 ;
}

.logotipo{
	width: 200px;
}


.carousel-indicators li {

    background-color: #000000;
}
.carousel-indicators .active {
    background-color: #008E36;
}

.container-fluid {
    
}
.container-fluid-footer{
	color: #FFFFFF;
    background-color: #727272;
}

.btn-outline-success {
    color: #FFFFFF;
    background-color:#000000;
    background-image: none;
    border-color: #008E36;
}

i{
	color: #000000;
	margin-left: 5px;
	margin-right: 5px;
}

a{
	color: #008E36;
}

h7{
	font-size: 15px;
}

h3{
	color: #008E36;
	margin-top: 20px;
	font-size: 15px;
	
}



.footer-p{
	color: #FFFFFF;
}

p{
	color: #008E36;
	font-family: 'Quicksand:700', sans-serif;
	font-size: 12px;
}



.container-video{
	width: 100%;
	height: 400px;
	background-color: gray;
	
}

h4{
	color:#008E36;
	
}

.text-alt{
	width: 40px;
}

h5{
	background-color: #008E36;
	color:#FFFFFF;
	font-size: 22px;
	width: 100%;
	height: 55px;
	
}

h6{
	background-color: #008E36;
	color:#FFFFFF;
	font-size: 45px;
	
}

.btn-green{
	color: #008E36;
	width: 120px;
	height: 50px;	
}

.p-maps{
	color: #FFFFFF;
}


.p-somos{
	color: #000000;
}

.dark-prod {
    background-image: url(../image/productos-dark.jpg);
    background-size: cover;
    width: 100%;
    color: #FFFFFF;
    padding: 200px 0;
}

.btn-c{
	background-color: #3FC0F0;
	
}

.p-premium{
	color: #FFFFFF;
	font-size: 20px;
}



nav.navbar.navbar-expand-lg.sps.sps--abv {
	background-color: #FFFFFF;
	transition: all .5s ease;
}

nav.navbar.navbar-expand-lg.sps.sps--abv .logotipo {
	width: 200px;
	height: auto;
	transition: all .5s ease;
	background: #FFFFFF;
}

nav.navbar.navbar-expand-lg.sps.sps--blw {
    position: fixed;
    z-index: 100;
    width: 100%;
	background-color: #FFFFFF;
    box-shadow: 0 0 8px #00000070;
	transition: all .5s ease;
}

.nav-item.active {
    border-bottom: 2px inset #008E36;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.cuadros {
    background-color: #9EDF91;
	color: #FFFFFF;
}

.navidad{
	color: #C70003;
	
}

.solares{
	color: #FF8202;
	
}

.accesorios{
	color: #C4325B;
	
}

.jengibre{
	color: #D17100;
	
}

.aloevera{
	color: #0EA387 ;
	
}

.frambuesa{
	color: #BE0C6D;
	
}

.limon{
	color: #A4C72F;
	
}

.maqui{
	color: #6B246F;
	
}

.mineral{
	color: #184F78;
	
}

.natural{
	color: #008E36;
	
}

.light{
	color: #008E36;
	
}

::after, ::before {
    box-sizing: border-box;
}

.d-block {
    display: block!important;
}

element.style {
    visibility: visible;
    animation-name: pulse;
}
.pulse {
 	webkit-animation-name: pulse;
    animation-name: pulse;
}



entreparentesis bajo el texto
<h7><em class="aloevera">(Especial día del niño)</em></h7>