/* 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;
}