/* Escalar la imagen de fondo */
body.custom-background {
    background-size: 100%;
}

/* Regular el color que tiñe la imagen principal*/
.header, .header-content-wrap, .contact-us {
   background: rgba(0, 0, 0, 0.1);
}
/* Regular el color del texto del banner principal*/
.intro-text {
    color: #FFF;
    text-shadow: 2px 2px 8px #222;
}

/* Color del bloque de la primera llamada a la atención*/
.separator-one {
    background: rgba(22, 162, 65, 0.61);
    padding: 100px 0 100px 0;
}
/* Color del boton de la primera llamada a la atención*/
.separator-one .green-btn {
    background: #14a168;
}

/* Color del bloque de la segunda llamada a la atención*/
.purchase-now {
    background: rgba(22, 162, 65, 0.61);
    padding-top: 70px;
    padding-bottom: 70px;
}
/* Color del boton de la segunda llamada a la atención*/
.purchase-now .red-btn {
    float: right;
    background: #14a168;
}

/* Alineación de los textos e iconos del footer*/
.footer-widget-wrap .widget {
    text-align: left;
}

/* Color de los links visitados de la web*/
a:visited {
    color: #FF680A;
}

/* Ajustar el alto del footer*/
.company-details {
    color: #939393;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Ajustar el color de testimonios*/
.testimonial {
    background: #d27700;
}

/* Ajustar el color bloc negre*/
.about-us {
    background: #05002B;
    color: #FFF;
}

/* Color y forma de los Circulos*/
.focus-box .service-icon {
    border-radius: 50%;
    border: 10px solid #ececec;
}

/* Color de los círculos al pasar por encima*/
.focus-box:nth-child(4n+1) .service-icon:hover {
    border: 10px solid #e96656;
}
.focus-box:nth-child(4n+2) .service-icon:hover {
    border: 10px solid #34d293;
}
.focus-box:nth-child(4n+3) .service-icon:hover {
    border: 10px solid #3ab0e2;
}
.focus-box:nth-child(4n+4) .service-icon:hover {
    border: 10px solid #f7d861;
}

/* Linia debajo de los circulos*/
.focus-box:nth-child(4n+1) .red-border-bottom:before {
    background: #e96656;
}
.focus-box:nth-child(4n+2) .red-border-bottom:before {
    background: #34d293;
}
.focus-box:nth-child(4n+3) .red-border-bottom:before {
    background: #3ab0e2;
}
.focus-box:nth-child(4n+4) .red-border-bottom:before {
    background: #f7d861;
}

/* Fondo del Bloque Que Aporta el Programa */
.about-us {
    background: #324e67;
    color: rgba(236, 147, 8, 0.87);
}

/* Fondo del Bloque Testimonios */
.testimonial {
    background: rgb(102, 102, 102);
}

/* Fondo del Bloque Llamada Atencion 2 */
.purchase-now {
    background: rgba(234, 198, 11, 0.81);
    padding-top: 70px;
    padding-bottom: 70px;
}

/* Color texto que aporta beneficios */

.about-us p {
    text-align: left;
    color: rgb(242, 242, 242);
    font-size: 14px;
    line-height: 25px;
}

/* Regular el color del texto del subtitol del banner principal*/
.intro-subtitle-text {
    color: #FFF;
    text-shadow: 2px 2px 8px #222;
}