/* @override
	http://korpinen.local/assets/css/global.dev.css?323
	http://korpinen.local/assets/minified/fe8de1f907fb13b9eb7ac66b70e6558b5703ea19.1463051300.css
*/
/* -----------------------------------------------------------

	Project:		Korpinen
	Version:		2.0
	Created:		September 14, 2015
	Modified:		February 16, 2016

		[Table of contents]
		1. Reset
		2. Typography
			2.1	Headings
			2.2	Text elements
			2.3	Buttons
			2.4	Lists
			2.5	Tables
			2.6	Forms
		3. Utility styles
		4. Structure
			4.1	Header
			4.2	Navigation
			4.3	Content
			4.4	Footer
			4.5	Media queries
		5. Clear floats

----------------------------------------------------------- */


/* -----------------------------------------------------------

	RESET

----------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }

nav ul 		{ list-style: none; margin: 0; padding: 0; }
nav ul li	{ display: inline; }

blockquote, q 		{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after 	{ content: ''; content: none; }

a 		{ margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins 	{ background-color: #ff9; color: #000; text-decoration: none; }
mark 	{ background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del 	{ text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table 			{ border-collapse: collapse; border-spacing: 0; }
hr 				{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select 	{ vertical-align: middle; }






/* -----------------------------------------------------------

	TYPOGRAPHY

----------------------------------------------------------- */
body	{ font-size: 16px; color: #444; line-height: 1.4; font-family: "DIN Next W01 Regular", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

/*
font-family:'DINNextLTW01-UltraLight 706122';
font-family:'DINNextLTW01-UltraLight 706125';
font-family:'DIN Next W01 Light';
font-family:'DINNextW01-LightItalic';
font-family:'DIN Next W01 Regular';
font-family:'DIN Next W01 Italic';
font-family:'DIN Next W01 Medium';
font-family:'DINNextW01-MediumItalic';
font-family:'DIN Next LT W01 Bold';
font-family:'DINNextW01-BoldItalic';
font-family:'DIN Next W01 Heavy';
font-family:'DINNextW01-HeavyItalic';
font-family:'DIN Next W01 Black';
font-family:'DINNextW01-BlackItalic';
font-family:'DINNextW01-CondensedUlt';
font-family:'DINNextW01-CondensedLig';
font-family:'DINNextW01-CondensedReg';
font-family:'DINNextW01-CondensedMed';
font-family:'DINNextW01-CondensedBol';
font-family:'DINNextW01-CondensedHea';
font-family:'DINNextW01-CondensedBla';
font-family:'DINNextRoundedLTW01-Lig';
font-family:'DINNextRoundedLTW01-Reg';
font-family:'DINNextRoundedLTW01-Med';
font-family:'DINNextRoundedLTW01-Bol';
*/


/* HEADINGS
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6	{ font-weight: normal; color: #2c3e89; font-family: "museo-slab", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; letter-spacing: -1px; }

h1					{ font-size: 48px; line-height: 1; margin-bottom: 0.5em; }
h2					{ font-size: 28px; line-height: 1.25; font-weight: 700; margin-bottom: 0.75em; }
h2 a				{ text-decoration: none; color: #2c3e89; }
h2 a:hover			{ text-decoration: underline; }
h3					{ font-size: 18px; line-height: 1.25; font-weight: 700; margin-bottom: 1em; }
.solutions-promo h3	{ margin-bottom: 0.5em; margin-top: 1em; }
h4					{ font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5					{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6					{ font-size: 1em; font-weight: bold; }





/* TEXT ELEMENTS
-------------------------------------------------------------- */
p			{ margin: 0 0 1.25em; }

a:hover, a:active 		{ outline: none; }
a, a:active, a:visited 	{ color: #2c3e89; }
a:hover 				{  }

blockquote	{  }
strong		{ font-weight: bold; }
em,dfn		{ font-style: italic; }
dfn			{ font-weight: bold; }
sup, sub	{ line-height: 0; }

abbr,
acronym		{  }
address		{  }
del			{  }

pre,code	{ white-space: pre; }
pre,code,tt {  }
pre 		{ white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }



/* BUTTONS
-------------------------------------------------------------- */
.btn					{ text-decoration: none; }
.btn:hover				{  }

.cta.arrow				{ padding: 8px 120px 8px 28px; position: relative; }
.cta.arrow:after		{ content: ""; position: absolute; right: 26px; top: 0; width: 50px; height: 100%; background-size: 50px 11px; background-repeat: no-repeat; background-position: 0 center; -webkit-transition: right .1s ease-in-out; transition: right .1s ease-in-out; }
.cta.arrow.grey:after	{ background-image: url(../img/arrow_blue@3x.png); }
.cta.arrow.blue:after	{ background-image: url(../img/arrow_white@3x.png); }

.cta.arrow:hover:after	{ right: 16px; }

.cta.grey				{ background-color: #f6f5f5; color: #2c3e89; }

.cta.add-margin-top		{ margin-top: 40px; }


.print	{ margin-right: 28px; }

.cta					{ padding: 8px 68px; display: inline-block; clear: both; text-decoration: none; }
.cta.narrow				{ padding: 8px 28px; }
.cta.blue				{ color: #fff; background-color: #2c3e89; padding: 6px 66px; border: 2px solid #2c3e89; }
.cta.white				{ color: #2c3e89; background-color: #fff; padding: 6px 66px; border: 2px solid #fff; }
.cta.blue.arrow			{ padding: 8px 120px 8px 28px; position: relative; }
.cta.blue:hover			{ color: #2c3e89; background-color: transparent; }
.cta.white:hover		{ color: #fff; background-color: transparent; }
.cta.white.blue-border {
	border-color:#2c3e89;
}
.cta.white.blue-border:hover {
	background-color:#2c3e89;
	color: #fff;
}

.download-btns .cta, .product-btns .cta {
	margin-right: 16px;
	margin-bottom: 16px;
}


/* LISTS
-------------------------------------------------------------- */
li ul,
li ol		{ margin: 0 1.5em; }
ul, ol		{ margin: 0 1.5em 1.5em 1.5em; }

ul			{ list-style-type: disc; }
ol			{ list-style-type: decimal; }

dl			{ margin: 0 0 1.5em 0; }
dl dt		{ font-weight: normal; }
dd			{ margin-left: 1.5em;}

dl.timeline 				{ font-family: "museo-slab"; font-size: 14px; position: relative; overflow: hidden; margin: 2.5em 0 1.5em 0; }
dl.timeline:after			{ content: ""; position: absolute; width: 1px; height: 100%; background-color: #2c3e89; left: 65px; top: 9px; }
dl.timeline dt				{ float: left; color: #2c3e89; font-weight: bold; width: 15%; clear: left; position: relative; }
dl.timeline dt:after		{ content: ""; position: absolute; width: 10px; height: 1px; background-color: #2c3e89; left: 60px; top: 9px; }
dl.timeline dd				{ float: left; margin: 0; width: 50%; margin-bottom: 1em; }
dl.timeline dd:last-of-type	{ margin-bottom: 0; }

.document-list				{ list-style: none; margin-left: 0; }
.document-list li			{ margin-bottom: 0.125em; }



/* TABLES
-------------------------------------------------------------- */
table		{ width: 100%; }
th			{  }
th,td		{  }
tr.even td	{  }
tfoot		{  }
caption		{  }



/* FORMS
-------------------------------------------------------------- */
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] 	{ vertical-align: text-bottom; }
input[type="checkbox"] 	{ vertical-align: bottom; *vertical-align: baseline; }
.ie6 input 				{ vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; -webkit-appearance: none; }

label		{ font-weight: normal; }

fieldset	{  }
legend		{ font-weight: bold; }

input				{  }

textarea			{  }
textarea			{  }
textarea:focus		{  }

select				{  }
select:focus		{  }

.form-element				{ margin-bottom: 1em; font-family: "DIN Next W01 Regular"; }
.form-element label			{ display: block; }
.form-element input			{ border: 1px solid #eee; border-radius: 4px; background: transparent; margin: 0; padding: 8px 0px 8px 8px; outline: none; color: #444; line-height: 1; font-family: "DIN Next W01 Regular"; font-size: 16px; width: 360px; }
.form-element.aihe input	{ width: 560px; }
.form-element textarea		{ border: 1px solid #eee; border-radius: 4px; background: transparent; margin: 0; padding: 8px 0px 8px 8px; outline: none; color: #444; line-height: 1; font-family: "DIN Next W01 Regular"; font-size: 16px; width: 560px; }
.form-error					{ font-family:'DIN Next W01 Italic'; font-size: 15px; margin-top: 6px; color: red; text-indent: 6px; }

.submit-wrapper input			{ margin: 0; padding: 0; border: none; color: #fff; background-color: #2c3e89; padding: 6px 66px; border: 2px solid #2c3e89; font-family: "DIN Next W01 Regular"; font-size: 16px; }
.submit-wrapper input:hover		{ color: #2c3e89; background-color: transparent; }





/* -----------------------------------------------------------

	UTILITY STYLES

----------------------------------------------------------- */
.bg-cover			{ background-position: center center; background-repeat: no-repeat; background-size: cover; }
.center-vertically	{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.center				{ text-align: center; clear: both; }
.print-only			{ display: none; }






/* -----------------------------------------------------------

	STRUCTURE

----------------------------------------------------------- */
*,
*:before,
*:after 			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html				{ height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
body 				{ height: 100%; text-align: center; }

.page-wrapper		{ width: 100%; min-height: 100%; _height: 100%; margin: auto; position: relative; text-align: left; background-color: #fff; }
.page-header,
.page-content,
.page-footer,
.content-wrapper	{ width: 100%; overflow: hidden; clear: both; }

.sidebar-template-wrapper	{ padding-top: 60px; }
.main-content				{ float: right; width: 80%; padding-left: 60px; padding-bottom: 60px; padding-right: 60px; position: relative; }
.sidebar					{ float: left; width: 20%; padding-bottom: 160px; margin-bottom: 30px; padding-right: 20px; border-right: 1px solid #d1d1d1; }


#products .text-intro,
#professionals .main-content,
#gaius-subpage .main-content,
#news .main-content,
#company .main-content			{ padding-right: 20%; }

#company .text-intro p			{ padding-right: 0; }
.text-intro + .text-body		{ margin-top: 60px; }
.text-body p					{ padding-right: 24%; }



.main-content img				{ max-width: 100% !important; height: auto !important; display: block; margin-bottom: 1.5em; }




/* PAGE-WRAPPER WIDTH
-------------------------------------------------------------- */
.fixed-width.page-wrapper 		{ width: 1240px; }
.min-max-width.page-wrapper		{ min-width: 760px; max-width: 1240px; }



/* CONTENT-WRAPPERS
-------------------------------------------------------------- */
.content-wrapper		 					{ max-width: 1240px; margin-left: auto; margin-right: auto; }
.page-header .content-wrapper				{  }
.page-header .page-hero						{ height: 480px; }
.page-hero .content-wrapper					{ z-index: 100; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#gaius-subpage .page-header .page-hero		{ height: 524px; }
.page-content .content-wrapper				{  }
.page-footer .content-wrapper				{  }



/* PAGE-HEADER
-------------------------------------------------------------- */
.page-logo a					{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
.page-logo img					{ display: block; }

.masthead						{ width: 100%; overflow: hidden; padding: 36px 0 8px 0; position: relative; }



/* NAVIGATION
-------------------------------------------------------------- */
.page-navigation 						{ text-align: justify; background-color: #f9f9f9; }
.page-navigation .page-logo				{ float: left; }

.global-nav ul						{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.global-nav a			 			{ padding: 0 10px; white-space: nowrap; display: block; line-height: 56px; text-decoration: none; color: #868686; position: relative; }

.global-nav li:first-child a		{ padding-left: 0; }
.global-nav li:last-child a			{ padding-right: 0; }

.global-nav li:first-child a		{ text-indent: -9999px; width: 25px; background-image: url(../img/house_blue@3x.png); background-size: 25px 24px; background-repeat: no-repeat; background-position: 0 14px; }

.global-nav li a:hover						{ color: #2c3e89; }

.global-nav li.active a						{ color: #2c3e89; }
.global-nav li.active a:after				{ content: ""; position: absolute; width: 80%; height: 3px; background-color: #2c3e89; left: 10%; bottom: 0; }
.global-nav li:last-child.active a:after	{ left: 20%; }

.sidebar nav ul > ul {
	margin-left: 20px;
}


.lang-nav						{ float: right; height: 24px; }
.lang-nav ul					{ margin: 0; padding: 0; list-style-type: none; }
.lang-nav ul li					{ display: inline;  }
.lang-nav ul li a				{ text-decoration: none; color: #868686; font-size: 12px; padding: 0 2px; margin: 0 4px; line-height: 34px; display: inline-block; }
.lang-nav ul li:last-child a	{ margin-right: 0; padding-right: 0; }
.lang-nav.fi .suomi,
.lang-nav.en .english,
.lang-nav.sv .svenska,
.lang-nav.ru .russki			{ display: none; }


.search-wrapper						{ float: right; padding-right: 6px; margin-left: 24px; border: 1px solid #eee; border-radius: 4px; }
.search-wrapper #keywords			{ border: none; background: transparent; margin: 0; padding: 8px 0px 8px 8px; outline: none; color: #868686; line-height: 1; }
.search-wrapper .submit				{ border: none; text-indent: -9999px; display: inline-block; width: 24px; height: 28px; background-image: url(../img/suurennuslasi.png); background-color: transparent; background-position: center 7px; background-repeat: no-repeat; background-size: 18px 18px; margin: 0; padding: 0; }

::-webkit-input-placeholder 		{ color: #868686; line-height: 1.2 !important; }
:-moz-placeholder 					{ color: #868686; line-height: 1.2 !important; }
::-moz-placeholder					{ color: #868686; line-height: 1.2 !important; }
:-ms-input-placeholder 				{ color: #868686; line-height: 1.2 !important; }


.gaius-nav							{ width: 100%; overflow: hidden; }
.gaius-nav .element					{ float: left; width: 33.33%; }
.gaius-nav .read-more				{ text-decoration: none; color: #fff; display: block; line-height: 44px; text-indent: 26px; position: relative; font-family:'DIN Next W01 Medium'; font-size: 20px; }
.gaius-nav .read-more:after			{ content: ""; position: absolute; right: 26px; width: 50px; height: 100%; background-image: url(../img/arrow_white@3x.png); background-size: 50px 11px; background-repeat: no-repeat; background-position: 0 center; -webkit-transition: right .1s ease-in-out; transition: right .1s ease-in-out; }
.gaius-nav .read-more:hover:after	{ right: 16px; }
.gaius-nav .care .read-more			{ background-color: #19aa7a; }
.gaius-nav .life .read-more			{ background-color: #9fc860; }
.gaius-nav .public .read-more		{ background-color: #76bed6; }


.sidebar h3							{ color: #868686; font-weight: normal; }
.sidebar nav						{ margin-bottom: 2em; }
.sidebar nav li						{ display: block; }
.sidebar nav a						{ text-decoration: none; color: #868686; display: block; line-height: 24px; margin-bottom: 8px; }
.sidebar nav li ul					{ margin: 0 0 16px 1.5em; }
.sidebar nav li ul.closed			{ display: none; }
.sidebar nav li.selected ul,
.sidebar nav li ul.closed.opened	{ display: block; }
.sidebar nav li ul a				{ margin-bottom: 0; font-size: 15px; }
.sidebar nav a.opened,
.sidebar nav .selected > a,
.sidebar nav a:hover				{ color: #2c3e89; }

.sidebar nav .selected > a:hover	{ text-decoration: underline; }

.sidebar nav .care.selected a,
.sidebar nav .care a:hover			{ color: #19aa7a; }
.sidebar nav .life.selected a,
.sidebar nav .life a:hover			{ color: #9fc860; }
.sidebar nav .public.selected a,
.sidebar nav .public a:hover		{ color: #76bed6; }


#mobile-menu						{ text-align: left; color: #fff; }
.mm-panels							{ background-color: #2c3e89; }
.mm-listview > li > a				{ padding: 1em; line-height: 1; font-size: 16px; color: #fff; text-decoration: none !important; }
.mm-title							{ color: #fff !important; font-size: 18px; line-height: 56px; padding: 0; }
.mm-navbar							{ height: 56px; border-color: rgba(255, 255, 255, 0.125); }
.mm-panels > .mm-panel.mm-hasnavbar { padding-top: 56px; }
.mm-listview > li:not(.mm-divider):after	{ border-color: rgba(255, 255, 255, 0.125); }

.mm-menu { border-color: rgba(255, 255, 255, 0.125); }
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.125); }
.mm-menu .mm-listview { border-color: rgba(255, 255, 255, 0.045); }
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.35); }

.toggle-mobile-nav					{ display: none; position: absolute; left: 0; top: 41px; }
.toggle-mobile-nav a				{ display: block; width: 36px; height: 36px; text-decoration: none; font-size: 26px; line-height: 40px; text-align: left; }
.toggle-mobile-nav a:hover			{ font-size: 28px; }

.mm-navbar .mm-btn 		{ height: 56px; }

.pagination							{ list-style: none; margin: 0; padding: 0; text-align: center; }
.pagination li						{ display: inline-block; }
.pagination li a					{ text-decoration: none; color: #868686; line-height: 34px; text-align: center; font-family:'DIN Next W01 Medium'; }
.pagination .numbers a				{ background-color: #f9f9f9; display: inline-block; width: 34px; margin: 0 4px; }
.pagination .next a					{ margin-left: 6px; }
.pagination .prev a					{ margin-right: 6px; }
.pagination a:hover,
.pagination .numbers a.active		{ color: #2c3e89; }


.home-columns.text-promo {
	padding-bottom: 30px;
}
.home-columns .content-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.home-columns .content-wrapper .element {
	width: 32%;
}
.home-columns .content-wrapper .element img {
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';

}
#home .home-columns .content-wrapper .element p {
	margin-bottom: 0;
	padding: 0 20px;
}
@media(max-width:767px) {
	.home-columns .content-wrapper {
		justify-content: center;
		flex-wrap: wrap;
	}
	.home-columns .content-wrapper .element {
		width: initial;
		order: 1;
		margin-bottom: 2em;
	}
	.home-columns .content-wrapper .element.centered-text {
		order: 0;
		margin-bottom: 0;
	}
	#home .home-columns .content-wrapper .element p {
		padding: 0 2em 2em;
		max-width: 400px;
	}
}



/* PAGE-HERO OPTIONS
-------------------------------------------------------------- */

.page-hero						{ background-color: #2c3e89; text-align: center; color: #fff; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.page-hero:after				{ content: ""; position: absolute; background-color: rgba(0, 26, 169, 0.66); width: 100%; height: 100%; top: 0; left: 0; }
.page-hero.gaius-life:after		{ background-color: rgba(159, 200, 96, 0.8); }
.page-hero.gaius-public:after	{ background-color: rgba(105, 184, 210, 0.8); }
.page-hero.gaius-care:after		{ background-color: rgba(25, 170, 122, 0.8); }
.page-hero h1					{ color: #fff; margin-bottom: 0.3em; }
.page-hero p					{ font-family: "museo-slab"; font-size: 21px; margin: 0; padding: 0 1em; }




.museo-slab p		{ font-family: "museo-slab", Helvetica, Arial, sans-serif; font-weight: 300; }





/* CONTENT ELEMENTS
-------------------------------------------------------------- */
.text-promo						{ font-size: 18px; line-height: 1.5; font-family: "museo-slab"; padding: 60px 0 60px 0; }
.text-intro						{ font-size: 18px; line-height: 1.5; font-family: "museo-slab"; }
.large-text-col p				{ padding-left: 200px; padding-right: 200px; }


#gaius-subpage .img-carousel-wrapper,
#referenssit .img-carousel-wrapper				{ position: relative; margin-bottom: 2.5em; }
#gaius-subpage .img-carousel-wrapper .flex-prev,
#referenssit .img-carousel-wrapper .flex-prev	{ left: -35px; }
#gaius-subpage .img-carousel-wrapper .flex-next,
#referenssit .img-carousel-wrapper .flex-next	{ right: -35px; }


.centered-text					{ text-align: center; }

.remove-btm-padding				{ padding-bottom: 0; }

.remove-margin					{ margin: 0; }

.all-blue						{ color: #2c3e89; }


.all-light-blue 		{ background-color: #76bdd5; color: #FFF; }
.all-light-blue h2 {
	color: #FFF;
}

.element img					{ max-width: 100%; height: auto; display: block; }

.blue-bg						{ background-color: #2c3e89; color: #fff; }
.blue-bg h1,
.blue-bg h2,
.blue-bg h3						{ color: #fff; }

.double-promo					{ font-family: "DIN Next W01 Regular", Helvetica, Arial, sans-serif; font-size: 15px; padding: 30px 200px; }
.double-promo .element			{ float: left; width: 50%; padding: 0 25px; }

.triple-promo					{ font-family: "DIN Next W01 Regular", Helvetica, Arial, sans-serif; font-size: 15px; padding: 30px 0; width: 100%; overflow: hidden; }

/* Backup for older browsers */
.contact-element .column,
.triple-promo .element			{ float: left; }

/* For flexbox capable browsers*/
.contact-element,
.triple-promo					{ width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; align-content: stretch; }
.contact-element .column,
.triple-promo .element			{ width: 33.33%; }



.triple-promo .element h3,
.triple-promo .element p		{ padding-right: 20px; }
.triple-promo .element img		{ margin-bottom: 30px; }

.contact-element 				{ width: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; align-content: stretch; }

.contact-element h4				{ clear: both; display: inline-block; width: 100%; }
.contact-element .column p		{ padding-right: 20px; }

.triple-promo.contact-personel h4				{ clear: both; margin-top: 1.5em; float: left; width: 100%; }
.triple-promo.contact-personel h4:first-of-type	{ margin-top: 0; }
.triple-promo.contact-personel .element			{ margin-bottom: 1.5em; }
.triple-promo.contact-personel .element p		{ padding-right: 80px; }
.triple-promo.contact-personel .element img		{ margin-bottom: 1em; max-height: 243px; width: auto; }
.triple-promo .element.clear-left				{ clear: left; }
.triple-promo.contact-personel .empty-img		{ background: #d5d8e7; width: 182px; height: 243px; display: block; margin-bottom: 1em; }


#products .triple-promo .element:nth-of-type(1)	{ padding-right: 12px; }
#products .triple-promo .element:nth-of-type(2)	{ padding-right: 6px; padding-left: 6px; }
#products .triple-promo .element:nth-of-type(3)	{ padding-left: 12px; }


.solutions-promo						{ color: #2c3e89; padding-bottom: 60px; }
.solutions-promo .element				{ float: left; width: 32%; position: relative; }
.solutions-promo .element a				{ position: relative; padding-bottom: 42px; text-decoration: none; }
.solutions-promo .element .match-height	{ padding-bottom: 1px; }
.solutions-promo .element h3,
.solutions-promo .element p				{ padding-left: 13px; }

.solutions-promo .element:nth-of-type(2)	{ margin-left: 2%; margin-right: 2%; }

/*

Removed as this breaks if the element order is changed

.solutions-promo .care					{ margin-right: 1%; }
.solutions-promo .life					{ margin-right: 2%; margin-left: 1%; }
*/

.solutions-promo .read-more				{ text-decoration: none; color: #fff; display: block; line-height: 42px; text-indent: 26px; position: relative; width: 100%; left: 0; bottom: 0; background-color: #19aa7a; }
.solutions-promo .read-more:after		{ content: ""; position: absolute; right: 26px; width: 50px; height: 100%; background-image: url(../img/arrow_white@3x.png); background-size: 50px 11px; background-repeat: no-repeat; background-position: 0 center; -webkit-transition: right .1s ease-in-out; transition: right .1s ease-in-out; }
.solutions-promo .read-more:hover:after	{ right: 16px; }
.solutions-promo .care .read-more		{ background-color: #19aa7a; }
.solutions-promo .life .read-more		{ background-color: #9fc860; }
.solutions-promo .public .read-more		{ background-color: #76bed6; }


.materiaali-koonti								{ width: 100%; overflow: hidden; padding-top: 2.5em; }
.materiaali-koonti .element						{ float: left; width: 50%; margin-bottom: 1.5em; padding: 1em; position: relative; background-position: 0 0; background-repeat: no-repeat; background-size: 44px 44px; }
.materiaali-koonti .element:nth-of-type(3n+4)	{ clear: left; }
.materiaali-koonti .element.suunnitteluohjeet	{ background-image: url(../img/icon-suunnitteluohjeet.png); }
.materiaali-koonti .element.mallipohjat			{ background-image: url(../img/icon-mallipohjat.png); }
.materiaali-koonti .element.objektikirjastot	{ background-image: url(../img/icon-objektikirjasto.png); }
.materiaali-koonti .element.rt-kortit			{ background-image: url(../img/icon-rt-kortit.png); }
.materiaali-koonti .element.ohjeet				{ background-image: url(../img/icon-ohjeet.png); }
.materiaali-koonti .element.asennuspalvelut		{ background-image: url(../img/icon-asennuspalvelut.png); }
.materiaali-koonti .element.hyvaksynnat			{ background-image: url(../img/icon-hyvaksynnat.png); }
.materiaali-koonti .element h3					{ margin-bottom: 0.5em; }
.materiaali-koonti .element h3 a				{ text-decoration: none; }
.materiaali-koonti .element h3 a:hover			{ text-decoration: underline; }
.materiaali-koonti .element .list-link			{ text-decoration: none; color: #444; margin-bottom: 4px; display: inline-block; }
.materiaali-koonti .element .list-link:before	{ content: "+ "; }
.materiaali-koonti .element .list-link:hover	{ text-decoration: underline; }


.reference-promos						{ padding-bottom: 60px; }
.reference-promos .reference-promo		{ float: left; width: 32%; text-align: center; margin-bottom: 40px; }
.reference-promos .reference-promo p	{ padding: 0 20px; }
.reference-promo:nth-of-type(3n+1)		{ margin-right: 1%; clear: left; }
.reference-promo:nth-of-type(3n+2)		{ margin-right: 2%; margin-left: 1%; }
.reference-promo a						{ text-decoration: none; color: #444; }
.reference-promo .img-wrapper			{ display: block; width: 100%; max-height: 230px; margin-bottom: 30px; position: relative; overflow: hidden; }
.reference-promo .img-wrapper img		{ max-width: 100%; display: block; }
.reference-promo .read-more				{ text-decoration: none; color: #2c3e89; font-family: "museo-slab"; font-size: 15px; margin: 0; }
.reference-promo .read-more:hover		{ text-decoration: underline; }
.reference-promo .img-wrapper:after		{ content: ""; position: absolute; right: 0; top: 0; z-index: 100; width: 0; height: 0; border-style: solid; border-width: 0 76px 76px 0; border-color: transparent #19aa7a transparent transparent; }
.reference-promo.gaius-life .img-wrapper:after		{ border-color: transparent #9fc860 transparent transparent; }
.reference-promo.gaius-public .img-wrapper:after	{ border-color: transparent #76bed6 transparent transparent; }


#professionals .main-content .elementti		{ margin-top: 3.5em; padding-bottom: 2em; border-bottom: 1px solid #d1d1d1; }


.grey-wrapper					{ background-color: #f6f5f5; padding: 24px 24px 0 24px; width: 100%; overflow: hidden; }
.product-liftup					{ float: left; width: calc(33.33% - 16px); }
.product-liftup a				{ display: block; background-color: #fff; margin-bottom: 24px; padding: 9px 12px 18px 12px; text-decoration: none; color: #444; }
.product-liftup a .img-wrapper	{ margin-bottom: 6px; }
.product-liftup a img			{ max-width: 100%; height: auto; display: block; }
.product-liftup a h3			{ font-family:'DIN Next LT W01 Bold'; color: #444; font-size: 18px; font-weight: normal; letter-spacing: 0; margin-bottom: 0.375em; }
.product-liftup a .read-more	{ color: #2c3e89; position: relative; display: inline-block; width: 100%; }
.product-liftup a .read-more:after		{ content: ""; position: absolute; right: 26px; width: 50px; height: 100%; background-image: url(../img/arrow_blue@3x.png); background-size: 50px 11px; background-repeat: no-repeat; background-position: 0 center; -webkit-transition: right .1s ease-in-out; transition: right .1s ease-in-out; }
.product-liftup a .read-more:hover:after	{ right: 0; }

.product-liftup:nth-of-type(3n+1)		{ clear: left; margin-right: 24px; }
.product-liftup:nth-of-type(3n+2)		{ margin-right: 24px; }


#products .grey-wrapper .img-wrapper			{ width: 100%; position: relative; height: 193px; }
#products .grey-wrapper .img-wrapper img		{ width: auto; max-width: 90%; height: auto; max-height: 90%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto; }


.main-product-details .img-carousel-wrapper		{ position: relative; width: 80%; }
.main-product-details .img-carousel				{ margin: 1.5em 0; padding: 0; list-style: none; overflow: hidden !important; }
.img-carousel-wrapper .flex-direction-nav		{ margin: 0; list-style: none; }
.img-carousel-wrapper .flex-direction-nav a		{ position: absolute; top: 50%; z-index: 100; width: 40px; height: 66px; background-repeat: no-repeat; background-size: 20px 33px; background-color: transparent; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }

.img-carousel-wrapper .img-wrapper img 		{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform-style: preserve-3d; margin: 0; }
.img-carousel-wrapper .flex-direction-nav a:hover	{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.img-carousel-wrapper .flex-direction-nav a:active	{ -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
.img-carousel-wrapper .flex-prev				{ left: 0; background-image: url(../img/arrow-prev@3x.png); background-position: 0 center; }
.img-carousel-wrapper .flex-next				{ right: 0; background-image: url(../img/arrow-next@3x.png); background-position: right center; }

.img-wrapper .open-lightbox						{ display: block; position: absolute; z-index: 1000; bottom: 0; right: 0; width: 37px; height: 37px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../img/zoom_button.gif); background-size: 37px 37px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
.img-wrapper .open-lightbox:hover				{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.img-wrapper .open-lightbox:active				{ -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }

.main-product-details .text-wrapper				{ padding-right: 33%; }

.main-product-variations			{ margin-top: 60px; }
.main-product-additional			{ margin-top: 60px; }
.main-product-additional h3,
.main-product-variations h3			{ color: #868686; font-weight: normal; }

.sub-product-details		{ margin-top: 40px; }
.sub-product-details h4		{ font-size: 18px; font-family:'DIN Next LT W01 Bold'; font-weight: normal; margin-bottom: 4px; color: #444; }
.sub-product-details ul		{ list-style: none; margin-left: 0; }

.product-btns				{ margin-top: 60px; margin-bottom: 20px; }


#news .page-content					{ padding-bottom: 30px; }
.news-article 						{ position: relative; }
/*.news-article .content-wrapper:after{ content: ""; position: absolute; background-color: #d1d1d1; width: 13%; height: 1px; bottom: 0; }*/
.news-article .content-wrapper		{ padding: 0 0 60px 0; margin-bottom: 60px; position: relative; }
.news-article .content-wrapper img	{ max-width: 100%; max-height: auto; display: block; margin-bottom: 1.75em; }

.news-article .read-more			{ text-decoration: none; color: #2c3e89; font-family: "museo-slab"; font-size: 15px; padding-top: 1em; display: block;}
.news-article .read-more:hover		{ text-decoration: underline; }

.news-article .date {
	color: #999;
	display: inline-block;
	margin-bottom: .5em;
}

.news-content .news-article {
    position: relative;
    width: 46%;
    margin: 0 2%;
}

.news-content .news-article:nth-child(n+3) {
    width: 29%;
}

.news-content .news-article h2 {
    font-size: 1.3em;
}
.news-content .news-article .content-wrapper img {
		object-position: left center;
    object-fit: cover;
		font-family: 'object-fit: cover; object-position: left;';
    height: 300px !important;
    width: 100% !important;
}
.news-content .news-article:nth-child(n+3) img {
	height: 186px !important;
}
body#home .news-content {
	display: flex;
	flex-wrap: wrap;

}
.separator-image {
	width: 100%;
	object-fit: cover;
	height: 8px;
	display: block;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';

}
body#home .news-content .news-article h2 {
	font-size: 1.1em;
}
body#home .news-content .news-article img {
	height: 186px !important;
	width: 100%;
	object-fit: cover;
	object-position: left center;
	font-family: 'object-fit: cover; object-position: left center;';
}
body#home .news-content .news-article {
	width: 29% !important;
}
@media only screen and (max-width : 780px) {
	.news-content .news-article, body#home .news-content .news-article {
		width: 100% !important;
		margin: 0;
	}
	body#home .news-content {
		padding: 0 30px;
	}
	.news-content .news-article .content-wrapper img{
		height: inherit !important;
		width: inherit !important;
	}
}
body#professionals .main-content {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
body#professionals .main-content.no-sidebar {
	width: 90%;
	padding: 0;
}

body#professionals .main-content > * {
	width: 100%;
}
body#professionals .image-as-bg {
    height: 250px;
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    align-content: center;
		margin-bottom: 1em;
		margin-right: 3em;
		background-size: cover;
		background-position: center left;
}
@media only screen and (max-width : 780px) {
	body#professionals .main-content.no-sidebar {
		width: 100%;
	}
	body#professionals .image-as-bg {
		margin-right: 0;
	}
}
body#professionals .image-as-bg > * {
	color: #fff;
	width: 100%;
	display: block;
	font-family: "museo-slab", serif;
	margin: 0 !important;
	padding: 0;
	border: none;
}
body#professionals .image-as-bg > h3 {
	font-weight: 300;
}
body#professionals .image-as-bg > h2 {
	font-weight: 600;
}
body#professionals .element > h3 {

	padding-top: 1em;
}
body#professionals .element ul:last-child {
	border: none;
}
body#professionals .element > ul {
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
	margin-bottom: 0;
	margin-left: 0;
}
body#professionals .element > ul > li {
	list-style: none;
	margin-left: 0;
}
body#professionals .main-content  > .elementti ~ .elementti {
    width: 46%;
		border: none;
}
body#gaius-subpage.gaius-care .elements {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
body#gaius-subpage.gaius-care .elements > * {
	width: 100%;
}
body#gaius-subpage.gaius-care .elements > .half {
    width: 46%;
}
body#gaius-subpage.gaius-care .image-btn {
    width: 100%;
    height: 200px;
    display: flex;
    background-size: auto 100%;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all .7s;
    background-position: center center;
}
body#gaius-subpage.gaius-care .image-btn:hover {
    background-size: auto 115%;
}
body#gaius-subpage.gaius-care .image-btn h3 {
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
		margin: 0;
		font-size: 1.3em;
		padding: 0;
    font-weight: bold;
}
body#gaius-subpage.gaius-care .image-btn:hover h3 {
    background: rgba(0,0,0,.6);
}

.floorplan-products > li .description {
	display: none;
}
.floorplan-products > li .title {
	text-decoration: none;
	color: #222;
}
.floorplan-products > li.selected .title {
	font-weight: bold;
	color: #2c3e89;
}
.floorplan-products {
	margin-top: 2em;
}
.floorplan-products > li {
	    padding-right: 1em;
}
.floorplan .floorplan-image {
	width: 100%;
	height: auto;
	margin: 0;
}
.floorplan .poi {
	position: absolute;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: rgba(44,62,137,.4);
	color:#FFFFFF;
	border-radius: 100%;
	text-decoration: none;
}
.floorplan .poi.selected {
	background: #2c3e89;
}
.floorplan .index.poi {
	position: relative;
	display: inline-block;
	background: #2c3e89;
}

.floorplan .floorplan-pois {
	position: relative;
	width: 100%;
	height: inherit;
}
.floorplan-products {
	width: 100%;


}
.floorplan .left-column, .floorplan .right-column {
	width: 50%;
	float: left;

}

@media only screen and (max-width : 780px) {
	.floorplan .left-column, .floorplan .right-column {
		width: 100%;
		float: none;

	}
	.floorplan .right-column, .floorplan-products > li .title {
		display: none;
	}
	.floorplan-products li > .description {
		display: inherit;
	}
	.floorplan-products > li {

	    list-style: none;
	    margin-bottom: 1em;
	}
	body#gaius-subpage.gaius-care .elements > .half {
	    width: 100%;
			margin-bottom: 1em;
	}
	.floorplan .floorplan-pois {
		height: auto;
	}
}
.floorplan .right-column {
	clear: right;
	padding: 30px;
  background: #eee;
}
.floorplan {
	width: 100%;
	position: relative;
}
#home .page-hero:after {
	display: none;
}
#home .content-wrapper-left {
	float:left;
	width: 68%;
}
#home .content-wrapper-right {
	width: 32%;
	float:left;
	clear: right;
}
#home .content-wrapper-right img {
	width: 100%;
	height: auto;
}
#home .large-text-col p {
	padding-left: 4em;
	padding-right: 4em;
	font-size: 1.2em;
}
#home .hero-mobile {
	display: none;
}
@media (max-width:1100px) {
	#home .large-text-col p {
		padding-left: 3em;
		padding-right: 3em;
		font-size: 1.1em;
	}
}
@media (max-width:780px) {
	#home .content-wrapper-left, #home .content-wrapper-right {
		float:none;
		width: 100%;
	}
	#home .content-wrapper-right img {
		margin: 1em auto;
	}
	#home section.page-navigation:after {
		display: none !important;
	}
	#home .page-hero {
		display: none;
	}
	#home .hero-mobile {
		width: 100%;
		height: auto;
		display: block;
	}
	#home .large-text-col p {
		padding-left: 1em;
		padding-right: 1em;
		font-size: 1em;
	}
}

#news .news-content.main-content {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    width: 100%;
		padding: 60px;
}
#news .news-content .pagination {
	width: 100%;
}
.news-content .news-article .ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4; /* number of lines to show */
   line-height: 1.2em;        /* fallback */
   max-height: 4.8em;       /* fallback */
}
#home .news-article p {
    font-size: 16px;
}
.search-result				{  }
#search h2					{ margin-bottom: 1.25em; }
.search-result a			{ text-decoration: none; display: inline-block; margin-bottom: 1.4em; }
.search-result a h3			{ margin-bottom: 0.125em; }
.search-result a:hover h3	{ text-decoration: underline; }
.search-result a p			{ color: #868686; margin: 0; font-style: italic; font-size: 14px; }



/* Media Grids */
.media-grid 				{ width: 100%; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: stretch; align-content: stretch; }
.media-grid .grid-item		{ flex: 1; background-color: red; margin-bottom: 1em; }
.media-grid .grid-item:nth-child(3n)	{ height: 250px; }

.mg-small .grid-item		{ height: 200px; border: 1px solid #333; -webkit-flex: 0 0 20%; flex: 0 0 20%; }


/* IMAGE LIGHTBOX */
#imagelightbox 				{ position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; }
#imagelightbox-overlay		{ background-color: #000; background-color: rgba( 0, 0, 0, .275 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* Customization */
.flex-direction-nav a		{ position: absolute; top: 50%; margin-top: -35px; width: 35px; height: 35px; z-index: 100; background-color: #e6eaf3; background-repeat: no-repeat; background-position: center 14px; text-indent: -9999px; }
.flex-prev					{ left: 0; background-image: url(../img/arrow-left@2x.png); background-size: 22px 6px; }
.flex-next					{ right: 0; background-image: url(../img/arrow-right@2x.png); background-size: 22px 6px; }

.hide-directional-nav-1 .flex-direction-nav	{ display: none; } /* Let's hide the directional nav when there's only one image */


section.page-navigation:after {
	height: 8px;
	background: url(../img/color-separator.png) repeat-x;
	width: 100%;
	content: " ";
	display: block;
}

.global-nav li.active a:after {
	display: none;
}


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}




/* FOOTER
-------------------------------------------------------------- */
.page-footer					{ background-color: #f9f9f9; color: #868686; padding: 20px 0 60px 0; }
.page-footer nav				{ margin-bottom: 40px; }
.page-footer .page-logo			{ float: left; margin-bottom: 60px; }
.page-footer p					{ clear: left; }
.page-footer .address			{ clear: both; float: left; }
.page-footer .address a			{ color: #868686; text-decoration: none; }
.page-footer .address a:hover	{ color: #868686; text-decoration: underline; }
.page-footer .logos				{ float: right; }
.page-footer .logos img			{ display: block; float: left; margin-left: 20px; }




/* MEDIA QUERIES
-------------------------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Smartphones (portrait and landscape) */
}

@media only screen and (min-width : 321px) {
	/* Smartphones (landscape) */
}

@media only screen and (max-width : 320px) {
	/* Smartphones (portrait) */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* iPads (portrait and landscape) */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* iPads (landscape) */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* iPads (portrait) */
}

@media only screen and (max-width : 1280px) {
	.sidebar-template-wrapper,
	.page-navigation,
	.page-footer			{ padding-left: 20px; padding-right: 20px; }
	.large-text-col p		{ padding-left: 160px; padding-right: 160px; }
	.main-content			{ padding-left: 40px; padding-right: 40px; }
	.product-liftup			{ float: left; width: calc(50% - 10px); }
	.product-liftup:nth-of-type(2n+1)		{ clear: left; margin-right: 20px !important; }
	.product-liftup:nth-of-type(3n+1)		{ clear: none; margin-right: 0; }
	.product-liftup:nth-of-type(3n+2)		{ margin-right: 0; }
	.main-product-details .img-carousel-wrapper		{ width: 90%; }
	.main-product-details .text-wrapper		{ padding-right: 28%; }
	#products .text-intro,
	#professionals .main-content,
	#gaius-subpage .main-content,
	#news .main-content,
	#company .main-content			{ padding-right: 16%; }
}

@media only screen and (max-width : 1024px) {
	.large-text-col p		{ padding-left: 80px; padding-right: 80px; }
	.global-nav a			{ padding: 0 10px; }
	.grey-wrapper			{ padding: 20px 20px 0 20px; }
	.main-content			{ padding-left: 20px; }
	.main-content			{ width: 70%; }
	.sidebar				{ width: 30%; }
	.main-product-details .text-wrapper		{ padding-right: 10%; }
	.materiaali-koonti .element						{ float: left; width: 50%; }
	.materiaali-koonti .element:nth-of-type(3n+4)	{ clear: none; }
	.materiaali-koonti .element:nth-of-type(2n+3)	{ clear: left; }
	#products .text-intro,
	#professionals .main-content,
	#gaius-subpage .main-content,
	#news .main-content,
	#company .main-content			{ padding-right: 8%; }

	#gaius-subpage .img-carousel-wrapper .flex-prev,
	#referenssit .img-carousel-wrapper .flex-prev	{ left: 10px; }
	#gaius-subpage .img-carousel-wrapper .flex-next,
	#referenssit .img-carousel-wrapper .flex-next	{ right: 10px; }
}

@media only screen and (max-width : 960px) {
	.large-text-col p				{ padding-left: 40px; padding-right: 40px; }
	.global-nav a					{ padding: 0 2px; font-size: .9em;}
	.main-product-details .img-carousel-wrapper		{ width: 100%; }
	.main-product-details .text-wrapper		{ padding-right: 0%; }
	#products .text-intro,
	#professionals .main-content,
	#gaius-subpage .main-content,
	#news .main-content,
	#company .main-content			{ padding-right: 4%; }
}

@media only screen and (max-width : 780px) {
	.masthead							{ width: 100%; overflow: hidden; padding: 12px 0 24px 0; }
	.lang-nav							{ float: none; text-align: center; margin-bottom: 12px; }
	.page-navigation .page-logo			{ float: none; text-align: center; }
	.page-navigation .page-logo img		{ margin: auto; }

	.search-wrapper,
	.gaius-nav,
	.sidebar,
	.global-nav				{ display: none; }
	.toggle-mobile-nav		{ display: block; }

	.large-text-col p		{ padding-left: 0px; padding-right: 0px; }

	.text-promo				{ padding: 40px 0 30px 0; }

	.page-content .content-wrapper						{ padding: 0 20px; }
	.sidebar-template-wrapper .content-wrapper,
	.news-article .content-wrapper,
	.page-content .solutions-promo .content-wrapper		{ padding: 0; }

	.solutions-promo						{ padding-bottom: 20px; }
	.solutions-promo .element				{ float: none; width: 80%; margin-bottom: 42px; margin-left: 10%; }
	.solutions-promo .element img			{ width: 100%; height: auto; }
	.solutions-promo .element a				{ position: relative; padding-bottom: 42px; text-decoration: none; }

	.solutions-promo .element:nth-of-type(2)	{ margin-left: 10%; margin-right: 0; }

	/*.solutions-promo .care					{ margin-right: 0; }
	.solutions-promo .life					{ margin-right: 0; margin-left: 0; }*/


	.double-promo .element			{ width: 100%; padding: 0; margin-bottom: 20px; margin-top: 20px; }

	.contact-element .column,
	.triple-promo .element			{ float: none; width: 100%; }
	.triple-promo .element h3,
	.triple-promo .element p		{ padding-right: 0px; }

	.materiaali-koonti .element		{ float: left; width: 50%; }

	.reference-promos .reference-promo		{ float: none; width: 100%; text-align: center; margin-bottom: 40px; }
	.reference-promos .reference-promo p	{ padding: 0 20px; }
	.reference-promo:nth-of-type(3n+1)		{ margin-right: 0; }
	.reference-promo:nth-of-type(3n+2)		{ margin-right: 0; margin-left: 0; }

	.main-content		{ float: none; width: 100%; padding-left: 0px; padding-bottom: 40px; padding-right: 0px; }

	.reference-promo .img-wrapper			{ max-height: 460px; }
	.reference-promos						{ padding-bottom: 40px !important; }

	#products .text-intro,
	#professionals .main-content,
	#gaius-subpage .main-content,
	#news .main-content,
	#company .main-content			{ padding-right: 0%; }

	.product-liftup						{ float: none; width: 100%; }
	.product-liftup:nth-of-type(2n+1)	{ clear: none; margin-right: 0 !important; }
	.product-liftup:nth-of-type(3n+1)	{ clear: none; margin-right: 0; }
	.product-liftup:nth-of-type(3n+2)	{ margin-right: 0; }

	.page-footer				{ padding: 30px 0 40px 0; }
	.page-footer .page-logo		{ float: none; margin-bottom: 20px; }
	.page-footer .page-logo img	{ margin: 0 auto; }
	.page-footer .address		{ float: none; text-align: center; }
	.page-footer .logos			{ float: none; text-align: center; }
	.page-footer .logos img		{ display: inline-block; float: none; margin-left: 20px; }


	dl.timeline:after			{ display: none; }
	dl.timeline dt				{ width: 20%; }
	dl.timeline dt:after		{ display: none; }
	dl.timeline dd				{ width: 80%; }

	.news-article .content-wrapper		{ padding: 0 0 40px 0; margin-bottom: 40px; }

	.triple-promo.contact-personel h4	{ float: none; }

	/* Font sizes */
	h1					{ font-size: 36px; }
	h2					{ font-size: 21px; }
	h3					{ font-size: 18px; }
	.page-hero p		{ font-size: 16px; }
	.text-promo,
	.text-intro			{ font-size: 16px; }

}

@media only screen and (max-width : 640px) {
	.materiaali-koonti .element		{ float: none; width: 100%; }

	.solutions-promo .element					{ width: 90%; margin-bottom: 42px; margin-left: 5%; }
	.solutions-promo .element:nth-of-type(2)	{ margin-left: 5%; margin-right: 0; }
}

@media only screen and (max-width : 560px) {
	.materiaali-koonti .element		{ float: none; width: 100%; }

	.solutions-promo .element					{ width: 94%; margin-bottom: 42px; margin-left: 3%; }
	.solutions-promo .element:nth-of-type(2)	{ margin-left: 3%; margin-right: 0; }
}


@media (min--moz-device-pixel-ratio: 1.5),
		(-o-min-device-pixel-ratio: 3/2),
		(-webkit-min-device-pixel-ratio: 1.5),
		(min-device-pixel-ratio: 1.5),
		(min-resolution: 144dpi),
		(min-resolution: 1.5dppx) {
/* Retina display devices */
}

@media print {
	#products .page-header,
	#products .page-footer,
	#products .product-btns,
	#products .flex-direction-nav,
	#products .open-lightbox,
	#products .sidebar		{ display: none !important; }
	#products .main-content	{ float: none; width: 100%; padding-left: 0; padding-bottom: 0; padding-right: 0; position: relative; }
	#products .sidebar-template-wrapper	{ padding-top: 20px; }
	#products .content-wrapper		 	{ max-width: 100%; margin-left: auto; margin-right: auto; }
	#products .main-product-details .img-carousel	{ margin: 2.5em 0 2.5em 0; }
	.print-only			{ display: block; }
}




/* -----------------------------------------------------------

	CLEAR FLOATS

----------------------------------------------------------- */
.clear: 		{ display: inline-block; }
.clear:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear 	{ height: 1%; }
.clear 			{ display: block; }



/* -----------------------------------------------------------

	60fps scrolling
	http://www.thecssninja.com/javascript/pointer-events-60fps

----------------------------------------------------------- */
.disable-hover,
.disable-hover * {
	pointer-events: none !important;
}