:root {
	--header-height: 109.6px;
	--header-links-height: 40px;
}
@media (min-width: 900px) {
	:root {
		--header-height: 160px;
	}
}
@media (min-width: 1024px) {
	:root {
		--header-links-height: 48px;
	}
}


* {
	margin: 0;
}
html, body {
	height: 100%;
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 160px;
}
.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -400px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	min-height: 400px;
}

.anchor {
    margin-top: 0;
    padding-bottom: 0; 
    display: block;
}



body {
	padding: 0;
	background-color: #fff;
	text-align: center;
	overflow-x: hidden;	
}

div.header_image_wrapper.initial-minheight {
	min-height: 65vmin;
}

#ylapalkki > div > div,
div.header_image_wrapper,
#sisaltoalue > div:not(.erikoislistaussivu) > *:not(.products_content):not(#tuotebox_bottom),
/*#sisaltoalue > div.erikoislistaussivu,*/
#sisaltoalue > div > div.products_content > div.alikategorianostot_wrapper,
#sisaltoalue > div > div.products_content > div:not(.alikategorianostot_wrapper) > div,
#sisaltoalue > div > #tuotebox_bottom > div,
#footer div.sisalto,
#ajankohtaista_yhteystiedot,
#footer > div,
#footer2 > div {
	max-width: 1580px;
	margin-left: auto;
	margin-right: auto;
}
#sisaltoalue > div:not(.erikoislistaussivu) > *:not(.products_content),
/*#sisaltoalue > div.erikoislistaussivu,*/
#sisaltoalue > div > div.products_content > div.alikategorianostot_wrapper,
#sisaltoalue > div > div.products_content > div:not(.alikategorianostot_wrapper) > div,
/*#sisaltoalue > div > #tuotebox_bottom > div,*/
#footer div.sisalto,
#ajankohtaista_yhteystiedot > div,
#footer > div,
#footer2 > div {
	padding-left: 20px;
	padding-right: 20px;
}
#header_push {
	width: 100%;
    height: var(--header-height);
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 18px;
}

.default_pad {
	margin-left: 15px;
	margin-right: 15px;
}
.default_pad::after {
	content: '';
	clear: both;
	display: table;
}

/*.header_image_wrapper {
	max-width: 1980px;
	margin: 0 auto;
}*/

#ylapalkki {
    position: fixed;
    top: 0;
	width: 100%;
    z-index: 20;

	background-color: #fff;	
}
#ylapalkki #toiminnot {
	height: 50px;
	/*overflow: hidden;*/
}
#ylapalkki #toiminnot2 {
	height: 50px;
	/*background-color: #055854;*/
}

#ylapalkki #toiminnot > div {
	position: relative;
}
#ylapalkki #toiminnot2 > div {
	height: 50px;
}
#ylapalkki #paanavi {
	border-top: 1px solid #EDECE8;
	border-bottom: 1px solid #EDECE8;
}

#toiminnot img.tyypit {
	position: absolute;
	right: -252px;
	top: 43px;
}
.pikahaku {
	position: absolute;
	top: 60px;
	left: 20px;
	width: calc(100% - 80px - 140px - 15px);
	line-height: 60px;
	z-index: 6;
	/*right: 40px;
	top: 10px;	*/
}
.pikahaku form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.pikahaku input.hakukentta {
    width: calc(100% - 45px);
	height: 49px;
	padding: 0;

	background-color: transparent;
}
.pikahaku button.hakunappi {
    width: 45px;
	height: 49px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	background-color: transparent;
	border-radius: 1px;
	color: #333333;
	font-weight: 500;
	cursor: pointer;
}
.pikahaku button:before {
	content: '\e856';

	font-size: 18px;
}
#vat_toggle_wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	top: 60px;
	right: 80px;
    width: 140px;
    height: 50px;
	z-index: 6;

	text-align: left;
	border-left: 1px solid #EDECE8;
}
#vat_toggle_wrapper label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: right;
	-webkit-justify-content: right;
	    -ms-flex-pack: right;
	        justify-content: right;
	gap: 10px;
	
	cursor: pointer;
	font-size: 13px;
}
#vat_toggle_wrapper .display_vat_toggle {
	position: relative;
	display: inline-block;
	height: 18px;
	width: 32px;
	-webkit-transition: background-color 300ms ease;
	transition: background-color 300ms ease;

	background-color: #bbcbcb;
	border-radius: 18px;
}
#vat_toggle_wrapper .display_vat_toggle:after {
	content: '';
	position: absolute;
	left: calc(6px / 2);
	top: calc(6px / 2);
	display: inline-block;
	height: calc(18px - 6px);
	width: calc(18px - 6px);
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;

	background-color: #fff;
	border-radius: calc(18px - 6px);
}
#vat_toggle_wrapper #display_vat:checked + label .display_vat_toggle {
	background-color: #055854;
}
#vat_toggle_wrapper #display_vat:checked + label .display_vat_toggle:after {
	-webkit-transform: translateX(14px);
	        transform: translateX(14px);
}

#ylapalkki .logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 60px;
	margin-left: 20px;
	z-index: 10;
	float: left;
}
#ylapalkki .logo svg {
	width: 132px;
	height: 14px;
}
@media screen and (min-width: 410px) {

	#ylapalkki .logo svg {
		width: 180px;
		height: 18px;
	}
}
#footer .logo svg {
    width: 250px;
    height: 25px;
}

#shopping_cart_box,
#offer_cart_box,
.login_wrap,
#briefly-in-english {
	float: right;
	width: 50px;
	height: 60px;
	position: relative;
	top: 0;
}

@media (max-width: 500px) {
	#shopping_cart_box,
	#offer_cart_box,
	.login_wrap,
	#briefly-in-english {
		width: 45px;
	}
}

@media (max-width: 410px) {
	#shopping_cart_box,
	#offer_cart_box,
	.login_wrap,
	#briefly-in-english {
		width: 40px;
	}
}

@media (max-width: 380px) {
	#shopping_cart_box,
	#offer_cart_box,
	.login_wrap,
	#briefly-in-english {
		width: 34px;
	}
}

#shopping_cart_box {
	margin-left: 0;
	margin-right: 15px;
}
#briefly-in-english > a:link, #briefly-in-english > a:visited,
#offer_cart_box > a:link, #offer_cart_box > a:visited,
#shopping_cart_box > a:link, #shopping_cart_box > a:visited,
.login_wrap a:link, .login_wrap a:visited {
	float: right;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;

	color: #333333;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
}
#briefly-in-english > a:hover,
#shopping_cart_box > a:hover,
#offer_cart_box > a:hover,
.login_wrap a:hover {
	color: #055854;
}

#briefly-in-english:hover svg.briefly-in-english path {
	fill: #055854;
}

#shopping_cart_box > a:before,
#offer_cart_box > a:before,
.login_wrap a.login_link:before {
	content: '\e865';
	display: inline-block;

	font-size: 20px;
}
#shopping_cart_box span.cart_item_sum,
#offer_cart_box span.cart_item_sum {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	top: 4px;
	right: 7px;
	width: 15px;
	height: 15px;

	background-color: #055854;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
}
#offer_cart_box > a:before {
	content: '\e866';
	-webkit-transform: translateY(-1px) scale(.92);
	        transform: translateY(-1px) scale(.92);
}
.login_wrap ul,
.login_wrap li {
	width: 100%;
    height: 100%;
}
.login_wrap div.dropdown > ul {
	width: 100%;
}
.login_wrap li {
    position: relative;
}
.login_wrap a:link, .login_wrap a:visited {
    float: none;
}
.login_wrap a.login_link:before,
.login_wrap a.my_page_link:before {
	content: '\e859';
}


ul#login_menu > li > div.dropdown {
	position: absolute;
    display: block;
	width: 200px;
	background-color: #fff;
    opacity: 0;
    visibility: hidden;

    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.20);

            box-shadow: 0 5px 5px rgba(0,0,0,.20);
	border-top: 1px solid #EDECE8;
}


#shopping_cart_box > a .more_info,
#offer_cart_box > a .more_info,
.login_wrap a.login_link > span,
#briefly-in-english span {
    display: none;
}

/* yläpalkissa näytettävä/piilottuva ostoskori */
#ostoskorituotteet,
#tarjouskorituotteet {
	display: none;
	width: 320px;
	background: #fff;
	position: absolute;
	right: -15px;
	top: 50px;
	z-index: 99;
	text-align: left;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px 10px 10px 10px;
	/*border-radius: 0 0 10px 10px;*/
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.20);
	        box-shadow: 0 5px 5px rgba(0,0,0,.20);
	border-top: 1px solid #EDECE8;
}
#tarjouskorituotteet {
	right: -10px;
}
#ostoskorituotteet a.maara:link, #ostoskorituotteet a.maara:visited,
#tarjouskorituotteet a.maara:link, #tarjouskorituotteet a.maara:visited {
	font-size: 11px;
	background: url(../images/ttr/ostoskori-ikoni.png) no-repeat left center;
	padding-left: 22px;
	line-height: 45px;
	color: #43D201;
	display: block;
	border-bottom: 1px solid #f8f6f1;
}
#ostoskorituotteet p.ilmoitus,
#tarjouskorituotteet p.ilmoitus {
	margin: 0;
	padding-bottom: 5px;

	font-size: 15px;
	font-weight: 500;
	color: #055854;	
	border-bottom: 1px solid #000;
}
#ostoskorituotteet p.lisatty,
#tarjouskorituotteet p.lisatty {
	font-size: 11px;
	font-style: italic;
	margin: 10px 0;
}
#ostoskorituotteet div.oktuote_wrap,
#tarjouskorituotteet div.oktuote_wrap {
	margin: 10px 0;
}
#ostoskorituotteet div.oktuote_kuva,
#tarjouskorituotteet div.oktuote_kuva {
	width: 30%;
	/*height: 50px;*/
	float: left;

	text-align: center;
}
#ostoskorituotteet div.oktuote_kuva > div,
#tarjouskorituotteet div.oktuote_kuva > div {
	padding: 0 15px;
}
#ostoskorituotteet div.oktuote_kuva img,
#tarjouskorituotteet div.oktuote_kuva img {
	max-width: 69px;
	max-height: 50px;
}
#ostoskorituotteet div.oktuote_tiedot,
#tarjouskorituotteet div.oktuote_tiedot {
	width: 70%;
	/*height: 50px;*/
	float: right;	

	color: #333;
	font-size: 12px;
	/*font-weight: 500;*/
	text-decoration: none;
	line-height: 1.4;
}
#ostoskorituotteet div.oktuote_tiedot p,
#tarjouskorituotteet div.oktuote_tiedot p {
	margin: 0;
	padding: 0;
}
#ostoskorituotteet div.oktuote_tiedot a:link, #ostoskorituotteet div.oktuote_tiedot a:visited,
#tarjouskorituotteet div.oktuote_tiedot a:link, #tarjouskorituotteet div.oktuote_tiedot a:visited {
	display: block;
	
	color: #333;
	font-size: 12px;
	/*font-weight: 500;*/
	text-decoration: none;
	line-height: 1.4;
}
#ostoskorituotteet div.oktuote_tiedot a:hover, #ostoskorituotteet div.oktuote_tiedot a:active,
#tarjouskorituotteet div.oktuote_tiedot a:hover, #tarjouskorituotteet div.oktuote_tiedot a:active {
	text-decoration: underline;
}
#ostoskorituotteet div.oktuote_tiedot span,
#tarjouskorituotteet div.oktuote_tiedot span {
	color: #055854;
}
#ostoskorituotteet div.oktuote_tiedot span.red,
#tarjouskorituotteet div.oktuote_tiedot span.red {
	color: #f00;
}

#ostoskorituotteet div.tuote_erotin,
#tarjouskorituotteet div.tuote_erotin {
	border-top: 1px solid #EDECE8;
}
#ostoskorituotteet div.yhteensa_wrap,
#tarjouskorituotteet div.yhteensa_wrap {
	margin: 0 0 5px 0;
	padding: 10px;

	background-color: #EDECE8;
	color: #444;
	/*border-top: 1px solid #444;*/
	/*border-bottom: 1px solid #444;*/
}
#ostoskorituotteet div.yhteensa_teksti, #ostoskorituotteet div.yhteensa_summa,
#tarjouskorituotteet div.yhteensa_teksti, #tarjouskorituotteet div.yhteensa_summa {
	float: left;
}
#ostoskorituotteet div.yhteensa_teksti,
#tarjouskorituotteet div.yhteensa_teksti {
	width: 30%;
}
#ostoskorituotteet div.yhteensa_summa,
#tarjouskorituotteet div.yhteensa_summa {
	width: 70%;
	font-weight: 400;
}

#ostoskorituotteet a.siirry:link, #ostoskorituotteet a.siirry:visited,
#tarjouskorituotteet a.siirry:link, #tarjouskorituotteet a.siirry:visited {
	/*height: 31px;*/
	padding: 3px 0;
	
	/*background: url(../images/ostoskoriin_liuku.png) repeat-x;*/
	background-color: #055854;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	line-height: 31px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}
#ostoskorituotteet a.siirry:hover, #ostoskorituotteet a.siirry:active,
#tarjouskorituotteet a.siirry:hover, #tarjouskorituotteet a.siirry:active {
	background-color: #196a6a;
}


/* yläpalkissa näytettävä/piilottuva tarjouskori */
/*#tarjouskorituotteet {
	display: none;
	width: 320px;
	background: #fff;
	position: absolute;
	right: -60px;
	top: 30px;
	z-index: 99;
	text-align: left;
	box-sizing: border-box;
	padding: 0 10px 10px 10px;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 0 3px #999;
}
#tarjouskorituotteet  a.maara:link, #tarjouskorituotteet  a.maara:visited {
	font-size: 11px;
	background: url(../images/ttr/tarjouskori-ikoni.png) no-repeat left center;
	padding-left: 22px;
	line-height: 45px;
	color: #5f9bc8;
	display: block;
	border-bottom: 1px solid #f8f6f1;
}
#tarjouskorituotteet p.lisatty {
	font-size: 11px;
	font-style: italic;
	margin: 10px 0;
}
#tarjouskorituotteet div.oktuote_kuva {
	width: 50px;
	height: 50px;
	float: right;
	text-align: center;
	margin-bottom: 10px;
}
#tarjouskorituotteet div.oktuote_tiedot {
	width: 120px;
	float: left;	
	margin-bottom: 10px;
	font-size: 11px;
}
#tarjouskorituotteet div.oktuote_tiedot a {
	font-size: 11px;
	text-decoration: none;
	display: block;
	line-height: 1.2;
}
#tarjouskorituotteet p.yhteensa {
	color: #444;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}
#tarjouskorituotteet a.siirry {
	height: 31px;
	background: #4AD8D6;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	line-height: 31px;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
}
#tarjouskorituotteet a.siirry:hover {
	background: #5f9bc8;
}*/

/* - Header image text area */
.flexslider_header div.slide_content {
	position: absolute;
	width: 100%;
	top: 25%;
	left: 0px;
	padding-left: 40px;
	padding-right: 40px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);

	text-align: center;
}
.flexslider_header div.slide_content > * {
	max-width: 600px;
	margin: 0 auto;
}
.flexslider_header ul.slides > li {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	height: calc(100vh - 110px - 22.5px);

	background-color: #055854;
}
.flexslider_header ul.slides > li > img {
	-webkit-align-self: flex-end;
	    -ms-flex-item-align: end;
	        align-self: flex-end;
	height: 50%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.flexslider_header div.slide_content,
.flexslider_header div.slide_content h1, .flexslider_header div.slide_content h2, .flexslider_header div.slide_content h3,
.flexslider_header div.slide_content a {
	color: #fff;
}
.flexslider_header div.slide_content a.box_link {
	font-size: 13px;
	border-color: #fff;
}
@media screen and (max-width: 767px) {

	.flexslider_header div.slide_content a.box_link {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.flexslider_header div.slide_content > * {
	margin-bottom: 10px;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
	opacity: 0;
	-webkit-transition: opacity .25s ease-out, -webkit-transform .25s ease-out;
	transition: opacity .25s ease-out, -webkit-transform .25s ease-out;
	transition: opacity .25s ease-out, transform .25s ease-out;
	transition: opacity .25s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out;
}
.flexslider_header div.slide_content > *:last-child {
	margin-bottom: 0;
}
.flexslider_header .flex-active-slide div.slide_content > * {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}
.flexslider_header div.slide_content > *:nth-child(1) { -webkit-transition-delay: 1.0s; transition-delay: 1.0s; }
.flexslider_header div.slide_content > *:nth-child(2) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.flexslider_header div.slide_content > *:nth-child(3) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.flexslider_header div.slide_content > *:nth-child(4) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
.flexslider_header div.slide_content > *:nth-child(5) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
.flexslider_header div.slide_content > *:nth-child(6) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.flexslider_header div.slide_content > *:nth-child(7) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }
.flexslider_header div.slide_content > *:nth-child(8) { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; }
.flexslider_header div.slide_content > *:nth-child(9) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.flexslider_header div.slide_content > *:nth-child(10) { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; }

.flexslider_header div.slide_content img {
	max-width: 650px;
}

.flexslider_header div.slide_content h1,
.flexslider_header div.slide_content h3 {
	margin-bottom: 0;

	line-height: 1.4;
	text-transform: none;
	font-size: 24px;
}

@media screen and (min-width: 900px) and (max-width: 1199px) {

	body .flexslider_header div.slide_content {
		transform: translateY(-50%);
	}

	body .flexslider_header div.slide_content h1,
	body .flexslider_header div.slide_content h3 {
		font-size: 22px;
	}
	body .flexslider_header div.slide_content p {
		font-size: .8em;
	}
	body .flexslider_header div.slide_content a.box_link {
		font-size: 13px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {

	body .flexslider_header div.slide_content h1,
	body .flexslider_header div.slide_content h3 {
		font-size: 25px;
	}
}
@media screen and (min-width: 450px) and (max-width: 767px) {

	body .flexslider_header div.slide_content h1,
	body .flexslider_header div.slide_content h3 {
		font-size: 25px;
	}
}
.flexslider_header div.slide_content p {
	font-size: 1em;
}
.flexslider_header div.slide_content a {
    margin-top: 30px;
}
/*.flexslider_header div.slide_content a {
	display: inline-block;
	padding: 8px 60px;

	background-color: rgba(255,255,255,.15);
	border: 1px solid #fff;
	font-size: .8em;
	color: #fff;
	text-decoration: none;
	transition: background-color .2s ease-out;
}
.flexslider_header div.slide_content a:hover, .flexslider_header div.slide_content a:active {
	background-color: rgba(255,255,255,.35);
}
.flexslider_header div.slide_content a:after {
	content: '\f105';
}*/


/* vaakanavigaatio */

/* mobiilinavi esiin, normi piiloon */
.slicknav_menu {
	display: block;
	position: relative;
}
#menu {
	display: none;
}

#paanavi {
	text-align: left;
	/*position: relative;*/
	z-index: 5;
	width: 100%;
	float: right;
}

div.slicknav_menu:nth-child(2) {
	background: url(../images/ttr/mob_nav_tausta.gif) top left repeat-x #f2f2f2;
}

#paanavi .slicknav_btn {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

	/*position: absolute;
    right: 0;
    height: 100%;
    width: 65px;*/

    float: right;
    width: 80px;
	height: 48px;
	display: inline-block;	
	/*margin-right: 15px;*/
	text-decoration: none;
	/*background: url(../images/ttr/mobiili_navi1.gif) no-repeat right center;*/
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: white;
	border-left: 1px solid #EDECE8;
	border-radius: 1px;
	text-align: center;
	cursor: pointer;
}
#paanavi .slicknav_btn:before {
	content: '\e85f';
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);

	font-size: 13px;
	color: #055854;
}
#paanavi .slicknav_btn.slicknav_open:before {
	content: '\e860';
}

#paanavi .slicknav_menu ul li a:link,
#paanavi .slicknav_menu ul li a:visited {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 60px;

	color: #333;
}
#paanavi .slicknav_menu ul a:hover,
#paanavi .slicknav_menu ul a.on {
	color: #777;
	text-decoration: underline;
}
#paanavi .slicknav_menu ul ul li a:link,
#paanavi .slicknav_menu ul ul li a:visited {
	height: 45px;
}

#paanavi .slicknav_menu ul.slicknav_nav {
	position: fixed;
	top: var(--header-height);
	height: calc(100vh - var(--header-height));
	overflow-y: auto;
	z-index: 5;

	border-top: 1px solid #EDECE8;
	border-bottom: 1px solid #EDECE8;
}

#paanavi .slicknav_menu ul li li a:link, #paanavi ul li li a:visited {
	font-size: 13px;
	font-weight: 500;
}
#paanavi .slicknav_menu ul li li a:hover, #paanavi ul li li a.on {
	text-decoration: underline;
	color: #055854;
}
/*#paanavi .slicknav_menu ul li > a {
	margin: 0 0 0 20px;
}
#paanavi .slicknav_menu ul li li > a {
	margin: 0 0 0 35px;
}
#paanavi li.slicknav_parent a:link, #paanavi li.slicknav_parent a:visited {
	background-image: none;
	position: relative;
}
#paanavi li.slicknav_parent > a > a {
	width: 80%;
}
#paanavi a.slicknav_item a {
	padding-left: 0 !important;
}
#paanavi .slicknav_arrow {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 36px;
	padding: 0 10px 0 25px;
}*/

#toiminnot2 #mob_nav, #toiminnot2 #mob_nav2 {
	display: none;
}


.slicknav_menu .slicknav_arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    height: 60px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

.slicknav_menu .slicknav_arrow i:before {
    line-height: 45px;
    font-size: 9px;
}

.slicknav_menu .slicknav_nav {
    position: absolute;
    width: 100%;
    margin: 0;
    right: 0;
    overscroll-behavior: contain;
}
#paanavi .slicknav_menu ul li > a > a:link,
#paanavi .slicknav_menu ul li > a > a:visited {
    /*font-weight: 500;*/
}

.slicknav_menu ul li {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    position: relative;
}
.slicknav_menu ul li:first-child {
    border-top: none;
}
.slicknav_menu ul li.slicknav_open {
    background-color: #edece8;
}
#paanavi .slicknav_menu ul li.slicknav_open > a > a:link,
#paanavi .slicknav_menu ul li.slicknav_open > a > a:visited {
    color: #055854;
}

.slicknav_menu ul ul li {
    background-color: #fff;
    border-bottom: none;
    position: relative;
}


.slicknav_menu ul li a, .slicknav_menu ul li a:link, .slicknav_menu ul a li:visited {
    font-size: 15px;
    text-decoration: none;

    display: block;
}
.slicknav_menu ul li > a, .slicknav_menu ul li > span > a {
    padding: 0 80px 0 15px;
}
.slicknav_menu ul li a:hover, .slicknav_menu ul li a:active, .slicknav_menu ul li a.on {
    color: #dd4992;
}


/*.slicknav_menu ul ul li {
    border-top: 1px solid #dedede;
}*/

#paanavi .slicknav_menu ul ul li a:before {
	content: '\e85c';
	position: absolute;
	left: 17px;
	top: 20px;

	font-size: 8px;
	color: #333;
}

.slicknav_menu ul ul li:first-child {
    border-top: none;
}

#paanavi .slicknav_menu ul ul li a,
#paanavi .slicknav_menu ul ul li a:link,
#paanavi .slicknav_menu ul ul li:visited {
    font-size: 13px;
    font-weight: 400;

    padding: 0 0 0 30px;
}

.slicknav_menu ul ul li a:hover, .slicknav_menu ul ul li a:active, .slicknav_menu ul ul li a.on {
    text-decoration: underline;
}

div.slicknav_menu span.slicknav_menutxt {
	display: none;
}





/*#toiminnot2 .some {
	display: none;
	float: right;
	margin-right: 10px;
}
#toiminnot2 .some > * {
	position: relative;
	top: 5px;
	margin-left: 5px;
}
#toiminnot .some {
	display: none;
	position: absolute;
	left: 15px;
	top: 153px;
}
#toiminnot .some > * {
	position: relative;
	top: 5px;
	margin-right: 5px;
}*/

/* side links */
div.side_links {
	display: none;
}

/*#toiminnot2 .login_wrap {
	display: none;
	position: absolute;
	top: 25px;
	right: 140px;
}*/

#search_suggest {
	display: block;
	position: absolute;
	background-color: transparent;
	text-align: left; 
    top: 33px;
	right: 0;
	width: 100%;
	z-index: 15;
	font-size: 11px;	

	background: #fff;
	border: 1px solid #EDECE8;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.25);
	        box-shadow: 0 5px 5px rgba(0,0,0,.25);
}
ul#search-results {
	padding: 0;
}
ul#search-results li.search-result-item a {
	display: block;
	text-decoration: none;
}
ul#search-results li.search-result-item {
	border-top: 1px solid #EDECE8;
	cursor: pointer;
	display: block;
	clear: both;
	padding: 8px 10px;
	line-height: 1.4;
}
ul#search-results li.search-result-item:first-child {
	border-radius: 6px 6px 0 0;
	border-top: none;
}
ul#search-results li.search-result-item:last-child {
	border-radius: 0 0 6px 6px;
}
ul#search-results li.search-result-item:hover,
ul#search-results li.search-result-item:active,
ul#search-results li.search-result-item:hover > a,
ul#search-results li.search-result-item:active > a{
	background-color: #055854;
	color: #fff;
}



/* Pääsivun ajankohtaista/yhteystiedot-alue */
#ajankohtaista_yhteystiedot {
	width: 100%;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	color: #333;
}
#ajankohtaista_yhteystiedot > div,
#ajankohtaista_yhteystiedot > div > div {
	height: 100%;
}
#ajankohtaista_yhteystiedot > div {
	padding: 35px 0;

	border-bottom: 1px solid #EDECE8;
}
#ajankohtaista_yhteystiedot > div > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#ajankohtaista_yhteystiedot,
#ajankohtaista_yhteystiedot a:link,
#ajankohtaista_yhteystiedot a:visited {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
}
#ajankohtaista_yhteystiedot a:link,
#ajankohtaista_yhteystiedot a:visited {
	padding-left: 5px;
}
#ajankohtaista_yhteystiedot a:after {
	content: '\f105';
	width: auto;
	display: inline-block;

	font-size: 13px;
}
#ajankohtaista_yhteystiedot .otsikko:before {
	content: '\e84a';
	display: inline-block;
	margin-right: 10px;

	font-size: 1.1em;
}

#ajankohtaista_yhteystiedot .ajankohtaista_teaser {
	text-align: center;
}



/* Sisältöalue */
#sisaltoalue {
	position: relative;

	text-align: left;
}
.product_details_page { min-height: 1000px; } /* sivupalkki huomioon */

#vasen_palsta {
	width: 215px;
	padding: 70px 0 0 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
#oikea_palsta {
	width: 770px;
	float: right;
	padding: 30px 0;
}

/* Oikea palkki tuotenostot */
#sisalto_oikea {
	position: static;
	top: auto;
	left: auto;
	width: 100%;
	height: auto;
	overflow: hidden;

	text-align: left;
	background: #B5EEED;
}
#sisalto_oikea > div {
	padding: 10px 25px;
}

#sisalto_oikea h3 {
	margin-bottom: 15px;
	text-align: justify;

	font-size: 18px;
	font-weight: 500;
	color: #055854;
}

#sisalto_oikea .sivunostotuote {
	width: 100%;
	height: 260px;
	margin-bottom: 10px;

	background-color: #fff;
}

#sisalto_oikea .sivunostot_nayta_lisaa {
	width: 100%;
	height: 30px;
	margin-bottom: 10px;

	background: url(../images/ttr/saatavilla-nuoli-alas.gif) center center #fff;
	cursor: pointer;
}

#sisalto_oikea_mob {
	display: block;
	background: #B5EEED;
}

#sisalto_oikea_mob > div {
	padding: 20px;
}

#sisaltoalue .hide_block {
	display: none;
}

#sisaltoalue .show_hidden_text,
.old_reviews_show {
	display: inline-block;
	margin: 0 0 20px;
	padding: 8px 10px;

	font-size: 15px;
	background-color: #055854;
	border-radius: 6px;
	color: #fff;

	cursor: pointer;
}
.old_reviews_show:hover, .old_reviews_show:active {
	background-color: #196a6a;
}
#sisaltoalue > div > .show_hidden_text:not(.products_content) {
	display: block;
	margin-top: 25px;

	background-color: transparent;
	color: #055854;
	text-decoration: none;
}
#sisaltoalue .show_hidden_text:hover, #sisaltoalue .show_hidden_text:active {
	text-decoration: underline;
}

.old_reviews_show {
	margin: 10px 30px 0;
	padding: 15px 25px;
}


/* +/- -navigaation tyylit */
ul#tuotenavi {
    background: url(../images/sivunavi_tausta.png) repeat-x;
	width: 185px;
	min-height: 550px;
	border-radius: 10px 10px 0 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top: 10px;
	font-size: 11px;
	overflow-x: hidden;
}
ul#tuotenavi ul {
    padding: 2px 0 5px 0;
}
ul#tuotenavi li {
    margin: 0 0 10px 0;
}
ul#tuotenavi li.subnav {
	margin: 0 0 0 0;	
}
ul#tuotenavi li img {
	display: none;
}
ul#tuotenavi ul li img {
	display: block;
    float: left;
    margin-top: 6px;
}
ul#tuotenavi li a {
    color: #cba053;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 10px 5px 15px;
    display: block;
    text-transform: uppercase;	
}
ul#tuotenavi li a:hover, ul#tuotenavi li a:active {
	color: #fff;
	background: #cba053;
}
ul#tuotenavi ul a:link, ul#tuotenavi ul a:visited {       
    display: block;
    text-transform: none;	
	padding: 2px 5px 2px 15px;
	font-weight: 400;
}
ul#tuotenavi a.on, ul#tuotenavi a.navon {
	color: #fff;
	background: #cba053;
}
ul#tuotenavi ul a.navon {
	text-decoration: underline;
	background: transparent;
}
ul#tuotenavi ul ul a:link, ul#tuotenavi ul ul a:visited {
	font-weight: 400;
	padding: 2px 5px 2px 30px;	
	font-size: 11px;
}
ul#tuotenavi li.subnav a:link, ul#tuotenavi li.subnav a:visited {
	color: #8f8084;
	line-height: 1.4;
}
ul#tuotenavi li.subnav a:hover, ul#tuotenavi li.subnav a:active {
	text-decoration: underline;
	background: transparent;
}
ul#tuotenavi img {    
    vertical-align: middle;
    padding: 0 5px 0 15px;
}
ul#tuotenavi img.clickable {
    cursor: pointer;
}


#polku {
	margin: 20px 0 0 0;
	/*margin-top: 10px;
	margin-bottom: 15px;*/
}
#polku ul {
	/*margin: 0;*/
}
#polku ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#polku ul li + li:before {
	content: '\e85c';
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;

	font-size: 6px;
	color: #aaa;
}
#polku ul li a {
	line-height: 1.3;
	text-decoration: none;
	font-size: 12px;
	color: #aaa;
}
#polku ul li.on a:link, #polku ul li.on a:visited,
#polku ul li a.on, #polku ul li a:hover, #polku ul li a:active {
	color: #055854;
}

a:link.takaisin, a:visited.takaisin {
	position: absolute;
	right: 15px;
	top: 20px;

	font-size: 16px;
	text-decoration: none;
}


/* product navigation */
.product_list_sort_wrapper {
	background-color: #EDECE8;
}
#sisaltoalue > div > div.products_content > div:not(.alikategorianostot_wrapper) > div.product_navigation {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	gap: 20px;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 30px;
}
#sisaltoalue > div > div.products_content > div:not(.alikategorianostot_wrapper) > div.product_navigation:has(> .page_navigation) {
	justify-content: space-between;
}
#sisaltoalue > div > div.products_content > div:not(.alikategorianostot_wrapper) > div.product_navigation .list_options {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	gap: 20px;
}
.product_navigation * {
	font-size: 13px !important;
}
.product_navigation .product_navi_block {
	flex: 0 1 auto;
}
.product_navigation .product_filter {
	flex: 1 1 auto;
}
.product_navigation .product_navi_block > div {
	/*height: 32px;*/
	/*padding: 10px;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
}

.product_navigation .product_navi_block div.styled_select,
.product_navigation .product_navi_block button{
	width: 100%;
	height: 44px;
	/*line-height: 24px;*/
	background-color: transparent;
	border: 1px solid #333;
	line-height: 42px;
}
.product_navigation .product_navi_block div.styled_select:after {
	top: 17px;
	right: 15px;
}
.product_navigation .product_navi_block div.styled_select > select,
.product_navigation .product_navi_block button{
	height: 100%;
	padding-left: 20px;
	padding-right: 45px;

	font-weight: 500;
	color: #333;
}
.product_navigation .product_navi_block button{
	width: auto;
	padding-left: 50px;
	padding-right: 20px;
	cursor: pointer;

	background: url('../images/ttr/product-filter-icon.svg') 10px 50% no-repeat;
	border-radius: 6px;
}
/*.product_navigation .product_navi_block div > p, .product_navigation .product_navi_block div > div {
	display: table-cell;
	vertical-align: middle;
	height: 32px;
}
.product_navigation .product_navi_block div .styled_select {
	height: 32px;

	display: table-cell;
	vertical-align: middle;
}*/

/*.product_navigation .block_4 > div { display: block; }*/

/*.product_navigation .product_navi_block form > * {
	float: left;
}*/

/*.product_navigation .block_1 {
	width: 15%;
}
.product_navigation .block_2 {
	width: 50%;
}
.product_navigation .block_3 {
	width: 50%; float: right;
}
.product_navigation .block_4 {
	width: 15%; float: right;
}
.product_navigation .block_5 {
	width: 100%;
	float: right;

	text-align: right;
}*/

.product_navigation .block_3 > div, .product_navigation .block_4 > div, .product_navigation .block_5 > div {
	float: right;
}

.product_navigation .block_5 > div {
	padding-top: 0;
}

.product_navigation a:link, .product_navigation a:visited {
	text-decoration: underline;
}
.product_navigation a:hover, .product_navigation a:active {
	text-decoration: none;
}
.product_navigation p.products_total {
	display: table-cell;
	margin-bottom: 0;
	vertical-align: middle;

	line-height: 1;
	/*font-size: 15px;
	font-weight: 500;*/
}
.product_navigation .adv_product_sort_open {
	padding: 10px;

	text-align: center;
	font-weight: 500;
	background-color: #fff;
	color: #333;

	cursor: pointer;
}
.product_navigation .adv_product_sort_open:hover {
	background-color: #f6f6f6;
}

#adv_product_sort_wrapper {
	display: none;
	position: relative;
	margin-bottom: 20px;

	font-size: 13px;
	background-color: #F1F1F1;
}

#adv_product_sort_wrapper > div {
	padding: 15px 20px;
	position: relative;
}

#adv_product_sort_wrapper .product_filter_block {
	float: none;
	margin-bottom: 20px;
}

#adv_product_sort_wrapper .block_1, #adv_product_sort_wrapper .block_2, #adv_product_sort_wrapper .block_3 { width: 100%; }

/* suodatustyyppikohtaiset vvvv */
#adv_product_sort_wrapper .sort_block_vari .product_color_ball {
	position: relative;
	top: 2px;

	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);

	        box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
}

#adv_product_sort_wrapper .block_3 {
	font-size: 12px;
}
/* suodatustyyppikohtaiset ^^^^ */

#adv_product_sort_wrapper .product_filter_block p.title {
	font-size: 14px;
	font-weight: 500;
}

#adv_product_sort_wrapper .product_filter_block > div > div {
	padding: 5px 0;
}

#adv_product_sort_wrapper .four_per_row {
	float: none;
	width: 100%;
}


#adv_product_sort_wrapper #adv_product_close {
	position: absolute;
	top: 5px;
	right: 10px;
	height: 25px;
	width: 25px;
	padding: 0;

	text-align: center;
	border-radius: 25px;
	line-height: 25px;
	background-color: #fff;
	color: #444;
	font-weight: 500;

	cursor: pointer;
}
#adv_product_sort_wrapper #adv_product_close:hover, #adv_product_sort_wrapper #adv_product_close:active {
	background-color: #e7e7e7;
	color: #fff;
}

#adv_product_sort_wrapper .btn_rajaa {
	/*position: absolute;
	bottom: 10px;
	right: 15px;*/
	float: right;
	padding: 5px 10px;

	text-align: center;
	border-radius: 2px;
	background-color: #055854;
	font-size: 15px;
	font-weight: 500;
	color: #fff;

	cursor: pointer;
}
#adv_product_sort_wrapper .btn_rajaa:hover, #adv_product_sort_wrapper .btn_rajaa:active { background-color: #10DCD9; }

#adv_product_sort_wrapper .btn_poista_rajaukset {
	float: right;
	padding: 5px 10px;

	background-color: transparent;
	text-decoration: underline;
	text-align: center;
	font-size: 13px;
	color: #333;

	cursor: pointer;
}
#adv_product_sort_wrapper .btn_poista_rajaukset:hover, #adv_product_sort_wrapper .btn_poista_rajaukset:active { text-decoration: none; }


.product_list_sort_wrapper > .page_navigation {
	width: 100%;
	padding-bottom: 60px;

	text-align: right;
}
.product_navigation .page_navigation {
	width: auto;
	flex: 0 1 auto;
	display: flex;
	align-items: center;
}
#frm_show_items {
	display: inline;
}
.page_numbers {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	margin: 0;
}
p.page_numbers > * {
}
.page_numbers > span,
.page_numbers > i,
.page_numbers > a {
	width: 30px;
	height: 35px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	text-align: center;
	line-height: 35px;
	text-decoration: none !important;
	/*background: #E2E2E2;*/
	color: #aaa;
}
.page_numbers > a:hover,
.page_numbers > span.selected_page {
	color: #333;
}


/* listanäkymä */
div.alikategorianostot_wrapper,
div.product_list_wrapper {
	padding-left: 15px;
	padding-right: 15px;
}

div.product_list_wrapper {
	display: -ms-grid;
	display: grid;
	gap: 30px;
	padding-top: 60px;
	padding-bottom: 60px;
}
div.product_navigation ~ div.product_list_wrapper {
	padding-top: 0px;
}

@media screen and (min-width: 500px) {

	div.product_list_wrapper {
		-ms-grid-columns: (calc(50% - 15px))[2];
		grid-template-columns: repeat(2, calc(50% - 15px));
	}
}

@media screen and (min-width: 1000px) {

	div.product_list_wrapper {
		-ms-grid-columns: (calc(33.33% - 20px))[3];
		grid-template-columns: repeat(3, calc(33.33% - 20px));
	}
}

@media screen and (min-width: 1350px) {

	div.product_list_wrapper {
		-ms-grid-columns: (calc(25% - 23px))[4];
		grid-template-columns: repeat(4, calc(25% - 23px));
	}
}


/* listatuote */
div.listatuote, div.listatuote div.kuva, div.listatuote div.toiminnot {
	width: 100%;
}
.flexslider div.listatuote, .flexslider div.listatuote div.kuva, .flexslider div.listatuote div.toiminnot {
	/*width: 232px;*/
}


div.listatuote {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto auto 1fr auto auto auto;
	grid-template-rows: auto auto 1fr auto auto auto;
	position: relative;
	padding: 25px;
	z-index: 1;
	/*margin-bottom: 20px;*/

	background-color: #fff;
	text-align: center;
}

div.listatuote.highlight {
	grid-column: 1 / span 2;
}

div.listatuote,
div.listatuote a:link,
div.listatuote a:visited {
	color: #333;
}


div.listatuote img.tarra,
#tuotebox #vasen img.tarra {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	z-index: 10;

	pointer-events: none;
}
#tuotebox #vasen .certificates_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	width: min(92px, 20%);
	height: 45%;
	z-index: 1;

	/*display: flex;
	flex-wrap: wrap;
	flex-direction: column;*/

	pointer-events: none;
}
#tuotebox #vasen .certificates_wrapper span {
	display: flex;
	max-width: 100%;
	max-height: 100px;
}
@media screen and (max-width: 500px), (min-width: 900px) and (max-width: 1200px) {
	#tuotebox #vasen .certificates_wrapper span {
		max-height: 70px;
	}
}
#tuotebox #vasen .certificates_wrapper img {
	object-fit: contain;
	object-position: left center;
}
#tuotebox #vasen .certificates_wrapper span + span {
	margin-top: 10px;
}
div.listatuote div.ominaisuudet {
	position: absolute;
	top: 5px;
	right: 5px;
}
div.listatuote div.ominaisuus {
	display: block;
	margin-bottom: 2px;
	width: 12px; 
	height: 14px; 
	border-radius: 6px;
}
div.listatuote img.poista_ml {
	position: absolute;
	top: 5px;
	left: 5px;
}
div.listatuote div.kuva {
	position: relative;
	display: table;
	/*width: 243px;*/
	height: 260px;

	text-align: center;
	vertical-align: middle;
}
div.listatuote:hover div.kuva {
	/*height: auto;*/
}

div.listatuote div.kuva a.kuva {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 260px;
}
div.listatuote div.kuva img {
	padding-left: 0;
	padding-right: 0;
	max-height: 260px;
}
div.etusivu_nostoalue div.listatuote div.kuva img {
	max-width: 222px;
}
div.listatuote div.certificates_wrapper,
.listatuote_highlight div.certificates_wrapper{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 66px;
	height: 66px;
	z-index: 10;
	pointer-events: none;

	text-align: left;
}
.listatuote_highlight div.certificates_wrapper{
	top: -25px;
}
div.listatuote div.certificates_wrapper img,
.listatuote_highlight div.certificates_wrapper img{
	max-height: 100%;
}

div.listatuote div.additional_images {
	width: 100%;
	position: relative;
	padding-bottom: 15px;
	padding-top: 5px;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	        transform: translateY(-10px);
	-webkit-transition: opacity 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
	transition: opacity 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
	transition: opacity 300ms ease 0ms, transform 300ms ease 0ms;
	transition: opacity 300ms ease 0ms, transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;

	background: #fff;
}
@media screen and (min-width: 1200px) {
	div.listatuote:hover div.additional_images {
		display: block;
	}
}
/*div.listatuote div.additional_images div.flexslider {
	height: 400px;
	width: 100px;
	overflow: hidden;
	margin-top: 22px !important;
}
div.listatuote div.additional_images div.flexslider div.flex-viewport {
	height: 400px !important;
}*/
div.listatuote div.additional_images a.flex-disabled {
	display: none;
}
/*div.listatuote div.additional_images a.flex-prev {
	width: 42px;
	height: 22px;
	top: 0;
	left: 29px;
	background: none;
	margin: 0;
	text-indent: 0;
}
div.listatuote div.additional_images a.flex-prev::after {
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	content: '\F0DE';
	font-family: 'ttr_icon';
	font-size: 20px;
	color: #666;
}
div.listatuote div.additional_images a.flex-next {
	width: 42px;
	height: 22px;
	top: auto;
	bottom: 0;
	left: 29px;
	background: none;
	margin: 0;
	text-indent: 0;
}
div.listatuote div.additional_images a.flex-next::after {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	content: '\F0DD';
	font-family: 'ttr_icon';
	font-size: 20px;
	color: #666;
}*/
div.listatuote div.additional_images > div.flexslider > div {
	padding-bottom: 0;
}
div.listatuote div.additional_images > div.flexslider {
	padding: 0 30px;
}
div.listatuote div.additional_images ul.slides {
	opacity: 0;
}
div.listatuote div.additional_images li > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/*height: 400px;*/
}
div.listatuote div.additional_images li > div > div {
	width: 25%;
	/*height: 65px;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 3px;
}
div.listatuote div.additional_images li > div > div img {
	max-height: 55px !important;
	/*max-width: 94px !important;*/
	/*margin: auto;*/
	-o-object-fit: contain;
	   object-fit: contain;
}

div.listatuote div.additional_images .flex-direction-nav .flex-prev,
div.listatuote div.additional_images .flex-direction-nav .flex-next {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 25px;
	height: 50px;
	margin: 0;

	background: #fff;
}
div.listatuote div.additional_images .flex-direction-nav .flex-next {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
div.listatuote div.additional_images .flex-direction-nav .flex-prev:before,
div.listatuote div.additional_images .flex-direction-nav .flex-next:before {
	content: '\e85d';
	display: block;

	text-indent: initial;
}
div.listatuote div.additional_images .flex-direction-nav .flex-next:before {
	content: '\e85c';
}

div.listatuote div.kunto {
	margin-top: 5px;
}
div.listatuote div.kunto p {
	display: inline-block;
	margin-bottom: 0;

	font-size: 12px;
	font-weight: 400;
	color: #055854;
}
div.listatuote div.kunto.used p:before, div.listatuote div.kunto.new p:before {
	margin-right: 5px;
}
div.listatuote div.kunto.used p:before,
#tuotetiedot div.kunto.used p:before {
	content: '\e858';
	color: #055854;
}
div.listatuote div.kunto.new p:before,
#tuotetiedot div.kunto.new p:before {
	content: '\e804';
	color: #055854;
}
#tuotetiedot div.kunto p {
	display: inline-block;
	margin-bottom: 7px;

	font-size: 1.1em;
}
#tuotetiedot div.kunto.used p:before, #tuotetiedot div.kunto.new p:before {
	margin-right: 7px;
}
div.listatuote div.nimi {
	margin-top: 5px;
	/*height: 65px;
	overflow: hidden;*/
}
div.listatuote div.nimi a:link, div.listatuote div.nimi a:visited {
	display: block;

	font-size: 16px;
	text-decoration: none;
}
div.listatuote div.nimi p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.2;
}

div.listatuote div.nimi p .subtitle {
	display: block;
	margin-top: 5px;

	font-size: 13px;
	line-height: 1.4;
}
div.listatuote div.nimi p .offline {
	font-size: 0.8em;
}
div.listatuote div.hinta,
#tuote_popup div.hinta {
	position: relative;	
	margin-top: 15px;
}
#tuote_popup div.hinta {
	height: 60px;
	padding: 0 10px;
}
div.listatuote div.hinta {
}
div.listatuote div.hinta p.price_show_taxless {
	margin: 0;

	line-height: 1.2;
	font-size: 18px;
	/*font-weight: 500;*/
	color: #000;
}
div.listatuote div.hinta p.price_show_taxless > span.price_out {
	letter-spacing: 0.02em;
}
div.listatuote div.hinta p.price_show_taxless > span.vat_notice {
	/*margin-left: 5px;*/

	font-size: 13px;
	font-weight: 500;
	color: #333;
}
div.listatuote div.hinta p.price_show {
	position: relative;
	top: -6px;
	margin: 0;

	font-size: 14px;
	font-weight: 500;
	color: #000;
}
div.listatuote div.hinta p.price_show > span {
	margin-left: 5px;
}
div.listatuote div.availability {
	margin-top: 15px;

	font-size: 12px;
	color: #aaa;
}
div.listatuote div.availability > p {
	margin: 0;
}
div.listatuote div.availability .tooltip {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
}

div.lisatuotteet_vert div.listatuote div.hinta p { font-size: 21px; }
div.listatuote div.hinta p.tarjous {
	color: #a0001f;
}
div.listatuote div.hinta p.uutuus {
	/*color: #13AE08;*/
}


.hinta .alkup_hinta {
	font-size: 0.6em;
	color: #aaa;
}
div.listatuote div.ostoskoriin_holder, div.listatuote div.tarjouskoriin_holder,
#tuote_popup div.ostoskoriin_holder, #tuote_popup div.tarjouskoriin_holder {
	/*z-index: 99;*/
}
div.listatuote div.ostoskoriin_holder,
#tuote_popup div.ostoskoriin_holder {
	right: 42px;
}
div.listatuote button.ostoskoriin, div.listatuote button.tarjouskoriin,
#tuote_popup button.ostoskoriin, #tuote_popup button.tarjouskoriin {	
	width: 28px;
	height: 28px;
	background: #055854;
	border-radius: 1px;
	color: #fff;
	padding: 0;
	font-size: 0;
	border: none;
	cursor: pointer;
}
div.listatuote button.tarjouskoriin,
#tuote_popup button.tarjouskoriin {
	background-color: #5f9bc8;
}
div.listatuote button.ostoskoriin:hover, #tuote_popup button.ostoskoriin:hover {
	background: #25a13b;
}
div.listatuote button.tarjouskoriin:hover, #tuote_popup button.tarjouskoriin:hover {
	background: #6fabd8;
}

div.listatuote button.ostoskoriin:before, div.listatuote button.tarjouskoriin:before,
#tuote_popup button.ostoskoriin:before, #tuote_popup button.tarjouskoriin:before {
	content: '\e81f';
	font-size: 16px;
	width: auto;
}
div.listatuote button.tarjouskoriin:before, #tuote_popup button.tarjouskoriin:before {
	content: '\f291';
	font-size: 13px;
	width: auto;
}


div.listatuote div.toiminnot {
	position: absolute;	
	left: 0;
	bottom: 0;
	padding: 10px 30px 30px 30px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 300ms ease 0ms;
	transition: opacity 300ms ease 0ms;

	background: #fff;
}
div.listatuote div.toiminnot_nakyva {
	display: block;
}

div.listatuote div.toiminnot p {
	margin-bottom: 5px;
}

div.listatuote div.toiminnot p.normihinta {
	/*color: #bababa;*/
	color: #444;
	font-weight: 500;
	font-size: 14px;
}
div.listatuote div.toiminnot form {
	display: inline;
}
div.listatuote div.toiminnot input.muistilistalle {
	border: none;
	display: inline;
	background: url(../images/muistilista_pinkki.png) no-repeat left center;
	text-decoration: underline;
	padding: 0 0 0 20px;
	font-size: 11px;
	line-height: 17px;
	cursor: pointer;
	margin-bottom: 10px;
}
div.listatuote div.toiminnot a.lisatiedot {
	background: url(../images/lisatiedot-ikoni.png) no-repeat left center;
	padding: 0 0 0 12px;
	display: inline;
	line-height: 17px;
	text-decoration: underline;
	font-size: 11px;
	/*margin-left: 15px;*/
}
div.listatuote p.vaihtoehtoja {
	background: #fcf9f4 url(../images/vaihtoehtoja.png) no-repeat 10px center;
	padding: 10px 10px 10px 35px;
	font-size: 11px;
	margin: 0 -10px 0 -10px;
}
div.lisavaihtoehtoilmoitus_wrap {
	text-align: center;
}
div.lisavaihtoehtoilmoitus_wrap a.box_link {
	width: 100%;
}
#tuote_popup div.lisavaihtoehtoilmoitus_wrap {
	top: 15px;
}

div.lisatuotteet_vert div.listatuote div.vaihtoehtoja {
	display: none;
}

div.listatuote div.vaihtoehtoja p {
	margin: 0;
	padding: 10px;

	font-size: 13px;
	font-weight: 500;
	color: #055854;
}



div.listatuote_highlight {
	grid-column: 1 / span 2;

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr auto 50px;
	gap: 20px;
	position: relative;
	width: 100%;
	padding: 25px;
	padding: 50px 25px 50px 50px;
	z-index: 1;
	background-color: #fff;
	text-align: left;
}
div.listatuote_highlight div.kuva {
	position: relative;
	grid-column: 2 / 3;
	grid-row: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 357px;
}
div.listatuote_highlight div.kuva a.anchor {
	position: absolute;
}
div.listatuote_highlight div.kuva a.kuva {
	display: block;
	height: inherit;

	display: flex;
	max-height: inherit;
	justify-content: center;
	align-items: center;
}
div.listatuote_highlight a.kuva img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
div.listatuote_highlight div.nimi {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	        line-clamp: 5;
	-webkit-box-orient: vertical;
}
div.listatuote_highlight div.nimi a {
	font-family: 'Prata', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 1.4;
	color: #333;
	text-decoration: none;
}
div.listatuote_highlight div.nimi a:where(:hover, :active) {
	color: #055854;
}
div.listatuote_highlight div.nimi_wrapper .subtitle {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	        line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 14px;

	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2;
}
div.listatuote_highlight div.description {
	display: flex;
	align-items: center;
}
div.listatuote_highlight div.description > div {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	        line-clamp: 4;
	-webkit-box-orient: vertical;
}
div.listatuote_highlight .nimi_wrapper:has(.subtitle) + div.description > div {
	-webkit-line-clamp: 3;
	        line-clamp: 3;
}
div.listatuote_highlight div.description > div > * {
	display: inline;
	/*margin-bottom: 0;
	line-height: 2.0;*/
}
div.listatuote_highlight .price_show_taxless {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: 10px;
}
div.listatuote_highlight .hinta {
	display: flex;
	align-items: center;
}
div.listatuote_highlight .price_out {
	font-size: 26px;
	font-weight: 500;
}
div.listatuote_highlight .vat_notice {
	font-size: 13px;
}
div.listatuote_highlight div.lisavaihtoehtoilmoitus_wrap {
	text-align: left;
}
div.listatuote_highlight div.lisavaihtoehtoilmoitus_wrap a.box_link {
	max-width: 200px
}

@media (max-width: 499.90px) {
	div.listatuote_highlight {
		grid-column: 1 / span 1;
	}
}
@media (max-width: 599.90px) {
	div.listatuote_highlight {
		grid-template-columns: 1fr;
		grid-template-rows: auto 1fr auto 50px;
		padding: 30px;

		text-align: center;
	}
	div.listatuote_highlight div.kuva {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		height: 100%;
		max-height: 350px;
	}
	div.listatuote_highlight :is(div.nimi, div.subtitle),
	div.listatuote_highlight div.description > div,
	div.listatuote_highlight .nimi_wrapper:has(.subtitle) + div.description > div{
		overflow: auto;
		-webkit-line-clamp: none;
		        line-clamp: none;
		-webkit-box-orient: vertical;
	}
	div.listatuote_highlight .hinta {
		justify-content: center;
	}
	div.listatuote_highlight div.lisavaihtoehtoilmoitus_wrap {
		text-align: center;
	}
}

div.listaerotin {
	clear: both;
	height: 1px;
	background: #055854;
	margin-bottom: 2px !important;
}


/* tarjous yms. sivut */
.tuotelista_wrapper {
	margin: 0 auto;
	padding: 20px 0 80px 0;
}

@media screen and (min-width: 245px) {
	.tuotelista_wrapper { width: 245px; }
}
@media screen and (min-width: 490px) {
	.tuotelista_wrapper { width: 490px; }
}
@media screen and (min-width: 735px) {
	.tuotelista_wrapper { width: 735px; }
}
@media screen and (min-width: 981px) {
	.tuotelista_wrapper { width: 100%; }
}

div.additional_products ul.slides > li {
	margin: 5px;
}
div.additional_products div.listatuote div.nimi {
	height: 43px;
	overflow: hidden;
}


/* tuotekortti */
#tuotebox {	
	position: relative;
	/*padding-bottom: 20px;*/
}
#tuotebox_inner {
	margin-top: 20px;
}
.single_option {
	margin-bottom: 10px;

	font-size: 1.1em;
}
.kori_ohje {
	display: block;
	margin-top: 10px;
	text-align: center;
}
* + .kori_ohje {
	margin-top: 25px;
}
.kori_ohje > span {
	cursor: help;
}
@media screen and (min-width: 768px) {

	#tuotebox .kori_ohje {
		text-align: left;
	}
}
#tuotebox .kori_ohje {

	font-size: 12px;
}
.kori_ohje:before {
	content: '\e862';
	display: inline-block;
	margin-right: 5px;
}
#tuotebox .kori_ohje {
	
}
.kori_ohje:before,
.kori_ohje span {
	line-height: 1.4;
	color: #055854;
}
.kori_ohje:hover span {
	text-decoration: underline;
}

#tuotebox .print_product_card a:link,
#tuotebox .print_product_card a:visited {
	text-decoration: none;
	font-size: 12px;
}
#tuotebox .print_product_card a:hover {
	text-decoration: underline;
}
#tuotebox .print_product_card a:before {
	content: '\e869';
	margin-right: 5px;
}

#tuotebox #vasen {
	width: 100%;

	text-align: center;
}
#tuotebox #size_sheet_preview {
	display: none;
}

@media (min-width: 900px) {
	#tuotebox #size_sheet_preview {
	    display: block;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: auto;
	    padding: 10px;
	    box-sizing: border-box;
	    z-index: 11;

	    background-color: #fff;
	    border: 1px solid #EDECE8;
	}
	#tuotebox #size_sheet_preview:not(.visible) {
	    display: none;
	}
	#tuotebox #size_sheet_preview #size_sheet_preview_controls {
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    z-index: 1;
	}
	#tuotebox #size_sheet_preview #size_sheet_preview_full,
	#tuotebox #size_sheet_preview #size_sheet_preview_close {
	    display: inline-block;
	    width: 40px;
	    height: 40px;
	    margin-left: 5px;
	    cursor: pointer;

	    text-align: center;
	    background-color: #D4D4D4;
	}
}

#tuotebox #vasen #kuva_alue {
	position: relative;
}
#tuotebox #vasen #kuva_alue_wrapper .logo_wrapper,
.listatuote .kuva .logo_wrapper,
.alikategorianosto .logo_wrapper {
	position: absolute;
	right: 3px;
	bottom: 3px;
	height: 81px;/*81*/

	pointer-events: none;
}
.listatuote .kuva .logo_wrapper,
.alikategorianosto .logo_wrapper {
	right: 8px;
	height: 75px;
}
#tuotebox #vasen #kuva_alue_wrapper .logo_wrapper > img,
.listatuote .kuva .logo_wrapper > img,
.alikategorianosto .logo_wrapper > img {
	display: inline;
	max-height: 100%;
	margin-left: 3px;
}

#tuotebox #vasen #kuva_alue_wrapper .logo_wrapper > img.logo_10v,
.listatuote .kuva .logo_wrapper > img.logo_10v,
.alikategorianosto .logo_wrapper > img.logo_10v {
	max-height: 75%;
}
.listatuote .kuva .logo_wrapper > img.logo_10v,
.alikategorianosto .logo_wrapper > img.logo_10v {
	max-height: 70%;
	margin-top: 30%;
}

#tuotebox #kuva_alue_wrapper div.ominaisuudet {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	text-align: center;
}
#tuotebox #vasen .slider_paakuvat img {
	max-height: 50vh;
}

.splide:not(.is-overflow) .splide__arrows {
	display: none;
}
@media (pointer: coarse) {

	.splide .splide__arrows {
		display: none;
	}
}

.splide__arrows button {
	--slider-arrow-size: 54px;

	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: var(--slider-arrow-size);
	height: var(--slider-arrow-size);
	padding: 0;
	cursor: pointer;
	z-index: 1;

	background-color: #EDECE8;
	border-radius: var(--slider-arrow-size);
	fill: #333;
}
.splide__arrows button:hover {
	filter: brightness(1.025);
}
.splide__arrows button:active {
	filter: brightness(0.995);
}
.splide__arrows .splide__arrow--prev {
	left: 0;
}
.splide__arrows .splide__arrow--next {
	right: 0;
}
/*.splide__arrows button:where(:hover, :active) svg {
	fill: #055854;
}*/
.splide__arrows .splide__arrow--prev svg {
	transform: scale(-1);
}
.splide__slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

#kuva_alue .splide__slide {
	min-height: 250px;
}

@media screen and (min-width: 500px) {
	#kuva_alue .splide__slide {
		min-height: 350px;
	}
}

.slider_paakuvat .splide__arrow--prev {
	left: 5px;
}
.slider_paakuvat .splide__arrow--next {
	right: 5px;
}
.slider_paakuvat .splide__arrow--prev svg {
	margin-right: 4px;
}
.slider_paakuvat .splide__arrow--next svg {
	margin-left: 4px;
}

:is(.slider_lisakuvat, .slider_mittakuvat) .splide__arrows button {
	--slider-arrow-size: 30px;

	width: 40px;
	height: 100%;
	opacity: 1;
	transition: opacity 300ms ease;

	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
}

@media screen and (min-width: 900px) {

	:is(.slider_lisakuvat, .slider_mittakuvat) .splide__arrows .splide__arrow--prev {
		left: auto;
		right: 100%;
		/*background: linear-gradient(to left, transparent 0%, #fff 20%);*/
	}
	:is(.slider_lisakuvat, .slider_mittakuvat) .splide__arrows .splide__arrow--next {
		right: auto;
		left: 100%;
		/*background: linear-gradient(to right, transparent 0%, #fff 20%);*/
	}
}
:is(.slider_lisakuvat, .slider_mittakuvat) .splide__arrows .splide__arrow--prev svg {
	height: 20px;
	/*margin-right: 10px;*/
}
:is(.slider_lisakuvat, .slider_mittakuvat) .splide__arrows .splide__arrow--next svg {
	height: 20px;
	/*margin-left: 10px;*/
}
:is(.slider_lisakuvat, .slider_mittakuvat) .splide__arrows button:disabled {
	opacity: 0;
	pointer-events: none;
}
:is(.slider_lisakuvat, .slider_mittakuvat) .splide__slide {
	margin: 6px;
}
:is(.slider_lisakuvat, .slider_mittakuvat) .is-active {
	position: relative;
}
:is(.slider_lisakuvat, .slider_mittakuvat) .is-active:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;

	box-shadow: 0 0 0 5px #fff, 0 0 0 6px #edece8;
}
:is(.slider_lisakuvat, .slider_mittakuvat) img {
	max-height: 72px;
	vertical-align: bottom;
	cursor: pointer;
}

#tuotebox .link_to_additional_images {
	position: absolute;
	left: 0;
	top: 0;
	padding: 13px 18px;

	background-color: #EDECE8;
	border-radius: 7px;
	font-size: 13px;
	color: #333;
}
#tuotebox .link_to_additional_images:hover {
	text-decoration: none;
	filter: brightness(.95);
}

#tuotebox #vasen .additional_images_title {
	margin-bottom: 25px;

	font-weight: 500;
	text-align: left;
}

#tuotebox #vasen #lisakuvat {
	margin-top: 30px;
	padding-top: 30px;

	border-top: 1px solid #eee;
}

#tuotebox #vasen #lisakuvat .flex-direction-nav a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
	width: 40px;
	height: 100%;
	margin: 0;

	background: unset;
}
#tuotebox #vasen #lisakuvat .gallery_item,
.kategoriaotsikko span{
	position: relative;
}
.kategoriaotsikko span,
.kategoriaotsikko span img{
	display: inline-block;
}
#tuotebox #vasen #lisakuvat span:where(.youtube, .vimeo):after,
.kategoriaotsikko span:where(.youtube, .vimeo):after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;

	background-color: rgba(0,0,0,.1);
	background-position: center center;
	background-repeat: no-repeat;
}
#tuotebox #vasen #lisakuvat span.youtube:after,
.kategoriaotsikko span.youtube:after{

	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1024 721' enable-background='new 0 0 1024 721' xml:space='preserve'%3E%3Cpath id='Triangle' fill='%23FFFFFF' d='M407,493l276-143L407,206V493z'/%3E%3Cpath id='The_Sharpness' opacity='0.12' fill='%23420000' d='M407,206l242,161.6l34-17.6L407,206z'/%3E%3Cg id='Lozenge'%3E%3Cg%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='512.5' y1='719.7' x2='512.5' y2='1.2' gradientTransform='matrix(1 0 0 -1 0 721)'%3E%3Cstop offset='0' style='stop-color:%23E52D27'/%3E%3Cstop offset='1' style='stop-color:%23BF171D'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23SVGID_1_)' d='M1013,156.3c0,0-10-70.4-40.6-101.4C933.6,14.2,890,14,870.1,11.6C727.1,1.3,512.7,1.3,512.7,1.3 h-0.4c0,0-214.4,0-357.4,10.3C135,14,91.4,14.2,52.6,54.9C22,85.9,12,156.3,12,156.3S1.8,238.9,1.8,321.6v77.5 C1.8,481.8,12,564.4,12,564.4s10,70.4,40.6,101.4c38.9,40.7,89.9,39.4,112.6,43.7c81.7,7.8,347.3,10.3,347.3,10.3 s214.6-0.3,357.6-10.7c20-2.4,63.5-2.6,102.3-43.3c30.6-31,40.6-101.4,40.6-101.4s10.2-82.7,10.2-165.3v-77.5 C1023.2,238.9,1013,156.3,1013,156.3z M407,493V206l276,144L407,493z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 40px auto;
}
#tuotebox #vasen #lisakuvat span.vimeo:after,
.kategoriaotsikko span.vimeo:after{

	background-image: url("../images/ttr/vimeo-play-button.png");
	background-size: 50px auto;
}
#tuotebox #vasen #lisakuvat span:where(.youtube, .vimeo):hover:after,
.kategoriaotsikko span:where(.youtube, .vimeo):hover:after{
	filter: brightness(1.1);
}
#tuotebox #vasen #lisakuvat .flex-direction-nav a:before {
	content: '\e85d';

	font-size: 25px;
	text-indent: initial;
	color: #333;
}
#tuotebox #vasen #lisakuvat :where(span.youtube, span.vimeo) img{
/*	pointer-events: none;*/
}
#tuotebox #vasen .has_images + #varikartat {
	margin-top: 30px;
}

#tuotebox .splide__video__play {
	background-color: transparent;
	opacity: 1;
	width: 100px;
}
#tuotebox .splide__slide--has-video span {
	position: relative;
}
#tuotebox .splide__slide--has-video span.video:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	background-color: rgba(0,0,0,.25);
}
#tuotebox .splide__slide--has-video:hover .splide__video__play,
#tuotebox .splide__video__play:hover {
	filter: brightness(1.1);
}
#tuotebox .splide__video__play:after {
	display: none;
}

#tuotebox #tuotetiedot {
	width: 100%;
	text-align: left;
	position: relative;
}
#tuotebox #tuotetiedot > div {
	
}

#tuotebox #tuotetiedot h1 {
	margin: 0;

	color: #333333;
	font-size: 20px;
	font-weight: 500;
	text-transform: none;
}

#tuotebox #tuotetiedot h2 {
	margin: 5px 0 0 0;
	padding: 0;

	color: #333;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
}

#tuotebox #tuotetiedot p.tuoteid {
	font-size: 0.85em;
	margin: 3px 0px 0px;
}

#tuotebox .product_review_total_wrapper {
	margin: 10px 0 0 0;
}

#tuotebox .product_review_total_wrapper .star_total {
	float: left;
	margin-left: 5px;

	font-size: 0.9em;
	line-height: 25px;
}
#tuotebox .product_review_total_wrapper .star_total a { padding: 0 2px; }

#tuotebox .product_reviews_box_header_wrapper {
	margin-top: 10px;
	cursor: pointer;

	background-color: #DDE9E9;
}
#tuotebox .product_reviews_box_header_wrapper:hover {
	background-color: #CDD9D9;
}
#tuotebox .product_reviews_box_header_wrapper > div {
	padding: 20px;
}

#tuotebox .product_reviews_box_header_wrapper .review_box_header {
	padding: 5px 10px;
	font-size: 18px;
	font-weight: 500;
	color: #055854;
}
#tuotebox .product_reviews_box_header_wrapper #toggle_review_box {
	text-decoration: underline;
	background: url('../images/ttr/arvostele.png') left center no-repeat;
}

#tuotebox .product_reviews_box_content_wrapper {
	padding: 0 3px 3px 3px;

	background-color: #DDE9E9;
}
#tuotebox .product_reviews_box_content_wrapper > div {
	padding: 15px 27px;
	background-color: #fff;
}

#tuotebox .product_reviews_box_content_wrapper .product_review_block {
	float: left;
	width: 50%;
	margin: 10px 0 0;
}

#tuotebox .product_reviews_box_content_wrapper .product_review_block_separator {
	clear: both;
	border-bottom: 1px solid #055854;
}


#tuotebox #tuotetiedot .hinta_box {
	width: 100%;
	margin-top: 15px;
}
#tuotebox #tuotetiedot .row_availability {
	float: right;
	width: 50%;
	/*margin-top: 20px;*/
}

#tuotebox .hinta_box p {
	margin: 0;

	font-size: 26px;
	font-weight: 500;
}
.hinta_box p .smaller {
	color: #333;
}
#tuotebox p.hinta_veroton_box {
	font-size: 18px;
	font-weight: 500;
}

p.tarjous {
	color: #a0001f;
}

#tuotebox .hinta_box p.normihinta {
	font-size: 13px;
	font-weight: 500;
	color: #333;
}

.hinta_box p span.smaller {
	font-size: 13px;
	font-weight: 400;
}

#tuotebox .hinta_box span.punainen {
	color: #F50E09;
}


#tuotebox .hinta_veroton_box p {
	margin: 0;

	/*font-size: 18px;*/
}

#tuotebox #price_show {
}

#tuotebox p.starting_price_description {
	margin: 5px 0 0 0;

	font-size: 18px;
	line-height: 1.5;
}

#frm_update_cart {
	margin-top: 20px;
	padding-top: 20px;

	border-top: 1px solid #eee;
}

#tuotebox .row_availability p {
	margin: 0;
}

#tuotebox div.row_availability_and_delivery p {
	margin: 0;

	font-size: 12px;
	line-height: 1.4;
	text-align: left;
}
#tuotebox div.row_availability_and_delivery p + p {
	margin-top: 7px;
}
#tuotebox div.row_availability_and_delivery p.availability_delivery_title {
	font-size: 15px;
}

#tuotebox #oikea div.right_row.row_tester_available:not(:first-child) {
	padding-top: 20px;
}

/* availability icons */
.availability_icon {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	position: relative;
	top: 1px;

	border-radius: 12px;
}
.availability_icon_smaller {
	width: 10px;
	height: 10px;
	top: 1px;
}


/* vertical slider */
div.listatuote_vertical, div.listatuote_vertical div.kuva {
	width: 180px;
}
div.listatuote_vertical {
	height: 250px;
	margin-bottom: 10px;

	border: none;
	border-radius: 0;
}
div.listatuote_vertical:hover {
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
div.listatuote_vertical div.toiminnot, div.listatuote_vertical:hover div.toiminnot {
	display: none;
}
div.listatuote_vertical div.kuva {
	height: 150px;
}
div.listatuote_vertical div.kuva img {
	max-width: 170px;
	max-height: 150px;
}
div.listatuote_vertical div.nimi {
	height: 46px;
}
div.listatuote_vertical div.nimi p {
	font-size: 13px;
}



/* lisätuotelista */



#tuotetiedot a.video {
	background: url(../images/opastusvideo.png) no-repeat;
	padding: 10px 0 0 30px;
	font-size: 13px;
	display: inline-block;
	margin-right: 150px;
}
#tuotetiedot div.muistilistalle_holder {
	width: 132px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 6px;
}
#tuotetiedot input.muistilistalle {
	background: url(../images/tuotekortti_muistilistalle.png) no-repeat;
	padding: 3px 0 0 25px;
	font-size: 13px;
	text-decoration: underline;
	display: inline-block;
	margin: 0;
	border: none;
	cursor: pointer;
}	
#tuotetiedot input.muistilistalle:hover {
	text-decoration: none;
}
#tuotebox #oikea {
	width: 100%;
	margin-top: 20px;
}
#tuotebox #oikea > div {
	
}
#tuotebox #oikea > div + div {
	background-color: transparent;
}

#tuotebox #oikea div.right_row:not(:first-child) {
	padding-top: 30px;
}
#tuotebox #oikea div.row_availability,
#tuotebox #oikea div.row_delivery_time {
	/*display: inline-block;*/
	/*width: 50%;*/
}
#tuotebox #oikea div.row_delivery_time:not(:first-child) {
	/*padding-left: 10px;*/
	padding-top: 0;
}
#tuotebox #oikea p.availability_delivery_title {
	font-weight: 500;
}
#tuotebox #oikea div.row_delivery_time p.delivery_time:before {
	content: '\e868';
	display: inline-block;
	margin-right: 8px;
}
#tuotebox #oikea div.row_delivery_time p.delivery_time_text:before {
	content: '\e867';
	display: inline-block;
	margin-right: 8px;
}

#tuotebox div.row_availability_and_delivery.has_delivery {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (calc(50% - 30px))[2];
	grid-template-columns: repeat(2, calc(50% - 30px));
	gap: 60px;
}

#tuotebox #oikea select,
#tuote_popup select {
	height: 100%;

	background-color: #EDECE8;
}

#tuotebox #oikea .lisavalinta_wrap {
	margin-bottom: 15px;
}

#tuotebox #oikea fieldset.lisavalinta_wrap {
	margin: 0px 0 20px;
}
#tuotebox #oikea fieldset.lisavalinta_wrap legend {
	padding: 0px 0 10px;

	font-weight: 500;
}

#tuotebox #oikea .row_sub_products label,
#tuotebox #oikea .row_product_options label,
#tuote_popup .product_option_container label {
	display: block;
	margin: 0 0 5px 0;
}

#tuotebox #oikea .row_sub_products label,
#tuotebox #oikea label.option_groups_label {
	margin-bottom: 15px;

	font-weight: 500;
}
#tuotebox #oikea .row_sub_products label > span,
#tuotebox #oikea label.option_groups_label > span {
	font-size: 13px;
	font-weight: 400;
}

#tuotebox #oikea label.option_groups_label {
	/*margin-top: 10px;*/
}

#tuotebox #oikea .lisavalinta_wrap label {
	/*font-weight: 500;*/
}

#tuotebox #oikea .row_sub_products .options_total {
	margin-top: 20px;
	font-size: 12px;
}
#tuotebox #oikea .row_sub_products .options_total span {
	font-weight: 500;
	color: #055854;
}

#tuotebox #oikea select.lisavalinta {
	/*min-width: 260px;
	width: 100%;*/
}

#tuotebox #oikea select.required-option {
	background-color: #e7e7e7;
	border: 1px solid #d22;
}

#tuotebox #oikea div.required-info {
	margin: 3px 0 5px;

	color: #f44;
	font-size: 12px;
}

div.row_buy_buttons {

}

/*#tuotebox #oikea #maara_box,
#tuote_popup #maara_box {
	float: left;
	width: 40px;
	height: 35px;
}*/

/*#tuotebox #oikea #hinta,
#tuote_popup .hinta {
	float: left;
	width: 230px;
	height: 75px;
	margin-left: 10px;

	position: relative;
}*/
#tuote_popup div.hinta { padding: 0; }
#tuote_popup .hinta.lisavaihtoehto {
	float: none;
	clear: both;
	height: auto;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

#tuotebox #oikea .customSelect,
#tuote_popup .customSelect {
	background-color: #fff !important;
	font-size: 12px;
	
}
#tuotebox #oikea #maara_box {
	position: relative;
}
#tuotebox #oikea #maara_box input.maara,
#tuote_popup #maara_box input.maara {
	height: 100%;
	width: 50px;

	background-color: #EDECE8;
	border-radius: 6px;
	text-align: center;
}

button.amount_tuotekortti {
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 100%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	cursor: pointer;
	pointer-events: none;

	background-color: transparent;
	border-radius: 6px;
}
button.amount_tuotekortti:hover,
button.amount_tuotekortti:active {
	background-color: rgba(0,0,0,.05);
}
button.amount_tuotekortti_plus {
	left: auto;
	right: 0;
}

@media screen and (max-width: 460px), screen and (min-width: 900px) and (max-width: 1199px) {

	button.amount_tuotekortti {
		display: inline-block;
		pointer-events: auto;
	}
}

#tuotebox #oikea #varivaihtoehdot {
	font-size: 12px;
}
#tuotebox #oikea #varivaihtoehdot p {
	margin-bottom: 8px;
	font-size: 12px;
}
#tuotebox #oikea #varivaihtoehdot span.product_color_ball,
#tuote_popup #varivaihtoehdot span.product_color_ball {
	margin-right: 5px;

	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);

	        box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

#tuotebox #oikea div.row_buy_buttons,
#tuotebox #oikea div.row_buy_buttons #hinta {
	display: -ms-grid;
	display: grid;
	gap: 20px;
	-ms-grid-columns: auto 1fr;
	grid-template-columns: auto 1fr;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
#tuotebox #oikea div.row_buy_buttons #hinta {
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}
#tuotebox #oikea div.row_buy_buttons {
	padding-bottom: 30px;

	border-bottom: 1px solid #EDECE8;
}

@media screen and (max-width: 460px), screen and (min-width: 900px) and (max-width: 1199px) {

	#tuotebox #oikea div.row_buy_buttons,
	#tuotebox #oikea div.row_buy_buttons #hinta {
		-ms-grid-columns: unset;
		grid-template-columns: unset;
	}

	#tuotebox #oikea #maara_box input.maara {
		width: 100%;
		height: 50px;
	}
}

#tuotebox #oikea div.ostoskoriin_holder, #tuotebox #oikea div.tarjouskoriin_holder {
	/*float: left;*/

	/*position: absolute;
	right: 0;
	width: 126px;
	height: 31px;
	top: 50%;
	margin-top: -15px;*/
}
#tuotebox #oikea #hinta button.ostoskoriin,
#tuotebox #oikea #hinta button.tarjouskoriin {
	position: relative;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 50px;
	height: 100%;
	padding: 15px 20px 15px 20px;

	background-color: #055854;
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;

	cursor: pointer;
}
#tuotebox #oikea #hinta button.tarjouskoriin:hover {
	background-color: #196a6a;
}
#tuotebox #oikea #hinta button.ostoskoriin {
	background-color: #D7E3DB;
	color: #333;
}
#tuotebox #oikea #hinta button.ostoskoriin:hover {
	background-color: #DBE8E3;
}
#tuotebox #oikea #hinta button.ostoskoriin:disabled,
#tuotebox #oikea #hinta button.tarjouskoriin:disabled{
	background-color: #ccc;
	color: #666;
	cursor: not-allowed;
}

#tuotebox #oikea #hinta button.ostoskoriin:before,
#tuotebox #oikea #hinta button.tarjouskoriin:before {
	content: '\e866';
	font-size: 17px;
}
#tuotebox #oikea #hinta button.ostoskoriin:before {
	content: '\e865';
	font-size: 20px;
}

#tuotebox #oikea #hinta p {
	font-size: 45px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: -2px;
	color: #cba053;
}
#tuotebox #oikea #hinta p.tarjous {
	color: #ff590e;
}

#tuotebox #lisatoiminnot {
	float: right;
	clear: right;
	width: 100%;

	font-size: 12px;
}
#tuotebox #lisatoiminnot > div {
	
}

.cart_icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;

	background-color: #055854;
	border-radius: 25px;
	color: #fff;
}
.cart_icon.shopping_cart {
	background-color: #D7E3DB;
	color: #333;
}
.cart_icon:before {
	content: '\e866';
	display: block;

	font-size: 10px;
}
.cart_icon.shopping_cart:before {
	content: '\e865';

	font-size: 11px;
}

div.tekstisisalto {
    padding: 30px 0;
}
div.tekstisisalto_yla {
    padding: 30px 0 0 0;
}
div.tekstisisalto_yla.error_page + div.product_list_wrapper {
	padding-top: 40px;
}
div.tekstisisalto_ala.error_page {
	padding-top: 0;
	padding-bottom: 50px;
}
div.tekstisisalto_ala.error_page a.all_references {
	margin: 0 auto;
}
div.tekstisisalto_haku {
    padding: 30px 0 20px 0;
}
div.tekstisisalto_haku + div.tekstisisalto_haku {
    padding: 0px 0 20px 0;
}
div.tekstisisalto_haku #frm_show_items {
    border: none;
}
div.tekstisisalto_haku #frm_show_items .styled_select{
	height: 37px;

	line-height: 35px;
	border: 1px solid #333;
}
div.tekstisisalto_haku #frm_search{
	border-color: #333;
}

#tuotebox #oikea .row_tester_available p {
	margin: 0;

	font-size: 12px;
}



div.listatuote div.toiminnot p.additional_product_info_link {
	position: absolute;
	right: 10px;
	top: 8px;
}

/*#tuotebox #varineliot {	
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
	padding: 10px 0 30px 0;
	border-bottom: 1px solid #f3eedb;
}
#tuotebox #varineliot div.varinelio {
	width: 50px;
	height: 30px;
	float: left;
}*/
#tuotebox ul#tab_select {
	margin: 30px 0;
}
#tuotebox ul#tab_select li {
	display: inline;
	background: #f8f6f1;
	margin-right: 5px;
	font-size: 11px;
	font-weight: 500;
	padding: 7px 15px;
	border-radius: 7px;
	cursor: pointer;
}
#tuotebox ul#tab_select li.on {
	background: #cba053 !important;
	color: #fff;
}


#tuotebox div.product_signs {
	margin: 50px 0 -20px 0;
	width: 100%;
	z-index: 10;
}
#tuotebox div.product_signs > div.title {
	margin-bottom: 20px;

	font-weight: 500;
	max-width: auto;
	display: inline-block;
}

#tuotebox div.product_signs > div.title > i {
	color: #055854;
	cursor: help;
	display: flex;
	align-items: center;
	align-self: flex-start;

}
#tuotebox div.product_signs > div.title > i > span {
	padding-left: 5px;
	line-height: 16px;
	
}
/*
#tuotebox div.product_signs > div.title > a:hover + span,
#tuotebox div.product_signs > div.title > a:active + span,
#tuotebox div.product_signs > div.title > a + span:hover,
#tuotebox div.product_signs > div.title > a + span:active {
	display: block;
	position: absolute;
	font-weight: normal;
	transition: top 300ms ease;
	font-size: 14px;
	padding: 50px;
	box-shadow: 0 0 5px #666;
	z-index: 10;
	min-width: 150px;
	background-color: #fff;
}
*/

#tuotebox div.product_signs > div.signs {
/*	margin: 0 20px 20px 0;*/
	display: flex;
	flex-wrap: wrap;
	gap: 20px 25px;
	align-items: center;
	z-index: 2;
}
#tuotebox div.product_signs > div img {
	max-height: 35px;	
}
#tuotebox div.product_signs > div img:not(.svg) {
	max-width: 145px;
}
#tuotebox div.product_signs > div img.svg {
	height: 35px;
}


#tabs {
	margin: 50px 0;
}
#tuote_popup #tabs {
	margin-top: 30px;
	margin-bottom: 30px;
}


#tabs div.tab_container {
	border-bottom: 1px solid #EDECE8;
}
#tabs div.tab_container:first-child {
	border-top: 1px solid #EDECE8;
}


#tabs div.tab_container .tab_name,
.additional_products > div > span {
	display: block;
	/*margin-bottom: 10px;*/
	padding: 25px 0px;

	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
}
#tabs div.tab_container .tab_name {
	position: relative;
	
	cursor: pointer;
	padding-left: 30px;
}
#tabs div.tab_container:not(.open) + div.tab_container .tab_name {
	border-top-color: transparent;
}
#tabs div.tab_container.open .tab_name {
	border-bottom-color: transparent;
}
#tabs div.tab_container .tab_name:after {
	content: '\a001';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);

	font-size: 16px;
	color: #055854;
}
#tabs div.tab_container.open .tab_name:after {
	content: '\a002';
}

#tabs div.tab_container .tab_data {
	--preview-size: 140px;
	padding: 0 0 0 30px;
	position: relative;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 300ms ease, max-height 300ms ease, padding 300ms ease, visibility 0ms ease 300ms;
	transition: opacity 300ms ease, max-height 300ms ease, padding 300ms ease, visibility 0ms ease 300ms;
}
#tabs div.tab_container:not(.open) .tab_data.measured {
	max-height: 0px !important;
}
#tabs div.tab_container.partly_visible:not(.open) .tab_data.measured {
	max-height: var(--preview-size) !important;
	opacity: 1;
	visibility: visible;
	cursor: pointer;
}
#tabs div.tab_container.partly_visible .tab_data:after {
	content: '';

	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: var(--preview-size);
	background: linear-gradient(to bottom, transparent 0%, #fff 80%);
	opacity: 1;
	pointer-events: auto;
	transition: opacity 300ms ease;
}
#tabs div.tab_container.partly_visible.open .tab_data:after {
	opacity: 0;
	pointer-events: none;
}
#tabs div.tab_container.open .tab_name + .tab_data {
	padding-bottom: 20px;
	visibility: visible;
	opacity: 1;
	max-height: 2500px;
	overflow-y: hidden;
	-webkit-transition: opacity 300ms ease, max-height 300ms ease, padding 300ms ease, visibility 0ms ease;
	transition: opacity 300ms ease, max-height 300ms ease, padding 300ms ease, visibility 0ms ease;
}
#tabs div.tab_container.open .tab_name + .tab_data > .tab_data {
	visibility: visible;
	opacity: 1;
}
#tabs div.tab_container .tab_data.tekstisisalto a {
	text-decoration: underline;
}
#tabs div.tab_container .tab_data.tekstisisalto a:where(:hover, :active) {
	text-decoration: none;
}

#tabs div.tab_container .tab_data a.attachment {
	display: block;
	margin-bottom: 10px;

	font-size: 15px;
	color: #055854;
	word-wrap: break-word;
}

#prevnext_navi {
	margin-top: 20px;
}
#prevnext_navi > div {
	position: relative;
}
#prevnext_navi > div > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 20px;
}

#prevnext_navi .prev_product_container {
	text-align: right;
}
#prevnext_navi .next_product_container {
	text-align: left;
}

#prevnext_navi .prev_product_container a,
#prevnext_navi .next_product_container a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 10px;

	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
	color: #055854;
}
#prevnext_navi .prev_product_container a span,
#prevnext_navi .next_product_container a span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;

	color: #055854;
}
#prevnext_navi .prev_product_container a span:before,
#prevnext_navi .next_product_container a span:after {
	content: '\e85d';
	margin-right: 5px;

	font-size: 6px;
}
#prevnext_navi .next_product_container a span:after {
	content: '\e85c';
	margin-right: 0;
	margin-left: 5px;
}
#prevnext_navi .prev_product_container a:hover,
#prevnext_navi .next_product_container a:hover {
	text-decoration: underline;
}
#prevnext_navi .prev_product_container a img,
#prevnext_navi .next_product_container a img {
	max-height: 40px;
}


#tuotebox p.mittatieto {
	margin-bottom: 1px;
}
#tuotebox p.mittatieto:last-child { margin-bottom: 15px; }

span.check_also_title {
    display: block;
    padding: 15px 10px 15px 10px;
    font-size: 17px;
    font-weight: 500;
    color: #055854;
}

#tuotebox p.minimum_order_text {
	margin-bottom: 0;

	font-size: 12px;
}


div.additional_products > div > span {
	padding-top: 0;
	/*padding-bottom: 15px;*/
}


/* iso tuotenosto */
#paanosto  {
    margin: 30px 0;
}

#paanosto > div > div {
	background-color: #EDECE8;
}

#paanosto #tuotebox  {
	margin-left: 0;
	
	background-color: #fff;
}

#paanosto #tuotebox > div {
	/*padding: 40px;*/
}

#paanosto #tuotebox .paanosto_vasen {
	width: 100%;
	padding: 20px;
}

#paanosto #tuotebox .paanosto_oikea {
	width: 100%;
	padding: 20px;
}

#paanosto #tuotebox h2 {
	font-size: 25px;
	font-weight: 500;
	/*color: #055854;*/
}
#paanosto #tuotebox h3 {
	padding: 0;

	font-size: 18px;
	font-weight: 500;
	color: #333;
}

#paanosto #tuotebox .paanosto_vasen h2, #paanosto #tuotebox .paanosto_vasen h3 {
	display: none;
}
#paanosto #tuotebox .paanosto_oikea h2, #paanosto #tuotebox .paanosto_oikea h3 {
	display: block;
}
#paanosto #tuotebox h3 {
	margin-top: 10px;

	font-family: 'Work Sans', Arial, Helvetica, sans-serif;	
}


#paanosto #tuotebox .paanosto_vasen p.tuotekuvaus {
	margin: 0 0 15px;
}

#paanosto #tuotebox .paanosto_vasen .hinta {
	margin-bottom: 25px;

	font-size: 36px;
	font-weight: 500;
	color: #F50E09;
}

#paanosto #tuotebox img.nostokuva {
	max-height: 350px;
}

#paanosto #tuotebox img.tarra,
.listatuote_highlight img.tarra{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 70px;
	height: 70px;
	z-index: 1;
}
.listatuote_highlight img.tarra{
	top: -25px;
	right: 0;
	width: 60px;
	height: 60px;
	pointer-events: none;
}

#paanosto #tuotebox p.image_wrapper {
	position: relative;
	margin-top: 30px;
}
#paanosto #tuotebox div.paanosto_oikea > img.tarra {
	display: none;
}
#paanosto #tuotebox p.image_wrapper img.tarra {
	top: 0px;
	right: 0px;
}

#paanosto #tuotebox .tuotekorttijako table.toiminnot {
	display: block;
	margin-bottom: 20px;
}

#paanosto #tuotebox .paanosto_vasen div.product-card-buttons-wrapper {
	margin: 25px 0 0;
}

#paanosto #tuotebox .paanosto_vasen a.product-card-view-more {
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	border: 1px solid #333;
}
#paanosto #tuotebox .paanosto_vasen a.product-card-view-more:hover,
#paanosto #tuotebox .paanosto_vasen a.product-card-view-more:active {
	background-color: rgba(255,255,255,.4);
}

#paanosto #tuotebox .paanosto_vasen a.product-card-view-options {
	display: inline-block;
	padding: 14px 18px;

	font-size: 12px;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
	background-color: #055854;
	border-radius: 6px;
}
#paanosto #tuotebox .paanosto_vasen a.product-card-view-options:hover,
#paanosto #tuotebox .paanosto_vasen a.product-card-view-options:active {
	background-color: #196a6a;
}


@media screen and (min-width: 1090px) {

	#paanosto #tuotebox > div {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: nowrap;
	        -ms-flex-wrap: nowrap;
	            flex-wrap: nowrap;
	    -webkit-box-align: stretch;
	    -webkit-align-items: stretch;
	        -ms-flex-align: stretch;
	            align-items: stretch;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	        -ms-flex-pack: justify;
	            justify-content: space-between;

	    /*padding-bottom: 20px;*/
	}


	#paanosto #tuotebox .paanosto_vasen {
	    -webkit-box-ordinal-group: 0;
	    -webkit-order: -1;
	        -ms-flex-order: -1;
	            order: -1;
	    padding: 60px 60px 60px 40px;
	}
	#paanosto #tuotebox .paanosto_vasen p.tuotekuvaus {
	    margin: 25px 0 25px;
	}

	#paanosto #tuotebox .paanosto_vasen div.product-card-buttons-wrapper {
	    margin: 35px 0 0;
	}

	#paanosto #tuotebox .paanosto_oikea {
		position: relative;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -webkit-box-flex: 1;
	    -webkit-flex: 1 0 460px;
	        -ms-flex: 1 0 460px;
	            flex: 1 0 460px;
	    padding: 40px;
	    -webkit-box-sizing: content-box;
	            box-sizing: content-box;

	    background-color: #fff;
	    border: 1px solid #EDECE8;
	}

	#paanosto #tuotebox p.image_wrapper {
	    margin: 0;
	}
	#paanosto #tuotebox p.image_wrapper a {
	    display: inline-block;
	}

	#paanosto #tuotebox div.paanosto_oikea > img.tarra {
		display: block;
	}
	#paanosto #tuotebox p.image_wrapper > img.tarra {
		display: none;
	}
	#paanosto #tuotebox img.tarra {
	    width: 60px;
	    height: 60px;
	}

	#paanosto #tuotebox h2 {
	    font-size: 30px;
	}
	#paanosto #tuotebox h3 {
	    font-size: 20px;
	}

	#paanosto #tuotebox .paanosto_vasen h2, #paanosto #tuotebox .paanosto_vasen h3 {
	    display: block;
	}
	#paanosto #tuotebox .paanosto_oikea h2, #paanosto #tuotebox .paanosto_oikea h3 {
	    display: none;
	}

	#paanosto #tuotebox .paanosto_vasen a.product-card-view-more, #paanosto #tuotebox .paanosto_vasen a.product-card-view-options {
	    font-size: 15px;
	}

}




#tuotebox_bottom {
	padding: 60px 0;

	background-color: #EDECE8;
}
#tuotebox_bottom > div + div {
	margin-top: 60px;
}


/* alikategorianostot */
.tuotteet_paasivu_wrapper {
	padding: 65px 0 105px 0;

	background-color: #EDECE8;
}

.kategorianostot_tuotteet_paasivu {
	--gap: 20px;
	--image-height: 210px;
	--text-height: 60px;
	--text-size: 16px;
	--sticker-size: 50px;

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
	gap: var(--gap);
}

@media screen and (min-width:430px) {

	.kategorianostot_tuotteet_paasivu {
		--image-height: 145px;
	}
}
@media screen and (min-width: 628px) {

	.kategorianostot_tuotteet_paasivu {
		--gap: 35px;
		--image-height: 195px;
		--text-height: 100px;
		--text-size: 18px;
		--sticker-size: 65px;

		grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
	}
}
.kategorianostot_tuotteet_paasivu a {
	display: grid;
	grid-template-rows: var(--image-height) minmax(var(--text-height), 1fr);

	color: #333333;
}
.kategorianostot_tuotteet_paasivu a:where(:hover, :active) {
	text-decoration: none;
}
.kategorianostot_tuotteet_paasivu a:where(:focus-visible) {
	outline: 2px solid color-mix(in hsl, #055854 50%, transparent);
}
.kategorianostot_tuotteet_paasivu .category_image {
	position: relative;
	overflow: hidden;

	background-color: #BBCACB;
}
.kategorianostot_tuotteet_paasivu .category_image.textual {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;

	text-align: center;
	line-height: 1.3;
	font-weight: 500;
	font-size: 20px;
}
.kategorianostot_tuotteet_paasivu .category_image.textual > * {
	flex: 1 1 100%;
}
.kategorianostot_tuotteet_paasivu .category_image.textual strong {
	text-transform: uppercase;
	color: #055854;
	font-weight: 600;
}
.kategorianostot_tuotteet_paasivu .category_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transform: scale(1);
	transition: transform .6s ease;
}
.kategorianostot_tuotteet_paasivu .logo_image .category_image img {
	object-fit: none;
}
.kategorianostot_tuotteet_paasivu a:where(:hover, :active) .category_image img {
	transform: scale(1.1);
}
.kategorianostot_tuotteet_paasivu .category_name {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 20px;
	box-sizing: border-box;

	background-color: #fff;
	font-family: 'Prata', Arial, Helvetica, sans-serif;
	font-size: var(--text-size);
	text-align: center;
	line-height: 1.6;
}
.kategorianostot_tuotteet_paasivu :where(.offer_products_box, .new_products_box, .package_deals_box, .mallikappale_products_box, .used_products_box, .used_design_box, .used_category, .express_box, .used_products_icon) .category_image:before {
	content: '';
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: var(--sticker-size);
	height: var(--sticker-size);
	z-index: 1;

	background-repeat: no-repeat;
	background-size: var(--sticker-size);
}
.kategorianostot_tuotteet_paasivu .used_products_icon .category_image:before { background-image: url('../images/ttr/kaytetty-icon.svg'); }
.kategorianostot_tuotteet_paasivu .offer_products_box .category_image:before { background-image: url('https://www.tavaratrading.com/uploaded/stickers/tarjous.svg'); }
.kategorianostot_tuotteet_paasivu .new_products_box .category_image:before { background-image: url('https://www.tavaratrading.com/uploaded/stickers/uutuus.svg'); }
.kategorianostot_tuotteet_paasivu .package_deals_box .category_image:before { background-image: url('https://www.tavaratrading.com/uploaded/stickers/pakettitarjous.svg'); }
.kategorianostot_tuotteet_paasivu .mallikappale_products_box .category_image:before { background-image: url('https://www.tavaratrading.com/uploaded/stickers/mallikappalepoisto.svg'); }
.kategorianostot_tuotteet_paasivu .used_products_box .category_image:before { background-image: url('../images/ttr/kaytetty-icon.svg'); }
.kategorianostot_tuotteet_paasivu .used_design_box .category_image:before { background-image: url('https://www.tavaratrading.com/uploaded/stickers/kaytetty-design_1.svg'); }
.kategorianostot_tuotteet_paasivu .express_box .category_image:before { background-image: url('../images/ttr/nopea-toimitus-kuvake.svg'); }

#extranavi_resp {
	margin-top: 20px;
}

.alakategoriat_mobiili {
	margin-bottom: 30px;
}


#extranavi_resp {
	margin-top: 0px;
}

.kategorianostot_tuotekategoria,
#extranavi_resp > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px 30px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.kategorianostot_tuotekategoria > div,
#extranavi_resp > div > div{
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kategorianostot_tuotekategoria a,
#extranavi_resp > div a{
    position: relative;
    padding: 7px 0;
    box-sizing: border-box;
    box-shadow: 0 1px 0 transparent;
    transition: box-shadow .3s ease;
}
.kategorianostot_tuotekategoria .on a,
#extranavi_resp > div a.on,
.kategorianostot_tuotekategoria a:where(:hover, :active),
#extranavi_resp > div a:where(:hover, :active){
    text-decoration: none;
    box-shadow: 0 1px 0 #055854;
}
.kategorianostot_tuotekategoria :not(.on) a:not(:hover, :active),
#extranavi_resp > div a:not(.on):not(:hover, :active){
    color: #333;
}
.kategorianostot_tuotekategoria span,
#extranavi_resp > div span{
    white-space: nowrap;
}

.kategorianostot_tuotekategoria a.manufacturer_catalogs_link,
#extranavi_resp > div a.manufacturer_catalogs_link{
	font-weight: 500;
}
.kategorianostot_tuotekategoria a.manufacturer_catalogs_link span:before,
#extranavi_resp > div a.manufacturer_catalogs_link span:before{
	content: '+';
	display: inline-block;
	margin-right: 7px;
	color: #055854;
}

@media screen and (max-width: 767.90px) {

	.kategorianostot_tuotekategoria {
		display: none;
	}
}
@media screen and (min-width: 768px) {

	.alakategoriat_mobiili{
		display: none;
	}
}


:has(.product_list_sort_wrapper) + #document_sections {
    margin-top: 30px;
}


/* ilmoitukset lisäyksestä koreihin ym. */
.cartLoadingImg {
	position: absolute;
	bottom: 110%;
	left: 0;
}
.addMessage {
	width: 80px;
	position: absolute;
	bottom: 110%;
	right: 0;
	border: 1px solid #055854;
	padding: 5px 5px 5px 30px;
	
	background-color: #fff;
	font-size: 11px;
	text-align: left;
	line-height: 1;
}
.offerCart {
	border-color: #5f9bc8 !important;
}
.memoryCart {
	background: #fff url(../images/muistilista_pinkki.png) no-repeat 5px center !important;
}

.addMessage:before {
	position: absolute;
	left: 5px;
	top: 6px;
	content: '\e81f';
	font-size: 16px;
}
.offerCart:before {
	top: 9px;
	content: '\f291';
	font-size: 13px;
}

.addMessageError {
	width: 125px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
	color: #cc0000;	
	background: #fff;
	-webkit-box-shadow: 0 0 5px #666;
	        box-shadow: 0 0 5px #666;
	padding: 5px;
}

#footer {
	position: relative;
	padding: 50px 0;
	overflow: hidden;
	zoom: 1;

	background-color: #055854;
	color: #fff;
	font-size: .9em;
}
#footer a {
	color: #fff;
}

#footer .logo svg .logo-footer_st0 {
    fill: #ffffff;
}


#footer > div {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: left;
}
#footer .right,
#footer .rightr,
#footer table tr td {
	text-align: left;
}

#footer ul li { vertical-align: top; }
#footer div.footer_sect:not(.sect_4) {
	margin-bottom: 40px;
}


/* Sect 1 */
@media screen and (max-width: 899.90px) {

	#footer div.sect_1 div.logo_wrapper {
	    text-align: center;
	}
	#footer div.sect_1 div.some {
		margin-top: 40px;

		font-size: 15px;
	    text-align: center;
	}
	#footer div.sect_1 div.some > div + div {
		margin-top: 40px;
	}
	#footer div.sect_1 div.some span.title {
		display: block;
	}	
	#footer div.some li {
	    margin-right: 10px;
	}
	#footer div.some a i:before {
	    font-size: 20px;
	}
	#footer div.company_contact {
		text-align: center;
	}
}
#footer div.company_contact {
	line-height: 1.5;	
}
#footer div.company_contact a.all_contacts {
	display: block;
	margin-top: 10px;
}
@media screen and (min-width: 900px) {
	#footer div.company_contact {
		text-align: left;	
	}
}


/* Sect 2 */
#footer div.sect_2 div.company_info div.stores_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    max-width: 550px;
}
#footer div.sect_2 div.company_info div.stores_wrapper p.company_name a {
	text-decoration: underline;
}
#footer div.sect_2 div.company_info {
	text-align: left;
}
#footer div.sect_2 div.company_info p {
	margin-bottom: 0;
}
#footer div.sect_2 div.company_info p.company_name {
	font-size: 15px;
	font-weight: 500;
}
#footer div.sect_2 div.company_info .company_extra_text {
    margin-top: 40px;
}
#footer div.sect_2 div.company_info p.company_zip + p:has(a) {
	margin-top: 10px;
}


#footer div.merkit {
	padding: 12px 0;

	background-color: #fff;
}
#footer div.merkit > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#footer div.merkit img {
	display: inline-block;
	max-height: 54px;
	margin: 8px 18px;
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	-webkit-transition: -webkit-filter 300ms ease;
	transition: -webkit-filter 300ms ease;
	transition: filter 300ms ease;
	transition: filter 300ms ease, -webkit-filter 300ms ease;
}
#footer div.merkit img:hover,
#footer div.merkit img:active {
	-webkit-filter: grayscale(0%);
	        filter: grayscale(0%);
}

#footer div.merkit img.aaa {
	height: 70px;

	background-color: white;
	border-radius: 3px;
}
#footer div.merkit img.yrittajat-jasenyritys {
	height: 70px;
}
#footer div.merkit img.suomen-vahvimmat {
	max-height: 90px;
}
#footer div.merkit img.kauppakamari-jasen {
	max-height: 57px;
}
#footer div.merkit img.finlog-audit {
	max-height: 70px;
}
/*#footer div.merkit span.puitesopimus-toimittaja {
	background-position: 0px 0px;
	width: 230px;
	height: 72px;
}
#footer div.merkit span.luotettava-kumppani {
	background-position: -242px -5px;
	width: 148px;
	height: 68px;
}
#footer div.merkit span.suomen-vahvimmat {
	background-position: 0px -103px;
	width: 69px;
	height: 86px;
}
#footer div.merkit span.aaa {
	background-position: -108px -111px;
	width: 102px;
	height: 68px;
}
#footer div.merkit span.yrittajat-jasenyritys {
	background-position: -250px -110px;
	width: 134px;
	height: 67px;
}
#footer div.merkit span.helsinki-sopimustoimittaja {
	background-position: 0px -220px;
	width: 102px;
	height: 68px;
}

#footer div.merkit span.green-is-our-color {
	background-position: -148px -218px;
	width: 66px;
	height: 62px;
}
#footer div.merkit span.kauppakamari-jasen {
	background-position: -261px -230px;
	width: 118px;
	height: 42px;
}
#footer div.merkit span.sansia-sopimustoimittaja {
	background-position: 0px -307px;
	width: 102px;
	height: 53px;
}
#footer div.merkit span.pky-laatu {
	background: none;
	width: 261px;
	height: 69px;
}*/


#footer div.sect_2 div.payment_methods img {
    max-width: 100%;
}



/* Sect 3 */
#footer div.sect_3 > div {
    text-align: left;
}
#footer div.sect_3 ul li a:link, #footer div.sect_3 ul li a:visited {
    display: block;
    padding: 4px 0;
    text-decoration: none;
}
#footer div.sect_3 ul li a:hover, #footer div.sect_3 ul li a:active {
    text-decoration: underline;
}
#footer div.footer_links > ul > li > a {
	display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
}
#footer div.footer_links > ul ul > li > a {
    font-weight: 500;
}
#footer div.footer_links > ul ul {
	display: none;
}


/* Sect 4 */

#footer div.payment_delivery_types_list {
	padding: 20px;

	background-color: #fff;
	color: #383838;
	font-size: 0.8em;
}
#footer div.payment_delivery_types_list > div > p {
	margin-bottom: 10px;

	font-size: 1.3em;
	font-weight: 400;
	text-transform: uppercase;
}
#footer div.payment_delivery_types_list div.table > div > div {
	display: inline-block;
	width: 65px;
	height: 40px;
}
#footer div.payment_delivery_types_list div.table > div > div:last-of-type {
	width: calc(100% - 70px);
	margin-left: 5px;
}
#footer div.payment_delivery_types_list div.table img {
    max-height: 30px;
}


ul.links li {
    display: inline-block;
    margin: 0;
}
ul.links li {
	margin-left: 10px;
}
ul.links li:last-of-type { margin-bottom: 0; }
ul.links li a:link, ul.links li a:visited {
    display: inline-block;
    padding: 0;
}
ul.links li a i:before {
    color: #fff;
}

#footer2 {
	margin-top: 40px;
	margin-bottom: 20px;
}
#footer2 p {
	margin: 0;
	line-height: 1;
}
#footer2 > div + div {
	margin-top: 20px;
}
#footer2 > div + div.sect_5 {
	margin-top: 60px;
}
#footer2 div.footer_sect.sect_5 {
	padding-bottom: 30px;

	text-align: center;
	font-size: 12px;
}
#footer2 div.footer_sect.sect_5 a {
	color: #333;
}
#footer2 div.footer_sect.sect_5 > * {
	display: inline-block;
	vertical-align: middle;
}
@media screen and (max-width: 499px) {
	#footer2 div.footer_sect.sect_5 div.company_reg {
		display: block;
		margin-bottom: 5px;
	}
}
#footer2 div.footer_sect.sect_5 div.tremedia {
	display: block;
	margin-top: 15px;
}
#footer2 div.footer_sect.sect_5 div.tremedia img {
	height: auto;
	width: 150px;
}
#footer2 div.footer_sect.sect_5 > * + *:not(.tremedia):before {
	content: '|';
	display: inline-block;
	margin: 0 10px;
}
@media screen and (max-width: 499px) {
	#footer2 div.footer_sect.sect_5 > div.company_registry_info:before {
		display: none;
	}
}
#footer2 div.footer_sect.sect_5 > * > * {
	display: inline-block;
}


#back_to_top {
	position: fixed;
	right: 9px;
	bottom: 10px;

	opacity: 0;
	z-index: 4;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
#back_to_top.visible {
	opacity: .75;
}
#back_to_top.visible:hover {
	opacity: 1;
}

#back_to_top a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 44px;
	height: 44px;

	background-color: #055854;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#back_to_top a:before {
	content: '\e864';
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	        transform: scale(60%) rotate(-90deg);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;

	font-size: 1.7em;
}
#back_to_top a span {
	display: block;
	margin-top: 5px;
}

/* Sivukartta */
ul#sivukartta {
	display: none;
}

/* rekisteröitymislomake */
.reg_form div.kolmannes {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.reg_form .last {
	margin-right: 0 !important;
}

.reg_form .reg_field_wrapper + .reg_field_wrapper {
	margin-top: 15px;
}

.reg_form label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}
.req {
	color: #FE0202;
}
input.rek_kentta, textarea.rek_kentta, select.rek_kentta {
	width: 100%;
	height: 40px;
	padding: 0 7px;
	margin-bottom: 15px;

	background-color: #EDECE8;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 14px;
}
textarea.rek_kentta {
	/*max-width: 600px;*/
	width: 100%;
	min-height: 120px;
	padding: 8px;
}
/*.reg_form input.rek_kentta:focus, .reg_form textarea.rek_kentta:focus { background-color: #EEEEEE; }*/

.form_background input.rek_kentta, .form_background textarea.rek_kentta, .form_background select.rek_kentta {
	height: 40px;
	background-color: #fff;
	border-radius: 6px;
}


.form_background.transparent input.rek_kentta, .form_background.transparent textarea.rek_kentta, .form_background.transparent select.rek_kentta {
	background-color: #EDECE8;
}

input.ok_field {
	background-color: #d7e4db !important;
	background-image: url(../images/ostoskori/oikeinmerkki.png);
	background-position: 98% center;
	background-repeat: no-repeat;
}
input.not_ok_field {
	margin-bottom: 5px;
	
	background-color: #e7e7e7 !important;
	/*background-image: url(../images/ostoskori/vaihe_aktiivinen.png);
	background-position: 95% center;
	background-repeat: no-repeat;*/
}

@-webkit-keyframes flash_border_highlight {  
    /*30% { border-color: #055854; box-shadow: 0 0 0 rgba(255,255,255,1); }
    50% { border-color: #fff; box-shadow: 0 0 5px rgba(255,255,255,1); }
    70% { border-color: #055854; box-shadow: 0 0 0 rgba(255,255,255,1); }*/
    40% { border-color: #9D9C63; }
    50% { border-color: #fff; }
    60% { border-color: #9D9C63; }
}

@keyframes flash_border_highlight {  
    /*30% { border-color: #055854; box-shadow: 0 0 0 rgba(255,255,255,1); }
    50% { border-color: #fff; box-shadow: 0 0 5px rgba(255,255,255,1); }
    70% { border-color: #055854; box-shadow: 0 0 0 rgba(255,255,255,1); }*/
    40% { border-color: #9D9C63; }
    50% { border-color: #fff; }
    60% { border-color: #9D9C63; }
}

.reg_form .korostus {
	/*border: 1px solid #055854;*/
}
.reg_form input.tallenna {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/vihrea_liuku_35.jpg) repeat-x;
	height: 35px;
	border-radius: 5px;
	border: none;
	padding: 0 30px;
	cursor: pointer;
	float: right;
}
.reg_form input.tallenna:hover {
	background: #6dac2a;
}

.reg_form .js_error_notice {
	position: relative;
	top: -5px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	font-size: 13px;
	background-color: #faa;

	-webkit-animation-name: blink_error;

	        animation-name: blink_error;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;
            animation-iteration-count: 2;
}
.reg_form .js_error_notice p {
	margin: 0;
}

@-webkit-keyframes blink_error {  
    0% { background-color: #faa; }
    50% { background-color: #fdd; }
    100% { background-color: #faa; }
}

@keyframes blink_error {  
    0% { background-color: #faa; }
    50% { background-color: #fdd; }
    100% { background-color: #faa; }
}

.reg_form .robot_check_wrap {
	width: 100%;
}
.reg_form .robot_check_wrap p.robot_text {
	float: left;
	width: 50%;
}
.reg_form .robot_check_wrap p.robot_field {
	float: left;
	width: 50%;
	text-align: center;
}
.reg_form .submit_wrap {
	float: none;
	width: 100%;
	text-align: center;
}
.reg_form .submit_wrap input {
	width: 100%;
}

#palautelomake_otsikko {
	padding: 0 20px;
}



/* hakutulosten järjestä-palkki */
div#jarjesta {
    /*height: 25px;*/
    background: #eee;
    margin-bottom: 20px;
    line-height: 25px;
    padding: 0;
	border-radius: 3px;
	overflow: hidden;
}
div#jarjesta span.jarjesta_header {
   color: #fff;
   background: #055854;
   padding: 5px 10px;
   display: inline-block;
}
div#jarjesta span.jarjesta_nav {
    margin-left: 10px;	
}
div#jarjesta span.jarjesta_nav a:link, div#jarjesta span.jarjesta_nav a:visited {
	text-decoration: underline;
}
div#jarjesta span.jarjesta_nav a:hover, div#jarjesta span.jarjesta_nav a:active {
	text-decoration: none;
}


#extranavi {
	margin-bottom: 40px;
	background: #CFCFCF;
	padding: 10px;
	behavior: url(/pie/PIE.php);
	color: #055854 !important;
}
#extranavi * {
	color: #222 !important;
}
#extranavi a:link, #extranavi a:visited {
	font-weight: bold;
	text-decoration: none;
	margin: 0 5px 0 5px;
}
#extranavi a.on:link, #extranavi a.on:visited {
	text-decoration: underline;
}
#extranavi a:hover, #extranavi a:active {
	text-decoration: underline;
}

#extranavi_resp {
	/*padding: 40px 0 0 0;*/
}

#extranavi_resp ~ .tekstisisalto {
	padding-top: 20px;
}

.extranavi_select.styled_select {
	height: 45px;
}
.extranavi_select.styled_select:after {
	top: 19px;
	right: 19px;
}
.extranavi_select.styled_select select {
	height: 100%;
	padding: 10px;

	background-color: #EDECE8;
	font-size: 14px;
}

/*#extranavi_resp {
	margin: 15px 15px 0 15px;
}
.extra_pad {
	margin-top: 20px;
}

#extranavi_resp a:link, #extranavi_resp a:visited {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 10px 15px;

	font-size: 10px;
	text-decoration: none;
	background-color: #CFCFCF;
	color: #444;
}

#extranavi_resp a:hover, #extranavi_resp a:active, #extranavi_resp a.on {
	background-color: #055854;
	color: #fff;
}

#extranavi_resp a.on {
	font-weight: 500;
}*/


.extra_info {
	margin: 40px 0;
	font-size: 12px;
	display: block;
}

table.customer_orders {
	margin-bottom: 40px;
}

table.customer_orders td {
	font-size: 12px;
}

table.customer_orders span.status_avoin,
table.customer_orders span.status_peruuntunut,
table.customer_orders span.status_maksettu,
table.customer_orders span.status_valmis {
	width: 80px;
	font-size: 12px;
}









/* KOSKEMATTOMIA TYYLEJÄ TÄSTÄ ETEENPÄIN =================================================================== */


/* paakategoriat tuotteet-pääsivulla */
div.paakategoria {
	display: block;
	background-color: #F7F3E9;	
	position: relative;
	margin-bottom: 1px;
	height: 30px;
	border-radius: 5px;
	margin-right: 20px;
}
div.paakategoria a:link, div.paakategoria a:visited {
	display: block;
	line-height: 30px;
	font-size: 12px;
	text-decoration: none;
	padding-left: 15px;
	color: #cba053;
	font-weight: bold;
	text-transform: uppercase;	
}
div.paakategoria a:hover, div.paakategoria a:active {
	text-decoration: underline;
} 
div.paakategoria div.maara {
	position: absolute;
	top: 0;
	right: 1px;
	width: 150px;
	height: 30px;
	background-color: #CCA14B;
	border-radius: 5px 0 0 5px;
	behavior: url(/pie/PIE.php);
}
div.paakategoria div.maara a {
	color: #fff !important;
	text-transform: none;
}


table.order_discounts {
    margin: 10px 8px;
    border: 1px solid #111;
    width: 150px;
}
table.order_discounts td.header {
    border-top: none;
    font-weight: bold;
}
table.order_discounts td {
    border-top: 1px solid #111;
    padding: 2px 3px;
}
table.order_discounts td p {
   padding: 0;
   margin: 0;
}


/* Shopping cart Styles */
/* Cart box styles */
/*table.cartbox {	
	background-color: #fff;
    width: 676px;
}
table.cartbox td {
	padding: 4px;
}
table.cartbox td p {
	margin: 2px;
}
table.cartbox td.stageoff {
    background-color: #E0E0E0;
}
table.cartbox td.stageoff p {
	color: #fff;
    font-weight: bold;
    padding: 6px 0;
}
table.cartbox td.stageon {
	background-color: #6d6d6d;
}
table.cartbox td.stageon p {
	color: #fff;
	font-weight: bold;
    padding: 6px 0;
}*/


/* Notice box styles */
table.huombox {
	border: 1px solid #650a2d;
	background-color: #E1ABA9;
}
table.huombox td {
	padding: 4px;
}
table.huombox td p, table.huombox td li {
	margin: 2px;
	font-size: 11px;
	color: White;
	font-weight: bold;
}


div#pickup {
    width: 325px;
    float: left;
}
div#pickup .pickupcontainer h2 {
    padding-left: 5px;
}

div#pickup table.pickup,
div#pickup table.pickupcontainer {
    width: 325px;
}

div#pickup table.pickup {
    margin:0 10px 10px 10px;
    width: 305px;
}


div#no_results {
	margin-left: 10px;
	height: 315px;
	width: 300px;
	background-image: url(../images/hakutulos.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#kirjautuminen_sis p.logged {
	margin: 0 0 5px 5px;
	padding-top: 50px;
}
#asiakasvalikko {
	background-color: transparent;
	width: 100%;	
}
#asiakasvalikko ul {
	margin: 0;
	padding: 5px 0 0 5px;
}
#asiakasvalikko ul li {
	list-style-type: none;
	padding: 0 5px 3px 20px;
	display: block;
	margin: 0 0 2px 0;
}
#asiakasvalikko ul li.astiedot {
	background-image: url(../images/astiedot.gif);
	background-repeat: no-repeat;
}
#asiakasvalikko ul li.tilaukset {
	background-image: url(../images/tilaukset.gif);
	background-repeat: no-repeat;
}
#asiakasvalikko ul li.logout {
	background-image: url(../images/kirjaudu_ulos.gif);
	background-repeat: no-repeat;
}


table.rekisteroityminen td {
	padding-bottom: 3px;
	vertical-align: middle;
}
table.rekisteroityminen p.selite {
	margin-bottom: 5px;
	font-size: 12px;
	color: #666;
	line-height: 12px;
}
table.rekisteroityminen input {
	padding-left: 1px;
	width: 160px;
	border: 1px solid #999;
}
table.rekisteroityminen input.btn {
	border: none;
	width: auto;
}
table.rekisteroityminen form {
	display: inline;
}
#rekisteroityminen_napit input {
	border: none;
	margin-right: 5px;
}



.notify_box > div {
	background-color: #EDECE8;
	padding: 20px;
}
.notify_box > div p {
	margin: 0;
}


input.nappi {
	background: #81384b;
	color: #fff;
	border: none;
	height: 24px;
	padding: 0 15px 0 15px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	outline: none;
	border-radius: 5px;
	behavior: url(/pie/PIE.php);
	padding-bottom: 3px;
}
input.nappi:hover {
	background: #a84861;
}
input.nappi2 {
	background:#CECECE;	
}
input.nappi2:hover {
	background: #B7B7B7;
}
input.peruskentta {
	width: 200px; 
	height: 22px; 
	line-height: 22px; 
	padding: 0 5px 0 5px; 
	border: 1px solid #999; 
	border-radius: 5px; 
	behavior: url(/pie/PIE.php); 
	position: relative; 
	z-index: 1; 
	outline: none;
	margin: 0 0 2px 0;
}
textarea.peruskentta {
	width: 300px; 
	height: 100px; 
	padding: 5px; 
	border: 1px solid #999; 
	border-radius: 5px; 
	behavior: url(/pie/PIE.php); 
	position: relative; 
	z-index: 1; 
	outline: none;
	margin: 0 0 2px 0;
}


/* LAAJENNETTU HAKU */
table.price_fields td {
	padding-right: 5px;
	vertical-align: middle;
}
table.tbl_advanced_search_result td {
	padding: 5px;
}
table.tbl_advanced_search_result td p {
	margin: 0;
}
table.tbl_advanced_search_result td.colored {
	background-color: #EDEDED;
}
table.tbl_advanced_search_result td a:link, table.tbl_advanced_search_result td a:visited {
	text-decoration: none;
}
table.tbl_advanced_search_result td a:hover, table.tbl_advanced_search_result td a:active {
	color: #81384b;
}
#form_box {
	border: 1px solid #BABABA;
	margin-bottom: 25px;
	padding: 15px 25px 25px 25px;
}
.searchbox {
	border: 1px solid #B7B7B7;
	background: #fff;
	padding: 2px 5px;
	vertical-align: middle;
}
select.searchbox {
	padding: 0 0 0 5px;
}
#screenshot {
	position: absolute;
	-webkit-box-shadow: 0 0 10px #666;
	        box-shadow: 0 0 10px #666;
	border-radius: 10px;
	behavior: url(/pie/PIE.php);
	background: #fff;
	padding: 10px;
	display: none;
	color: #fff;
	top: 0;
	left: 0;
}
div#no_results {
	margin-left: 10px;
	height: 315px;
	width: 300px;
	background-image: url(../images/hakutulos.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* Vertailu */
#compare_cart {	
	padding: 20px 12px 20px 20px;
	/*
	background: url(../images/tk_alaliuku.jpg) repeat-x left bottom, url(../images/tk_ylaliuku.jpg) repeat-x left top;
	-pie-background: url(../images/tk_alaliuku.jpg) repeat-x left bottom, url(../images/tk_ylaliuku.jpg) repeat-x left top;
	behavior: url(/pie/PIE.php);
*/	
}
#compare_cart .compare-table td {
	padding-right: 8px;
}
#compare_cart .kuva-container {
	position: relative;
}
#compare_cart .kuva {
	border: 1px solid #B0B0B0;
	text-align: center;
	display: table-cell;
	height: 200px;
	width: 308px;
	vertical-align: middle;
}
#compare_cart .product-title {
	margin-top: 8px;
	margin-right: 5px;
	font-weight: bold;
}
#compare_cart .product-title a {
	text-decoration: none;
}
#compare_cart .product-title a:hover {
	text-decoration: underline;
}
#compare_cart div.suurennuslasi {
	position: absolute;
	right: 10px;
	top: 15px;
}
#compare_cart a.delete_compare_item  {
	position: absolute;
	right: -3px;
	bottom: -5px;
}
#compare_cart div.otsake {
	background-color: #DDD;
	margin: 35px 0 20px 0;
	padding: 5px 8px;
	font-weight: bold;
}
#compare_cart div.tiedot {
	padding: 0 8px 0 16px;
}
#compare_cart table td.no-border-right {
	border-right: none;
}
#compare_cart .hinta {	
	color: #f87f30;
	font-size: 18px;
	font-weight: 500;
}
#compare_cart a.tuotekorttiin {
	display: block;
	margin: 5px 0;
	background-color: #F78025; 
	color: #fff;
	text-align: center;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}
#compare_cart a.tuotekorttiin:hover {
	text-decoration: underline;
}
#compare_cart  button.ostoskoriin {
	height: 33px;
	padding-left: 40px;
	background: transparent url(../images/ostoskori_iso.png) no-repeat;
	border: none;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
#compare_cart  button.ostoskoriin:hover {
	text-decoration: underline;
}
#compare_cart  button.tarjouskoriin {
	height: 32px;
	padding-left: 44px;
	background: transparent url(../images/tarjouskori_iso.png) no-repeat;
	border: none;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
#compare_cart  button.tarjouskoriin:hover {
	text-decoration: underline;
}
#compare_cart .cartLoadingImg {
	position: absolute;
	top: 10px;
	left: 130px;
}
#compare_cart .addMessage {
	width: 115px;
	position: absolute;
	bottom: -5px;
	left: 130px;
	z-index: 100;
	color: #333;
	background: #fff;
	-webkit-box-shadow: 0 0 5px #666;
	        box-shadow: 0 0 5px #666;
	padding: 5px;
}
#compare_cart .addMessageError {
	width: 125px;
	position: absolute;
	bottom: -5px;
	left: 130px;
	z-index: 100;
	color: #cc0000;	
	background: #fff;
	-webkit-box-shadow: 0 0 5px #666;
	        box-shadow: 0 0 5px #666;
	padding: 5px;
}
#compare_cart h3 {
	color: #EC8125;
	font-size: 15px;
}
#compare_cart table.tuotetiedot {
	margin-bottom: 30px;
}
#compare_cart table.tuotetiedot td {
	padding-bottom: 5px;
}
#compare_cart td.tiedot {
	border-right: 1px solid #DDD;
}


table.tbl-order-details table.shoppingcart {
    margin: 20px 0;
}

table.tbl-order-details table.shoppingcart td {
    margin: 0;
    padding: 5px 2px 2px 2px;
}

table.tbl-order-details table.shoppingcart td p {
    margin: 0;
    padding: 0;
}

table.tbl-order-details table.shoppingcart td.header,
table.tbl-order-details table.shoppingcart td.spacer {
    border-bottom: 1px solid #000;
}

table.tbl-order-details table.shoppingcart td {
    margin: 0;
    padding: 5px 2px 2px 2px;
}

a.toiminnot-2:link, a.toiminnot-2:visited {
	width: 121px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	background: url(../images/nappitausta.gif) no-repeat;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
}

a.toiminnot-2:hover, a.toiminnot-2:active {
	text-decoration: underline;
}

a.link_button:link, a.link_button:visited {
	display: inline-block;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	border-radius: 5px;
	border: none;
	cursor: pointer;

	color: #fff;
	font-size: 15px;
	text-decoration: none;
	background: #055854;
}
a.link_button:hover, a.link_button:active { background: #196a6a; }

a.button_small:link, a.button_small:visited {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;

	font-size: 14px;
}
a.button_big:link, a.button_big:visited {
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
}

/*a.tallenna {
	float: left;
}

a.tallenna_iso {
	height: 50px;
	line-height: 50px;
}*/

a.icon_print:link, a.icon_print:visited {
	/*background-image: url(../images/print.png);
	background-size: 25px 23px;
	background-position: 20px center;
	background-repeat: no-repeat;
	padding-left: 55px;*/
}
a.icon_print_small:link, a.icon_print_small:visited {
	/*background-image: url(../images/print.png);
	background-size: 20px 18px;
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 40px;*/
}
a.icon_print_big:link, a.icon_print_big:visited {
	/*background-image: url(../images/print.png);
	background-size: 35px 33px;
	background-position: 20px center;
	background-repeat: no-repeat;
	padding-left: 70px;*/
}

/*
a.tallenna:hover {
	background: #6dac2a !important;
	text-decoration: underline !important;
}
*/

.customer_orders td p {
	margin: 0;
}
.customer_orders td {
	padding: 5px;
	background-color: #fff;
	vertical-align: middle;
}

.customer_orders tr:nth-child(even) td {
	background: #EDECE8;
}



#tuote_popup .product_option_container {
	margin: 10px 0 25px;
}


/* Etusivun tuotenostot */

#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > h1:not(.products_content):not(#tuotebox_bottom),
#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > div:not(.products_content):not(#tuotebox_bottom):nth-child(2),
#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > div:not(.products_content):not(#tuotebox_bottom):nth-child(3) {
    max-width: 1200px;
}

#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > h1:not(.products_content):not(#tuotebox_bottom) {
    max-width: 670px;
    text-align: center;
}
/*#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > .pagesectioncontainer > h4:not(.products_content):not(#tuotebox_bottom) {
    margin-bottom: 20px;
}*/
#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > div + div:not(.products_content):not(#tuotebox_bottom) {
    margin-top: 50px;
}
#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > h1 + div:not(.products_content):not(#tuotebox_bottom) {
    margin-top: 50px;
}
@media screen and (max-width: 767px) {
	#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > h1 + div:not(.products_content):not(#tuotebox_bottom) {
	    margin-top: 30px;
	}
}
#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > div + div:nth-child(5):not(.products_content):not(#tuotebox_bottom) {
    margin-top: 80px;
}
#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) > h1 + div + div:not(.products_content):not(#tuotebox_bottom) {
    margin-top: 30px;
}

#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) a.video_link:not(.products_content):not(#tuotebox_bottom) {
	padding-right: 30px;
}
#sisaltoalue > div.tekstisisalto.frontpage:not(.erikoislistaussivu) a.video_link:not(.products_content):not(#tuotebox_bottom):before {
	content: '\e861';
	display: inline-block;
	margin-right: 15px;

	font-size: 20px;
}

.etusivu_nostoalue {
	
}

.etusivu_nostoalue1 {

}

.etusivu_nostoalue > h2 {
	padding-bottom: 0;

	border-bottom: none;
	font-weight: 500;
	color: #055854;
}
.etusivu_nostoalue > h2.full > a { display: none; }
.etusivu_nostoalue > h2.mob { display: block; }

.etusivu_nostoalue > h2 > a:link, .etusivu_nostoalue > h2 > a:visited {
	float: right;
	position: relative;
	top: 0;
	padding: 6px 14px 8px 14px;

	border-radius: 1px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	background-color: #055854;
	color: #fff;
}
.etusivu_nostoalue > h2 > a:hover, .etusivu_nostoalue > h2 > a:active { background-color: #25a14a; }
.etusivu_nostoalue > h2 > a:hover span, .etusivu_nostoalue > h2 > a:active span { text-shadow: 0 0 5px #aff; }

.etusivu_nostoalue > h2.mob {
	margin-top: 0;
	padding-bottom: 45px;

	text-align: center;
}
.etusivu_nostoalue > h2.mob a {
	float: none;
}

.etusivu_nostoalue > h2 > a > span {
	padding-left: 3px;

	font-size: 16px;
	color: #fff;
}


/* Etusivu */
#merkit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	gap: 30px 70px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
#merkit > p {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 80px;
	margin: 0;
}

@media screen and (max-width: 767px) {
	#merkit {
		gap: 30px;
	}
	#merkit > p {
		height: 50px;
		width: 109px;
	}
}
#merkit img {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	-webkit-transition: -webkit-filter 300ms ease;
	transition: -webkit-filter 300ms ease;
	transition: filter 300ms ease;
	transition: filter 300ms ease, -webkit-filter 300ms ease;
	max-height: 100%;
}
#merkit img:hover {
	-webkit-filter: grayscale(0%);
	        filter: grayscale(0%);
}

#kategorialaatikot {
	width: 100%;
	display: -ms-grid;
	display: grid;
	gap: 30px;
}
#kategorialaatikot > div {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 60px auto 1fr auto;
	grid-template-rows: 60px auto 1fr auto;
	gap: 20px;
	padding: 40px;

	background-color: #055854;
	color: #fff;
	text-align: center;
}
#kategorialaatikot.briefly-in-english > div {
	-ms-grid-rows: auto 1fr auto;
	grid-template-rows: auto 1fr auto;
	padding-top: 60px;
	padding-bottom: 70px;
}

#kategorialaatikot h4,
#kategorialaatikot p {
	margin: 0;
}
#kategorialaatikot h4 {
	margin-top: 20px;

	font-size: 20px;
}
#kategorialaatikot img {
	height: 60px;
}
div.index_bottom_links a,
a.box_link,
#kategorialaatikot a:not(.no-button-link) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		   -webkit-box-pack: center;
	-webkit-justify-content: center;
	    	  -ms-flex-pack: center;
	        justify-content: center;
		  -webkit-box-align: center;
		-webkit-align-items: center;
	    	 -ms-flex-align: center;
				align-items: center;
	padding: 14px 20px;

	border: 1px solid #fff;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	line-height: 1.4;
}
#kategorialaatikot a:not(.no-button-link) {
	max-width: 400px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#kategorialaatikot.briefly-in-english a {
	width: fit-content;
}
a.no-button-link {
	color: inherit;
	text-decoration: underline;
}

div.index_bottom_links a:hover,
div.index_bottom_links a:active,
a.box_link:hover,
a.box_link:active,
#kategorialaatikot a:not(.no-button-link):hover,
#kategorialaatikot a:not(.no-button-link):active {
	background-color: rgba(255,255,255,.10);
}
#kategorialaatikot a.no-button-link:hover {
	text-decoration: none;
}

#kategorialaatikot > div:nth-child(2) {
	background-color: #bbcbcb;
	color: #333;
}
div.index_bottom_links a,
a.box_link,
#kategorialaatikot > div:nth-child(2) a {
	color: #333;
	border-color: #333;
}
#kategorialaatikot > div:nth-child(2) a:hover,
#kategorialaatikot > div:nth-child(2) a:active {
	background-color: rgba(255,255,255,.4);
}

#kategorialaatikot > div:nth-child(3) {
	background-color: #EDECE8;
	color: #333;
}
#kategorialaatikot > div:nth-child(3) a {
	color: #333;
	border-color: #333;
}
#kategorialaatikot > div:nth-child(3) a:hover,
#kategorialaatikot > div:nth-child(3) a:active {
	background-color: rgba(255,255,255,.4);
}

#kategorialaatikot > div:nth-child(4) {
	background-color: #333;
}

a.box_link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-color: #ddd;
}
div.index_bottom_links a:hover,
div.index_bottom_links a:active,
.lisavaihtoehtoilmoitus_wrap > a.box_link:hover,
.lisavaihtoehtoilmoitus_wrap > a.box_link:active,
:not(.slide_content) > p > a.box_link:hover,
:not(.slide_content) > p > a.box_link:active {
	background-color: #f1f5f5;
}


.product_color_ball {
	display: inline-block;
	height: 15px;
	width: 15px;

	border-radius: 8px;
}
.color_ball_small {
	height: 12px;
	width: 12px;
	border-radius: 8px;
}
.color_ball_medium {
	height: 12px;
	width: 12px;
	border-radius: 10px;
}


/* resp palautelomake */
.feedback_wrapper {
	width: 100%;
	margin-bottom: 40px;
}

.feedback_wrapper > div {
	/*padding: 10px;*/
}

.feedback_wrapper .form_background {
	margin-bottom: 20px;
}

.review_box_header {
	padding: 0;
	font-size: 18px;
}
#toggle_review_box {
	padding: 25px 20px 20px;
	cursor: pointer;

	/*background: url('../images/ttr/arvostele.png') 20px center no-repeat;*/
}
#toggle_review_box:hover {
	background-color: rgba(0,0,0,.05);
}
#toggle_review_box > i.icon-star {
	margin-right: 20px;
}
#toggle_review_box > i.icon-star:before {
	height: 60px;
	width: 60px;
	line-height: 60px;

	background-color: #055854;
	border-radius: 50px;
	color: #fff;
	font-size: 150%;
}
#toggle_review_box > span.box_title {
	position: relative;
	top: -5px;
}

#toggle_review_box #review_form_box_status {
	float: right;
	position: relative;
	top: 2px;

	font-size: 15px;
	font-weight: 400;
}

.review_box_header > div {
	float: none;
	display: block;

	line-height: 25px;
	font-size: 18px;
	font-weight: 500;
	color: #055854;
	text-decoration: none;
}

.review_box_header > div.text_2 {
	/*font-size: 15px;*/
}


.review_block {
	margin: 10px 30px 0;
	border-bottom: 1px solid #EDECE8;
}

#review_form_box input, #review_form_box textarea {
	margin-bottom: 15px;
}

#review_form_box .styled_radio {
	float: left;
	margin: 5px 20px 15px 0;
}

/* Myymäläsivu */
div.myymalasivu.tekstisisalto {
	padding-bottom: 30px;
}
div.myymalasivu h2 {
	margin-bottom: 40px;
}
div.myymalasivu div.left_column {
	width: 30%;
}
div.myymalasivu div.right_column {
	width: 66%;
}
div.myymalasivu div.left_column p {
	line-height: 1.6;
}
div.myymalasivu div.right_column *:nth-child(2n) {
	margin-bottom: 0;
	line-height: 1.6;
}
div.myymalasivu + div.toimipaikat {
	padding-top: 45px;
}
div.myymalasivu + div.toimipaikat div.toimipaikka {
	border-bottom: none;
}
div.myymalasivu + div.toimipaikat div.henkilot {
	margin-bottom: 0;
}

/*.feedback_wrapper .form_field {
	display: table;
	margin-bottom: 15px;
}

.feedback_wrapper .field_full {
	width: 100%;
}

.feedback_wrapper .field_three_quarters {
	width: 100%;
}

.feedback_wrapper .align_right {
	text-align: right;
}

.feedback_wrapper .form_field label {
	display: table-cell;
	height: 100%;
}

.feedback_wrapper .form_field label > span {
	display: block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 3px;
}
.feedback_wrapper .form_field label > div {
	display: block;
	width: 100%;
	vertical-align: top;
}

.feedback_wrapper .form_field label input, .feedback_wrapper .form_field label textarea {
	width: 100%; 
	height: 26px; 
	position: relative;
	box-sizing: border-box;
	padding: 0 5px;

	line-height: 22px;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	border-radius: 3px; 
	behavior: url(/pie/PIE.php); 
	z-index: 1; 
	outline: none;
}
.feedback_wrapper .form_field label textarea { height: 100px; }

.feedback_wrapper .form_field label input.shorter, .feedback_wrapper .form_field label textarea.shorter {
	width: 75%;
}*/








/*.yhteyslomake_taulu {
	border-collapse: separate;
	border-spacing: 10px;
	padding: 10px 0 15px 15px;
}

.yhteyslomake_taulu tr td {
	vertical-align: top;
	line-height: 28px;
	padding: 0;
}

.yhteyslomake_taulu tr td:first-child {
	width: 50%;
}

.yhteyslomake_taulu tr td.aspa_pieni {
	width: 20%;
}

.yhteyslomake_taulu tbody, .yhteyslomake_taulu thead {
}
.yhteyslomake_taulu thead {
}
.yhteyslomake_taulu td, .yhteyslomake_taulu th {
	display: inline;
	width: 100%;
}

.yhteyslomake_taulu label {
	display: block;
	padding-left: 3px;

	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.yhteyslomake_taulu .yhteydenotto label {
	font-weight: 500;
}

.yhteyslomake_kentta {
}

.yhteyslomake_taulu input, .yhteyslomake_taulu textarea, .yhteyslomake_taulu select {
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;         
	width: 100%;
	padding: 7px 10px;
	margin: 0;
	display: inline;
	outline: none;

	border: 1px solid #ccc;
	border-radius: 5px;
	color: #333;
	font-size: 15px;
	font-weight: 500;
}

.yhteyslomake_taulu textarea {
	height: 100px;
}

.yhteyslomake_taulu input.empty_required:not(.not_empty), .yhteyslomake_taulu textarea.empty_required:not(.not_empty), .yhteyslomake_taulu select.empty_required:not(.not_empty),
.yhteyslomake_taulu input.required:not(.not_empty), .yhteyslomake_taulu textarea.required:not(.not_empty), .yhteyslomake_taulu select.required:not(.not_empty) {
    border-color: #d66;
    box-shadow: 0px 0px 4px #f00;
}


.yhteyslomake_taulu td.yhteydenotto, .yhteyslomake_taulu td.yhteydenotto p {
	font-weight: 500;
}

.yhteyslomake_taulu td.yhteydenotto > div {
	float: left;
	margin-top: 10px;
}

.yhteyslomake_taulu td.yhteydenotto > div.yhteydenotto_teksti {
	width: 30%;
}

.yhteyslomake_taulu td.yhteydenotto > div.yhteydenottotavat {
	width: 65%;
	margin-left: 2%;
}

.yhteyslomake_taulu .image_upload_row p {
	margin-bottom: 5px;
}

.yhteyslomake_taulu .horizontal_radio_box {
	float: left;
	position: relative;
	width: 23%;
}

.yhteyslomake_taulu input.lataa_kuva {
    width: 100%;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
}
.yhteyslomake_taulu input.lataa_kuva_submit {
    width: 25%;
    padding: 2px 0;
    vertical-align: bottom;
    margin-top: 5px;
    margin-bottom: 1px;

	color: #fff;
	font-size: 13px;
	font-weight: 500;
	background: #21B400;
	background: -webkit-linear-gradient(#8BD15F, #21B400);
	background: -o-linear-gradient(#8BD15F, #21B400);
	background: -moz-linear-gradient(#8BD15F, #21B400);
	background: linear-gradient(#8BD15F, #21B400);
    border: 0;
    border-radius: 5px;
}

.yhteyslomake_taulu input.cancel_form {
    width: 224px;
    display: inline;
    margin: 30px 0 0 0;
    padding: 0;

    font-size: 0.8em;
    color: #777;

    background: #F3F4F6;
    border: none;
    cursor: pointer;
}
.yhteyslomake_taulu input.cancel_form:hover { background-color: #e3e4e6; color: #a44; }

div.robot_check_wrap {
	width: 224px;
	margin-left: 46px;
	margin-bottom: 10px;

	text-align: center;
}

div.robot_check_wrap p {
	margin-bottom: 5px;
}

div.robot_check_wrap input {
	width: 40px;

	text-align: center;
}*/


/* tyhjä haku */
.no_results_wrap {
	
}

#sisaltoalue > div:not(.erikoislistaussivu) > .no_search_results:not(.products_content):not(#tuotebox_bottom) {
	max-width: 480px;
}

.tekstisisalto_haku.zero_results {
	text-align: center;
}
.tekstisisalto_haku .no_results_wrap {
	
}

.no_results_wrap form {
	position: relative;
	/*max-width: 300px;*/

    border: 1px solid #EDECE8;
    border-radius: 6px;

}
.no_results_wrap > * {
	
}
.no_results_wrap .pikahaku {
	position: static !important;
	width: 100%;
	margin-left: 0;

	font-weight: 400;
}
.no_results_wrap .pikahaku p {
	line-height: 1.8;
}

.no_results_wrap .pikahaku input.hakukentta {
    width: calc(100% - 40px);
    padding-left: 10px;
}

.no_results_wrap .pikahaku button.hakunappi {
	display: block;
	width: 40px;
}

/* tyhjä ostoskori */
.empty_cart_wrap {
	width: 100%;
	

	text-align: center;
	/*background: url(../images/ttr/ostoskori_on_tyhja.gif) top center no-repeat;*/
}

.empty_cart_wrap.offer {
	/*background: url(../images/ttr/tarjouskori_on_tyhja.png) top center no-repeat;*/
}

.empty_cart_wrap > div {
	margin: 80px auto 0;
	max-width: 530px;
}

.area-icon {
	display: block;
	margin-bottom: 40px;
}
.area-icon > i {
	position: relative;
	display: inline-block;
	width: 160px;
	padding: 15px 0;

	color: #333;
	font-size: 60px;
	border-radius: 6px;
}
.area-icon > i:before {
	width: auto;
}
.empty_cart_wrap.offer .area-icon > i {
	padding: 17px 0;

	font-size: 55px;
}
.order_cancelled_wrap .area-icon > i:after {
	content: '';
	display: block;
	position: absolute;
	top: 46%;
	left: -25px;
	height: 5px;
	width: 130%;
	-webkit-transform: rotate(29deg);
	        transform: rotate(29deg);

	background-color: #a0001f;
}

/* tilaus peruutettu */
.order_cancelled_wrap {
	width: 100%;
	
	text-align: center;
}

.order_cancelled_wrap > div {
	margin: 80px auto 0;
	max-width: 530px;
}



/* tarjous*/
.tulosta_tarjouspyynto {

}




/* styled select */
.styled_select {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 32px;
	overflow: hidden;
	background-color: #fff;

	border-radius: 6px;
}
.styled_select:after {
	content: '\e85a';
	position: absolute;
	right: 7px;
	top: 13px;
	pointer-events: none;

	font-size: 8px;
}

.styled_select select {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px 30px 10px 10px;
	font-family: 'Work Sans', Arial, Helvetica;
	font-size: 15px;
	/*font-style: italic;*/
	border: none;
	color: #333;

	background-color: transparent;
	width: 100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.styled_select select option {
	/*background-color: #fff;*/
}
.styled_select select::-ms-expand { visibility: hidden; } /* IE 10+ */
.styled_select option:disabled { color: #aaa; }

/* select alt style */
.styled_select_alt1 {
	/*min-width: 260px;*/
	/*max-width: 260px;*/
	width: 100%;
	/*width: 280px;*/
	height: 45px;
}
.styled_select_alt1 > select {
	padding: 10px;

	/*font-size: 12px;*/
	font-style: normal;
	/*color: #444;*/
}
.styled_select_alt1:after {
	top: 19px;
	right: 19px;
}

/* select alt2 style */
/*.styled_select_alt2 {
	width: 100%;
	height: 24px;
	background-color: #e7f4ec;
	background-image: url('../images/ttr/lisavalinta_alasveto.png');
	background-position: 98% center;

	border: 1px solid #B5B5B7;
	border-radius: 2px;
}
.styled_select_alt2 > select {
	padding: 4px;

	font-size: 12px;
	font-style: normal;
	color: #444;
}
.styled_select_alt2 select option {
	background-color: #fff;
}*/

.styled_select_required {
	background-color: #e7e7e7;
	border: 1px solid #D22;
}



/* styled radio */
.styled_radio > input[type="radio"] {
	/*display: none;*/
	position: absolute;
	background-color: transparent;
	opacity: 0;
	width: 0;
	height: 0; /*ie*/
	padding: 0;
	margin: 0;
	font-size: 0;
}

.styled_radio > input[type="radio"] + label {
    display: inline-block;
    /*width: 13px;*/
    height: 16px;
    padding: 0;

    line-height: 16px;
    /*background: url('../images/radio.png') left bottom no-repeat;*/
}
.styled_radio > input[type="radio"] + label > span:before {
	content: "\f10c";
	display: inline-block;
	position: relative;
	top: 0;
	width: 1em;
	text-align: left;
	pointer-events: none;
}
.styled_radio label > span {
    padding-left: 7px;
}
.styled_radio > input[type="radio"]:checked + label > span:before {
    content: "\f192";
}


.styled_radio:hover > input, .styled_radio:hover > label {
	-webkit-filter: brightness(97%);
	        filter: brightness(97%);
    color: #777;
}


.styled_radio_alt1 > input[type="radio"] + label {
    height: 17px;
    line-height: 17px;
    /*background-image: url('../images/ttr/shopping_cart_radio.png');*/
}

.styled_radio_alt2 > input[type="radio"] + label {
    /*height: 25px;*/
	/*line-height: 25px;*/
	/*background-image: url('../images/ttr/shopping_cart_checkbox.png');*/
	/*background-position: left top;*/
}
.styled_radio_alt2 > input[type="radio"]:checked + label {
    /*background-position: left bottom;*/
}
.styled_radio_alt2 label > span {
    /*padding-left: 35px;*/
}


/* styled checkbox */
.styled_checkbox {
	position: relative;
}

.styled_checkbox > input[type="checkbox"] {
	/*display: none;*/
	position: absolute;
	background-color: transparent;
	opacity: 0;
	width: 0;
	height: 0; /*ie*/
	padding: 0;
	margin: 0;
	font-size: 0;
}

.styled_checkbox > input[type="checkbox"] + label {
    display: inline-block;
    /*width: 16px;*/
    height: 16px;
    padding: 0;

    line-height: 16px;
    background: url('../images/checkbox.png') left top no-repeat;
}
.styled_checkbox label > span {
    padding-left: 20px;
}
.styled_checkbox > input[type="checkbox"]:checked + label {
    background-position: left bottom;
}

.styled_checkbox:hover > input, .styled_checkbox:hover > label {
	-webkit-filter: brightness(97%);
	        filter: brightness(97%);
    color: #777;
}

/* checkbox alt style */
.styled_checkbox_alt1 > input[type="checkbox"] + label {
	height: 25px;
	line-height: 25px;
	background-image: url('../images/ttr/shopping_cart_checkbox.png');
}
.styled_checkbox_alt1 label > span {
	display: block;
    padding-left: 35px;
}

.disabled_input {
	opacity: 0.5;
}

/* Rating stars */
ul.star_rating_wrapper li {
	float: left;
	position: relative;
}


ul.star_rating_wrapper input {
	/*display: none;*/
	opacity: 0;
	visibility: 0;
	position: absolute;
	/*left: 0;*/
	bottom: -50px;
}

ul.star_rating_wrapper li span {
	/*width: 25px;
	height: 25px;*/
	font-size: 55px;
	color: #44D202;
	/*text-shadow: 0 0 2px #fff;*/
	z-index: 10;

	font-family: helvetica;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
ul.star_rating_wrapper li.entity span {
	position: absolute;
	left: 0;
}
ul.star_rating_wrapper li span.bg_star {
	/*position: relative;
	top: -10px;
	left: -8px;
	font-size: 95px;*/

	position: static;
	left: 0;

	color: #fff;
	/*text-shadow: 0 0 2px #fff;*/
	z-index: 1;
}

ul.star_rating_wrapper li span.small_star_25 {
	font-size: 35px;
}
ul.star_rating_wrapper li span.small_star_25 img {
	max-width: 25px;
}

ul.star_rating_wrapper li span.small_star_15 {
	font-size: 25px;
}
ul.star_rating_wrapper li span.small_star_15 img {
	max-width: 20px;
}

ul.star_rating_wrapper li span.rate_star {
	cursor: pointer;
}

ul.star_rating_wrapper li span.star_lit {
	-webkit-animation-name: lock_stars;
	        animation-name: lock_stars;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;

	text-shadow: 0 0 10px #2f2;
}


@-webkit-keyframes lock_stars {  
    0% { text-shadow: 0 0 0px #2f2; }
    30% { text-shadow: 0 0 15px #0d0; }
    100% { text-shadow: 0 0 10px #2f2; }
}


@keyframes lock_stars {  
    0% { text-shadow: 0 0 0px #2f2; }
    30% { text-shadow: 0 0 15px #0d0; }
    100% { text-shadow: 0 0 10px #2f2; }
}



/* Tooltip */
.tooltip_hover, .tooltip_hover_noimg {
	/*cursor: help;*/
}

#info_tooltip_block {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 20px;
	max-width: 350px;
	z-index: 999;
	/*pointer-events: auto;*/
	-webkit-box-shadow: 6px 6px 8px rgba(0,0,0,.2);
	        box-shadow: 6px 6px 8px rgba(0,0,0,.2);
	border-radius: 6px;

	-webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;

	transition: opacity .3s ease-out, -webkit-transform .3s ease-out;

	transition: transform .3s ease-out, opacity .3s ease-out;

	transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out;
}
#info_tooltip_block.tooltip_appear_top, #info_tooltip_block.tooltip_appear_bottom, #info_tooltip_block.tooltip_appear_left, #info_tooltip_block.tooltip_appear_right {
	opacity: 1;
}
#info_tooltip_block.tooltip_appear_top {
	-webkit-transform: translate(0, -5px);
	        transform: translate(0, -5px);
}
#info_tooltip_block.tooltip_appear_bottom {
	-webkit-transform: translate(0, 5px);
	        transform: translate(0, 5px);
}
#info_tooltip_block.tooltip_appear_left {
	-webkit-transform: translate(-5px, 0);
	        transform: translate(-5px, 0);
}
#info_tooltip_block.tooltip_appear_right {
	-webkit-transform: translate(5px, 0);
	        transform: translate(5px, 0);
}

#info_tooltip_block #info_tooltip_inner {
	position: relative;
	/*height: 100%;
	width: 100%;*/
	padding: 10px;

	/*border: 1px solid #aeaeae;*/
	border-radius: 6px;
	background-color: #EDECE8;
}

#info_tooltip_block #info_tooltip_content {
	padding: 3px;
	font-size: 14px;
	color: #333;
	line-height: 1.2;
}

#info_tooltip_block #info_tooltip_arrow {
	position: absolute;
	left: 50%;
	/*top: 30px;
	margin-top: -8px;*/
	bottom: -8px; /* - width/2 */
	height: 16px;
	width: 16px;
	margin-left: -8px; /* - width/2 */
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);

	background: #EDECE8;
}
#info_tooltip_block .tooltip_arrow_bottom {
	bottom: auto !important;
	top: -8px !important;
}

#info_tooltip_block .tooltip_arrow_right {
	bottom: calc(50% - 8px) !important;
	left: 0 !important;
}
#info_tooltip_block .tooltip_arrow_left {
	bottom: calc(50% - 8px) !important;
	left: auto !important;
	right: -8px !important;
}
#info_tooltip_block img {
	max-width: 100px;
	max-height: 100px;
}


/* Tuote popup */
#tuote_popup {
	overflow: auto;
	max-height: 500px;

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);

	        box-shadow: 0 0 10px rgba(0,0,0,.5);
	background-color: #fff;
}
#tuote_popup > div {
	padding: 20px;
}

#tuote_popup .half_block_1 {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
#tuote_popup .half_block_2 {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

#tuote_popup h2, #tuote_popup h3 {
	padding-top: 0;

	color: #333;
	line-height: 1.4;
}

#tuote_popup h2 {
	font-size: 25px;
}

#tuote_popup h3 {
	margin-top: 10px;

	font-size: 20px;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

#tuote_popup .info_text {
	/*margin-top: 20px;*/
}
#tuote_popup .tekstisisalto {
	padding: 25px 0 5px;
}

#tuote_popup img.tuotekuva {
	max-height: 400px;
}


#tuote_popup div.hinta_box {
    font-size: 25px;
    font-weight: 500;
}

#tuote_popup .normihinta,
#tuote_popup .hinta_veroton_box {
    font-size: 14px;
    font-weight: 500;
}

#tuote_popup p {
    margin-bottom: 5px;
}

#tuote_popup #maara_box {
	/*display: none;*/
}

#tuote_popup div.hinta {
    
}

#tuote_popup #varivaihtoehdot {
    margin-top: 30px;
}

#tuote_popup div.ostoskoriin_holder, #tuote_popup div.tarjouskoriin_holder {
	position: static !important;
	left: auto;
	right: auto;
	float: left;
	/*left: 42px;*/
	/*right: auto;*/
	margin-right: 5px;
}

#tuote_popup button.ostoskoriin, #tuote_popup button.tarjouskoriin {
    width: 35px;
    height: 35px;
}


#tuote_popup div.lisavaihtoehtoilmoitus_wrap {
	/*width: 120px;*/
	/*height: 40px;*/
}
#tuote_popup div.lisavaihtoehtoilmoitus_wrap a:link,
#tuote_popup div.lisavaihtoehtoilmoitus_wrap a:visited {
	padding: 14px 20px;
	font-size: 15px;
}

#tuote_popup .availability {
	margin: 15px 0 20px;
}

#tuote_popup .lisalinkit {
	margin: 10px 0 20px;
}


/* CONTENTSTYLE */
#sisaltoalue > div:not(.erikoislistaussivu) > .pagesectioncontainer:not(.products_content) + .pagesectioncontainer {
	margin-top: 30px;
}
div.tekstisisalto_yla.has_category_video {
	padding-top: 0px;
}
div.tekstisisalto_yla.has_category_video .kategoriaotsikko {
	margin-top: 20px;
}
.kategoriaotsikko > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0 40px;

	border-bottom: 1px solid #EDECE8;
}
@media screen and (max-width: 600px) {

	.kategoriaotsikko > div > * {
		flex: 1 1 100%;
	}
}
div.tekstisisalto_yla.has_category_video .kategoriaotsikko a {
	position: relative;
	top: -20px;
}
#document_sections h1 {
	margin-bottom: 30px;
}
.has_category_video h1 {
	margin-bottom: 10px;
}
div.pagesectioncontainer h1 + *,
div.pagesectioncontainer h2 + *,
div.pagesectioncontainer h3 + *,
div.pagesectioncontainer h4 + * {
	margin-top: 30px;
}
div.pagesectioncontainer .left_column {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

div.pagesectioncontainer .right_column {
	width: 100%;
	float: none;
}

@media screen and (min-width: 1040px) {
	
	div.pagesectioncontainer .left_column {
	    width: 47%;
	    float: left;
	    margin-bottom: 0;
	}

	div.pagesectioncontainer .right_column {
	    width: 47%;
	    float: right;
	}
}

div.pagesectioncontainer .video_wrap {
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

div.pagesectioncontainer .video_wrap > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Tuotemerkit-sivu */
/*.erikoislistaussivu > div.pagesectioncontainer {
    position: relative;
    margin-bottom: 25px;
}
.erikoislistaussivu > div.pagesectioncontainer div.sectionimageleft {
    max-width: 100% !important;
    text-align: center;
}

@media screen and (max-width: 979px) {
	.erikoislistaussivu > div:nth-child(1n+1):after {
	    content: '';
	    position: absolute;
	    top: 100%;
	    height: 1px;
	    width: 100%;

	    background-color: #eee;
	}
}*/
div.tekstisisalto.erikoislistaussivu {
	position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(240px, 480px);
    grid-template-columns: minmax(240px, 480px);
    gap: 35px 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
}

div.tekstisisalto.erikoislistaussivu:not(.tuotemerkkisivu):before {
	content: '';
	display: block;
	position: absolute;
	left: -9999px;
	right: -9999px;
	bottom: 0;
	z-index: -1;

	background-color: #EDECE8;
}

/*div.tekstisisalto.tuotemerkkisivu:before {
	top: 370px;
}*/
div.tekstisisalto.palvelutsivu:before {
	top: 600px;
}

/*@media screen and (min-width: 380px) {
	div.tekstisisalto.tuotemerkkisivu:before {
		top: 420px;
	}
}
@media screen and (min-width: 430px) {
	div.tekstisisalto.tuotemerkkisivu:before {
		top: 420px;
	}
}
@media screen and (min-width: 465px) {
	div.tekstisisalto.tuotemerkkisivu:before {
		top: 400px;
	}
}*/
/*@media screen and (min-width: 500px) {
	div.tekstisisalto.tuotemerkkisivu:before {
		top: 320px;
	}
}*/
@media screen and (min-width: 900px) {
	div.tekstisisalto.tuotemerkkisivu:before {
		top: 310px;
	}
	div.tekstisisalto.palvelutsivu:before {
		top: 610px;
	}
}

@media screen and (min-width: 1040px) {
	div.tekstisisalto.erikoislistaussivu {
    	-ms-grid-columns: (480px)[2];
    	grid-template-columns: repeat(2, 480px);
	}
	/*div.tekstisisalto.tuotemerkkisivu:before {
		top: 230px;
	}*/
	div.tekstisisalto.palvelutsivu:before {
		top: 410px;
	}
}

@media screen and (min-width: 1580px) {
	div.tekstisisalto.erikoislistaussivu {
    	-ms-grid-columns: (480px)[3];
    	grid-template-columns: repeat(3, 480px);
	}
	/*div.tekstisisalto.tuotemerkkisivu:before {
		top: 205px;
	}*/
	div.tekstisisalto.palvelutsivu:before {
		top: 550px;
	}
}

div.tekstisisalto.erikoislistaussivu > div {
	background-color: #fff;
}

/*@media screen and (max-width: 540px) {
	div.tekstisisalto.erikoislistaussivu:before {
		background-color: transparent;
	}
	div.tekstisisalto.erikoislistaussivu > div {
		background-color: #EDECE8;
	}
}*/

div.tekstisisalto.erikoislistaussivu > div:nth-child(1),
div.tekstisisalto.erikoislistaussivu > div:nth-child(2),
div.tekstisisalto.erikoislistaussivu.tuotemerkkisivu > div:nth-child(3) {
    grid-column: 1 / -1;

    background-color: transparent;
}

div.tekstisisalto.erikoislistaussivu #document_sections h1 {
	margin-bottom: 0;
}

div.tekstisisalto.erikoislistaussivu div.osion_sisalto {
	margin-bottom: 40px;
}

/*div.tekstisisalto.erikoislistaussivu > div:not(:nth-child(1)):not(:nth-child(2)) div.sectionimageleft {
    max-width: 100% !important;
    text-align: center;
}*/
div.tekstisisalto.erikoislistaussivu > div:not(:nth-child(1)):not(:nth-child(2):not(:nth-child(3))) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	gap: 20px;
}
div.tekstisisalto.erikoislistaussivu > div:not(:nth-child(1)):not(:nth-child(2)) > div {
	float: none;
	max-width: 100% !important;
	/*height: 230px;*/
	padding: 0;
}
div.tekstisisalto.erikoislistaussivu > div:not(:nth-child(1)):not(:nth-child(2)) > div.pagesectioncontents {
	height: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
}
div.tekstisisalto.erikoislistaussivu > div:not(:nth-child(1)):not(:nth-child(2)) img {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 100%;
	    -ms-flex: 1 0 100%;
	        flex: 1 0 100%;
	float: none;
	max-width: 100% !important;
	/*height: 230px;*/
	width: 100%;
	height: auto;
	padding: 0;
	/*object-fit: cover;
	object-position: left top;*/
}
div.tekstisisalto.erikoislistaussivu div.pagesectioncontainer div:is(.sectionimageleft, .sectionimageright) {
	padding-top: calc(230 / 480 * 100%);
	position: relative;
}
div.tekstisisalto.erikoislistaussivu div.pagesectioncontainer div:is(.sectionimageleft, .sectionimageright) img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.tekstisisalto.erikoislistaussivu.palvelut_ss div.pagesectioncontainer:nth-of-type(2) {
	position: relative;
	padding-bottom: 30px;
}
div.tekstisisalto.erikoislistaussivu.palvelut_ss div.pagesectioncontainer:nth-of-type(2)::after {
	content: '';
    background: #EDECE8;
    position: absolute;
    top: 100%;
    left: calc(50% - 50vw);
    width: 100vw;
    height: 1000vh;
    z-index: -1;
}

#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:not(#tuotebox_bottom) {
	padding-right: 300px;
}
#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) #document_sections,
#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:nth-child(2) > p:first-child {
	position: relative;
}
#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) #document_sections:after,
#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:nth-child(2) > p:first-child:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: calc(100% + 30px);

	width: 250px;
	height: 250px;
	background-color: red;
	background: url('../images/ttr/Fine_Audit_Oy_sertifikaatti_ISO14001.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:nth-child(2) > p:first-child:before {
	display: none;
}

@media screen and (max-width: 680px) {

	#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:not(#tuotebox_bottom) {
		padding-right: 20px;
	}
	#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:nth-child(2) > p:first-child:before {
		display: inline-block;
		position: static;
		float: right;
		width: 150px;
		height: 150px;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) #document_sections:after {
		display: none;
	}
}
@media screen and (max-width: 480px) {

	#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:not(#tuotebox_bottom) {
		padding-right: 20px;
	}
	#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:nth-child(2) > p:first-child:before {
		display: inline-block;
		position: static;
		float: right;
		width: 150px;
		height: 150px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) #document_sections:after {
		display: none;
	}
}
@media screen and (max-width: 400px) {

	#sisaltoalue > div.tekstisisalto.vastuullisuus:not(.erikoislistaussivu) .pagesectioncontainer:nth-child(2) > p:first-child:before {
		width: 100px;
		height: 100px;
	}
}


.mob { display: block !important; } /* visible in mobile only */
.mobtablet { display: block !important; } /* visible in mobile and tablet */
.tablet { display: none !important; } /* visible in tablet and full */
.full { display: none !important; } /* visible only in full */
.mobtabfull { display: block !important; } /* visible in all except full plus */
.full_plus { display: none !important; } /* visible in full extra only (sidebars) */
.fullfull_plus { display: none !important; } /* visible in full and full extra */
.tabfullplus { display: none !important; } /* visible in all but mobile */

.mob_i { display: inline !important; }
.mobtablet_i { display: inline !important; }
.tablet_i { display: none !important; }
.full_i { display: none !important; }
.mobtabfull_i { display: inline !important; }
.full_plus_i { display: none !important; }
.tabfullplus_i { display: none !important; }

.mob_t { display: table !important; }
.mobtablet_t { display: table !important; }
.tablet_t { display: none !important; }
.full_t { display: none !important; }
.mobtabfull_t { display: table !important; }
.full_plus_t { display: none !important; }
.tabfullplus_t { display: none !important; }


@media screen and (min-width: 900px) and (max-width: 1000px) {

	/*ul#menu > li + li {
		margin-left: 25px !important;
	}*/
	#tuotebox #oikea {
		padding-left: 40px !important;
		padding-right: 0px !important;
	}
	#tuotebox #tuotetiedot h1 {
		font-size: 22px !important;
	}
	#tuotebox #tuotetiedot h2 {
		font-size: 18px !important;
	}
}


/* PLUGIN */
.flexslider {
	width: 100%;
}

/*.flexpages {
    display: none;
}*/
body .flex-control-nav {
	bottom: 13px;
}
body .flex-viewport {
	padding-bottom: 0px; /* lisätty laajentuvaa tuotekorttia varten */
}
body .flexcontrols + .flex-viewport { /* only if visible controls */
	margin: 0 24px;
}
body .flex-direction-nav a {
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}


.lisatuotteet_vert {
	height: 780px;
	margin: 10px auto 0;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.lisatuotteet_vert #vertical-ticker {
	overflow: hidden;
}

.image_placeholder {
	background: url(../images/ttr/temp_m_50.png);
}

div.some_block > div {
	padding: 20px 15px;
}

div.some_block .fb-page {
	height: 400px;
	max-width: 500px;
	background-color: #f4f4f4;
}

div.tuotemerkit_block {
	text-align: center;
}

div.tuotemerkit_block ul.tuotemerkit_lista {
	display: block;
	margin-top: 20px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li {
	display: inline-block;
	width: 225px;
	height: 60px;
	margin: 5px;
	vertical-align: top;
}
div.tuotemerkit_block ul.tuotemerkit_lista li a {
	display: inline-block;
	background: url("../images/ttr/tuotemerkit.png") no-repeat;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.malmstolen {
	width: 100%;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.malmstolen a {
	background-position: -33px -15px;
    width: 225px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.pedrali a {
	background-position: -294px -15px;
    width: 159px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.casala a {
	background-position: -14px -100px;
    width: 144px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.hag a {
	background-position: -180px -95px;
    width: 110px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.crassevig a {
	background-position: -310px -105px;
    width: 163px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.inno a {
	background-position: -20px -195px;
    width: 130px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.arktis a {
	background-position: -185px -195px;
    width: 100px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.tronhill a {
	background-position: -315px -181px;
    width: 160px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.narbutas a {
	background-position: -15px -280px;
    width: 140px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.monena a {
	background-position: -175px -280px;
    width: 125px;
    height: 60px;
}
div.tuotemerkit_block ul.tuotemerkit_lista li.lepo a {
	background-position: -335px -268px;
    width: 101px;
    height: 60px;
}

#popup_box {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 400px;
	height: 100%;
	max-height: 400px;
	overflow: auto;
	
	border: none;
	padding: 25px 20px 0 20px;
	background: #fff;
	text-align: left;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#popup_box {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		height: 100%;
		
		border: 5px solid #055854;
		/*padding: 50px 50px 0 50px;*/
		background: #fff;
		text-align: left;
		margin: 0 auto;
	}
}

div.toimipaikat > div > div {
	border-top: 1px solid #bbcbcb;
	padding-top: 60px;
}
div.toimipaikat h2.toimipaikat_title {
	font-size: 35px;
}
div.toimipaikat div.toimipaikka {
	border-bottom: 1px solid #bbcbcb;
	padding: 0px 15px;
}
@media screen and (min-width: 980px) {
	div.henkilot {
		margin-bottom: 40px;
		padding-bottom: 40px 0;
	}
}
div.henkilot div.henkilo {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
	div.henkilot div.henkilo {
		width: 50%;
		float: left;
	}
}
div.henkilot div.henkilo div.kuva {
	width: 80px;
}
@media screen and (min-width: 1024px) {
	div.henkilot div.henkilo div.kuva {
		width: 150px;
	}
}
div.henkilot div.henkilo div.tiedot {
	display: table-cell;
	vertical-align: middle;	
	padding: 0 20px 0 15px;
	line-height: 1.3;
	width: 100%;
	font-size: 12px;	
}
@media screen and (min-width: 1024px) {
	div.henkilot div.henkilo div.tiedot {
		font-size: 14px;
	}
}
div.henkilot div.henkilo div.tiedot span.otsikko,
div.toimipaikka_lisatiedot span.otsikko {
	margin-bottom: 5px;

	font-size: 16px;
	font-weight: 500;
	color: #055854;
}

div.index_bottom_links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 400px;
	margin-top: 50px;

	background-color: #edece8;
}
#sisaltoalue > div.index_bottom_links div.newsletter_wrapper {
	max-width: 500px;

	text-align: center;
}
div.index_bottom_links div.newsletter_wrapper > * + * {
	margin-top: 30px;
}
div.index_bottom_links div.newsletter_wrapper h4 {
	font-size: 30px;
}
div.index_bottom_links div.newsletter_wrapper a {
	max-width: 300px;
	margin: 0 auto;
}



#wrapper2 #sisaltoalue #redirecting_to_payment_form {
	content: '';
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	z-index: 20;

	background-color: rgba(0,0,0,.5);
	text-align: center;
}
#redirecting_to_payment_form > div {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	padding: 40px 30px;
	line-height: 1.4;

	background-color: #fff;
}


div.error_page {
	text-align: center;
}

body .mfp-gallery .mfp-iframe-holder .mfp-close {
	top: 0;
}
body button.mfp-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
}

body .mfp-image-holder .mfp-content {
	position: static;
}
body .mfp-figure {
	position: relative;
}
body button.mfp-arrow-left {
	left: 0;
}
body button.mfp-arrow-right {
	right: 0;
}
body button.mfp-arrow-left:before,
body button.mfp-arrow-right:before {
	display: none;
}
body button.mfp-arrow-left:after,
body button.mfp-arrow-right:after {
    border: none;
	width: auto;
	height: auto;
    margin: 0;
    padding: 0;
    position: static;
    display: inline-block;
    content: "\e85d";
    font-size: 4em;
    text-decoration: none;
    text-shadow: 0 0 5px #000;
    color: #fff;
}
body button.mfp-arrow-right:after {
    content: "\e85c";
    left: 3px;
}
div.g-recaptcha {
	margin-bottom: 15px;
}

@media screen and (max-width: 1200px) {
	body button.mfp-arrow-left {
		left: 0px;
	}
	body button.mfp-arrow-right {
		right: 0px;
	}
}
@media screen and (max-width: 500px) {
	body button.mfp-arrow-left,
	body button.mfp-arrow-right {
		transform: scale(.5);
	}
}



/* Tuotemerkit-sivun logot */
div.tuotemerkkisivu div.pagesectioncontainer {
	background: #fff;
}
div.product_brands {
	position: relative;
}	
div.product_brands::after {
	content: '';
	display: block;
	position: absolute;
	left: -9999px;
	right: -9999px;
	height: 9999vh;
	top: 0;
	z-index: -1;
	background-color: #EDECE8;
	visibility: visible;
}
div.tekstisisalto.erikoislistaussivu.tuotemerkkisivu div.osion_sisalto {
	margin-bottom: 0;
}
div.product_brands {
	margin-bottom: 50px;
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	column-gap: 30px !important;
}
div.product_brands::after {
	top: calc(100% + 50px);
}
div.product_brands > div {
	text-align: center;
}
div.product_brands img {
	max-height: 20px;
	width: unset !important;
}
div.product_brands img:not(:hover) {
	filter: grayscale(100%);
}
@media screen and (min-width: 1040px) {
	div.product_brands {
		grid-template-columns: repeat(10, 1fr);
	}
	div.product_brands img {
		max-height: 40px;
	}	
}
@media screen and (min-width: 1580px) {
	div.product_brands img {
		max-height: 50px;
	}
	div.product_brands {
		grid-template-columns: repeat(12, 1fr);
		column-gap: 40px !important;
	}
}


/* Ilmmoittautumislomake */
@media screen and (max-width: 767px) {
	div.happening_form > div:first-of-type {
		margin-bottom: 30px;
	}
}
div.happening_form div.radios {
	padding: 15px 0 20px 0;
}
@media screen and (min-width: 768px) {
	div.happening_form {
		display: flex;
		justify-content: space-between;
	}
	div.happening_form > div {
		flex-basis: 48%;
	}
}
@media screen and (min-width: 1500px) {
	div.happening_form > div:first-of-type {
		flex-basis: calc(100% - 80px - 751px);
	}	
	div.happening_form > div:last-of-type {
		flex-basis: 751px;
	}
}
div.happening_form div.g-recaptcha {
	float: none;
	margin-bottom: 20px;
}


/* Referenssit */
div.reference_container {
	padding: 50px 0;
	background: #EDECE8;
}
div.reference_list {
	max-width: 1580px;
	margin: 0 auto;	
}
div.reference_list div.reference {
	background-color: #fff;
	max-width: 480px;
	display: block;
	margin: 0 auto 30px auto;	
}
div.reference_list div.reference div.image {
	padding-top: calc(230 / 480 * 100%);
    position: relative;
    display: block;
    width: 100%;
}
div.reference_list div.reference div.image img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.reference_list div.reference div.content {
	padding: 20px;
}
div.reference_list div.reference div.content :is(h2, p) {
	margin-bottom: 20px;
}
div.reference_list div.reference div.content h2 a {
	text-decoration: none;
	color: inherit;
}
a.all_references {
	background: #055854;
	color: #fff;
	padding: 20px 50px;
	clear: both;
	margin: 50px 0;
	display: inline-block;
	border-radius: 6px;
	text-decoration: none;
}
a.all_references:hover {
	background: #196a6a;
}
@media screen and (min-width: 900px) {
	div.reference_list {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: repeat(2, minmax(0, 480px));
		justify-content: center;
	}
	div.reference_list div.reference {
		margin: 0;
	}
	div.reference_list div.reference div.content {
		padding: 40px;
	}
}
@media screen and (min-width: 1400px) {
	div.reference_list {
		grid-template-columns: repeat(3, minmax(0, 480px));
		justify-content: space-between;
	}
}

#quick_links {
	--start-button-width: 70px;
	--back-to-top-offset-x: 20px;
	--back-to-top-offset-y: 20px;
	--text-box-padding-x: 15px;
	--text-box-padding-y: 10px;
}
@media screen and (max-width: 599.90px) {

	#quick_links {
		--start-button-width: 64px;
		--text-box-padding-x: 12px;
		--text-box-padding-y: 8px;
	}
}

.quick_links_start {
	position: fixed;
	right: var(--back-to-top-offset-x);
	bottom: var(--back-to-top-offset-y);
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
	transition: transform 300ms ease, opacity 300ms ease;
	z-index: 2;
}
#quick_links.open .quick_links_start,
.quick_links_start.initially_hidden {
	transform: scale(0);
	opacity: 0;
	pointer-events: none;
}
.quick_links_start button.quick_links_main_button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--start-button-width);
	height: var(--start-button-width);
	cursor: pointer;

	background-color: #055854;
	border-radius: var(--start-button-width);
}
#quick_links_start_texts {
	position: absolute;
	right: 0;
	bottom: var(--start-button-width);
	display: flex;
	flex-wrap: nowrap;
	justify-content: end;
	flex-direction: column-reverse;
	align-items: end;
	pointer-events: none;

	text-align: right;
}
#quick_links_start_texts p {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	padding: var(--text-box-padding-y) var(--text-box-padding-x);
	transform: translateY(0px);
	opacity: 1;
	pointer-events: auto;
	transition: transform 300ms ease, opacity 300ms ease;

	background-color: #BBCBCB;
	border-radius: 7px;
	white-space: nowrap;
}
#quick_links_start_texts p.hidden {
	transform: translateY(5px);
	opacity: 0;
	pointer-events: none;
}
#quick_links_start_texts p:before {
	content: '';
	position: absolute;
	top: 100%;
	right: calc(var(--start-button-width) / 2);
	transform: translateX(50%) scale(.6, 1);

	border: 14px solid transparent;
	border-top-color: #BBCBCB;
}
button.quick_links_start_text_close {
	position: relative;
	height: 20px;
	width: 20px;
	margin-bottom: 5px;
	transform: translateY(0px);
	opacity: 1;
	pointer-events: auto;
	transition: transform 300ms ease, opacity 300ms ease;
	cursor: pointer;

	font-size: 0px;
	background-color: transparent;
}
button.quick_links_start_text_close.hidden {
	transform: translateY(5px);
	opacity: 0;
	pointer-events: none;
}
button.quick_links_start_text_close:before, button.quick_links_start_text_close:after {
	position: absolute;
	top: 0;
	left: calc(20px / 2);
	content: '';
	height: 20px;
	width: 1px;
	background-color: #333;
}
button.quick_links_start_text_close:before {
	transform: rotate(45deg);
}
button.quick_links_start_text_close:after {
	transform: rotate(-45deg);
}

.quick_links_main_wrapper {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 365px;
	padding: 20px;
	transform: scale(1);
	transform-origin: calc(100% - var(--back-to-top-offset-x) - var(--start-button-width) / 2) calc(100% - (var(--back-to-top-offset-y) + var(--start-button-width) / 2));
	opacity: 1;
	pointer-events: auto;
	transition: opacity 300ms ease, transform 300ms ease;
	z-index: 4;

	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
}
#quick_links.closed .quick_links_main_wrapper {
	transform: scale(0);
	opacity: 0;
	pointer-events: none;
}
.quick_links_main_wrapper header {
	padding: 5px 0;
}
.quick_links_main_wrapper h5 {
	font-family: 'Prata', Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.quick_links_main_wrapper header button {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;

	font-size: 0px;
}
.quick_links_main_wrapper header button:before, .quick_links_main_wrapper header button:after {
	position: absolute;
	top: calc(15px / 2);
	left: 15px;
	content: '';
	height: 15px;
	width: 1px;
	background-color: #333;
}
.quick_links_main_wrapper header button:before {
	transform: rotate(45deg);
}
.quick_links_main_wrapper header button:after {
	transform: rotate(-45deg);
}
.quick_links_main_wrapper header + ul,
.quick_links_main_wrapper li + li {
	margin-top: 15px;
}
.quick_links_main_wrapper a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;

	background-color: #BBCBCB;
	border-radius: 7px;
	color: #333333;
}
.quick_links_main_wrapper a:where(:hover, :active) {
	background-color: #CBDBDB;
	text-decoration: none;
}
.quick_links_main_wrapper a.highlighted {
	background-color: #055854;
	color: #EDECE8;
}
.quick_links_main_wrapper a.highlighted:where(:hover, :active) {
	background-color: #156864;
}


#product_filter_wrapper {
	--product-filter-width: 460px;
	--padding: 20px;
}
#product_filter_wrapper,
#product_filter_backdrop{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 21;
}
#product_filter_backdrop {
	right: 0;
	opacity: 1;
	pointer-events: auto;
	cursor: pointer;
	transition: opacity 300ms ease;

	background-color: rgba(51,51,51,.25);
}
#product_filter_wrapper.closed + #product_filter_backdrop {
	opacity: 0;
	pointer-events: none;
}

#product_filter_wrapper {
	width: var(--product-filter-width);
	max-width: 100%;
	z-index: 22;
	transform: translateX(0px);
	transition: transform 300ms ease;
	pointer-events: auto;

	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
}
#product_filter_wrapper.closed {
	transform: translateX(calc(var(--product-filter-width) * -1));
	pointer-events: none;
}


#product_filter_wrapper > form {
	display: grid;
	grid-template-rows: 86px 1fr 86px;
	grid-auto-flow: column;
	height: 100%;
	padding: 0 !important;
}

#product_filter_wrapper header {
	display: grid;
	grid-template-columns: 110px 1fr 110px;

	box-shadow: 0px 1px 3px #0000000F;
}
#product_filter_wrapper header button {
	cursor: pointer;
}
#product_filter_wrapper .title {
	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 20px;
}
#product_filter_wrapper .empty {
	padding: 0 var(--padding);

	color: #33333373;
}
#product_filter_wrapper .empty:where(:hover, :active) {
	color: #333333ff;
}
#product_filter_wrapper .close {
	position: relative;

	font-size: 0px;
}
#product_filter_wrapper .close:before,
#product_filter_wrapper .close:after {
	position: absolute;
	top: 50%;
	left: 30px;
	content: '';
	height: 20px;
	width: 1px;

	background-color: #333;
}
#product_filter_wrapper .close:where(:hover, :active):before,
#product_filter_wrapper .close:where(:hover, :active):after {
	background-color: #000;
}
#product_filter_wrapper .close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
#product_filter_wrapper .close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 459.90px) {

	#product_filter_wrapper header {
		grid-template-columns: 86px 1fr 86px;
	}
	#product_filter_wrapper .close:before,
	#product_filter_wrapper .close:after {
/*		left: 50%;*/
	}
	#product_filter_wrapper .empty {
		padding-left: 0;
	}
}

#product_filter_wrapper .filters {
	overflow: auto;
	padding: var(--padding) 0;
	overscroll-behavior: contain;
}

/* category filter */
#product_filter_opener {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 46px;

	line-height: 1;
}
#product_filter_opener.active_filters:after {
	content: attr(data-total_count);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 21px;
	height: 21px;
	margin-left: 10px;

	background-color: #055854;
	border-radius: 20px;
	font-weight: 400;
	color: #fff;
}

#product_filter_wrapper .filter_product_categories .category_item {
	display: flex;
	flex-direction: column;
	min-height: 46px;
	margin-left: var(--padding);
	margin-right: var(--padding);
}
#product_filter_wrapper .filter_product_categories .category_item + .category_item {
	margin-top: 12px;
}
#product_filter_wrapper .filter_product_categories .styled_checkbox label {
	display: flex;
	align-items: center;
	justify-content: start;
	flex: 1 0 100%;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;

	background: #fff;
	border: 1px solid #BBCBCB;
	border-radius: 46px;
	line-height: 1.2;
}
#product_filter_wrapper .filter_product_categories .styled_checkbox input:checked + label {
	color: #fff;
	background: #054844;
	border-color: #054844;
}
#product_filter_wrapper .filter_product_categories .styled_checkbox input:checked + label:before,
#product_filter_wrapper .filter_product_categories .styled_checkbox input:checked + label:after {
	position: absolute;
	top: 50%;
	right: 25px;
	content: '';
	height: 15px;
	width: 1px;

	background-color: #fff;
}
#product_filter_wrapper .filter_product_categories .styled_checkbox input:checked + label:before {
	transform: translateY(-50%) rotate(45deg);
}
#product_filter_wrapper .filter_product_categories .styled_checkbox input:checked + label:after {
	transform: translateY(-50%) rotate(-45deg);
}

#product_filter_wrapper .filter_product_categories .styled_checkbox label span {
	padding: 0 50px 0 var(--padding);
}

#product_filter_wrapper footer button {
	width: 100%;
	height: 100%;
	cursor: pointer;

	background-color: #055854;
	color: #fff;
	font-size: 20px;
}
#product_filter_wrapper footer button:where(:hover, :active) {
	background-color: #054844;
}

@media screen and (max-width: 1199.90px) {
	#sisaltoalue > div > div.products_content > div:not(.alikategorianostot_wrapper) > div.product_navigation .page_navigation{
		display: none;
	}
	#sisaltoalue > div > div.products_content > div:not(.alikategorianostot_wrapper) > div.product_navigation .list_options{
		width: 100%;
	}
}
@media screen and (max-width: 539.90px) {

	#product_filter_opener {
		position: relative;
		display: flex;
		justify-content: start;
		align-items: center;
		height: 46px;

		line-height: 1;
	}
	.product_navigation .list_options {
		display: grid !important;
		grid-template-columns: repeat(2, calc(50% - 10px));
	}
	.product_navigation .items_per_page {
		display: none;
	}
	.product_navigation .product_navi_block {
/*		flex: 1 1 100%;*/
	}
	.product_navigation .product_filter,
	.product_navigation .sort{
		flex: 1 1 50%;
	}
	.product_navigation .totals {
/*		order: -1;*/
		grid-row: 1 / 2;
		grid-column: 1 / -1;
	}
	.product_navigation .product_filter button,
	.product_navigation .sort *{
		width: 100%;
		text-align: left;
	}
}
@media screen and (max-width: 449.90px) {

	.product_navigation .list_options {
		grid-template-columns: 1fr;
	}
}

/* manufacturer catalog */
.manufacturer_catalogs {
	padding: 40px 0;
}
.manufacturer_catalogs + #document_sections {
	border-top: 2px solid #EDECE8;
}
.manufacturer_catalogs h2 {
	margin-bottom: 20px;
}
.manufacturer_catalogs p a {
	text-decoration: underline;
}
.manufacturer_catalogs p a:where(:hover, :active) {
	text-decoration: none;
}
.manufacturer_catalogs .items {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 40px;
	margin-top: 40px;
}
.manufacturer_catalogs .items > :where(a, span) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 140px;
}
.manufacturer_catalogs .items img {
	max-height: 60px;
	filter: grayscale(100%);
	transition: filter 300ms ease;
}
.manufacturer_catalogs .items img:where(:hover, :active, :focus) {
	filter: grayscale(0%);
}


/**
 * Header links
 **/
div.wrapper:has(div.header_links) #ylapalkki {
	top: var(--header-links-height);
}
div.wrapper:has(div.header_links) #paanavi .slicknav_menu ul.slicknav_nav {
	top: calc(var(--header-height) + var(--header-links-height));
	height: calc(100vh - var(--header-height) - var(--header-links-height));
}
div.wrapper:has(div.header_links) #header_push {
	height: calc(var(--header-height) + var(--header-links-height));
}
div.header_links {
    position: fixed;
    background: #DAE2DB;
    height: var(--header-links-height);
    z-index: 9;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    overflow: hidden;
    top: 0;
    font-size: 12px;
}
@media (min-width: 1366px) {
	div.header_links {
		font-size: 13px;
	}
}
div.header_links a {
	color: #333
}
div.header_links > div,
div.header_links li {
    width: 100%;
    box-sizing: border-box; 
    line-height: 1.2;   
}
@media (max-width: 800px) {
	div.header_links > div.maintenance {
		font-size: 0.85em;
	}
    div.header_links:has(div.maintenance) {
		padding: 0 10px;
	}
}
div.header_links > div:not(:has(li), .maintenance)::before,
div.header_links li > div::before {
    font-family: 'ttr_icon';
    content: '\a003';
    margin-right: 8px;
    color: #055854;
}
div.header_links > div > i::before,
div.header_links li i::before {
    width: auto;
}
div.header_links > div > a,
div.header_links li a {
    text-decoration: none;    
    position: relative;
}
div.header_links > div > a::after,
div.header_links li a::after {
    content: '\203A';    
    position: absolute;
    right: -8px;
}
div.header_links > div > a:hover,
div.header_links li a:hover {
    text-decoration: underline;
}
div.header_links > div.maintenance a {
    text-decoration: underline;
}
div.header_links > div.maintenance a::after {
    display: none;
}
div.header_links:has(div.maintenance) {
	background: #ff4130;
	color:#fff;
}
div.header_links:has(div.maintenance) .icon-header-close {
	display: none;
}
div.header_links i.icon-header-close {
    position: absolute;
    right: 0;
    top: 0;
    line-height: var(--header-links-height);
    padding: 0 10px;
    cursor: pointer;
}
div.header_links ul {
	position: absolute;
	height: var(--header-links-height);
	width: 100%;
	left: 0;
	top: 0;	
}
div.header_links ul:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
div.header_links ul li {	
	width: 100%;
	height: var(--header-links-height);
	padding: 0 40px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
div.header_links ul li > div {
	width: 100%;
}
@media (min-width: 1024px) {	
	div.header_links ul {
	    position: relative;
	    display: flex;
	}
}


@media (min-width: 1024px) {
	#english-content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
	}
}
@media (max-width: 1023.99px) {
	#english-content div.image-half {
		margin-top: 50px;
	}
}
#english-content div.image-half img {
	width: 100%;
	height: auto;
}

/**
 * Henkilöstö Yhteystiedot-sivulla
 **/
div.personnel_container {
	--general-padding: 24px;
	--general-gap: 20px;

	padding: 50px 0 !important;
	margin: 50px 0;
	background: #EDECE8;
	max-width: unset !important;
}
@media (min-width: 1200px) {
	div.personnel_container {
		--general-gap: 40px;

		padding: 64px 0 100px 0 !important;
	}
}
div.personnel_container h2 {
	margin-bottom: 32px;
}
div.personnel_container h3 {
	font-family: 'Work Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 16px;
}
div.personnel_container > div {
	max-width: 1580px;
	margin-inline: auto;
	padding: 0 20px;
}
@media (min-width: 900px) {
	div.personnel_container > div {
		padding: 0 40px;
	}
}
div.personnel_container div.personnel {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--general-gap);
}
@media (min-width: 680px) {
	div.personnel_container div.personnel {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 1200px) {
	div.personnel_container div.personnel {
		grid-template-columns: repeat(3, 1fr);
	}
}	
div.personnel_container div.personnel > div {
	padding: var(--general-padding);
	background: #fff;
	display: grid;
	grid-template-columns: 1fr 104px;
	grid-gap: var(--general-padding);	
	container-name: contact_area;
	container-type: inline-size;
}
@media 
(max-width: 499.90px), 
(min-width: 680px) and (max-width: 1000px),
(min-width: 1200px) and (max-width: 1579.90px) {
	div.personnel_container div.personnel > div {
		grid-template-columns: 1fr;
		grid-template-rows: 80px 1fr;
		grid-gap: 16px;
		max-width: calc(100vw - 2 * 20px);
	}
	div.personnel_container div.personnel > div div:has(img) {
		order: -1;
		max-width: 80px;
	}
}
div.personnel_container div.personnel > div > div:nth-of-type(1) {
	display: flex;
	flex-direction: column;
}
div.personnel_container a,
div.personnel_container section.contact_info {
	color: #055854;
	display: block;
	line-height: 1.5;
	white-space: nowrap;
}
@container contact_area (max-width: 330px) {
	div.personnel_container a,
	div.personnel_container section.contact_info {
		font-size: 13px;
	}
}
@container contact_area (max-width: 280px) {
	div.personnel_container a::before {
		display: none;
	}
}
div.personnel_container a[href^="tel:"]::before {
	content: '\a006';
	font-family: 'ttr_icon';
	margin-right: 5px;
	text-decoration: none;
	display: inline-block;
}
div.personnel_container a[href^="mailto:"]::before {
	content: '\a007';
	font-family: 'ttr_icon';
	margin-right: 5px;
	text-decoration: none;
	display: inline-block;
}
div.personnel_container section.location > span {
	background: #BBCBCB;
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 8px;
	border-radius: 4px;
	font-size: 12px;
}
div.personnel_container section.location > span::before {
	content: '\a005';
	font-family: 'ttr_icon';
	margin-right: 5px;
}
div.personnel_container section.tags > span {
	background: #EDECE8;
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 8px;
	border-radius: 4px;
	font-size: 12px;
}
div.personnel_container section:has(+ section.contact_info:not(:empty)) {
	margin-bottom: var(--general-padding);
}
div.personnel_container section.contact_info {
	margin-top: auto;
}


#sisaltoalue div.tyytyvaisia-asiakkaita h2 {
	text-align: center;
	margin-bottom: 65px;
	font-size: 34px;
}

#sisaltoalue div:not(.tyytyvaisia-asiakkaita) #happy_customers {
	margin: 30px 0 60px 0;
}

/* clean-css ignore:start */
#happy_customers {

	position: relative;
	opacity: 0;
	transition: opacity .3s;
	transition-delay: .3s;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
	min-height: 60px;

	&.initdone {
		opacity: 1;
	}
	
	> div {

		pointer-events: none;
		user-select: none;
		position: absolute;
		left: 30px;
		top: 0;
		min-height: 60px;
		transition: left 1s linear;
		display: flex;

		> div {

			justify-content: center;
			align-content: center;
			width: calc(100% / 8);
			height: 60px;
			flex-shrink: 0;
			display: flex;

			&:not(:first-child) {
				margin-left: 50px;
				@media (min-width: 500px) {
					margin-left: 60px;
				}
			}

			> img {

				transition: filter .3s;
				align-self: center;
				filter: grayscale(1);
			}
		}
	}
}
/* clean-css ignore:end */