@charset "utf-8";
/* CSS Document */

.text-primary {color: rgba(23,23,23,1.00)!important;}
.text-secondary {color: #B39435!important;}
.text-green {color: #00401c!important;}
.text-brown {color: #402500!important;}
.text-gold {color: rgba(169,139,50,0.49)!important;}



/*backgrounds*/


.bg-primary {background-color: #9A802E !important; }
.bg-secondary {
    background-color: #2C1900 !important;
}
.bg-jacobs {
    background-image: -webkit-linear-gradient(0deg,rgba(179,148,53,0.80) 64.77%,rgba(240,196,57,0.85) 74.09%,rgba(236,214,146,0.85) 81.87%,rgba(179,148,53,0.80) 90.16%);
    background-image: -moz-linear-gradient(0deg,rgba(179,148,53,0.80) 64.77%,rgba(240,196,57,0.85) 74.09%,rgba(236,214,146,0.85) 81.87%,rgba(179,148,53,0.80) 90.16%);
    background-image: -o-linear-gradient(0deg,rgba(179,148,53,0.80) 64.77%,rgba(240,196,57,0.85) 74.09%,rgba(236,214,146,0.85) 81.87%,rgba(179,148,53,0.80) 90.16%);
    background-image: linear-gradient(90deg,rgba(179,148,53,0.80) 64.77%,rgba(240,196,57,0.85) 74.09%,rgba(236,214,146,0.85) 81.87%,rgba(179,148,53,0.80) 90.16%);
}

.bg-shadow {
    background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(0,39,17,0.00) 24.35%,rgba(0,39,17,0.00) 40.93%,rgba(0,0,0,1.00) 98.96%);
    background-image: -moz-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(0,39,17,0.00) 24.35%,rgba(0,39,17,0.00) 40.93%,rgba(0,0,0,1.00) 98.96%);
    background-image: -o-linear-gradient(0deg,rgba(0,0,0,1.00) 0%,rgba(0,39,17,0.00) 24.35%,rgba(0,39,17,0.00) 40.93%,rgba(0,0,0,1.00) 98.96%);
    background-image: linear-gradient(90deg,rgba(0,0,0,1.00) 0%,rgba(0,39,17,0.00) 24.35%,rgba(0,39,17,0.00) 40.93%,rgba(0,0,0,1.00) 98.96%);
    background-blend-mode: multiply;
}

.bg-dots-navi {
    background-image: url(../images/swirl-desktop-topstories.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-blend-mode: lighten;
    background-size: 50% auto;
}
.bg-home  {
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,1.00);
    background-image: url(../images/1200/jacobs-cafitesse-suuriin-kahvituksiin.webp);
}

.bg-davinci-tuotekuvat
{
    background-image: -webkit-linear-gradient(45deg,rgba(24,24,24,1.00) 35.75%,rgba(79,79,79,1.00) 67.35%,rgba(24,24,24,1.00) 86.53%);
    background-image: -moz-linear-gradient(45deg,rgba(24,24,24,1.00) 35.75%,rgba(79,79,79,1.00) 67.35%,rgba(24,24,24,1.00) 86.53%);
    background-image: -o-linear-gradient(45deg,rgba(24,24,24,1.00) 35.75%,rgba(79,79,79,1.00) 67.35%,rgba(24,24,24,1.00) 86.53%);
    background-image: linear-gradient(45deg,rgba(24,24,24,1.00) 35.75%,rgba(79,79,79,1.00) 67.35%,rgba(24,24,24,1.00) 86.53%);
    color: #FFFFFF;
}
.bg-davinci-tuotekuvat li {
    color: #FFFFFF
}

.bg-davinci-ravintosis
{
    color: #FFFFFF;
    background-color: #353535;
}
.bg-davinci-ruudukko
{
    color: #FFFFFF;
    background-color: #353535;
    padding-top: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
padding-bottom: 1rem;
}
.bg-black
{
    color: #FFFFFF;
    background-color: #000000;
    padding-top: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
padding-bottom: 1rem;
}

.bg-black80
{
    color: #FFFFFF;
    background-color: #282828;
    padding-top: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
padding-bottom: 1rem;
}
.bg-black90
{
    color: #FFFFFF;
    background-color: #1A1A1A;
    padding-top: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 768px) {

.bg-davinci-ruudukko img, .bg-black img, .bg-black80 img, .bg-black90 img
{
    padding-right: 4rem;
    padding-left: 4rem;
    margin-bottom: 1rem;
    }}

.bg-davinci-ravintosis h5
{
    color: #FFFFFF;
}

.sokeriton
{
    background-color: rgba(87,132,195,1.00);
    color: #ffffff;
    font-weight: 600;
    font-size: 90%;
    padding: 0.2rem;
}
.sokeriton-pieni {
    background-color: rgba(87,132,195,1.00);
    color: #ffffff;
    font-weight: 600;
    font-size: 50%;
    padding: 0.2rem;
    float: right;
    top: 5%;
    right: 5%;
    position: absolute;
}
.siirappiuutuus
{
    background-color: rgba(194,110,14,1.00);
    color: #ffffff;
    font-weight: 600;
    font-size: 90%;
    padding: 0.2rem;
}
.siirappiuutuus-pieni {
    background-color: rgba(194,110,14,1.00);
    color: #ffffff;
    font-weight: 600;
    font-size: 50%;
    padding: 0.2rem;
    float: right;
    top: 5%;
    right: 5%;
    position: absolute;
}
.touch-100 {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    background-image: url(../images/800/cafitesse-quantum-touch-100-kahvikone-novacafi.webp);
    font-weight: 900;
    text-shadow: 0px 0px 5px rgba(51,42,13,1.00);
    color: rgba(255,255,255,1.00);
}

.bg-p90 {
    background-color: rgba(154,128,46,0.90);
}
.bg-p80 {
    background-color: rgba(154,128,46,0.80);
}
.bg-p70 {
    background-color: rgba(154,128,46,0.70);
}
.bg-p60 {
    background-color: rgba(154,128,46,0.60);
}
.bg-p50 {
    background-color: rgba(154,128,46,0.50);
}
.bg-p40 {
    background-color: rgba(154,128,46,0.40);
}
.bg-p30 {
    background-color: rgba(154,128,46,0.30);
}
.bg-p20 {
    background-color: rgba(154,128,46,0.20);
}
.bg-p10 {
    background-color: rgba(154,128,46,0.10);
}

.bg-w90 {
    background-color: rgba(255,255,255,0.90);
}
.bg-w80 {
    background-color: rgba(255,255,255,0.80);
}
.bg-w70 {
    background-color: rgba(255,255,255,0.70);
}
.bg-w60 {
    background-color: rgba(255,255,255,0.60);
}
.bg-w50 {
    background-color: rgba(255,255,255,0.50);
}

.bg-w40 {
    background-color: rgba(255,255,255,0.40);
}
.bg-w30 {
    background-color: rgba(255,255,255,0.30);
}
.bg-w20 {
    background-color: rgba(255,255,255,0.20);
}
.bg-w10 {
    background-color: rgba(255,255,255,0.10);
}
.bg-w80-sis {
    background-color: rgba(255,255,255,0.80);
    background-repeat: no-repeat;
    background-clip: content-box;
}
.bg-paperi {
    background-image: url(../images/2000/background.webp);
    background-position: center center;
    background-size: contain;
}
.bg-paperiw80 {
    background-image: url("../images/2000/background.webp");
    background-position: center center;
    background-size: 95% 95%;
    background-clip: padding-box;
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    background-repeat: no-repeat;
}
.bg-revitty_paperi {
    background-image: url(../images/800/paperi-pohja-valkoinen.webp);
    background-position: center center;
    background-size: 95% 95%;
    background-clip: padding-box;
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    background-repeat: no-repeat;
}

.bg-offshore  {
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-offshore.jpg);
    background-image: -moz-linear-gradient(90deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-offshore.jpg);
    background-image: -o-linear-gradient(90deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-offshore.jpg);
    background-image: linear-gradient(0deg,rgba(0,0,0,0.60) 0%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-offshore.jpg);
    background-position: center bottom;
    background-size: cover;
    text-shadow: 0px 0px 20px rgba(0,0,0,1.00);
}
.bg-ravintola  {
    background-position: center bottom;
    background-size: cover;
    text-shadow: 0px 0px 10px rgba(255,255,255,1.00);
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.70) 54.92%,rgba(223,216,205,0.70) 100%), url(../images/800/bg-ravintolat.jpg);
    background-image: -moz-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.70) 54.92%,rgba(223,216,205,0.70) 100%), url(../images/800/bg-ravintolat.jpg);
    background-image: -o-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.70) 54.92%,rgba(223,216,205,0.70) 100%), url(../images/800/bg-ravintolat.jpg);
    background-image: linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.70) 54.92%,rgba(223,216,205,0.70) 100%), url(../images/800/bg-ravintolat.jpg);
    background-color: rgba(255,255,255,1.00);
}
.bg-tyopaikka  {
    background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.50) 53.37%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-tyopaikat.jpg);
    background-image: -moz-linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.50) 53.37%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-tyopaikat.jpg);
    background-image: -o-linear-gradient(90deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.50) 53.37%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-tyopaikat.jpg);
    background-image: linear-gradient(0deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.50) 53.37%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-tyopaikat.jpg);
    background-position: center center;
    background-size: cover;
    text-shadow: 0px 0px 20px rgba(0,0,0,1.00);
}
.bg-oppilaitos  {
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(120,99,35,0.50) 45.59%,rgba(154,139,91,0.74) 54.40%,rgba(255,255,255,0.00) 100%), url(../images/800/bg-oppilaitos.jpg);
    background-image: -moz-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(120,99,35,0.50) 45.59%,rgba(154,139,91,0.74) 54.40%,rgba(255,255,255,0.00) 100%), url(../images/800/bg-oppilaitos.jpg);
    background-image: -o-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(120,99,35,0.50) 45.59%,rgba(154,139,91,0.74) 54.40%,rgba(255,255,255,0.00) 100%), url(../images/800/bg-oppilaitos.jpg);
    background-image: linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(120,99,35,0.50) 45.59%,rgba(154,139,91,0.74) 54.40%,rgba(255,255,255,0.00) 100%), url(../images/800/bg-oppilaitos.jpg);
    background-position: right center;
    background-size: cover;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.00);
}
.bg-tapahtuma  {
    background-position: center bottom;
    background-size: cover;
    text-shadow: 0px 0px 20px rgba(0,0,0,1.00);
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,1.00);
    background-image: -webkit-linear-gradient(270deg,rgba(39,35,27,0.50) 23.83%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-kokoukset.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(39,35,27,0.50) 23.83%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-kokoukset.jpg);
    background-image: -o-linear-gradient(270deg,rgba(39,35,27,0.50) 23.83%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-kokoukset.jpg);
    background-image: linear-gradient(180deg,rgba(39,35,27,0.50) 23.83%,rgba(0,0,0,0.00) 100%), url(../images/800/bg-kokoukset.jpg);
}
.bg-ulkotapahtuma  {
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(0,64,28,0.10) 100%), url(../images/800/bg-ulkotapahtumat.jpg);
    background-image: -moz-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(0,64,28,0.10) 100%), url(../images/800/bg-ulkotapahtumat.jpg);
    background-image: -o-linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(0,64,28,0.10) 100%), url(../images/800/bg-ulkotapahtumat.jpg);
    background-image: linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(0,64,28,0.10) 100%), url(../images/800/bg-ulkotapahtumat.jpg);
    background-position: center bottom;
    background-size: cover;
    text-shadow: 0px 0px 20px rgba(0,0,0,1.00);
}
.bg-offshore2  {
    background-position: center center;
    background-size: cover;
    background-image: url(../images/1200/bg-offshore.jpg);
}
.bg-ravintola2  {
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,1.00);
    background-image: url(../images/1200/bg-ravintolat.jpg);
}
.bg-tapahtuma2  {
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,1.00);
    background-image: url(../images/1200/bg-kokoukset.jpg);
}
.bg-ulkotapahtuma2  {
    background-position: center center;
    background-size: cover;
    background-image: url(../images/1200/bg-ulkotapahtumat.jpg);
}

.bg-tuotteet {
    background-position: center center;
    background-size: cover;
    background-image: url(../images/500/bg-tuotteet.jpg);
}
.bg-tuotteet2 {
    background-position: center center;
    background-size: cover;
    background-image: url("../images/2000/jacobs-kahviautomaatit.jpg");
}
.bg-ratkaisut {
    background-position: center center;
    background-size: cover;
    background-image: url("../images/2000/ratkaisut.jpg");
}
.bg-suurtuotantoasema {
    background-position: center center;
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), -webkit-linear-gradient(270deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), -moz-linear-gradient(270deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), -o-linear-gradient(270deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), linear-gradient(180deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-davinci {
    background-position: center center;
    background-size: cover;
    background-image: url(../images/pumpataan-siirappia.webp);
}
.bg-tyopaikat2  {
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,1.00);
    background-image: url("../images/1200/bg-tyopaikat.jpg");
}
.bg-oppilaitos2  {
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,1.00);
    background-image: url("../images/1200/bg-oppilaitos.jpg");
}
.bg-yritys {
    background-position: center center;
    background-size: cover;
    background-image: url("../images/2000/novacafi-yritys.jpg");
}
.bg-vastuullisuus {
        background-position: center center;
    background-size: cover;
    background-image: url("../images/common-grounds.webp");

}
.bg-hygieenisyys {
        background-position: center center;
    background-size: cover;
    background-image: url("../images/2000/Jacobs Excellence Touch hospital.jpg");

}
@media (min-width: 768px) {

.bg-tuotteet {
    background-position: center center;
    background-size: cover;
    background-image: url(../images/2000/bg-tuotteet.jpg);
    }

.bg-suurtuotantoasema {
    background-position: right center;
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), -webkit-linear-gradient(180deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), -moz-linear-gradient(180deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), -o-linear-gradient(180deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-image: url("../images/1200/novacafi-liikuteltava-kahvin-suurtuotantoasema.png"), linear-gradient(270deg,rgba(0,27,12,1.00) 0%,rgba(0,94,41,1.00) 100%);
    background-repeat: no-repeat;
    background-size: contain;
}
}

.bg-stamp {
    background-image: url(../images/Jacobs-pro-stamp_pms.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 10rem auto;
}
@media (min-width: 768px) {

.bg-stamp {
    background-size: 15rem auto;
    }}

.bg-katso-myos {
    text-align: center;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    color: rgba(255,255,255,1.00);
    background-image: -webkit-linear-gradient(270deg,rgba(179,148,53,0.10) 0%,rgba(179,148,53,0.80) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(179,148,53,0.10) 0%,rgba(179,148,53,0.80) 100%);
    background-image: -o-linear-gradient(270deg,rgba(179,148,53,0.10) 0%,rgba(179,148,53,0.80) 100%);
    background-image: linear-gradient(180deg,rgba(179,148,53,0.10) 0%,rgba(179,148,53,0.80) 100%);
    margin-top: 3rem;
}
/*borders*/

.border-right {border-color: rgba(255,255,255,0.00) !important;}
.border-bottom {border-color: rgba(154,128,46,0.50) !important;}

@media (min-width: 992px) {
.border-right {border-color: rgba(154,128,46,0.50) !important;}

}