@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


/******************************************/
/*********** Sliders 14/04/2020 ***********/
/*************** BioGelCoat ***************/
/******************************************/

#hormiga-biogelcoat .banner-breadcrumb {
    margin-bottom: -40px;

}


#ficha-biogelcoat {
    background: url(../img/slide_biogelcoat.jpg) top center no-repeat;
    background-size: cover;
    padding: 70px 0 110px;
}

#ficha-biogelcoat h1 {
    font-family: 'Kanit', sans-serif;
    color: #ff5e18;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    font-size: 3.5em;
}

#ficha-biogelcoat h2 {
    text-align: center;
    margin-top: 1em;
    font-family: 'Kanit', sans-serif;
    color: #008ea1;
    font-size: 2em;
    line-height: 0;
    font-style: italic;
}

#ficha-biogelcoat h3 {
    text-align: center;
    margin-top: 1em;
    font-family: 'Kanit', sans-serif;
    color: #008ea1;
    font-size: 1.2em;
    line-height: 1.5em;

}

#ficha-biogelcoat h4 {
    text-align: center;
    color: #008ea1;
    line-height: 2.5em;
    font-style: italic;
    font-size: 1.2em;

}

#ficha-biogelcoat .img-biogelcoat {

}

#ficha-biogelcoat .logo-biogelcoat {

}

#caja-biogelcoat {
    background-color: #ff5e18;
    height: inherit;
}


#caja-biogelcoat .caja-biogelcoat {
    top: -90px;
}

#como-funciona {
    background-color: #fff;
    padding: 60px 0;
    margin-top: -60px;
    background: url(../img/slide_biogelcoat.jpg) top center no-repeat;
    background-size: cover;
}


#quees {
    padding: 90px 0 70px;
    height: inherit;
}

#grafico-biogelcoat {
    padding: 90px 0 60px;
    background: url(../img/slide_biogelcoat.jpg) top center no-repeat;
    background-size: cover;
}

#grafico-biogelcoat .titulos-2 {
    font-size: 38px;
    color: #008ea1
}

#grafico-biogelcoat .titulos-2::after {
    background: #ff5e18;
}

#grafico-biogelcoat .fuente-biogelcoat {
    text-align: right;
    color: #008ea1;
    font-style: italic;
}

#grafico-biogelcoat h4 {
    font-family: 'Kanit', sans-serif;
    color: #ff5e18;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center
}


/*Escritorio*/
@media (min-width: 992px) {
    .ficha-biogelcoat .img-biogelcoat {
        margin-top: -40px;
    }

    .ficha-biogelcoat .logo-biogelcoat {
        width: 300px;
        margin-top: 10px;
    }

    .ficha-biogelcoat h3 {
        margin-bottom: 120px;
    }
}

/*Mobile*/
@media (max-width: 991px) {
    #ficha-biogelcoat {
        padding: 20px 0 100px;
    }

    #ficha-biogelcoat h1 {
        font-size: 2em;
    }

    #ficha-biogelcoat h2 {
        font-size: 1.5em;
        line-height: 1;
        margin-top: 0;
    }

    #ficha-biogelcoat h4 {
        line-height: 1;
        font-size: 1em;
    }

    .logo-biogelcoat {
        width: 60%;
        margin-top: 20px;
    }

    #ficha-biogelcoat h3 {
        font-size: 1em;
        line-height: 1.2em;
    }

    #caja-biogelcoat {
        background-color: transparent;
        height: inherit;
        margin-top: -90px;
    }

    #caja-biogelcoat .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    #como-funciona {
        padding: 90px 0 45px;
    }

    #grafico-biogelcoat .titulos-2 {
        font-size: 24px;
    }

    #grafico-biogelcoat .titulos-2::after {
        margin-top: 7px;
    }

    #grafico-biogelcoat .fuente-biogelcoat {
        font-size: .7em;
    }

    #quees {
        padding: 40px 0 35px;
    }

    #grafico-biogelcoat {
        padding: 40px 0 30px;
    }

    #paraque {
        padding: 40px 0 30px;
        height: auto;
    }
}


/*Mobile pequeño*/
@media (max-width: 330px) {
    .menu-spencer-mobile .ver-producto {
        display: none
    }
}


.slide-biogelcoat {
    height: inherit;

}


/******************************************/
/*********** BioGelCoat 19/05/2020 ***********/

/******************************************/

@media (max-width: 991px) {
    #ficha-biogelcoat h1 {
        font-size: 1.2em;
    }
}