/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/poppins-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display:swap;
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/poppins-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display:swap;
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/poppins-v21-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v21-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display:swap;
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/poppins-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display:swap;
}

/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/poppins-v21-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v21-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display:swap;
}
#cookienotice {display:none !important}
  /* YLATUNNISTE */
  #top-wrapper, #bottom-wrapper{background: #addefb;background-size:cover;display: inline-block;height: auto;width: 100%;position:inherit;border-bottom:1px solid #dedede;}
  #bottom-wrapper {margin-top:2em; color:#fff}
  #top-header {display:flex; align-items:center;}
  #tunnus {width: 50%;padding: 25px 0px;float: left;margin-bottom: 0 !important;clear: none !important;line-height:100%}
#tunnus img {width:auto;max-width: 200px; height: auto;}
  #ylaosa-oikea {text-align: right; width: 50%; float: right; margin-bottom: 0 !important; clear: none !important;}
  a.jatkaostoksia {color: #fff;border-radius: 30px;padding: 10px 30px;background: #1e8dde;font-size: 0.9rem;display:inline-block;}
	@media only screen and (max-width:1280px) {#tunnus img {max-width: 120px;height: auto;}}
#verkkokauppa-tilauslomake {padding:0 0 4em 0}
/* Ylanauha tarjous */
#top-ribbon-desktop, #top-ribbon {background:#91a73c; text-align: center; width:100%;}
#top-ribbon-desktop div, #top-ribbon div {max-width: 90%; margin: 0 auto;/* admin */padding:5px 0}
#top-ribbon {margin-top: 20px; display:none;}
#top-ribbon div, #top-ribbon div p,#top-ribbon span, #top-ribbon a, #top-ribbon-desktop, #top-ribbon-desktop p, #top-ribbon-desktop span,#top-ribbon-desktop a {color:#fff !important;font-size: 0.9rem;}
#top-ribbon a, #top-ribbon-desktop a {text-decoration:underline;}
#top-ribbon div:empty,#top-ribbon-desktop div:empty {display:none;}
.ostanappi_selaus_iso {background: #ac4232;color: #fff;font-size: 1rem;display: block;text-align: center;padding: 10px 0;border-radius: 4px;margin-top: 1em;}
/*@media only screen and (max-width:1024px) {#top-ribbon{display:block;}#top-ribbon-desktop{display:none;}}*/

@media only screen and (max-width:575px) {#tunnus img {max-width: 100px;}#tunnus  a {line-height:100%}a.jatkaostoksia {padding: 2px 10%;font-size: 0.7rem;}}

  /* GLOBAL, WRAPPERS */
  body,a,td,li,strong,span{font-size: 1rem; font-family: 'Poppins', sans-serif; font-weight:300;}
  body{margin:0; padding:0;}
  p{padding:0; margin:0;}
  a {text-decoration:none;}
  .center-col{width:1200px; margin: 0 auto; float:none;}
	#shopping-cart-page-1::before, #shopping-cart-page-2::before, #shopping-cart-page-2b::before, #shopping-cart-page-3::before {content: "Tilausyhteenveto";text-align: center;font-size: 30px;width: 100%; display: block;padding: 30px 0;max-width: 1200px;margin: 0 auto;}
	#shopping-cart-page-2::before{content: "Tilaajan tiedot";}
	#shopping-cart-page-2b::before{content: "Tilaus- ja toimitusosoite";}
	#shopping-cart-page-3::before{content: "Valitse toimitus- ja maksutapa";}
	h1 {display:none;}
	#vk-ylamarginaali, #shopping-cart-page-1 #vk-alasisalto-palsta-1{background-color:#ffffff;padding:2%;box-sizing: border-box; border: 1px solid #dedede;margin-bottom: 20px;}
	#vk-ylamarginaali {border:none; padding:0 0 0 0}
	#vk-alasisalto-palsta-1 {padding:0 2%;}
	#shopping-cart-page-1 #vk-alasisalto-palsta-1 {border-radius: 6px; margin-top:5em; background:#f7f7f7}
	#vk-alasisalto-palsta-1 table > tbody > tr {display: flex;padding-bottom: 4px;}
	#vk-alasisalto-palsta-1 table > tbody > tr > td {flex:1;}
	#vk-alasisalto-palsta-2 img{display:none;}
	.vk-valilehti-vapaata-tekstia {padding-bottom: 2em;}

  @media only screen and (max-width:1280px) {.center-col{width:90%;}}
  @media only screen and (max-width:1020px) {body, a, td, li, strong, span { font-size: 0.8rem;}}
  @media only screen and (max-width:860px) {body, a, td, li, strong, span { font-size: 0.7rem;}}
  @media only screen and (max-width:575px) {body, a, td, li, strong, span {font-size: 0.8rem;line-height: 180%;}.center-col {width:96%}.vk-taulukko-ei-valistysta{width:100%;}.vk-taulukko-ei-valistysta tr {flex-direction:row !important;}}
	@media only screen and (max-width:420px) {#shopping-cart-page-1::before, #shopping-cart-page-2::before, #shopping-cart-page-2b::before, #shopping-cart-page-3::before {font-size: 24px;padding: 0 0 20px 0;}#verkkokauppa-tilauslomake {padding: 4em 0 4em 0;}}

  /* PAINIKKEET */
  .vk-button-pieni{font-family: 'Poppins', sans-serif;background:#000; display:inline-block; padding:5px 10px; color:#fff; border-radius:6px; font-size:0.9rem; font-weight:700;}
  .vk-button-iso{font-family: 'Poppins', sans-serif;background:#b6b6b6; display:inline-block; padding:10px 10%; color:#fff; border-radius:6px; font-size:0.9rem; font-weight:700; }
  .vk-button-vihrea {background:#008b0c;}
	.vk-button-iso.vk-button-vihrea::after {content: "\203A";color: #fff;padding-left: 10px;}
	#vk-nappipalsta tr{display:flex;}
	#vk-nappipalsta tr td {flex: 1;}
  #vk-nappipalsta tr td:nth-of-type(2){display:none;}
  @media only screen and (max-width:575px) {.vk-button-iso { padding: 5px 0;font-size: 0.7rem;width: 96%;box-sizing: border-box;text-align: center;}}

  /* MENU */
  #vk-navi, #vk-tilauslomakeotsikot, #ostoskorinsisalto table tr{display:flex; flex-wrap:wrap; border-radius: 6px;}
  #vk-navi{display:none;}
  #vk-tilauslomakeotsikot, #ostoskorinsisalto tabloe tr {border:none;align-items: center;}
  #vk-navi, #vk-navi li,  #vk-tilauslomakeotsikot{list-style:none; padding:0; margin:0;}
  #vk-navi li {flex:1; font-family: 'Poppins', sans-serif; font-weight:700; padding:15px 0; border-right:1px solid #dedede; text-align:center;}
  #vk-navi li:last-of-type{border:none;}
  #vk-tilauslomakeotsikot{float:right; width:100%; padding:10px 0;background: #f7f7f7;color:#000;border: 1px solid #dedede;}
  #vk-tilauslomakeotsikot li{flex:1; text-align:center; font-weight:400; font-size:0.9rem;border-left: 1px solid #dedede}
  #vk-tilauslomakeotsikot li#vk-tilauslomake-otsikko-tuote {flex:5.4;box-sizing:border-box; padding-left:9%;text-align: left;border-left: none; visibility:hidden}
  @media only screen and (max-width:420px) { #vk-navi li {padding: 10px 0;font-size: 0.6rem;}}

  /* TUOTERIVIT */
  #ostoskorinsisalto table tr td{flex: 1; text-align: center;}
  #ostoskorinsisalto table tr td.vk-tuotesolu {flex:6.2;text-align: left;}
  #ostoskorinsisalto table tr td a {color:#000;font-weight: 500;font-size: 1rem;font-family: 'Poppins', sans-serif;}
  #ostoskorinsisalto table tr td.vk-toimintosolu a{color:#000; font-weight:700;}
	.vk-kuvasolu img {height: auto;}
	hr.vk-tuote-valiviiva {display:none}
	.vk-tuotetietotaulukko {padding: 15px 0;border-bottom: 1px solid #ededed;}
	#ostoskorinsisalto .vk-tuotetietotaulukko:first-of-type {padding: 0 0 15px 0;}
	.vk-tuotetietotaulukko:last-of-type {border-bottom: none;}
	.vk-toimintosolu a {font-size: 0.9rem !important;}
  @media only screen and (max-width:1024px) {.vk-tuotetietotaulukko, #ostoskorinsisalto .vk-tuotetietotaulukko:first-of-type {padding: 0;position:relative;}#vk-tilauslomake-otsikko-tuote{visibility: hidden;}#vk-tilauslomakeotsikot li,#ostoskorinsisalto table tr td a, #ostoskorinsisalto table tr td {font-size: 0.7rem;}.vk-kuvasolu img{max-width:90%; height:auto;}#ostoskorinsisalto table tr td.vk-toimintosolu a {font-size: 0.8rem !important;}}
  @media only screen and (max-width:860px) {#vk-tilauslomakeotsikot li{font-size:0.67rem;}#vk-tilauslomakeotsikot li#vk-tilauslomake-otsikko-tuote{flex:4.2;}#ostoskorinsisalto table tr td.vk-tuotesolu {flex:4.5;}}
  @media only screen and (max-width:575px) {.vk-tuotetietotaulukko, #ostoskorinsisalto .vk-tuotetietotaulukko:first-of-type {padding: 0 0 35px 0;}#vk-tilauslomakeotsikot, #ostoskorinsisalto table tr {padding: 10px 0;flex-direction: column;}#vk-tilauslomakeotsikot li, #ostoskorinsisalto table tr td a, #ostoskorinsisalto table tr td, select {font-size:0.95rem;}#ostoskorinsisalto table tr td.vk-tuotesolu {flex:4.5;line-height:100%; width:100%; text-align:center;}#vk-tilauslomakeotsikot, .vk-hintasolu{display:none;}#ostoskorinsisalto table tr td{flex:unset;}.vk-kuvasolu {flex-basis:30% !important}.vk-kuvasolu img {width:90% !important; margin:0 auto;max-height: 200px;width: auto !important;}.vk-kuvasolu {width:100%}.vk-tuotesolu {align-self:center; flex-basis:70% !important} .vk-yhteensasolu {order:1;text-align: right !important;font-weight: 700; flex-basis:30% !important;font-size:1.4rem !important}select {height:22px;}.vk-maarasolu{flex-basis:30% !important; text-align:right; order:2;width:100%}.vk-maarasolu::before {content: "MÃ'Ã'rÃ'";padding-right: 5%;font-weight: 700; display:inline;}.vk-toimintosolu {width: 100%;position: absolute;}#ostoskorinsisalto table tr td.vk-toimintosolu a{ font-size: 0.7rem !important;background: #000; border-radius: 6px;padding: 2px 10px;color: #fff;font-weight: 400;width: auto;text-align: right !important;float: right;margin:5% 10% 0 0}.vk-yhteensasolu {order:1;width: 100%;text-align: center !important;padding-bottom: 10px;margin: 0;line-height: 100%;}}

  /* HINTAYHTEENVETO, ALEKOODIT */

  /* Alekoodit */

  form[name="kampanjakoodiformi"], [name="lahjakorttiformi"] {font-size:0.8rem; box-sizing:border-box; padding:0 5%;}
  form[name="kampanjakoodiformi"] strong, form[name="lahjakorttiformi"] strong {font-weight: 700; font-size:0.9rem}
  form[name="kampanjakoodiformi"] strong, form[name="lahjakorttiformi"] .vk-button-pieni #ostoskorinhinnat strong{font-weight:700; color:#000}
	input[name="koodi"], input[name="kampanjakoodi"] {margin-top:0 !important;height:27px !important}

  /* Hintayhteenveto */
	#ostoskorinhinnat{border-left: 1px solid #dedede;padding: 2% 0% 2% 5%;box-sizing: border-box;}
	#ostoskorinhinnat p strong:first-of-type{ padding: 5px 0;text-align: left;font-weight: 700;letter-spacing: 0.5px; font-size: 1.2rem; display:block; color:#fff; border-radius: 0px !important;color:#282828}
	#ostoskorinhinnat .vk-soluleveys-1, #ostoskorinhinnat #wTw {font-size: 18px;font-weight: 300;}
	.tkaotsrivi {border-bottom:1px solid #dedede; margin-bottom:10px;}
	#ostoskorinhinnat b {font-weight: 700;padding-bottom: 6px;display: block;}
@media only screen and (max-width:1024px) {#ostoskorinhinnat p strong:first-of-type {font-size:14px;}}
@media only screen and (max-width:575px) {#vk-alasisalto-palsta-1 table tr, #vk-alasisalto-palsta-2 table tr {display: flex;flex-direction: column; width: 100%;}#vk-ylamarginaali, #ostoskorinhinnat {padding:5% 5% 0 5%; border:none;}#vk-alasisalto-palsta-1 table .vk-taulukko-ei-valistysta tr{display:grid; grid-template-columns:1fr 1fr; position:relative;}.vk-taulukko-ei-valistysta tr td:nth-of-type(2){order:1 !important}.vk-taulukko-ei-valistysta tr:last-of-type { display: flex;}.vk-tuote-valiviiva{position:absolute; top:-10px; width:100%}#ostoskorinsisalto .vk-tuote-valiviiva{position:relative;margin-top: 20px;}#ostoskorinhinnat .vk-soluleveys-1, #ostoskorinhinnat #wTw {
  font-size: 14px;}#wTw b {font-size: 18px;}#vk-alasisalto-palsta-1,#vk-alasisalto-palsta-1,#vk-nappipalsta {max-width:90%; margin:0 auto;}}

  /* 2 - VAIHE - TILAAJAN TIEDOT */

  .vk-tilauslomakevalilehti-sisallot tr {display:grid;grid-template-columns:3fr 1fr; grid-gap:2%; align-items: center;}
	.vk-tilauslomakevalilehti-sisallot tr #asiakastiedot_lomake tr {grid-template-columns: 1fr 2fr;}
  #rLink .vk-button-pieni, .vk-kirjautumislomakekentta .vk-button-pieni{ width:100%; padding:10px 20px; text-align:center; box-sizing:border-box;}
  #rLink .vk-button-pieni {background:#008b0c; font-size: 16px;}
  .vk-kirjautumislomakekentta .vk-button-pieni {background:#000; margin-top:10px;}
	.vk-kirjautumisotsikkokentta {font-size: 1.4rem;font-weight: 700;letter-spacing: 0.2px;color: #282828;border-radius: 0px;}
	.vk-vasen-palsta{background: #f1f1f1;padding: 8%;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;border-right: 1px solid #dedede;}
	.vk-oikea-palsta {padding:9% 0 0 0;}
	select[name^="maa"]{margin: 10px 0 0 0;}
 #shopping-cart-page-2 .vk-vasen-palsta {background:#fff;padding:4% 8% 8% 8%}
	#logiform tr {grid-template-columns: 1fr;}
	#shopping-cart-page-3 .vk-vasen-palsta {border:none;}
#shopping-cart-page-2 .vk-tilauslomakevalilehti-sisallot {border: 1px solid #dedede;border-radius: 6px;background:#f1f1f1}
   @media only screen and (max-width:1024px) {.vk-tilauslomakevalilehti-sisallot tr {grid-template-columns:1fr}input[type="text"], input[type="password"], select {margin-top:0 !important;margin-bottom: 20px;}select[name^="maa"] {margin: 10px 0 1.3em 0;}#asiakastiedot_lomake td, .vk-kirjautumislomakekentta td {font-size:1rem;}#shopping-cart-page-2 .vk-oikea-palsta{padding:2% 0 4% 0;}#shopping-cart-page-2 .vk-vasen-palsta{border-right: none;padding:2% 8% 8% 8%}}
  @media only screen and (max-width:860px) {.vk-tilauslomakevalilehti-sisallot tr #asiakastiedot_lomake tr {grid-template-columns: 1fr 1fr;}}
  @media only screen and (max-width:480px) {.vk-tilauslomakevalilehti-sisallot tr #asiakastiedot_lomake tr {grid-template-columns: 1fr;}}

  /* Tilaa ilman tunnuksia */
  #asiakastiedot_lomake td:nth-of-type(2n+1), .vk-kirjautumislomakekentta td:nth-of-type(2n+1){font-weight: 500;}
	#asiakastiedot_lomake label {padding-bottom: 5px;}
	#al_puhelin {margin-bottom: 20px;}

  /* kirjautuminen ja rekisterointi */
	#otsikko1,#otsikko2{padding-bottom:10px;}
	#otsikko1{font-weight: 700;text-align: center;color: #202020;text-align: left;font-size: 1.4rem;}
	#otsikko2 {color: #e17d28;font-size: 18px; box-sizing: border-box;width: 90%;max-width: 100%;margin: 0 auto;}
	.vk-oikea-palsta .vk-kirjautumislomakekentta{padding: 0 5% 5% 5%;}
  #vk-rekisteroidy {background:#fff;padding: 5%;box-sizing: border-box;border: 1px solid #dedede;margin-top: 20px;border-radius: 6px;font-size: 14px;line-height: 160%;}
  #vk-rekisteroidy a { color:#e17d28;font-size: 14px;}
	#vk-rekisteroidy br:last-of-type {display: inline;clear: none;float: left;}
	#asiakastiedot_taulu, #toimitusosoite_taulu {padding-top: 2em;}
	@media only screen and (max-width:575px) {#vk-rekisteroidy{margin-bottom: 20px;}}

	/* Tilaus ja toimitusosoite */
  #shopping-cart-page-2 .vk-tilauslomakevalilehti-sisallot tr > td:nth-of-type(2) {align-self: flex-start;}
	#shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot {display:block !important; border: 1px solid #dedede;border-radius: 6px;}
	#shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot > div {width: 100% !important; display:grid; grid-template-columns:1fr 1fr;}
	#shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot .vk-kirjautumislomakekentta {padding:0;}
	#shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot .vk-vasen-palsta {background:none; border-right: 1px solid #dedede !important;}
	#shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot .vk-oikea-palsta {padding: 8%;}
  #shopping-cart-page-2b #asiakastiedot_taulu, #shopping-cart-page-2b #toimitusosoite_taulu{width:100%}
  #shopping-cart-page-2b .vk-kirjautumislomakekentta tr{grid-template-columns:1fr}
	#toimitusosoite_taulu a, #asiakastiedot_taulu a {background:#000; display:inline-block; padding:5px 40px; color:#fff; border-radius:6px; font-size:0.9rem; font-weight:700; margin-top:10px}

/* Kirjautumislinkki */

	@media only screen and (max-width:1024px) {#kirjaudumisdiv {height: auto;display: flex!important;flex-direction: row;justify-content: center;align-items: center; margin-top:20px;}#kirjautumiseen { background: #282828;border-radius: 6px;border: 1px solid #dedede; padding: 8px 5%; box-sizing:border-box;width:90%}#kirjautumiseen::before { content: "Kirjaudu sisÃ'Ã'n verkkokauppaan"; font-size: 12px; text-align: center;width: auto;margin: 20px auto 0px auto;box-sizing: border-box;color: #fff;font-weight: 500;}#kirjautumiseen::after {content: "›";display: inline-block;background: #202020;width: 15px;height: 15px;border-radius: 10px;color: #fff; font-size: 12px;text-align: center;line-height: 90%; margin-left:10px}#shopping-cart-page-2 .vk-tilauslomakevalilehti-sisallot {background: none;}}
	@media only screen and (max-width:720px) {.vk-tilauslomakevalilehti-sisallot, #shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot > div{grid-template-columns:1fr;}#shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot .vk-vasen-palsta {border:none !important}.vk-kirjautumislomakekentta {border-bottom: 1px solid #dede;padding-bottom: 30px !important;}#shopping-cart-page-2b .vk-tilauslomakevalilehti-sisallot .vk-oikea-palsta {padding: 0 8% 0% 8%;}.vk-oikea-palsta .vk-kirjautumislomakekentta{border:none !important;}}
	@media only screen and (max-width:575px) {#kirjautumiseen {border:none;text-align: center;}#kirjautumiseen::before {font-size:10px;}}
	@media only screen and (max-width:420px) {#kirjautumiseen {padding: 0px 0;}#kirjautumiseen::after {margin-left: 5px;}.vk-kirjautumisotsikkokentta { font-size:14px;}}

	/* 3 - VAIHE - TOIMITUS JA MAKSUTAPA */
  .vk-tilauslomakevalilehti-sisallot { display: grid;grid-template-columns: 1fr;grid-gap: 2% 5%;position: relative;}
  #vk-toimitustapavalinta {width:100% !important;display:grid; grid-template-columns:1fr 1fr; grid-gap:0;border: 1px solid #dedede;box-sizing: border-box;}
	#vk-toimitustapavalinta .vk-kirjautumisotsikkokentta {visibility: hidden;}
	#vk-toimitustapavalinta .vk-vasen-palsta {background:#fff;border-right: 1px solid #dedede;}
  #vk-toimitustapavalinta .vk-vasen-palsta .vk-kirjautumisotsikkokentta:before {visibility:visible; content:"Toimitustapa"}
  #vk-toimitustapavalinta .vk-oikea-palsta .vk-kirjautumisotsikkokentta:before {visibility:visible; content:"Maksutapa"}
  #vk-toimitustapavalinta > div {padding: 5%;box-sizing: border-box;}
  #vk-tilaushyvaksynta {width:100% !important}
	#vk-tilaushyvaksynta .vk-kirjautumisotsikkokentta {font-size: 1rem;color: #000;padding-bottom: 1e;margin-bottom: 0;padding: 0 0 10px 0;}
	#maksutavat_tilaus {min-height: unset !important;}
	#viestipaikka {padding: 0 8% 0 4%;}
	#vk-tilaushyvaksynta .vk-kirjautumisotsikkokentta {font-size: 1rem;}
	textarea_pois[name^="viestimyyjalle"] {margin: 10px 0 !important;}
	.vk-soluleveys-1 strong {font-weight: 700;}
	#shopping-cart-page-3 #vk-alasisalto-palsta-1 a {color: #e67809;text-decoration: underline;font-weight: 700;padding-left: 5px;letter-spacing: 0.3px;}
	#shopping-cart-page-3 #vk-alasisalto-palsta-1 {padding: 2em 0;margin-bottom: 1em;}
	#shopping-cart-page-3 #vk-alasisalto-palsta-1 td {display: flex;flex-wrap: wrap;justify-content: center;line-height: 100%;}
	#shopping-cart-page-3 #vk-alasisalto-palsta-1 td, #shopping-cart-page-3 #vk-alasisalto-palsta-1 td a {font-size: 1.2rem !important;}
	#toimitusosoitevalinta{text-align:center;position:relative;padding: 1em;box-sizing: border-box;background: #f8f8f8;font-size: 0.8rem;margin-bottom: 1em;border: 1px solid #dedede;}
	#toimitusosoitevalinta strong {font-weight:700;font-size: 0.8rem;padding-right: 50px;}
	.vaihda-tosoite-button {background: #000;font-size: 0.7rem; color: #fff; max-width: 80px;display: inline-block;border-radius: 4px;font-weight: 700;padding: 5px 10px;margin-left:50px;}
  .vk-tilauslomake-toimitustapa-selected, .vk-tilauslomake-toimitustapa-not-selected, .vk-tilauslomake-maksutapa-selected, .vk-tilauslomake-maksutapa-not-selected {box-sizing:border-box; padding:5% 0; }
	.vk-tilauslomake-maksutapa-selected {padding:3% 0}
	.vk-tilauslomake-maksu-ja-toimitus {border-bottom: 1px solid #dedede;padding: 10px 0;}
	.vk-tilauslomake-maksu-ja-toimitus:last-of-type {border: none;}
  .vk-tilauslomake-toimitustapa-selected .vk-tilauslomake-toimitustapa-ikoni, .vk-tilauslomake-maksutapa-selected .vk-tilauslomake-maksutapa-ikoni{ height: 70px;width: 103px;background: #fff;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
	.vk-tilauslomake-toimitustapa-not-selected, .vk-tilauslomake-maksutapa-not-selected {padding: 2% 0% 2% 5%;}
  .vk-taulukko-ei-valistysta, .vk-taulukko-ei-valistysta td {width:100%;}
	.vk-tilauslomake-toimitustapa-sisalto-lomake-vaihtoehto {padding-bottom: 10px;}
	#vk-tilaushyvaksynta {float: left;display: grid;grid-template-columns: 1fr 1fr;background: #f7f7f7;padding: 4% 0;box-sizing: border-box;border: 1px solid #dedede;}
	#vk-tilaushyvaksynta .vk-vasen-palsta { padding: 0% 2% !important; background:none; border:none;order:2;}
	#hintadata2 > div {padding:0 !important;}
	@media only screen and (max-width:1024px) {#vk-toimitustapavalinta {padding: 2em; box-sizing:border-box}#vk-toimitustapavalinta .vk-vasen-palsta {background: #fff;border-bottom: 1px solid #dedede;border-radius: 0; border-right:0;}#maksutapapaikka {padding-top: 2em !important;}}
	@media only screen and (max-width:678px) {#toimitusosoitevalinta {text-align: left;}#toimitusosoitevalinta strong{display:block;}.vaihda-tosoite-button{float: right;line-height: 100%;font-size:0.6rem;margin-left: 0px;position: absolute; top: 11px;right: 20px;}}

  /* Tarjouspyyntolomake */
  #shopping-cart-page-3 .vk-tilauslomakevalilehti-sisallot #viestilomake table {width: 100%;}
  #shopping-cart-page-3 .vk-tilauslomakevalilehti-sisallot #viestilomake tr {display: block;}
  #shopping-cart-page-3 .vk-tilauslomakevalilehti-sisallot #viestilomake td {width: 100%;display: block; font-size: 1.2rem;font-weight: bold;line-height: 120%;}

	@media only screen and (max-width:1024px) {#vk-toimitustapavalinta > div {padding: 0;}.vk-tilauslomakevalilehti-sisallot {grid-template-columns:1fr} #shopping-cart-page-2 .vk-tilauslomakevalilehti-sisallot {padding-bottom:5%}#shopping-cart-page-3 .vk-taulukko-ei-valistysta strong {font-size: 14px;font-weight: 700;}#shopping-cart-page-3  .vk-kirjautumisotsikkokentta {font-size: 20px;}#hintadata2 td { font-size: 1rem;}.vk-taulukko-ei-valistysta {width:100%}.vk-taulukko-ei-valistysta tr {display: flex;}.vk-taulukko-ei-valistysta tr > td {flex:1;}#vk-tilaushyvaksynta {width: 100% !important;margin: 20px auto;}.vk-taulukko-ei-valistysta td:empty {display: none;}.vk-taulukko-ei-valistysta strong { font-size: 18px;font-weight: 700;}#vk-toimitustapavalinta {grid-template-columns: 1fr;}.vk-tilauslomake-toimitustapa-selected .vk-tilauslomake-toimitustapa-ikoni, .vk-tilauslomake-maksutapa-selected .vk-tilauslomake-maksutapa-ikoni {height: 85px;}#maksutavat_tilaus {min-height:unset !important;}}
	@media only screen and (max-width:720px) {#vk-tilaushyvaksynta {grid-template-columns:1fr}#viestipaikka, #vk-tilaushyvaksynta .vk-vasen-palsta {padding: 5% 5% 0 5% !important;}textarea_pois[name^="viestimyyjalle"] {margin: 10px 0 0 0 !important;}#shopping-cart-page-3 #vk-alasisalto-palsta-1 td, #shopping-cart-page-3 #vk-alasisalto-palsta-1 td a {font-size: 0.9rem !important; line-height:100% !important}#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label::before {padding: 5px 12px 0 7px;}}
	@media only screen and (max-width:575px) {.vk-tilauslomake-toimitustapa-selected .vk-tilauslomake-toimitustapa-ikoni, .vk-tilauslomake-maksutapa-selected .vk-tilauslomake-maksutapa-ikoni {height: auto; border:none;padding-bottom: 10px;}}
	@media only screen and (max-width:480px) {#shopping-cart-page-3 #vk-alasisalto-palsta-1 td, #shopping-cart-page-3 #vk-alasisalto-palsta-1 td a {font-size: 0.8rem !important;}}

  /* Paytrail */
  #mtapa_1 {background: url(https://www.paytrail.com/hs-fs/hub/335946/file-493287103-png/images/paytrail-logo-200x200.png?width=200&name=paytrail-logo-200x200.png) 10px 25px no-repeat;background-size: 50px;}
  #mtapa_1 {background-color:none;}
	@media only screen and (max-width:575px) {#mtapa_1, #maksutapa_1.vk-tilauslomake-maksutapa-selected {background: url(https://www.paytrail.com/hs-fs/hub/335946/file-493287103-png/images/paytrail-logo-200x200.png?width=200&name=paytrail-logo-200x200.png) 0px 25px no-repeat;background-size: 35px; padding:0;border-bottom: 0;} #toimitustapa14 .vk-tilauslomake-valistys {flex-direction: row; justify-content: center;align-items: center;}.vk-tilauslomake-toimitustapa-selected, .vk-tilauslomake-toimitustapa-not-selected, .vk-tilauslomake-maksutapa-selected, .vk-tilauslomake-maksutapa-not-selected {padding: 0 !important;}#toimitustapa14 .vk-tilauslomake-toimitustapa-ikoni{width:25px} #toimitustapa14 .vk-tilauslomake-toimitustapa-ikoni img {max-width: 35px;}}


	/* Klarna */
  #mtapa_7, #maksutapa_7.vk-tilauslomake-maksutapa-selected,#mtapa_14, #maksutapa_14.vk-tilauslomake-maksutapa-selected, #mtapa_16, #maksutapa_16.vk-tilauslomake-maksutapa-selected {background: url(https://x.klarnacdn.net/payment-method/assets/badges/generic/white/klarna.png ) 25px 15px no-repeat;background-size: auto;background-size: 80px;}
	#lisavalinnat-14, #lisavalinnat-16{font-size: 12px;color: red; display: block !important;padding-top: 20px;font-weight: 400;background: #f1f1f1;padding: 4% 8%;width: 100%; position: relative;box-sizing: border-box;border: 1px solid #dedede;border-radius: 6px;background: #f8f8f8;margin-top: 10px;}

	/* MUISTA POISTAA TUOTANTOVERSIONSTA display:block */
	input#hetukentta {font-size: 14px;padding: 0 10px;color: #000 !important; border: 1px solid #9D9D9D;}

  .vk-tilauslomake-toimitustapa-not-selected .vk-tilauslomake-toimitustapa-ikoni, .vk-tilauslomake-maksutapa-not-selected .vk-tilauslomake-maksutapa-ikoni  {border:none;background:none; width:70px; padding:10px 0;}
  .vk-tilauslomake-toimitustapa-ikoni img, .vk-tilauslomake-maksutapa-ikoni img  {max-width:50px; height:auto;display: block;margin: 0 auto;float: none;}
  .vk-tilauslomake-toimitustapa-not-selected img, .vk-tilauslomake-maksutapa-not-selected img {max-width:auto; height:auto;display: block;margin: 0 auto;float: none;}
  /*.vk-tilauslomake-toimitustapa-selected, .vk-tilauslomake-maksutapa-selected  {background-color:#f7f7f7 !important}*/
  .vk-tilauslomake-valistys {display:flex; grid-gap:2em 8%}
  .vk-tilauslomake-toimitustapa-sisalto-otsikko, .vk-tilauslomake-maksutapa-sisalto-otsikko{display:none;}
  .vk-tilauslomake-toimitustapa-sisalto-teksti, .vk-tilauslomake-maksutapa-sisalto-teksti{padding-top:5px; order:2; font-size:0.8rem; line-height:140%}
  .vk-tilauslomake-maksutapa-sisalto-teksti { font-size: 14px;}
  .vk-tilauslomake-toimitustapa-sisalto, .vk-tilauslomake-maksutapa-sisalto {display:flex; flex-direction:column; width:100%}
  .vk-tilauslomake-toimitustapa-sisalto-lomake, .vk-tilauslomake-maksutapa-sisalto-lomake{flex-basis:100%}
	.vk-tilauslomake-maksutapa-sisalto-lomake {padding-left: 100px;}
  .vk-tilauslomake-toimitustapa-sisalto-lomake-wrap {display:grid; grid-template-columns: 3fr 1fr; grid-gap:0 5%}
  .vk-tilauslomake-toimitustapa-sisalto-lomake-lisahinta {text-align:right; font-weight:700;}

	@media only screen and (max-width:575px) {.vk-tilauslomake-valistys {flex-direction:column; padding:0;}.vk-tilauslomake-maksutapa-sisalto-lomake {padding:0;}#maksutavat_tilaus .vk-tilauslomake-valistys {padding: 20px 0 0 50px;}#mtapa_7 .vk-tilauslomake-valistys,#mtapa_14 .vk-tilauslomake-valistys,#mtapa_16 .vk-tilauslomake-valistys {padding: 60px 0 0 0;}}

  /* Radiobuttons */
  input[type=radio]:checked,input[type=radio]:not(:checked){position:absolute;left:-9999px}input[type=radio]:checked+label,input[type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#000;font-family: 'Roboto Condensed',serif;font-weight: 400; font-size:17px;}input[type=radio]:checked+label:before,input[type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #666;border-radius:100%;background:#fff}input[type=radio]:checked+label:after,input[type=radio]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#008000;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}input[type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}input[type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
@media only screen and (max-width:575px) {.vk-tilauslomake-toimitustapa-sisalto-lomake-wrap {display: grid;grid-template-columns: 1fr;}}

  /* Forms */
  input[type=file], input[type=text], input[type=file], input[type=password], select {height: 35px;width: 100%!important;box-sizing: border-box;}input[type=button] {height:auto; padding:10px 10%; max-width:100%; width:100%;}input[type=text], input[type=password], select, textarea_pois {margin-top: 10px;border-radius:4px; border:1px solid #b8b8b8}input[type="text"].pmvk, input[type="button"].lpainike {width: auto !important;}textarea_pois {width: 100%!important;margin-bottom: 5px; box-sizing: border-box; padding:10px;}        table tr[id^="lomakerivi"] {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}table[id^="lomake"] td{padding:0;}table[id^="lomake"] table tr table {width:100%;}.lomakenappi_submit{position: absolute;left: 0;}	input[type="radio"]:checked + label {color: green;}

/* Radio buttons */
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;background:#fff;background-image:none;margin:0px 0 0 0; max-width:100%}select::-ms-expand{display:none}.vk-tilauslomake-toimitustapa-sisalto-lisavalinnat{
display: flex;justify-content: center;align-items: center;position:relative;display:flex;width:auto;background:#fff;overflow:hidden;color:#000;border-radius:.25em;margin-top:10px; margin-bottom:20px;}select{flex:1;padding:0 .5em;color:#000;cursor:pointer;font-size:.8rem}.vk-tilauslomake-toimitustapa-sisalto-lisavalinnat::after{content:'\25BC';position:absolute;top:0;right:0;padding:0 1em;background:#000;height: 100%;display: flex;justify-content: center;align-items: center; display:flex;color:#fff;cursor:pointer;pointer-events:none;-webkit-transition:.25s all ease;-o-transition:.25s all ease;transition:.25s all ease}.vk-tilauslomake-toimitustapa-sisalto-lisavalinnat hover::after{color:#f39c12}
.vk-maarasolu select {width: 60px !important;text-align: center; border:1px solid #c2c2c2 !important; height:25px;}
	@media only screen and (max-width:1024px) {.vk-maarasolu select {width: 40px !important;height: 20px;}.vk-maarasolu select{font-size:0.65rem !important}}#popup_panel input {width: auto;}
	@media only screen and (max-width:420px) {input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label {font-size: 15px;}}
/* Checkbox
#vk-alasisalto-palsta-1 input[type=checkbox]+label::before,#vk-alasisalto-palsta-1 input[type=checkbox]:checked+label::before{border-radius:100%}#vk-alasisalto-palsta-1 input[type=checkbox]{display:none}#vk-alasisalto-palsta-1 input[type=checkbox]+label,#vk-alasisalto-palsta-1 input[type=checkbox]:checked+label{-webkit-appearance:none;display:block;position:relative;height:13px}#vk-alasisalto-palsta-1 td{line-height:140%}#vk-alasisalto-palsta-1 input[type=checkbox]+label::before,#vk-alasisalto-palsta-1 input[type=checkbox]:checked+label::before{border:1px solid #cacece;border-radius:4px;color:#fff;content:"x";float:left;font-size:1.2em!important;font-weight:700;height:18px;line-height:11px;margin-right:20px;padding:8px 12px 0 8px;position:relative;width:9px}#vk-alasisalto-palsta-1 input[type=checkbox]+label::before{content:""}#vk-alasisalto-palsta-1 input[type=checkbox]:checked+label::before{background:#9ec72a none repeat scroll 0 0;color:#fff!important;border:none;padding:8px 15px 0 7px}#vk-alasisalto-palsta-1 input[type=checkbox]:checked+label{color:#000;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1),inset 0 0 10px rgba(0,0,0,.1)}#vk-alasisalto-palsta-1 input[type=checkbox]+label:active,#vk-alasisalto-palsta-1 input[type=checkbox]:checked+label:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}*/


/* RADIO */
#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label::before, #vk-alasisalto-palsta-1 input[type="checkbox"] + label::before {
    /*border: 2px solid #fff;
    box-shadow: 0 0 0 2px #82b111;
    outline: 1px solid #fff;
    outline-offset: 1px;*/
      border-radius: 100%;
  color:#000;
}



#vk-alasisalto-palsta-1 input[type="checkbox"] {
    display: none;
}

/* RADIO */

#vk-alasisalto-palsta-1 input[type="checkbox"] + label, #vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label {
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
    display: block;
    position: relative;
  height:13px;
}


/*form[name^="lomake_"] input[type="checkbox"]:checked + label::before, form[name^="lomake_"] input[type="checkbox"] + label::before {
    border: 1px solid #cacece;
    border-radius: 4px;
    color: #ffffff;
    content: "x";
    float: left;
    font-size: 32px;
    height: 30px;
    line-height: 18px;
    margin-right: 20px;
    padding: 15px 20px 0 10px;
    position: relative;
    width: 15px;
}*/

#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label::before, #vk-alasisalto-palsta-1 input[type="checkbox"] + label::before {
    border: 1px solid #000;
    border-radius: 4px;
    color: #fff;
    content: "x";
    float: left;
    font-size: 1.2em !important;
    font-weight: 400;
    height: 18px;
    line-height: 11px;
    margin-right: 20px;
    padding: 8px 12px 2px 10px;
    position: relative;
    width: 9px;
  margin-top: -3px;
  background:#fff;
}

#vk-alasisalto-palsta-1 input[type="checkbox"] + label::before {content:"";}



#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label::before {
    background: #000 none repeat scroll 0 0;
    color: #fff !important;
    border:none;
  padding:8px 13px 2px 11px;
}



#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label {
	color: #000;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

#vk-alasisalto-palsta-1 input[type="checkbox"] + label:active,#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

@media only screen and (max-width:480px) {#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label::before, #vk-alasisalto-palsta-1 input[type="checkbox"] + label::before {height: 14px;margin-right: 10px;padding: 8px 8px 0 8px; line-height:6px}}
@media only screen and (max-width:375px) {#shopping-cart-page-3 #vk-alasisalto-palsta-1 td, #shopping-cart-page-3 #vk-alasisalto-palsta-1 td a {font-size: 0.7rem !important;}#vk-alasisalto-palsta-1 input[type="checkbox"]:checked + label::before, #vk-alasisalto-palsta-1 input[type="checkbox"] + label::before { height: 10px;margin-right: 10px;padding: 6px 4px 0 4px;}}

/* Footer */
#footer-bottom-col,#footer-top-col{background:#000000}
@media only screen and (max-width:1440px) {#footer-top-col tr, #footer-bottom-col tr {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));grid-gap: 2em 3em;}#footer-top-col td, #footer-bottom-col td {width: 100% !important;}}
  .cpadding-tb-xl {
    padding: 4em 0;
}a.webiolinkkipainike {
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    background: #000;
    height: auto;
    color: #fff;
    padding: 10px 10%;
    font-weight: 400;
    width: auto;
    text-shadow: none !important;
}

.vk-valilehti-vapaata-tekstia {text-align: center;display: flex;flex-direction: column;}
.vk-valilehti-vapaata-tekstia table {text-align: ;margin: 0 auto;}

.klarna-wrapper {width: 100%;display: flex;border: 1px solid#dedede;border-radius: 6px;}
.klarna-wrapper > div { flex: 1;box-sizing: border-box;padding: 10px 3%;border-right: 1px solid #dedede;text-align: center;}
#klarnamenu-3 {border: none;}
.klarnamenu {display:none;cursor:pointer;}
.klarnamenuselected{background:#f0f0f0;color:#000;font-weight: bold;}

#popup_container {font-family: 'Poppins', sans-serif !important;font-size: 15px !important;}
#popup_ok, #popup_cancel {background: #000 !important;border: none !important;color: #fff !important;font-size: 16px !important; }
#popup_content{background: none !important;padding: 2.5em !important;}
#popup_message {padding-left: 0 !important; text-align: center;}

@media only screen and (max-width:480px) {#popup_container { min-width: 70% !important;max-width: 80% !important;}#popup_ok, #popup_cancel {font-size: 13px !important;}#popup_content{background: none !important;padding: 1.5em !important;}}
.kokoleveys{grid-template-columns: 1fr !important;}

      @media screen and (-webkit-min-device-pixel-ratio:0) {
        select,
        textarea_pois,
        input {
          font-size: 16px;
        }
      }