 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 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 negro*/
  .about-us {
    background: #abdeca;
    color: #FFF;
}
.separator-one .text {
    
    text-align: left;
}
.entry-title:after {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 100%;
    height: 2px;
    background: #e96656;
    bottom: -9px;
    left: 0;
}
.about-us p {
    text-align: left;
    color: #666;
    font-size: 14px;
    line-height: 25px;
}
.skills .skill p {
    line-height: 20px;
    font-size: 14px;
    color: #666;
}
.testimonial {
    background: #4083a7;
}
{
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 100%;
    height: 2px;
    background: #e96656;
    bottom: 0px;
    left: 0%;
    display: block;
}
.about-us {
    background: #b0c1ea;
    color: #FFF;
}
                        /* Color de las lineas debajo de los títulos de las páginas y widgets*/
.entry-title {
    margin-top: 30px;
    margin-bottom: 40px;
}
/* Ajustar el color de testimonios*/
.testimonial {
    background: rgba(64, 131, 167, 0.05);
}
.separator-one {
    background: rgba(92, 239, 228, 0.77);
    padding: 100px 0 100px 0;
}
.about-us {
    background: #37bdbb;
    color: #FFF;
}
/* Color de las lineas debajo de los títulos de las páginas y widgets*/
.entry-title {
    margin-top: 30px;
    margin-bottom: 40px;
}

.widget .widget-title:before {
    width: 100%;
    height: 2px;
    background: #ffc929;
    bottom: -9px;
    left: 0;
}