.verde, h3.verde {
    color: #325e42
}

h2.verde {
    color: #315c41
}

.bg-transparent {
    background-color: transparent;
}
.odometer-formatting-mark {
    display: none;
}
.bg-verde-imagen {
    background-size: cover;
    background-color: #8CC44E;
}

.bg-verde-oscuro {
    background-color: #315C41 !important
}

.text-verde {
    color: #8cc44e
}

.btn-success, .btn-verde {
    background-color: #8cc44e !important;
}

.btn-success:hover, .btn-verde:hover {
    background-color: #315C41;
}

.overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    background-color: #315C41;
    opacity: 0.88;
}

.bg-verdeclaro {
    background-color: #8CC44E
}

.link-verde {
    text-decoration: none;
    color: #98C25F
}

.link-verde:hover {
    color: #fff;
}

hr {
    opacity: 1;
    display: block;
    border: 0;
    width: 100%;
    /* border-color: 1px solid #8CC44E; */
    background-color: #8cc44e;
    height: 2px;
}

footer hr {
    width: 30%;

}

.bg-verde-oscuro {
    background-color: #315C41;
}


.odometer {
    font-size: 50px;
    font-weight: bold;
}

.odometer-digit {
    padding-right: 2px;
}

.odometer-inside {
    white-space: nowrap;
}

.contador {
    /* background: -webkit-linear-gradient(90deg, #000 2%, rgba(0, 0, 0, 0.10) 100%), url('../images/fondo-parallax.jpg'); */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contador-texto {
    font-size: 16px;
    font-weight: 900
}


#myCarousel .carousel-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.caption-animate .carousel-item.active .carousel-caption {
    left: 0%;
    top: 25vh;
    bottom: auto;
    margin-top: 5%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    text-shadow: 1px 2px 3px #333;
}

.caption-animate .carousel-item.active .carousel-caption.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.caption-animate .carousel-item.active .carousel-caption.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.caption-animate .carousel-item.active .carousel-caption.flipOutX,
.caption-animate .carousel-item.active .carousel-caption.flipOutY,
.caption-animate .carousel-item.active .carousel-caption.bounceIn,
.caption-animate .carousel-item.active .carousel-caption.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.caption-animate .carousel-item .carousel-caption.fadeIn,
.caption-animate .carousel-item .carousel-caption.fadeInDown,
.caption-animate .carousel-item .carousel-caption.fadeInDownBig,
.caption-animate .carousel-item .carousel-caption.fadeInLeft,
.caption-animate .carousel-item .carousel-caption.fadeInLeftBig,
.caption-animate .carousel-item .carousel-caption.fadeInRight,
.caption-animate .carousel-item .carousel-caption.fadeInRightBig,
.caption-animate .carousel-item .carousel-caption.fadeInUp,
.caption-animate .carousel-item .carousel-caption.fadeInUpBig {
    opacity: 0;
}

#myCarousel .carousel-item .container {
    position: relative;
}

.caption-animate .carousel-item.active .carousel-caption.right {
    left: auto;
    right: 0;
}

#myCarousel .carousel-item {
    height: 80vh;
}


@media (min-width: 780px) {
    .odometer-digit {
        color: #fff0;
        -webkit-text-stroke: 1px #fff;
    }

    #myCarousel .carousel-caption {
        max-width: 53%;
    }

    #myCarousel .carousel-caption h2 {
        font-size: 46px;
        line-height: 1em;
    }

}

@media (min-width: 40em) {
    #myCarousel .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

}