/*!
Template :	AppsLand @by Softnio
Preset   :	Royel Teal
Version	 :	1.3.1
Updated	 :	10.22.2018
*/
.active .steps h4,
.heading span,
.box-icon .fa,
.box-icon .ti,
.video-play,
.video-play:hover,
.video-play:focus,
.owl-theme .owl-nav [class*=owl-],
.single-features .ti,
.single-features .fa,
.contact-form h3,
.contact-info h6 .fa,
.footer-navigation li a:hover,
.social-list li a:hover,
.owl-theme .owl-nav [class*="owl-"]:hover,
.footer-links li a:hover {
    color: #00ce97;
}

.pricing-bottom .ti-check {
    color: #00d578;
}

.pricing-bottom .ti-close {
    color: #de0000;
}

.owl-theme .owl-dots .owl-dot span:after,
.affix .navbar-default .navbar-toggle,
.affix .navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    border-color: #354a5f;
}

.primary-bg {
    background: #354a5f;
}

.secondary-bg {
    background: #01DBB0;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.affix .navbar-default .navbar-toggle,
.affix .navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: #354a5f;
}

.button {
    background: #00ce97;
}

.button:hover {
    background: #354a5f;
}

.button-2 {
    background: #354a5f;
}

.button-2:hover {
    background: #1c2631;
}

.btn-sm {
    padding: 0 30px;
    font-size: 12px;
    text-transform: uppercase;
}

.header-texts .button {
    background: #00ce97;
    color: #fff;
}

.header-texts .button:hover {
    background: #fff;
    color: #00ce97;
}

.button.button-transparent {
    background: transparent;
}

.button.button-transparent:hover {
    background: #fff;
    color: #00ce97;
    border-color: #fff;
}

.navbar-default .navbar-nav>li>a.button,
.navbar-default .navbar-nav>li>a.button:focus {
    border: 2px solid #00ce97;
    background: #00ce97;
}

.navbar-default .navbar-nav>li>a.button:hover {
    color: #00ce97;
}

.affix .navbar-default .navbar-nav>li>a.button:hover,
.affix .navbar-default .navbar-nav>li.active>a.button,
.affix .navbar-default .navbar-nav>li.active>a.button:focus {
    color: #00ce97;
    border-color: #00ce97;
}

.header-section.gradiant-background {
    background-image: url('../img/kids-background.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.header-section.gradiant-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Negro al 50% de opacidad */
    z-index: 1;
}

.bg-gradiant.mfp-bg,
.box-icon,
.team-member .team-photo:after {
    background-image: -o-linear-gradient(157deg, #01DBB0 0%, #354a5f 100%);
    background-image: linear-gradient(293deg, #01DBB0 0%, #354a5f 100%);
}

.meta-heading {
    color: #01DBB0;
    margin-bottom: 5px;
}

.feature-col .icon {
    background: #EFFFFC;
    color: #01DBB0;
}

.button.alt {
    background: #fff;
    color: #01DBB0;
}

.button.alt:hover {
    background: #F93D66;
    color: #fff;
}

.button.light {
    background: #EFFFFC;
    color: #01DBB0;
}

.button.light:hover {
    background: #01DBB0;
    color: #fff;
}

.bg-circle .small,
.bg-circle .big {
    background: #EFFFFC;
}

.bg-circle .big:before {
    background-image: -o-linear-gradient(157deg, #fff 0%, #354a5f 100%);
    background-image: linear-gradient(157deg, #fff 0%, #354a5f 100%);
}

.bg-circle .big:after {
    background-image: -o-linear-gradient(157deg, #fff 0%, #01DBB0 100%);
    background-image: linear-gradient(157deg, #fff 0%, #01DBB0 100%);
}

.pricing-box.alt h5 {
    color: #01DBB0;
}

@media only screen and (max-width: 991px) {

    .navbar-default .in .navbar-nav>li>a:hover,
    .navbar-default .in .navbar-nav>li>a:focus,
    .affix .navbar-default .navbar-nav>li>a:hover,
    .affix .navbar-default .navbar-nav>li>a:focus,
    .affix .navbar-default .navbar-nav>.active>a,
    .affix .navbar-default .navbar-nav>.active>a:hover,
    .affix .navbar-default .navbar-nav>.active>a:focus {
        background: #354a5f;
    }

}



/* Control botones flotantes */
/* Control botones flotantes */
.cont_redes {
    cursor: pointer;
    position: fixed;
    width: 65px;
    height: 65px;
    border: 4px solid #dbd5d5;
    bottom: 28px;
    right: 25px;
    border-radius: 50%;
    background: linear-gradient(45deg, rgba(32, 149, 141, .8), rgba(4, 36, 227, .8));
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    animation: pulse-animation 1.5s infinite;
}

/* Animación de ondas */
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(32, 149, 141, 0.8);
    }

    50% {
        box-shadow: 0 0 0 15px rgba(32, 149, 141, 0.2);
    }

    100% {
        box-shadow: 0 0 0 25px rgba(32, 149, 141, 0);
    }
}

.cont_redes span {
    color: #fff;
    font-size: 33px;
    display: inline-flex;
}

/* Estilos iniciales ocultos */
.circ_social {
    display: none;
    cursor: pointer;
    width: 55px;
    height: 55px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    opacity: 0;
    left: 0px;
    transition: left .5s, opacity .5s linear;
}

/* Cuando el menú está activo, se muestran los iconos */
 .cont_redes.active .circ_social {
    display: flex;
    opacity: 1;
}

/* Apariencia de los iconos */
.circ_social span {
    font-size: 18px;
    position: relative;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

/* Colores de cada botón */
.circulo1 span {
    background-color: #37579b;
}

.circulo2 span {
    background-color: #fd00ff;
}

.circulo3 span {
    background-color: #35b43b;
}

/* Activación de los botones al hacer clic */
.cont_redes.active .circ_social {
    opacity: 1;
}

.cont_redes.active .circulo1 {
    left: -65px;
}

.cont_redes.active .circulo2 {
    left: -190px;
}

.cont_redes.active .circulo3 {
    left: -127px;
}

.cont_redes.active .circulo4 {
    top: -65px;
}

.cont_redes.active .circulo5 {
    top: -128px;
}

.cont_redes.active .circulo6 {
    top: -190px;
}

.circulo4 span {
    /* background-color: #fd0e0e; */
    background-color: #35b43b;
}

.circulo5 span {
    background-color: #0077B5;
}

.circulo6 span {
    background-color: #1DA1F2;
}


/* Efecto de rotación */
.circ_social:hover span {
    transform: rotateZ(360deg);
    transition: all .5s;
    animation: pulse-animation 1.5s infinite;
}