html {
	font-size:	62.5%;
	min-width:	320px;
}

body {
	position:	relative;
	margin:		0;
	padding:	0;
	min-width:	375px;
	font-family:	"proxima-nova";
	font-weight:	400;
	font-size:	1.8rem;
	line-height:	2.8rem;
	color:		#333333;
	background-color: #d7dee5;
}

@-ms-viewport{
	width:		device-width;
}

*, *:after, *:before, input[type="search"] {
	box-sizing:	border-box;
}

.field-collection-view,
.field-type-field-collection,
.field-collection-container {
	padding:	0;
	margin:		0;
	border-bottom:	none;
}

*:focus {
	outline:	none;
}

.hidden {
	display:	none;
}

h1 {
	margin:		0 ;
	font-family:	"futura-pt-bold";
	font-weight:	700;
	font-size:	6.4rem;
	line-height:	6.4rem;
}
h2 {
	margin:		0 ;
	font-family:	"futura-pt-bold";
	font-weight:	700;
	font-size:	3.6rem;
	line-height:	3.6rem;
}

h3 {
	font-family:	"futura-pt-bold";
	font-weight:	700;
	font-size:	2.4rem;
	line-height:	3.2rem;
}

h4 {
	font-family:	"futura-pt-bold";
	font-weight:	700;
}

input {
	max-width:	100%;
}

a {
	color:		#2643a9;
}

sup {
	font-size:	70%;
}

input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.bg-y-top {
	background-position-y:	top;
}

.bg-y-middle {
	background-position-y:	center;
}

.bg-y-bottom {
	background-position-y:	bottom;
}

.bg-x-left {
	background-position-x:	left;
}

.bg-x-center {
	background-position-x:	center;
}

.bg-x-right {
	background-position-x:	right;
}

.b-10::after  {
	opacity:		0.9;
}

.b-20::after {
	opacity:		0.8;
}

.b-30::after {
	opacity:		0.7;
}

.b-40::after {
	opacity:		0.6;
}

.b-50::after {
	opacity:		0.5;
}

.b-60::after {
	opacity:		0.4;
}

.b-70::after {
	opacity:		0.3;
}

.b-80::after {
	opacity:		0.2;
}

.b-90::after {
	opacity:		0.1;
}

.b-100::after {
	opacity:		0;
}

.bg-blue::after {
	background-color:	#1b2442;	
}

.bg-black::after {
	background-color:	#000;	
}


.inner {
	position:	relative;
	width:		100%;
	max-width:	128rem;
	margin:		0 auto;
	padding:	4rem 4rem 2rem 4rem;
}

.ingress p {
	font-size:	2.2rem;
	line-height:	3.3rem;
	color:		#fff;
}

.content img {
	max-width:	100%;
	height:		auto !important;
}

.clearfix::after {
	content:	"";
}

    content: ".";
/* REGIONS */

#top .inner {
	padding:	2rem 4rem;
	height:		11rem;
}

#top .logo img {
	display:	block;
	width:		100%;
	height:		auto;
}

#top-menu {
	position:	absolute;
	top:		2rem;
	right:		5rem;
	text-align:	right;
}
#top-menu div {
	display:	inline-block;
	margin-left:	2rem;
}

#top-menu a {
	font-family:	"futura-pt";
	font-size:	1.5rem;
	font-weight:	500;
	line-height:	2.2rem;
	color:		#182043;
	text-decoration:none;
	text-transform:	uppercase;
}

#top-menu a:hover,
#top-menu a.active-trail {
	color:		#ff6600;
}

a.reclamation-form-link:before,
#reclamation-form-link a:before {
	content:	"\f15c";
	margin-right:	0.5rem;
	font-size:	2rem;
	font-weight:	300;
	font-family:	"Font Awesome 5 Pro";
}

a.reclamation-form-link:before {
	margin-left:	0.3rem;
	margin-right:	1rem;
}

a.safety-data-link:before,
#safety-data-link a:before {
	content:	"\f071";
	margin-right:	0.5rem;
	font-size:	2rem;
	font-weight:	300;
	font-family:	"Font Awesome 5 Pro";
}

a.certificate-link:before,
#certificate-link a:before {
	content:	"\f5f3";
	margin-right:	0.5rem;
	font-size:	2rem;
	font-weight:	300;
	font-family:	"Font Awesome 5 Pro";
}

#navigation {
	top:		0;
	left:		0;
	right:		0;
	z-index:	99;
}

#navigation.fixed {
	position:	fixed;
}

#navigation .inner {
	display:	flex;
	align-items:	center;
	justify-content: flex-start;
	padding:	0 4rem;
	z-index:	99;
}

#tabs {
	background-color: #d7dee5;
}

.tabs.primary {
	max-width:	120rem;
	margin:		0 auto;
	padding:	1rem 5rem 0 5rem;
}

.action-links,
.tabs.secondary {
	max-width:	128rem;
	margin:		0 auto 1rem auto;
	padding:	1rem 5rem 0 5rem;
	background-color: #fff;
}

#revisioning-publish-confirm,
#revisioning-revisions-summary,
#revisioning-delete-archived-confirm {
	max-width:	128rem;
	margin:		1rem auto;
	padding:	1rem 5rem;
	background-color: #fff;
}

#messages {
	max-width:	122rem;
	margin:		0 auto;
	padding:	1rem;
}

.page-user #messages {
	margin-top:	2rem;
}

#header {
	width:			100%;
	position:		relative;
	background-repeat:	no-repeat;
	background-size: 	cover;
	background-color:	#555;
	color:			#fff;
}

#header::after,
#header.carousel .item::after {
	content:		" ";
	position:		absolute;
	top:			0;
	right:			0;
	left:			0;
	bottom:			0;
	z-index:		1;
}

#header .inner {
	min-height:		50rem;
	display:		flex !important;
	display:		-webkit-flex;
	display:		-ms-flexbox;
	flex-wrap:		wrap;
	-webkit-flex-wrap:	wrap;
	-ms-flex-flow:		row wrap;
	-webkit-justify-content: center;
	-ms-flex-pack:		center;
	flex-basis:		100%;
	align-items:		center;
	justify-content:	flex-start;
	color:			#fff;
	z-index:		4;
}

#header .container {
	width:			70%;
}

#header.carousel {
	position:		relative;
	background-color:	transparent;
}

#header.carousel .item {
	position:		absolute;
	top:			0;
	right:			0;
	left:			0;
	background-repeat:	no-repeat;
	background-size: 	cover;
	color:			#f00;
	z-index:		3 !important;
	opacity:		0;
	transition:		opacity 1.5s;
}

#header.carousel .item.black .inner,
#header.carousel .item.black .inner .ingress p {
	color:			#000;
}
#header.carousel.single-image .item {
	position:		relative;
}

#header.carousel .item:first-child {
	opacity:		1;
}

#footer {
	color:			#fff;
}

#footer .inner {
	display:		flex;
	justify-content:	space-between;
}

#footer .column {
	max-width:	50%;
}

#footer .column.center {
	margin:	0 2rem;
}

#footer ul.menu {
	padding:	0;
}

#footer .menu li {
	margin:		0;
	list-style-type: none !important;
	list-style-image:none !important;
}

#footer h3 {
	margin-top:	4rem;
	font-size:	1.8rem;
	line-height:	2.8rem;
	text-transform:	uppercase;
}

#footer h3:first-child {
	margin-top:	0;
}

#footer a {
	color:		#fff !important;
}

#cookie-consent {
	padding:	2rem 4rem;
	background:	#fff;
	color:		#333333;
	text-align:	center;
	overflow:	hidden;
	z-index:	999;
	position:	fixed;
	bottom:		0;
	width:		100%;
	display:	none;
	opacity:	0.9;
}

#footer #cookie-consent a {
	color:		#333333 !important;
}

#footer .some-links img {
	margin-right:	0.7rem;
	width:		4rem !important;
}

#block-masquerade-masquerade {
	max-width:	128rem;
	margin:		0 auto;
	padding:	1rem 4rem;
}


/* PARAGRAPHS */

/* Text only */

.paragraphs-item-text-only.white,
.paragraphs-item-text-on-video .color-background.white {
	background-color: #fff;
}
.paragraphs-item-text-only.bg-light-blue,
.paragraphs-item-text-on-video .color-background.bg-light-blue {
	background-color: #d7dee5;
}

.paragraphs-item-text-only .inner {
	max-width:	128rem;
	margin:		0 auto;
	padding:	5rem 4rem 5rem 13rem;	
}

.paragraphs-item-text-only h2,
.paragraphs-item-text-only h3 {
	margin-left:	-8rem;
}

.paragraphs-item-text-only h1 {
	margin-left:	-8rem;
	margin-bottom:	4rem;
}

/* Reclamation form */


.paragraphs-item-reclamation-form .inner {
	max-width:	128rem;
	margin:		0 auto;
	padding:	5rem 5rem 5rem 13rem;	
}

.paragraphs-item-reclamation-form .inner .field-name-field-paragraph-text,
.paragraphs-item-reclamation-form .inner .messages {
	max-width:	77rem;
}

.paragraphs-item-reclamation-form h2,
.paragraphs-item-reclamation-form h3 {
	margin-left:	-8rem;
}

.paragraphs-item-reclamation-form h1 {
	margin-left:	-8rem;
	margin-bottom:	4rem;
}

#reclamation-form {
	max-width:	77rem;
}

#reclamation-form label {
	margin:	0.5rem 0;
	font-weight:	400;
}

#reclamation-form label.required:after {
	content:	'*';
	padding-left:	0.5rem;
	color:		#f00;
}

#reclamation-form input[type='text'],
#reclamation-form select,
#reclamation-form textarea {
	margin-bottom:	1rem;
	padding:	1rem;
	width:		100% !important;
	max-width:	50rem !important;
	font-family:	"proxima-nova";
	font-weight:	400;
	font-size:	1.8rem;
	line-height:	2.8rem;
	border:		2px solid #333333;
	background-color: #d7dee5;
}

#reclamation-form input[type='submit'] {
	background-color:#ff6600;
	border-radius:	3px;
}

#reclamation-form input::placeholder {
	font-style:	italic;
}

#reclamation-form select:focus {
	outline:	none;
}

#reclamation-form textarea {
	height:		20rem	
}

#reclamation-form #tool,
#reclamation-form #tool-other,
#reclamation-form #material,
#reclamation-form #material-other,
#reclamation-form #category-other {
	display:	none;
}

#reclamation-form #tool.show,
#reclamation-form #tool-other.show,
#reclamation-form #material.show,
#reclamation-form #material-other.show,
#reclamation-form #category-other.show {
	display:	inline;
}

#reclamation-form #submit {
	margin-top:	4rem;
}

#reclamation-form #reset {
	display:	inline-block;
	margin-left:	2rem;
	color:		#ff6600;
	text-decoration:none;
}

@media only screen and (max-width : 1000px) {
	#certificate-link,
	#safety-data-link,
	#reclamation-form-link {
		display:	none !important;
	}
	#header .container {
		width:			100%;
	}
}

@media only screen and (max-width : 767px) {
	.paragraphs-item-reclamation-form h1{
		margin:		0 0 2rem 0;
	}
	.paragraphs-item-reclamation-form h2,
	.paragraphs-item-reclamation-form h3 {
		margin-left:	0;
	}
	.paragraphs-item-reclamation-form .inner {
		padding:	3rem;	
	}
	#reclamation-form-link {
		display:	none;
	}
}

@media only screen and (max-width : 479px) {
	#reclamation-form #reset {
		display:	block;
		margin:		2rem 0 0 0;
	}
	#reclamation-form #submit {
		text-align:	center;
	}
}


/* Image and text */

.paragraphs-item-image-and-text {
	display:	flex;
	background-color: #fff;
}

.paragraphs-item-image-and-text .text,
.paragraphs-item-image-and-text .image {
	width:		50%;
}

.paragraphs-item-image-and-text .image img {
	width:		100%;
	height:		auto;
}

.paragraphs-item-image-and-text h3 {
	margin-top:	0;
}

.paragraphs-item-image-and-text .image {
	background-repeat:	no-repeat;
	background-size: 	cover;
}


.paragraphs-item-image-and-text .text .container {
	max-width:	60rem;
	padding:	3rem 0 3rem 7rem;
}

.paragraphs-item-image-and-text.right .text {
	display:	flex;
	justify-content:flex-end;
}

.paragraphs-item-image-and-text.right .text .container {
	margin-left:	4rem;
	max-width:	60rem;
	padding:	4rem 4rem 4rem 0;
}

.paragraphs-item-image-and-text.dark-blue-text-bg {
	background-color: #182043;
}

.paragraphs-item-image-and-text.dark-blue-text-bg {
	color:		#fff;
}
.paragraphs-item-image-and-text.dark-blue-text-bg .button {
	color:		#182043;
	background-color:#fff;
}
.paragraphs-item-image-and-text.dark-blue-text-bg a {
	color:		#fff !important;
}

/* Two images */

.paragraphs-item-two-images {
	display:	flex;
}
.paragraphs-item-two-images img {
	width:		50%;
	min-width:	50rem;
}


/* Text on image */

.paragraphs-item-text-on-image {
	position:		relative;
	padding:		2rem 0;
	background-repeat:	no-repeat;
	background-size: 	cover;
	background-color:	#1b2442;
	color:			#fff;
}
.paragraphs-item-text-on-image:after {
	content:		"";
	position:		absolute;
	top:			0;
	right:			0;
	left:			0;
	bottom:			0;
	z-index:		1;
}

.paragraphs-item-text-on-image .inner {
	position:		relative;
	display:		flex;
	z-index:		3;
}

.paragraphs-item-text-on-image .ingress {
	width:		50%;
	padding:	0 0 0 7rem;
}

.paragraphs-item-text-on-image .heading {
	width:		50%;
	padding:	0;
}

.paragraphs-item-text-on-image .heading h2 {
	margin:		2rem 0 0 0;
	font-size:	4rem;
	line-height:	5rem;
	padding:	0;
}

/* Image only */

.paragraphs-item-image-only {
	margin:		0;
	padding:	0;
}

.paragraphs-item-image-only .image {
	margin:		0;
	padding:	0;
	font-size:	0;
	line-height:	0;
}

.paragraphs-item-image-only img {
	width:		100%;
	height:		auto;
}

/* Three columns */

.paragraphs-item-three-columns {
	background-color: #fff;
	padding:	4rem 0;
}

.paragraphs-item-three-columns .inner {
	display:	flex;
	flex-wrap:	wrap;
	justify-content: space-evenly;
	padding:	0 4rem;
}

.paragraphs-item-three-columns .item {
	width:		33.33%;
	margin:		0;
	padding:	1rem;
}

.paragraphs-item-three-columns .item.linked .content{
	padding-bottom:	10rem;
}

.paragraphs-item-three-columns .item.linked .content:hover {
	background-color: #f5f7f9;
}

.paragraphs-item-three-columns .item.linked a {
	color:		#333333;
	text-decoration: none;
}

.paragraphs-item-three-columns .item.linked button {
	background-color: transparent;
}


.paragraphs-item-three-columns .item .content {
	position:	relative;
	height:		100%;
	padding:	2rem 3rem 1rem 3rem;
	border:		1px solid #ddd;
}

.paragraphs-item-three-columns .item h3,
.paragraphs-item-three-columns .item h4 {
	margin-top:	0;
}

.paragraphs-item-three-columns .item .link {
	position:	absolute;
	left:		0;
	right:		0;
	bottom:		3rem;
	text-align:	center;
}

/* Product accordion */

.paragraphs-item-product-accordion {
	width:		100%;
	display:	table;
	max-width:	128rem;
	margin:		3rem auto;
	padding:	4rem;
	background-color:#fff;
}
.paragraphs-item-product-accordion .row {
	display:	table-row;
}

.paragraphs-item-product-accordion:first-child {
	margin-top:	3rem;
}


.paragraphs-item-product-accordion:last-child {
	margin-bottom:	3rem;
}

.paragraphs-item-product-accordion .image {
	display:	table-cell;
	vertical-align:	top;
	width:		220px;
	
}

.paragraphs-item-product-accordion .image img {
	width:		220px;
	height:		auto;
}

.paragraphs-item-product-accordion .text {
	display:	table-cell;
	vertical-align:	top;
	padding-left:	4rem;
}

.paragraphs-item-product-accordion .name h3 {
	margin-top:	0;
}

.accordion > .content {
	overflow:	hidden;
	max-height:	0;
	transition:	max-height 0.3s;
}

.accordion.open > .content {
	max-height:	1000rem;
}

.accordion .toggler::after {
	content:	"\f063";
	margin-left:	1rem;
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
}

.accordion.open .toggler::after {
	content:	"\f062";
}

#info p {
	margin-bottom:	0;
	line-height:	1.2em;
}

.accordion p:first-child {
	margin-top:	0;
}

/* Text on video */

.paragraphs-item-text-on-video {
	width:		100%;
	position:	relative;
	display:	flex;
	justify-content:flex-start;
	align-items:	center;
	overflow:	hidden;
}
.paragraphs-item-text-on-video.full {
	color:		#fff;
}

.paragraphs-item-text-on-video.two .video-wrapper {
	position:	absolute;
	top:		0;
	left:		0;
	bottom:		0;
	width:		50%;
	overflow:	hidden;
}

.paragraphs-item-text-on-video .video-wrapper::after {
	content:	"";
	position:	absolute;
	top:		0;
	right:		0;
	left:		0;
	bottom:		0;
}

.paragraphs-item-text-on-video.full .inner {
	z-index:	1;
}

.paragraphs-item-text-on-video.two .inner {
	margin:		0 0 0 50%;
	padding-left:	7rem;
	width:		50%;
}

.paragraphs-item-text-on-video.two .ingress p {
	color:		#333333;
}

.paragraphs-item-text-on-video h2 {
	text-transform:	uppercase;
}

.video-background {
	position:	absolute;
	top:		-50%;
	left:		-50%;
	width:		200%;
	height:		200%;
}

.video {
	position:	absolute;
	top:		0;
	bottom:		0;
	right:		0;
	left:		0;
	margin:		auto;
	min-height:	100%;
	min-width:	50%;
	z-index:	-2;
	background-size:	cover;
	background-repeat:	no-repeat;
	background-position:	center;
}
.color-background {
	position:	absolute;
	top:		0;
	right:		0;
	left:		0;
	bottom:		0;
	z-index:	-3;
}

/* Form */

.paragraphs-item-form {
	background-color: #448;
	color:		#fff;
}

.paragraphs-item-form .inner {
	max-width:	128rem;
	margin:		0 auto;
	padding:	5rem 13rem 5rem 13rem;	
}

.paragraphs-item-form h2 {
	margin-left:	-8rem;
	margin-bottom:	3rem;
	text-transform:	uppercase;
}

#subscription-form input[type=text],
.paragraphs-item-form textarea,
.paragraphs-item-form input[type=text] {
	width:		100%;
	padding:	1rem;
	font-size:	1.8rem;
	color:		#fff;
	border:		1px solid #fff !important;
	background-color: #448;
	font-family:	"proxima-nova";
	font-weight:	400;
}

#subscription-form input[type=checkbox] {
	margin:		0;
	vertical-align:	baseline;
}

.paragraphs-item-form .form-required {
	color:		#fff;
}
.paragraphs-item-form label {
	font-weight:	400;
}

#open-house-2020-entityform-edit-form,
#contact-form-entityform-edit-form,
#contact-form-sv-entityform-edit-form,
#contact-form-de-entityform-edit-form,
#yhteydenottolomake-entityform-edit-form {
	position:	relative;
	margin:		0 -1rem;
}

#contact-form-entityform-edit-form .field-type-text,
#contact-form-entityform-edit-form .field-type-email,
#contact-form-sv-entityform-edit-form .field-type-text,
#contact-form-sv-entityform-edit-form .field-type-email,
#contact-form-de-entityform-edit-form .field-type-text,
#contact-form-de-entityform-edit-form .field-type-email,
#yhteydenottolomake-entityform-edit-form .field-type-text,
#yhteydenottolomake-entityform-edit-form .field-type-email {
	display:	block;
	width:		50%;
	padding:	0 1rem;
}

#open-house-2020-entityform-edit-form .form-type-textarea,
#contact-form-entityform-edit-form .form-type-textarea,
#contact-form-sv-entityform-edit-form .form-type-textarea,
#contact-form-de-entityform-edit-form .form-type-textarea,
#yhteydenottolomake-entityform-edit-form .form-type-textarea {
	display:	block;
	margin-top:	0;
}

#contact-form-entityform-edit-form #edit-field-form-message,
#contact-form-sv-entityform-edit-form #edit-field-form-message,
#contact-form-de-entityform-edit-form #edit-field-form-message,
#yhteydenottolomake-entityform-edit-form #edit-field-form-message {
	display:	block;
	position:	absolute;
	top:		0;
	right:		0;
	width:		50%;
	padding:	0 1rem;
}

#contact-form-entityform-edit-form #edit-field-form-message textarea,
#contact-form-sv-entityform-edit-form #edit-field-form-message textarea,
#contact-form-de-entityform-edit-form #edit-field-form-message textarea,
#yhteydenottolomake-entityform-edit-form #edit-field-form-message textarea {
	height:		209px;
}

#contact-form-entityform-edit-form #edit-actions,
#contact-form-sv-entityform-edit-form #edit-actions,
#contact-form-de-entityform-edit-form #edit-actions,
#yhteydenottolomake-entityform-edit-form #edit-actions {
	margin-left:	1rem;
	margin-bottom:	0;
}


#open-house-2020-entityform-edit-form .form-wrapper {
	margin:		0 auto;
	max-width:	60rem;

}

#open-house-2020-entityform-edit-form h2 {
	margin-left: 0;
}

#open-house-2020-entityform-edit-form big {
	display: block;
	margin-top:	4rem;
	font-size: 2.4rem;
}

#open-house-2020-entityform-edit-form #edit-field-majoitus-und div {
	display: inline-block;
}

#open-house-2020-entityform-edit-form .form-radios.error {
}

.paragraphs-item-form input[type="radio"] {
	margin-top: -5px;
}

.paragraphs-item-form input[type="checkbox"] {
	margin-top: 0;
}

.page-node-3399 #messages,
.page-eform-open-house-2020-confirm #messages {
	display: none;
}

.page-eform-open-house-2020-confirm .submission-text {
	margin: 0 !important;
	padding: 5rem 4rem 5rem 13rem;
	background-color: #364896 !important;
	color: #fff !important;
}

.page-eform-open-house-2020-confirm .submission-text p {
	padding-left: 8rem;
	margin: 4rem auto;
}

.page-node-3399 .paragraphs-item-form .inner {
	padding-top: 1px;
}

.page-eform-open-house-2020-confirm {
}

.page-node-3399 .paragraphs-item-text-only {
	margin: 0 !important;
	padding-top: 4rem;
	background-color: #364896 !important;
	color: #fff !important;
}

.page-node-3399 .paragraphs-item-form h2 {
	display: none !important;
}

.paragraphs-item-error-messages {
	padding: 0 2rem;
	background-color: #364896;
}

.paragraphs-item-error-messages .messages {
	margin: 0 auto;
	max-width:	60rem;
}


#edit-captcha-response {
	width:		180px;
}

.captcha {
	margin: 	30px 0;
}

.form-item-captcha-response {
	margin-top:	0;
}

.form-item-captcha-response .description {
	display:	none !important;
}

/* Contacts */

.paragraphs-item-contacts {
	background-color:	#fff;
}

.paragraphs-item-contacts .contacts h3 {
	margin-left:	2rem;
	margin-bottom:	1rem;
}

.paragraphs-item-contacts .inner {
	display:	flex;
	flex-direction:	row-reverse
}

.paragraphs-item-contacts .company {
	width:		25%;
	padding-right:	2rem;
}

.paragraphs-item-contacts .contacts {
	margin-left:	-3rem;
	margin-right:	-3rem;
	width:		75%;
}

.paragraphs-item-contacts .field-name-field-contact-persons .field-items {
	display:	flex;
	flex-wrap:	wrap;
	align-items:	stretch;
}

.paragraphs-item-contacts .contacts .field-collection-view:nth-child(4) {
	width:		100%;
}

.paragraphs-item-contacts .field-name-field-contact-persons .field-item {
	margin:		0;
	padding:	2rem;
	width:		20rem;
}

.paragraphs-item-contacts a {
	font-size:	1.4rem;
}

.paragraphs-item-contacts .field-name-field-contact-persons img {
	width:		100%;
	height:		auto;
}

.paragraphs-item-contacts .field-name-field-contact-persons p {
	margin:		0;
}

.paragraphs-item-contacts ul.action-links,
.paragraphs-item-contacts ul.field-collection-view-links{
	display:	none;
}

.paragraphs-item-contacts .contacts .field-collection-container {
	display:	flex;
	flex-wrap:	wrap;
	align-items:	stretch;
	justify-content: flex-start;
}

/* Youtube vide */

.paragraphs-youtube-video .inner {
	margin-top:	3rem;
	margin-bottom:	5rem;
	text-align:	center;
}

.video-container {
	position:	relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.paragraphs-item-google-map {
	background-color:		#fff;
}

.paragraphs-item-google-map #map {
	margin:		4rem 1rem;
	max-width:	100%;
	height:		50rem;
}

/* Google map */

.map-information h3 {
	margin: 0;
}

.map-information p {
	margin: 1em 0 0 0;
	line-height: 1.5em;
}

.map-information a {
	text-decoration: none;
}

.map-information a:hover {
	text-decoration: underline;
}



/* ELEMENTS */


#messages {
}

.form-submit,
.more button,
.accordion .toggler {
	padding:	0 4rem;
	border:		none;
	cursor:		pointer;
	font-family:	"proxima-nova";
	font-weight:	600;
	color:		#fff;
	line-height:	5rem;
	text-transform:	uppercase;
	background-color: #182043;
}

.more button::after {
	content:	"\f061";
	margin-left:	1rem;
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
}
.more button.white {
	position:	relative;
	padding:	0 3rem;
	border:		1px solid #182043;
	color:		#182043;
	background-color: #fff;
}

#language-select {
	display: inline-block;
	margin-right: 2rem;
}

#language-select select {
	font-family: "futura-pt";
	outline:	none;
	border:		none;
	padding-left:	0;
	padding-right:	0;
	font-size:	1.5rem;
	font-weight:	300;
	background-color:#fff;
	text-transform:	uppercase;
	cursor:		pointer;
	
}


#language-select:before {
	content:	"\f024";
	font-size:	2.2rem;
	font-weight:	300;
	font-family:	"Font Awesome 5 Pro";
}

#language-select .arrow {
	content:	"\f107";
	margin-left:	-0.5rem;
	font-weight:	300;
	font-family:	"Font Awesome 5 Pro";
}

i18n-fi #language-select:after {
}

#language-select.hide-arrow:after {
}

#search-block-form {
	position:	absolute;
	right:		10rem;
	bottom:		2rem;
	border-bottom:	1px solid #758dbd;
}

#search-block-form .form-item {
	margin:		0;
}

#search-block-form input {
	line-height:	1em;
	border:		0;
	background-color: transparent;
}

#search-block-form input[type="text"] {
	width:		17rem;
	font-family:	"proxima-nova";
	font-size:	1.5rem;
	font-weight:	400;
}

#search-block-form input.form-submit {
	padding:	0;
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
	color:		#182043;
}

.page-search #page > #content {
	max-width:	128rem;
	margin:		5rem auto;
	padding:	5rem;
	background-color: #fff;
}

.page-search .search-form {
	margin-bottom:	5rem;
}

.page-search .result h2 {
	margin-bottom:	2rem;
}

.page-search a.result {
	padding:	1rem 2rem;
	display:	block;
	color:		#333333;
	text-decoration:none;
}

.page-search a.result:hover {
	background-color:#eee;
}

.page-search .result h3 {
	margin:		0;
	padding:	0;
}

.page-search .result p {
	margin:		0;
	padding:	0 0 0 4rem;
}

.page-search .search-form input[type=text] {
	min-width:	50%;
	margin:		0 2rem;
	padding:	1.3rem 2rem 1.5rem 2rem;
	font-size:	1.8rem;
	border-radius:	0;
	border:		1px solid #ccc;
	background:	#fff;
}

.page-search .search-info {
	display:	none;
}

#edit-advanced {
	display:	none;
}

#menu-toggler {
	position:	absolute;
	right:		5rem;
	bottom:		2rem;
	cursor:		pointer;
	font-size:	2.4rem;
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
}

.webform-client-form {
	color:		#fff;
	background-color: #4180b4;
}

.webform-client-form > div {
	position:	relative;
	max-width:	128rem;
	margin:		0 auto;
	padding:	5rem;
}

.webform-client-form .form-wrapper {
	display:	flex;
	margin-left:	10rem;
	border:		none;
}

.webform-client-form .form-wrapper .form-item {
	margin-top:	0;
	width:		50%;
}

.webform-client-form .form-wrapper .form-item input {
	border:		none;
	width:		100%;
	border:		none;
}

.webform-client-form .form-required {
	color:		#fff;
}

.webform-client-form label {
	font-weight:	normal;
}

.webform-client-form input {
	border:		none;
}

.webform-component-textfield {
	width:		50%;
	padding:	1rem;
}

#input-container {
	display:	flex;
}

/* MAIN  MENU */


#main-menu ul.menu {
	display:	flex;
	margin:		0;
	padding:	0;
	z-index:	10;
	font-family:	"futura-pt";
}

#main-menu ul.menu > li > ul {
	display:	none !important;
	position:	absolute;
	top:		7.8rem;
	left:		-0.5rem;
	border-top:	0;
}

#main-menu .menu li {
	position:	relative;
	display:	block;
	margin:		0;
	padding:	2.1rem 2.5rem 1.9rem 0;
	list-style-type: none !important;
	list-style-image:none !important;
}

#main-menu ul.menu > li:hover,
#main-menu ul.menu > li:hover > ul {
	display:	block !important;
}

#main-menu ul.menu > li > ul > li {
	padding:	1rem 3rem;
	border-top:	1px solid #364886;
}

#main-menu ul.menu > li > ul > li:last-child {
	padding-bottom:	1rem;
}

#main-menu .menu a {
	white-space:	nowrap;
	line-height:	3.5rem;
	font-weight:	500;
	text-decoration: none;
}

#main-menu ul.menu > li.expanded > a::after {
	content:	"\f078";
	margin-left:	1rem;
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
	font-size:	1.4rem;
}

#main-menu a {
	text-transform:	uppercase;
}


/* MOBILE  MENU */

#mobile-menu {
	position:	absolute;
	top:		0;
	bottom:		0;
	left:		-100%;
	width:		100%;
	max-width:	40rem;
	z-index:	999;
	background-color:#4663a9;
	transition: 	all 0.5s;
}

#mobile-menu .header {
	text-align:	right;
	padding-right:	3rem;
}

#mobile-menu #mobile-menu-top li {
	padding:	2rem 0;
	background-color:#d7dee5;
	border-top:	1px solid #4663a9;
}

#mobile-menu #mobile-menu-top a {
	line-height:	2em;
	color:		#3F548B;
	text-transform:	uppercase;
}

#mobile-menu ul {
	margin:		0;
	padding:	0;
}

#mobile-menu li {
	margin:		0;
	padding:	0;
	list-style:	none;
	background-color:#4663a9;
	border-top:	1px solid #3F548B;
}

#mobile-menu > ul > li:last-child {
	border-bottom:	1px solid #3F548B;
}

#mobile-menu a {
	margin-left:	3rem;
	line-height:	7rem;
	color:		#fff;
	text-decoration: none;
}

#mobile-menu > ul > li > a {
	text-transform: uppercase;

}

#mobile-menu > ul > li > ul > li > a {
	margin-left:	5rem;
	line-height:	6rem;
}

#mobile-menu a.active-trail {
	border-bottom:	3px solid #ff6600;
}

#mobile-menu li > ul > li {
	margin-left:	0rem;
}

#mobile-menu-shadow {
	display:	block;
	position:	fixed;
	top:		0;
	bottom:		0;
	left:		-100%;
	width:		100%;
	background-color:	rgba(0, 0, 0, 0.5);
	opacity:	0;
	transition:	opacity 1s;
    	z-index:	100;
}

.mobile-menu-open #mobile-menu {
	left:		0;
}
.mobile-menu-open #mobile-menu-shadow {
	left:		0;
	opacity:	1;
}

#mobile-menu .close::after {
	content:	"\f00d";
	vertical-align:	middle;
	margin-left:	1.5rem;
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
	font-size:	2.4rem;
}


.table {
	display:	table;
	width:		100%;
}

.table.fixed {
	table-layout:	fixed;
}

.tr {
	display:	table-row;
}

.th,
.td {
	display:	table-cell;
}

.th.right,
.td.right {
	text-align:	right;
}

.th.center,
.td.center {
	text-align:	center;
}

/* DOCUMENT INDEX */


#document-list .inner,
#document-index .inner {
	display:	flex;
	margin-bottom:	4rem;
}

#document-list #sidebar,
#document-index #sidebar {
	width:		46rem;
	padding:	3rem 2rem;
	margin-right:	2rem;
	background-color:#fff;
}

#document-list #sidebar .heading,
#document-index #sidebar .heading {
	margin:		0 0 3rem 0;
	font-size:	2.8rem;
	font-weight:	700;
	color:		#333333;
}

#document-list #sidebar .sub-heading {
	margin:		3rem 0 0 0;
	font-size:	2.2rem;
	font-weight:	700;
	color:		#333333;
	
}
#document-list #sidebar .sub-heading:last-child {
	margin-top:	4rem;
}

#document-list #body,
#document-index #body {
	width:		100%;
	padding:	3rem 4rem;
	background-color:#fff;
}

#document-list h3 {
	margin:		0 0 4rem 0;
	font-size:	2.8rem;
	font-weight:	700;
	color:		#888;
}

#document-list #sidebar a,
#document-index #sidebar a {
	display:	block;
	padding:	1rem 0 1rem 2rem;
	color:		#333333;
	text-decoration:none;
}

#document-list #sidebar a.active,
#document-index #sidebar a.active {
	font-weight:	700;
	color:		#0070ba
}

#document-list #sidebar .views-row,
#document-index #sidebar .views-row {
	border-top:	1px solid #ccc;
}

#document-list #sidebar .views-row:last-child,
#document-index #sidebar .views-row:last-child {
	border-bottom:	1px solid #ccc;
}

#document-list h2 {
	margin-bottom:	3rem;
}

#document-list #body h3 {
	display:	block;
	margin:		2rem 0 0 0;
	font-size:	2.8rem;
	font-weight:	700;
	color:		#888;
	cursor:		pointer;
}

#document-list .year h3::after {
	content:		"\f107";
	padding-left:	2rem;
	font-family:	"Font Awesome 5 Pro";
}

#document-list .year.open h3::after {
	content:		"\f106";
	padding-left:	2rem;
	font-family:	"Font Awesome 5 Pro";
}


#document-list .items {
	display:	none;
}

#document-list .table {
	border-top:	1px solid #ccc;
}


#document-list .year.open .items {
	display:	block;
}

#document-list .table:last-child {
	border-bottom:	1px solid #ccc;
}

#document-list .td {
	padding:	1rem;
	vertical-align:	top;
	line-height:	1.1em;
}

#document-list .icon {
	width:		4rem;
	padding-left:	0;
	font-size:	4rem;
}

#certificate-search {
	margin:		0;
}

#certificate-search input[type="text"] {
	width:		75%;
	padding:	0.5rem;
	font-size:	1.8rem;
	border-radius:	0;
	border:		1px solid #ccc;
	background:	#fff;
}
#certificate-search input[type="submit"] {
	padding:	0 1rem;
	float:		right;
	line-height:	3.2rem;
}


/* old */

#document-list .field-name-field-document-files {
	padding:	1rem;
	border-top:	1px solid #ccc;
}

#document-list .field-name-field-document-files:last-child {
	border-bottom:	1px solid #ccc;
}

#document-list .paragraphs-item-document {
	position:	relative;
	padding:	0 0 0 5rem;
	
}

#document-list .paragraphs-item-document::after {
	position:	absolute;
	left:		0;
	top:		1rem;
	content:	"\f15b";
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
	font-size:	4rem;
}

#document-list .file-icon {
	display:	none;
}

#document-list #body .paragraphs-item-document .date-display-single {
	display:	block;
	color:		#aaa;
}
#document-list #body .paragraphs-item-document .date-display-single:before {
	content:	'Lisätty ';
}

#document-login {
	margin:		4rem auto;
	padding:	2rem;
	max-width:	40rem;
	background-color:#fff;
	border:		2px solid #0070ba;
}


#document-login input[type=text],
#document-login input[type=password] {
	width:		100%;
	padding:	1rem;
	font-size:	1.8rem;
	border:		1px solid #0070ba !important;
	background-color: #fff;
}

#document-login input[type=submit] {
	margin:		1rem auto;
	border:		1px solid #fff;
	color:		#fff;
	background-color:#0070ba;
}

#document-logout {
	position:	absolute;
	right:		4rem;
	top:		6rem;
}

#document-logout input[type=submit] {
	padding:	0 2rem;
	border:		none;
	cursor:		pointer;
	font-weight:	600;
	color:		#fff;
	line-height:	4rem;
	background-color: #0070ba;
}

/* RECLAMATION */

#reclamation.inner {
	margin:		4rem auto;
	padding:	8rem 4rem 8rem 16rem;
	background-color:#fff;
}

#reclamation table {
	margin-top:	4rem;
	max-width:	70rem;
}

#reclamation tbody {
	border:		none;
}

#reclamation td {
	padding:	1rem;
	vertical-align:	top;
	border-top:	1px solid #ccc;
}

#reclamation td.label {
	font-weight:	600;
	width:		22rem;
}

#reclamation #Updt {
	line-height:	2.6rem;
	margin-left:	2rem;
}

#reclamation img {
	margin:		1rem 0 0 0;
	border:		2px solid #888;
}

@media only screen and (max-width : 1000px) {
	#reclamation.inner  {
		padding:	5rem;	
	}
}

@media only screen and (max-width : 900px) {
	.paragraphs-item-two-images {
		display:	block;
	}
	.paragraphs-item-two-images img {
		width:		100%;
	}
}

@media only screen and (max-width : 767px) {
	#reclamation.inner  {
		padding:	3rem;	
	}
}

@media only screen and (max-width : 479px) {
	#reclamation.inner  {
		padding:	2rem;
	}
}

/* MOBILE */


@media only screen and (max-width : 1000px) {
	#navigation {
		height:		28px;
	}
	#navigation li  {
		display:	none !important;
	}
	.paragraphs-item-three-columns .item {
		width:		50%;
	}
	.page-search .search-form input[type=text] {
		width:		30rem;
	}
	.paragraphs-item-form .inner {
		padding:	5rem 10rem 5rem 10rem;	
	}
	.paragraphs-item-form h2 {
		margin-left:	-5rem;
	}
	#product-item .picture {
		width:	40%;
	}
	#language-select {
		margin-right: 0;
	}
	#footer .column {
		max-width:	100%;
	}
	#footer .inner {
		display:	block;
	}
	#footer .column.center {
		margin:		0;
	}
	#subscription-form {
		margin-bottom:	3rem;
	}
	.paragraphs-item-contacts .inner {
		display:	block;
	}
	.paragraphs-item-contacts .company,
	.paragraphs-item-contacts .contacts {
		width:		100%;
		margin:		2rem;
	}
	.paragraphs-item-contacts .company {
		padding:	0 0 2rem 2rem;
	}
}

@media only screen and (max-width : 767px) {
	#document-list .inner,
	#document-index .inner {
		display:	block;
	}
	#document-list #sidebar {
		width:		100%;
		margin-bottom:	2rem;
	}
	.inner,
	.page-search #page > #content {
		padding: 	3rem;
	}
	.paragraphs-item-three-columns .inner {
		padding:	0 2rem;
	}
	#search-block-form .form-text {
		display:	none;
	}
	#search-block-form {
		border:		0 !important;
	}
	#language-select {
		right:		15rem;
	}
	.page-search .search-form input[type=text] {
		width:		100%;
		margin:		2rem 0;
	}
	.paragraphs-item-image-and-text,
	.paragraphs-item-text-on-image .inner {
		display:	block;
	}
	.paragraphs-item-image-and-text.right .text .container {
		margin-left:	0;
	}
	.paragraphs-item-image-and-text .text,
	.paragraphs-item-text-on-image .inner {
		padding:	3rem;
		min-height:	0 !important;
	}
	.paragraphs-item-image-and-text .text,
	.paragraphs-item-image-and-text .image,
	.paragraphs-item-text-on-image .heading,
	.paragraphs-item-text-on-image .ingress {
		width:		100%;
	}
	.paragraphs-item-image-and-text .image {
		height:		200px;
	}
	.paragraphs-item-text-on-image .ingress {
		padding-left:	0;
	}
	.page-eform-open-house-2020-confirm .submission-text,
	.paragraphs-item-text-only {
		max-width:	100%;
		margin:		4rem auto;
		padding:	0;	
	}
	.paragraphs-item-text-only h1,
	.paragraphs-item-text-only h2,
	.paragraphs-item-text-only h3 {
		margin-left:	0;
	}
	.page-eform-open-house-2020-confirm .submission-text,
	.paragraphs-item-text-only .inner {
		padding:	5rem 4rem 5rem 4rem;	
	}
	.paragraphs-item-product-accordion,
	.paragraphs-item-product-accordion .row,
	.paragraphs-item-product-accordion .image,
	.paragraphs-item-product-accordion .text {
		display:	block;
	}
	.paragraphs-item-product-accordion .text {
		padding-left:	0;
	}
	.paragraphs-item-text-on-video.two .inner,
	.paragraphs-item-text-on-video.two .video-wrapper {
		margin:		0 ;
		width:		100%;
		color:		#fff;
	}
	.paragraphs-item-text-on-video.two .inner {
		padding-left:	3rem;
	}
	.paragraphs-item-text-on-video.two .ingress p {
		color:		#fff;
	}
	.paragraphs-item-form .inner {
		padding:	4rem 3rem;	
	}

	.paragraphs-item-form h2 {
		margin-left:	0;
	}
}

@media only screen and (max-width : 639px) {
	h1 {
		font-size:	4.8rem;
		line-height:	1em;
	}
	h2, .paragraphs-item-text-on-image .heading h2 {
		font-size:	3.2rem;
		line-height:	1em;
	}
	#top .inner {
		padding:	2rem 3rem;
	}
	#menu-toggler {
		right:		5rem;
	}
	.paragraphs-item-three-columns .item {
		width:		100%;
	}
	.paragraphs-item-form .inner {
		padding:	4rem 3rem;	
	}
	#contact-form-entityform-edit-form,
	#contact-form-sv-entityform-edit-form,
	#yhteydenottolomake-entityform-edit-form {
		position:	relative;
		margin:		0;
	}
	#contact-form-entityform-edit-form .field-type-text,
	#contact-form-entityform-edit-form .field-type-email,
	#contact-form-sv-entityform-edit-form .field-type-text,
	#contact-form-sv-entityform-edit-form .field-type-email,
	#yhteydenottolomake-entityform-edit-form .field-type-text,
	#yhteydenottolomake-entityform-edit-form .field-type-email {
		width:		100%;
		padding:	0;
	}
	#contact-form-entityform-edit-form .form-type-textarea,
	#contact-form-sv-entityform-edit-form .form-type-textarea, 
	#yhteydenottolomake-entityform-edit-form .form-type-textarea  {
		display:	block;
		margin-top:	0;
	}
	#contact-form-entityform-edit-form #edit-field-form-message,
	#contact-form-sv-entityform-edit-form #edit-field-form-message,
	#yhteydenottolomake-entityform-edit-form #edit-field-form-message {
		position:	relative;
		width:		100%;
		padding:	0;
	}
	#contact-form-entityform-edit-form #edit-field-form-message textarea,
	#contact-form-sv-entityform-edit-form #edit-field-form-message textarea,
	#yhteydenottolomake-entityform-edit-form #edit-field-form-message textarea {
		height:		auto;
	}
	#contact-form-entityform-edit-form #edit-actions,
	#contact-form-sv-entityform-edit-form #edit-actions.
	#yhteydenottolomake-entityform-edit-form #edit-actions {
		margin-left:	0;
	}
	#product-item .text,
	#product-item .picture {
		display:	block;
		width:		100%;
	}
	#product-item .text {
		margin-top:	4rem;
		padding-left:	0;
	}
	#input-container {
		display:	block;
	}
	#subscription-form input[type="text"] {
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.paragraphs-item-contacts .inner {
		padding:	0;
	}
	.paragraphs-item-contacts .field-name-field-contact-persons .field-item {
		width: 18.5rem;
	}
}

@media only screen and (max-width : 479px) {
	h1 {
		font-size:	3.6rem;
		line-height:	1em;
	}
	h2, .paragraphs-item-text-on-image .heading h2 {
		font-size:	2.6rem;
		line-height:	1em;
	}
	#top .inner {
		padding:	2rem;
	}
	#header .inner,
	.paragraphs-item-text-on-video {
		min-height:	20rem;
	}
	#top-menu,
	#menu-toggler {
		right:		2rem;
	}
	#top-menu a,
	#top-menu a button {
		/*font-size:	1.4rem !important;*/
	}
	#top-menu a button {
		padding:	0.5rem;
	}
	#search-block-form {
		right:		6rem;
	}
	.search-results {
		padding:	0;
	}
	.paragraphs-item-product-accordion {
		padding:	4rem 2rem;
	}
	.inner,
	.page-search #page > #content,
	.paragraphs-item-image-and-text .text,
	.paragraphs-item-text-on-image .inner {
		padding:	4rem 2rem 2rem 2rem;
	}
	.paragraphs-item-text-only {
		margin:		0 auto;
	}
	.paragraphs-item-text-only .inner {
		padding:	3rem 2rem 3rem 2rem;	
	}
	.paragraphs-item-three-columns .inner {
		padding:	0 1rem;
	}
	.paragraphs-item-three-columns .item .content {
		padding:	2rem 2rem 1rem 2rem;
	}
	.paragraphs-item-three-columns .inner a[href^="mailto:"] {
		font-size:	1.6rem;
	}
	.paragraphs-item-form .inner {
		padding:	4rem 2rem;	
	}
	.paragraphs-item-text-on-video.two .inner {
		padding-left:	2rem;
	}
	.paragraphs-item-contacts .company,
	.paragraphs-item-contacts .contacts {
		margin:		0;
	}
}

/* SYSTEM */


.page-user #content {
	position:	relative;
	width:		100%;
	max-width:	120rem;
	margin:		2rem auto 4rem auto;
	padding:	2rem 4rem;
	background-color:#fff;
}


.page-user .tabs.primary {
	margin-top:	2rem;
	margin-bottom:	-2rem;
}


.page-user .tabs.primary a {
	color:		#333333;
}

.page-user #content input[type=text],
.page-user #content input[type=password] {
	padding:	1rem;
	font-size:	1.8rem;
	border:		1px solid #ccc !important;
	background-color: #fff;
}

#edit-locale {
	display:	none;
}

.profile {
	font-weight:	bold;
}
.profile .first-name:before {
	content:	' ';
	display:	block;
}

.profile .first-name,
.profile .last-name,
.profile .phone {
	font-weight:	normal;
}

.profile .phone:before {
	content:	'Puh: ';
}


/* ADMIN */

.field-paragraphs a.contextual-links-trigger {
	background-color: #fff;
}

.paragraphs-items .contextual-links-region-active a.contextual-links-trigger {
	background-color: #f00;
}

.paragraphs-items .contextual-links-region-active {
	outline:	5px solid #f00;
	outline-offset: -5px;
	z-index:	999;
}


/* SITE SPECIFIC: SPRAYPOXY */

.spraypoxy input {
	border:		1px solid #ccc;
}

.spraypoxy #top,
.spraypoxy #footer {
	background-color: #4663a9;
}

.spraypoxy #top .logo {
	width:		25rem;
}

.spraypoxy #top .inner {
	padding:	2rem 4rem;
	height:		9rem;
}

.spraypoxy #menu-toggler {
	color:		#fff;
}

.spraypoxy #search-block-form input {
	color:		#fff;
}

.spraypoxy #navigation {
	border-bottom:	1px solid #ccc;
	background-color: #fff;
}

.spraypoxy #main-menu ul.menu {
	background-color: #fff;
}


.spraypoxy #main-menu .menu li {
	padding-right:	1.8rem
}

.spraypoxy #main-menu ul.menu > li > ul {
	border:		1px solid #ddd;
	border-top:	0;
}

.spraypoxy #main-menu ul.menu > li > ul > li {
	border-top:	1px solid #ddd;
}

.spraypoxy #main-menu .menu a {
	color:		#1b2442;
	border-bottom:	3px solid #fff;
}

.spraypoxy #main-menu .menu a:hover,
.spraypoxy #main-menu .menu a.active-trail {
	border-bottom:	3px solid #ff6600;
}

.spraypoxy #main-menu .menu li.last > a {
	display: none;
	padding:	0.5rem 1rem;
	background-color:#ff6600;
	border:		2px solid #ff6600;
	border-radius:	2px;
	color:		#fff;
}

.spraypoxy #main-menu .menu li.last > a:hover {
	color:		#1b2442;
}

.spraypoxy #mobile-menu-top {
	display:	none;
}

.spraypoxy #products a,
.spraypoxy .paragraphs-items a {
	color:	#4663a9;
}

.spraypoxy .form-submit,
.spraypoxy .more button,
.spraypoxy .accordion .toggler {
	background-color: #4663a9;
}

.spraypoxy #subscription-form .form-submit,
.spraypoxy .paragraphs-item-text-on-image button,
.spraypoxy .paragraphs-item-form .form-submit {
	color:		#4663a9;
	background-color: #fff;
}

@media only screen and (max-width : 1000px) {
	.spraypoxy #navigation .inner {
		padding:	0;
	}
	.spraypoxy #main-menu {
		width:		100%;
	}
	.spraypoxy #main-menu li.last  {
		text-align:	center;
		width:		100%;
		display:	block !important;
	}
	.spraypoxy #navigation {
		height:		75px;
	}
}


@media only screen and (max-width : 640px) {
	.spraypoxy #top .logo {
		width:		24rem;
	}
}



@media only screen and (max-width : 480px) {
	.spraypoxy #top .logo {
		width:		20rem;
	}
}

/* SITE SPECIFIC: BOLDAN.FI */

body.boldan-fi {
	background-color:#182043
}

.boldan-fi #page {
	background-color: #d7dee5;
}

.boldan-fi #top {
	background-color:#fff;
}

.boldan-fi #top .logo {
	width:		18rem;
}

.boldan-fi.node-type-certificate-list #top,
.boldan-fi.node-type-certificate-index #top {
	border-bottom:	2rem solid #182043;
}


.boldan-fi #search-block-form input::-webkit-input-placeholder {
	color:		#182043;
}

.boldan-fi #search-block-form input::-moz-placeholder {
	color:		#182043;
}

.boldan-fi #search-block-form input:-ms-input-placeholder {
	color:		#182043;
}

.boldan-fi #navigation,
.boldan-fi #main-menu ul.menu {
	background-color:#182043;
}

.boldan-fi #footer {
	background-color:#182043;
}

.boldan-fi #main-menu > ul > li.first a {
	margin-right:	2rem;
	font-size:	1px;
}
.boldan-fi #main-menu > ul > li.first a:before {
	position:	absolute;
	top:		1.8rem;
	left:		0rem;
	content:	"\f015";
	font-size:	2rem;
	line-height:	3.5rem;
	font-weight:	600;
	font-family:	"Font Awesome 5 Pro";
}

.boldan-fi #main-menu .menu a {
	color:		#fff;
}

.boldan-fi #main-menu .menu a:hover,
.boldan-fi #main-menu .menu a.active-trail {
	color:		#ff6600;
/*	border-bottom:	3px solid #fff; */
}

.boldan-fi .paragraphs-items a {
	color:		#182043;
}

.boldan-fi .bg-blue::after {
	background-color:	#182043;	
}

.boldan-fi .paragraphs-item-form,
.boldan-fi .paragraphs-item-form textarea,
.boldan-fi .paragraphs-item-form input[type="text"] {
	background-color:	#364896;
}

.boldan-fi #subscription-form input[type="text"] {
	background-color:	#182043;
	margin-right:		1rem;
}


.boldan-fi #block-masquerade-masquerade .form-submit,
.boldan-fi .paragraphs-item-text-on-image button {
	color:		#182043;
	background-color: #fff;
}

.boldan-fi .paragraphs-item-form .form-submit {
	color:		#245d95;
	background-color:#fff;
}

.boldan-fi #block-masquerade-masquerade .form-submit {
	color:		#182043;
	border-color:	#fff;
	background-color:#fff;
}



@media only screen and (max-width : 480px) {
	.boldan-fi #top .inner {
		padding-bottom:	3rem;
	}
}


/* SITE SPECIFIC: BOLDAN.INC */

.boldan-net #top {
	color:		#182043;
	background-color:#fff;
}


.boldan-net #top .logo {
	width:		18rem;
}

.boldan-net #menu-toggler {
	color:		#182043;
}

.boldan-net #search-block-form {
	color:		#182043;
	border-bottom:	1px solid #182043;
}

.boldan-net #search-block-form input {
	color:		#182043;
}

.boldan-net #footer,
.boldan-net #navigation,
.boldan-net #main-menu ul.menu {
	background-color:#182043;
}

.boldan-net #main-menu ul.menu > li > ul > li {
	border-top:	1px solid #000;
}

.boldan-net #main-menu .menu a {
	color:		#fff;
}

.boldan-net #main-menu .menu a:hover,
.boldan-net #main-menu .menu a.active-trail {
	color:		#ff6600;
}

.boldan-net .paragraphs-items a {
	color:		#182043;
}

.boldan-net #main-menu .menu li.last > a {
	padding:	0.5rem 1rem;
	background-color:#ff6600;
	border:		2px solid #ff6600;
	border-radius:	2px;
	color:		#fff;
}

.boldan-net #main-menu .menu li.last > a:hover {
	color:		#182043 !important;
}

.boldan-net #mobile-menu .menu li.last {
	background-color:#ff6600;
}

.boldan-net #subscription-form input[type=text],
.paragraphs-item-form textarea,
.paragraphs-item-form input[type=text] {
	background-color: #182043;
}


.boldan-net #block-masquerade-masquerade .form-submit,
.boldan-net .paragraphs-item-text-on-image button {
	color:		#182043;
	background-color: #fff;
}

.boldan-net .paragraphs-item-form .form-submit {
	color:		#245d95;
	background-color:#fff;
}

.boldan-net #block-masquerade-masquerade .form-submit {
	color:		#182043;
	border-color:	#fff;
	background-color:#fff;
}

.boldan-net .paragraphs-item-form,
.boldan-net .paragraphs-item-form textarea,
.boldan-net .paragraphs-item-form input[type="text"] {
	background-color:	#364896;
}

@media only screen and (max-width : 1000px) {
	.boldan-net #navigation .inner {
		padding:	0;
	}
	.boldan-net #main-menu {
		width:		100%;
	}
	.boldan-net #main-menu li.last  {
		text-align:	center;
		width:		100%;
		display:	block !important;
	}
	.boldan-net #navigation {
		height:		75px;
	}
}

@media only screen and (max-width : 480px) {
	.boldan-net #top .logo {
		margin-top:	1rem;
		width:		15rem;
	}
}

/* SITE SPECIFIC PIPEKEEPER */

body.pipekeeper {
	color:		#333333;
	background-color:#fff;
}

.pipekeeper #tabs {
	color:		#333333;
	background-color:#fff;
}
.pipekeeper #top {
	background-color:#000;
}

.pipekeeper #top .inner {
	display:	flex;
	justify-content:space-between;
	height:		auto;
	padding-top:	1rem;
	padding-bottom:	1rem;
}

.pipekeeper #top .logo {
	width:		25rem !important;
}


.pipekeeper #menu-toggler {
	right:		4rem;
	top:		3.5rem;
	color:		#fff;
}

.pipekeeper #mobile-menu-top {
	display:	none;
}

.pipekeeper #mobile-menu a {
	color:		#333333;
}

.pipekeeper #mobile-menu li {
	background-color:#fff;
}

.pipekeeper #mobile-menu a.active-trail {
	border-bottom: 3px solid #a200ff;
}

.pipekeeper #mobile-menu {
	background-color: #fff;
}

#mobile-menu > ul > li {
    border-top: 1px solid #333333;
}


#mobile-menu > ul > li:last-child {
    border-bottom: 1px solid #333333;
}

.pipekeeper #top .slogan {
	position:	absolute;
	top:		40px;
	right:		200px;
	line-height:	1em;
	font-weight:	600;
	text-transform:	uppercase;
	color:		#fff;
	
}
.pipekeeper #main-menu  a {
	font-weight:	500;
	color:		#000;
}

.pipekeeper #main-menu  a:hover,
.pipekeeper #main-menu  a.active-trail {
	border-bottom:	3px solid #a200ff;
}
.pipekeeper #footer {
	background-color:#000;
}
.pipekeeper #main-menu .menu li {
	padding-right:	6rem;
	
}

.pipekeeper #footer .column.right .menu {
	display:	none;
}

.pipekeeper .paragraphs-item-text-only .inner {
	max-width:	128rem;
	margin:		0 auto;
	padding:	5rem 13rem 5rem 5rem;	
}

.pipekeeper .paragraphs-item-text-only h2,
.pipekeeper .paragraphs-item-text-only h3 {
	line-height:	1.2em;
	margin-bottom:	4rem;
	margin-left:	0;
}

.pipekeeper .paragraphs-item-text-only h1 {
	margin-left:	0;
}

.pipekeeper h1 {
	font-size:	5.2rem;
}

.pipekeeper .paragraphs-item-three-columns img {
	width:		80px !important;
	height:		auto !important;
}

@media only screen and (max-width : 1000px) {
	.pipekeeper #navigation {
		display:	none;
	}
	.pipekeeper .paragraphs-item-text-only .inner {
		padding:	5rem;	
	}
	.pipekeeper #top .slogan {
		right:		100px;
	}
}

@media only screen and (max-width : 900px) {
	.pipekeeper #top .inner {
		display:	block;
	}
	.pipekeeper #top .slogan {
		clear:		both;
		width:		100%;
		padding:	1rem 0;
		position:	relative;
		top:		0;
		right:		0;
		text-align:	center;
		line-height:	1.2em;
	}
}

@media only screen and (max-width : 479px) {
	.pipekeeper .paragraphs-item-text-only .inner {
		padding:	3rem 2rem;	
	}
	.pipekeeper #menu-toggler {
		right:		3rem;
	}
}