/* Enter Your Custom CSS Here */
/* 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: rgb(232, 185, 131);
}

/* 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 #E0DEDE;
}
.focus-box:nth-child(4n+2) .service-icon:hover {
    border: 10px solid #E0DEDE;
}
.focus-box:nth-child(4n+3) .service-icon:hover {
    border: 10px solid #E0DEDE;
}
.focus-box:nth-child(4n+4) .service-icon:hover {
    border: 10px solid #E0DEDE;
}


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

/* testimonios color*/
.testimonial {
    background: rgb(216, 172, 106);
}

/* Elevator pitch color*/
.separator-one {
    background: rgba(22, 162, 65, 0);
    padding: 100px 0 100px 0;
}
/* Como funciona fondo color*/
.about-us {
    background: #c3c0c0;
    color: #FFF;
}

/* Font tamaño elevator pitch*/
h3 {
    font-size: 20px;
}

/* Color fons footer*/
#footer {
    background: #c3c0c0;
    line-height: 20px;
}

/* Color botons enviar mensaje y suscríbete*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #d8ac6a;
}

/* Color botons enviar mensaje y suscríbete al passar per sobre*/
?sccss=1&ver=4.7.2:130
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #a1a1a1;
}


/* Color text footers*/
.footer-widget-wrap .widget {
    color: #fff;
    padding-bottom: 30px;
}


/* Color font como funciona*/
.skills .skill p {
    color: #888787;
}


/* Color comillas testionios text*/
.red-text {
    color: #d8ac6a;
}

/* text blanc títul pàgina*/
.entry-title, .entry-title a, .widget-title, .widget-title a {
    font-size: 0;
    line-height: 0;
    color: #ffffff;
}


/* Color de las lineas debajo de los títulos de las páginas y widgets*/
.entry-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.widget .widget-title:before {
    width: 0%;
    height: 0px;
    background: #d8ac6a;
    bottom: 0px;
    left: 0;
}

.entry-title:after {
    width: 0%;
    height: 0px;
    background: #d8ac6a;
    bottom: 0px;
    left: 0;
}


/* Color títol footers*/
.footer-widget-wrap .widget .widget-title {
    color: #757171;
}

/* Color lletra copyraight*/
.copyright p {
    margin-bottom: 0;
    color: #0c0c0c;
}

/* Color fons copyright*/
.copyright {
    padding-top: 68px;
    padding-bottom: 68px;
    background: #c6c3c3;
}