body{
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
}
.contenedor-azul{
    background-color:#006d77;
    background: #006d77  url('../img/call-bg.png') top right/cover no-repeat scroll;
}
.contenido-farmacia{
    background: #f8f2f1;
}
.card-servicio:hover{
    background-color: #006d77 ;
}
.card-servicio:hover p, .card-servicio:hover h5{
    color: #fff !important;
}
.container-colores{
    background:url('../img/programa_colores.png') top right/cover no-repeat scroll;
}
.contenedor-programa{
    width: 80%;
    margin: auto;
}
.text-azul{
    color: #006d77  !important;
}

.text-plomo{
    color: rgb(63, 63, 63);
}
.contenedor-plomo{
    background-color: #ecf1f8;
}
.contenedor-direccion{
    position: absolute;
    left:10px;
    top: 10%;
    width: 600px;
    background-color: #fff;
}

.contenido-redes{
    background-color: #8b5d4c;
}
.border-right{
    border-right: 1px solid #fff;
}
.lista-redes{
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    padding: 3px 8px;
    text-decoration: none;
    margin: 0px 3px;
    color: #006d77;
}
.contenedor-direccion .circulo{
    border:1px solid #006d77 ;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 1px;
    float: left;
    margin-right: 10px;
}
.numero-pasos{
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    color:#006d77  ;
    width: 50px;
    height: 50px;
    padding: 8px 5px;
    text-align: center ;
    font-size: 20px;
    margin-right: 10px;
}
.imagen-servicios{
    width: 70%;
    margin: auto;
}
.titulo-primary{
    color: #006d77 !important;
    font-family: 'Lato', sans-serif;
    font-size: 40px;
}

.titulo-frase{
    font-size: 35px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
}

.nav-link{
    color: #006d77  !important;
}

.nav-tabs .nav-link{
    color: #fff !important;
    background-color: #006d77 ;
}

.nav-tabs .nav-link-quienes{
    background: #006d77 ; 
    color: #fff;
    text-decoration: none;
}

.nav-tabs .nav-link-psicosocial{
    background: #83c5be ; 
    color: #fff;
    text-decoration: none;
}
.nav-tabs .nav-link-relacional{
    background: #ffddd2 ; 
    color: #fff;
    text-decoration: none;
}
.nav-tabs .nav-link-espiritual{
    background: #e29578 ; 
    color: #fff;
    text-decoration: none;
}

.nav-tabs .active{
    color: #006d77  !important;
    background-color: #fff;
}


.content-testimonio{
    width: 60%;
    margin: auto;
}
.text-justify{
    text-align: justify;
}

.whatsapp {
    position: absolute;
    top: 80%;
    right: 30px;
    background: #25d366;
    border: 1px solid #25d366;
    border-radius: 50%;
    padding: 5px 15px;
    float: left;
    position: fixed;
    z-index: 9999999999;
}

.whatsapp a{
    color: #fff;
    font-size: 40px;
}

.f-42{
    font-size: 42px !important;
}

.f-26{
    font-size: 26px !important;
}

.f-24{
    font-size: 24px !important;
}
.f-22{
    font-size: 22px !important;
}

.f-20{
    font-size: 20px !important;
}
.f-18{
    font-size: 18px !important;
}
.f-16{
    font-size: 16px !important;
}

.f-14{
    font-size: 14px !important;
}


.f-12{
    font-size: 12px !important;
}

.f-10{
    font-size: 10px !important;
}

.f-8{
    font-size: 8px !important;
}

@media (max-width: 576px) { 
    .whatsapp{
        top:80%;
    }
    .content-testimonio{
        width: 100%;
    }
    .contenedor-direccion{
        position: relative;
        left:0px;
        top:0%;
        width: 100%;
    }
    .nav-tabs .nav-link-quienes{
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-tabs .nav-link-psicosocial{
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-tabs .nav-link-relacional{
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-tabs .nav-link-espiritual{
        width: 100%;
        margin-bottom: 10px;
    }
}