body {
	font-family: 'Lato', sans-serif;	
	min-height: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	/* background-color: #f9f9f9; */
	/* background-image: url('../images/tausta.jpg'); */
	/* background-image: url('../tausta4.png'); */
  background-repeat: no-repeat;
  background-position: left top;
	width: 100%;
	color: #3b3b3b;
	overflow-x: hidden;
}

html {
	min-height: 100%;
	overflow-x: hidden; 
	width: 100%;
}

* {
	/* border: 1px solid black; */
}

p {
	font-size: 16px;
	/* font-family: 'Open Sans', sans-serif; */
	font-weight: 300;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.node p {
	/* line-height: 2em; */
}

h1, h2 {
	font-weight: 900;
	font-family: 'Lato', sans-serif;	
	margin: 1.0em 0 0.5em;
	color: #404040;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 2.4em;
}

h3, h4 {
	font-family: 'Lato', sans-serif;	
	margin: 1.0em 0 0.5em;
	color: #404040;
	line-height: 1.5em;
}

.harmaa h1 {
	margin-top: 0.3em;
}

h3 {
	margin-top: 0.3em;
	font-size: 25px;
	line-height: 27px;
}

h5 {
	font-family: 'Lato', sans-serif;	
	font-size: 16px;
}

.field-name-field-hinta {
	display: inline-block;
}

.ctools-jump-menu-button {
	display: none;
}

#myBtn1 {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn1:hover {
  background-color: #555;
}

.piilotettu {
	display: none !important;
}

.views-field-field-youtube-video {
	margin-top: -1px;
}

select {
	padding: 3px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: none;
	background-color: #f8f8f8;
}

.form-checkboxes .form-item, .form-radios .form-item {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color: #f8f8f8;
    font-family: inherit;
    border: none;
    /* -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
		-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 1em;
    margin: 0 0 1em 0;
    padding: 0.5em;
		padding-top: 13px;
		padding-bottom: 13px;
    height: 3em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

textarea {
		min-height: 7em;
}

input[type="checkbox"], input[type="radio"]{
    background-color: #f8f8f8;
		margin-bottom: 0.3em;
		border: none;
}

h2 {
	/* text-transform: uppercase; */
	margin-bottom: 0.7em;
	line-height: 1em;
	letter-spacing: 0px;
	font-size: 32px;
	letter-spacing: 0px;
	/* color: #676767; */
	color: #444;
}

h2.block-title{
	/* font-weight: 400; */
}

h2.site-slogan {
	display: none;
}

.node-teaser h2 {
	display: none;
}

h1#site-name {
	display: none;
}

a {
	color: #bf111f;
	transition: opacity 0.3s;
	/* font-weight: 700; */
}

a:hover {
	color: #bf111f;
	opacity: 0.7;
}

iframe {
	max-width: 100%;
}

label {
	font-size: 1.2em;
	font-weight: 300; 
}

label.option {
	font-size: 1.2em;
	font-weight: 300; 
}

input[type=checkbox] {
	margin-bottom: 4px;
	margin-right: 4px;
}

.sisalto h2 {
	margin-top: 0.5em;
}

div.ylos {
	/* padding-left: 0.7em;
	padding-right: 0.7em; */
  margin-top: 0px;
  position: relative;
}

p.front-page-1 {
	font-weight: 600;
	display: inline-block;
	line-height: 2em;
	border-bottom: 2px solid #eeeeee;
	margin-bottom: 0.5em;
}

h2.front-page-1 {
	margin-top: 0;
}

.redWhiteButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background-color: #ffffff;
  text-indent: 0;
  border: 2px solid #bf1120;
  display: inline-block;
  color: #bf1120;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  padding: 0px 15px 0px 0px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

.whiteArrow {
  background-color: #BF111F;
  color: white;
  padding: 5px 7px;
  margin-right: 10px;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-angle-right:before {
  content: "\f105";
}

/* Piilotetaan päävisivuston linkit kaikilta sivuilta */
.master {
	display: none !important;
}

/* Näytetään pääsivuston linkit pääsivustolla */
.domain-localhost .master {
	display: initial !important;
}

img {
	min-height: 1px !important;
}

.row {
	/* background-color: white; */
	max-width: 1100px;
}

.etusivu-1 {
	padding-right: 0.5em;
	text-align: center;
	/* padding-bottom: 4em; */
}

.etusivu-2 {
	/* padding-left: 0; */
	text-align: center;
}

.etusivu-3 {
	text-align: center;
}

.etusivu-4 {
	text-align: center;
}

.sisaltosivu  {
	padding-bottom: 60px;
}

h1.title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 3em;
	letter-spacing: -1px;
	/* display: none !important; */
}

.sisaltosivu h2 {
	text-transform: none;
}

h2.it-ratkaisu {
	margin-top: 0px;
}

#mainsisalto {
	padding-bottom: 40px;
	padding-top: 56px;
}

.lehtilinkki {
	/* font-size: 1.2em; */
	font-weight: 400;
	float: none;
	display: block;
}

/* Kielen valitsin */

.block-locale-language h2 {
	display: none;
}

.block-locale-language li {
	display: inline-block;
	list-style: none;
}

.block-locale-language {
	padding-right: 2em;
}

.language-switcher-locale-url a {
	color: #ffffff;
	font-weight: 300;
}

.language-switcher-locale-url li.en,
.language-switcher-locale-url li.active {
	display: none;
}

#oikea_yla section {
	display: inline-block;
}

#oikea_yla form {
	margin: 0;
}

#oikea_yla select.ctools-jump-menu-select {
	font-size: 1em;
	padding: 4px;
	padding-right: 9px;
	padding-left: 13px;
	margin: 0 !important;
	background-color: #bf111f;
	border: 0;
	color: #ffffff;
	-webkit-appearance: none;
	background: url('../nuoli.png') no-repeat right;
	background-size: 150px 12px;
	width: 150px;
}

#oikea_yla select.ctools-jump-menu-select:focus {
	border: 0;
	background-color: #ffffff;
	color: black;
	background-image: none;
}

#oikea_yla select.ctools-jump-menu-select::-ms-expand {
    display: none;
}

#oikea_yla select.ctools-jump-menu-select {
	-webkit-appearance: none;
  -moz-appearance: none;
}

/* Etusivun sisällöt */

.levea {
	max-width: 100%;
}

.levea .row {
	max-width: 100%;
}

.levea .columns {
	padding: 0;
}

.levea .tarjouksetkuva {
	max-width: 58.33333%;
}

.levea .sisaltokuva {
	/* max-width: 50%; */
}

.levea .tarjouksetkuva img {
	
}

.levea .views-row-odd .tarjouksetkuva {
	float: right;
}

.levea .views-row-even .tarjouksetkuva {
	float: left;
}

.vasen .views-row-odd .tarjouksetkuva {
	float: left;
}

.vasen .views-row-even .tarjouksetkuva {
	float: right;
}

.levea .tarjouksetteksti a.otsikkolinkki {
	font-size: 2em;
	font-weight: 800 !important;
	text-transform: none;
	line-height: 1em;
	color: inherit;
	display: block;
	max-width: 400px;
	margin-bottom: 0.5em;
	word-break: break-word;
}

.levea .nappilinkki a {
	display: inline-block;
	padding: 17px;
	padding-left: 25px;
	padding-right: 25px;
	background-color: #2C2B30;
	color: #ffffff;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	/* text-transform: uppercase; */
	font-weight: 700;
	font-size: 1.1em;
	text-align: center;
}

.levea .tarjouksetteksti {
	max-width: 400px;
	/* display: table-cell;
	vertical-align: middle; */
	/* height: 100%; */
	text-transform: none;
	padding-top: 80px;
}

.view-banneri-sis-lt-uusi .tarjouksetteksti {
	max-width: 600px;
	/* display: table-cell;
	vertical-align: middle; */
	/* height: 100%; */
	text-transform: none;
	padding-top: 80px;
}

.levea .views-row-odd .tarjouksetteksti,
.etusivunteksti {
	float: right;
	padding-right: 40px;
}

.levea .views-row-even .tarjouksetteksti,
.etusivunteksti {
	float: left;
	padding-left: 40px;
}

.vasen .views-row-odd .tarjouksetteksti {
	float: left;
	padding-left: 40px;
}

.vasen .views-row-even .tarjouksetteksti {
	float: right;
	padding-right: 40px;
}

.levea .views-row {
	clear: both;
	/* display: table; */
	width: 100%;
}

a.verkkokauppalinkki {
	display: block;
	font-weight: 700;
	color: #ffffff;
	padding: 20px;
	font-size: 1.5em;
}

img.ostoskarry {
		width:50px; 
		height: auto; 
		margin-bottom: 10px;
	}

.view-banneri-sis-lt-uusi .tarjouksetteksti {
	font-size: 1.5em;
}

/* värit */

.harmaa {
	background-color: #eaeaea;
}

.vaaleaharmaa {
	background: #f8f8f8;
}

.punainen {
	background-color: #b4141e;
	min-height: 54px;
}

.levea .tummaharmaa, .tummaharmaa {
	background-color: #675f5f;
}

.tummaharmaa .views-field-title a, .tummaharmaa, .punainen, .punainen .views-field-title a {
	color: #ffffff;
}

/* //värit */

#banneria {
	min-height: 100%;
}

#ban {
	/* max-width: 1020px; */
	max-width: 100%;
	background-color: #675f5f;
	display: table;
  width: 100%;
} 

#banneri {
	max-height: 370px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	/* margin: 0px 0em !important; */
}

#banneri .columns {
	padding-right: 0px;
	max-height: 400px;
}

#banneri_2 {
	float: left;
	width: 375px;
	max-width: 100%;
}

#banneri_3 {
	float: left;
	/* width: 432px; */
	/* max-width: 432px; */
	overflow: hidden;
	max-width: 100%;
}

.harmaat {
	background-color: #675f5f;
	padding-left: 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	float: none !important;
	height: 100%;
}

.harmaat, .harmaat h1,.harmaat h2,.harmaat h3,.harmaat h4,.harmaat h5, .harmaat p {
	color: #FFFFFF;
}

.harmaat h1 {
	margin-top: 0;
}

.kuva {
	padding-right: 0;
	padding-left: 0;
	width: auto;
}

.sisaltooikea {
	padding-left: 40px;
	max-width: 370px;
}

#flexslider_views_slideshow_banneri_iso-block span.views-field.views-field-title {
	display: none;
}

.flex-nav-container {
  margin-bottom: 0;
}

div.separator {
  clear: both;
	background-color: #ececec;
	height: 3px;
	width: 100%;
}

div.separatorred{
  clear: both;
	background-color: #bf0a16;
	height: 3px;
	width: 100%;
}

#banneri_1 .views-row {
	margin-right: 3px;
	margin-bottom: 0px;
}

#banneri_2 .views-row {
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 6px;
}

#banneri_3 .views-row {
	margin: 0;
}

#banneri .views-row {
	position: relative;
	float: left;
	transition: opacity 0.3s;
  	-moz-transition: opacity 0.3s; /* Firefox 4 */
  	-webkit-transition: opacity 0.3s; /* Safari and Chrome */
  	-o-transition: opacity 0.3s; /* Opera */
}

#banneri .bannerikuva {
	margin: 0;
	display: block;
}

#banneri img {
	margin: 0;
	padding: 0;
	display: block;
}

#bannerisisalto {
	max-width: 100%;
	/* overflow-x: hidden; */
	max-height: 370px;
	overflow: hidden;
	position: relative;
}

#bannerisisalto img {
	width: 100% !important;
	margin: 0;
	padding: 0;
	display: block;
	/* margin-top: -29%; */
}

#bannerisisalto .contextual-links-region {
    outline: none;
    position: static;
}

.view-palvelutuotteet-lista .tarjouksetkuva {
	position: relative;
}

.view-palvelutuotteet-lista .palvelutuotteetikoni {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 37%;
	right: 37%;
}

.view-palvelutuotteet-lista .palvelutuotteetikoni img {
	max-height: 50%;
	width: auto;
}

.view-banneri-sis-lt- {
	/* position: relative; */
}

.view-banneri-sis-lt- .views-field-title,
.view-banneri-sis-lt-palvelutuotteet .views-field-title {
	font-size: 4em;
	font-weight: 800;
	line-height: 1em;
	color: #ffffff;
	position: absolute;
	left: 20%;
	right: 20%; 
	text-align: center;
	text-transform: uppercase;
	/* line-height: 1em; */
	/* letter-spacing: -2px; */
	/* display: none; */
  top: 50%;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.30);
  transform: translateY(-50%);
}

h1.sisalto_otsikko {
	font-size: 0.9em;
	color: #ffffff;
}

h1.banneriteksti {
	font-size: 1em;
	color: #ffffff;
	margin: 0;
	margin-top: 0.2em;
}

/* samsung banneri */
.samsung .view-banneri-sis-lt- .views-field-title {
	display: none;
}

#bannerisisalto.samsung img {
	margin-top: -13%;
	margin-bottom: -8%;
}

#bannerisisalto.samsung {
	max-height: none;
}

.samsung .views-field-title-1 {
	display: none;
}

.view-banneri-sis-lt-palvelutuotteet .views-field-title {
	font-size: 4.5em;
	left: 22%;
	right: 22%; 
	word-break: break-word;
}

.view-banneri-sis-lt-palvelutuotteet .banneriikoni {
	max-width: 100px;
	height: auto;
	display: inline-block;
	margin-right: 0.3em;
}

.view-banneri-sis-lt-palvelutuotteet .banneriikoni img {
	-webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.30));
    filter: url(#drop-shadow);
}

.view-banneri-sis-lt-palvelutuotteet .banneriteksti {
	display: inline-block;
}

#banneri .views-row:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#banneri .views-row:hover .nakyva .field-content {
	visibility: visible;
}


#banneri .views-field-title {
	/* display: table; */
	display: none;
	bottom: 5px;
    display: table;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px;
    z-index: 20;
}

#banneri .views-field-title .field-content {
	display: table-cell;
  	vertical-align: middle; 
  	text-align: center; 
  	color: #ffffff;
  	visibility: hidden;
  	font-family: 'Anton', sans-serif;
  	text-transform: uppercase;
  	font-size: 20px;
}

.nakyva {
    display: table !important;
}

.mobilelinkki {
	display: none;
}

.field-name-field-youtube-video {
	margin-top: 4em;
}


/* Banneri 2 */ 

/*
#banneri_1 .views-row {
	margin-right: 3px;
	margin-bottom: 0px;
}

#banneri_2 .views-row {
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 6px;
}

#banneri_3 .views-row {
	margin: 0;
}

#banneri .views-row {
	position: relative;
	float: left;
	transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s; 
  -o-transition: opacity 0.3s; 
}

#banneri .bannerikuva {
	margin: 0;
	display: block;
}

#banneri img {
	margin: 0;
	padding: 0;
	display: block;
}

#banneri .views-row:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#banneri .views-row:hover .nakyva .field-content {
	visibility: visible;
}


#banneri .views-field-title {
	display: none;
	bottom: 5px;
	display: table;
	left: 50%;
	margin-left: -80px;
	position: absolute;
	width: 160px;
	z-index: 20;
}

#banneri .views-field-title .field-content {
	display: table-cell;
  	vertical-align: middle; 
  	text-align: center; 
  	color: #ffffff;
  	visibility: hidden;
  	font-family: 'Anton', sans-serif;
  	text-transform: uppercase;
  	font-size: 20px;
}

.nakyva {
    display: table !important;
} 

*/

/* //// banneri */

.sisalto {
	/* padding-top: 1.5em; */
}

#main {
	/* padding-bottom: 40px; */
}

.main {
	color: #6c6c6c;
}

.main a,
#banneri a {
	-webkit-transition: opacity 0.3s;  /* For Safari 3.1 to 6.0 */
	transition: opacity 0.3s;
}

.main a:hover,
#banneri a:hover {
	opacity: 0.7;
}

.sisalto p {
	/* padding-right: 15%;
	padding-left: 15%; */
}

.sidebar .section {
	padding-top: 0px;
	margin-top: -90px;
}

.easy-breadcrumb_segment-separator {
	width: 20px;
	height: 0.8em;
	display: inline-block;
	background-image: url('../erotin2.png');
	background-position: center center;
	background-repeat: no-repeat;
}

#footercontact {
	background-color: #1f1f1f;
	font-size: 0.8em;
	color: #ffffff;
	padding-top: 3em;
	min-height: 240px;
	padding-bottom: 2em;
}

#footercontact p {
	
}

.footervalikko  {
  margin-top: 1.5em;
}

#footercontact h2.block-title{
	color: #ffffff;
	font-size: 24px;
}

#footercontact label {
  color: #ffffff;
	text-transform: none;
	font-size: 16px;
	float: left;
	clear: left;
	width: 25%;
	line-height: 3.6em;
}

#footercontact input[type=text], #footercontact input[type=email] {
	/* font-size: 1em;
	float: left;
	max-width: 65%;
	border-radius: 4px;
	float: right; */
	font-size: 16px;
	float: right;
	max-width: 75%;
	background-color: #ececec; 
	border-color: #ececec;
}

#footercontact textarea, #footercontact select {
	/* border-radius: 4px; */
	background-color: #ececec; 
	border-color: #ececec;
	font-size: 16px;
	font-weight: 300;
}

.webform-component--contact-1 {
	width: 48%;
	float: left;
}

.webform-component--contact-2 {
	width: 47%;
	float: right;
}

.form-item .form-submit {
	padding: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#footercontact button {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  /* padding: 9px 20px; */
	padding: 17px;
  padding-left: 25px;
  padding-right: 25px;
	border: 2px solid #BF111F;
	background-color: #BF111F !important;
	border-color: transparent;
	text-transform: none;
  display: inline-block;
	-webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0px 0 rgba(255, 255, 255, 0.5) inset;
	width: 30%;
	float: right;
	clear: both;
}

#webform-component-viestisi  {
	position: absolute;
	right: 0;
	width: 50%;
	margin-top: 0;
	height: 80px;
}

#webform-component-viestisi label, #webform-component-viestisi textarea {
	float: none;
	max-width: 100%;
	line-height: 1em;
}

#webform-component-viestisi .grippie {
	display: none;
}

#webform-component-paljonko-3--1 {
	position: absolute;
	right: 0px;
	width: 50%;
	top: 85px;
	height: 55px;
}

#webform-component-paljonko-3--1 label {
	width: 40%;
}

#webform-component-paljonko-3--1 input {
	float: right !important;
	max-width: 150px !important;
	width: 150px;
}

#footer-wrapper {
	background: #292929;
	padding: 20px 5px 70px;
	color: #ffffff;
}

#footer-wrapper p {
	color: #FFFFFF;
	margin-top: 0.7em;
	line-height: 1.5em;
}

#footer-wrapper h3 {
	color: #FFFFFF;
	margin-top: 1.2em;
	line-height: 1.5em;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 700;
}

.footerviiva {
	height: 1px;
	width: 100%;
	/* background-color: #ffffff; */
}

#footer-columns h2 {
	font-size: 1.5em;
	margin-bottom: 0em;
	margin-top: 1.5em;
	padding-bottom: 3px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 700;
}

#footer-columns {
	font-size: 0.9em;
}

#footer-columns .sosmedialogo {
	width: 40px;
	height: auto;
	margin-right: 7px;
}

#footer-columns p {
	margin-top: 1em;
	color: #FFFFFF;
	margin-bottom: 0em;
	margin-top: 0.7em;
	line-height: 1.5em;
}

#footer-wrapper .block {
	margin: 0px 0;
	/* padding: 10px; */
	/* border-right: 1px dashed #393939; */
	margin-bottom: 2em;
}

.footer-1 {
	width: 100%;
	background-color: #44d4e9;
}

.footer-2 {
	width: 100%;
	background-color: #3d3d3d;
}

.view-asiakkaitamme p {
	font-size: 13px;
}

.view-asiakkaitamme  .views-field-title{
	font-size: 23px;
  line-height: 25px;
	font-weight: 600;
	max-width: 500px;
	background-image: url('../images/tietokone.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 90px;
	margin-bottom: 14px;
}

.view-asiakkaitamme .views-row {
	margin-bottom: 70px;
}

.item-list ul.pager-load-more {
	margin: 0;
}

/* Etsi lähin dg liike */

.form-item-field-geofield-distance-distance,
.form-item-field-geofield-distance-unit,
.geofield-proximity-origin-from {
	display: none;
}

.block-views-etsi-l-hin-dg-liike-block .views-field-title a,
.block-views-etsi-l-hin-dg-liike-sv-block .views-field-title a {
	font-size: 1.5em;
	color: #444;
	font-weight: bold;
}

.block-views-etsi-l-hin-dg-liike-block img,
.block-views-etsi-l-hin-dg-liike-sv-block img {
	margin-bottom: 2em;
}

.block-views-etsi-l-hin-dg-liike-block .views-field-body,
.block-views-etsi-l-hin-dg-liike-sv-block .views-field-body {
	margin-top: 0em;
	float: left;
	margin-bottom: 1.5em;
}

.block-views-etsi-l-hin-dg-liike-block #edit-submit-etsi-l-hin-dg-liike,
.block-views-etsi-l-hin-dg-liike-sv-block #edit-submit-etsi-l-hin-dg-liike {
	float: none;
	display: block;
	margin-top: 0.2em !important;
	margin-bottom: 2em;
}

.block-views-etsi-l-hin-dg-liike-block .views-submit-button,
.block-views-etsi-l-hin-dg-liike-block .views-exposed-widget,
.block-views-etsi-l-hin-dg-liike-sv-block .views-submit-button,
.block-views-etsi-l-hin-dg-liike-sv-block .views-exposed-widget {
	float: none;
	display: block;
}

.block-views-etsi-l-hin-dg-liike-block .views-field-field-kuva,
.block-views-etsi-l-hin-dg-liike-sv-block .views-field-field-kuva {
	float: right;
	max-width: 40%;
}

.block-views-etsi-l-hin-dg-liike-block .views-field-field-kuva-1,
.block-views-etsi-l-hin-dg-liike-sv-block .views-field-field-kuva-1 {
	margin-bottom: 1.5em;
	margin-top: 2em;
}

.block-views-etsi-l-hin-dg-liike-block .views-row,
.block-views-etsi-l-hin-dg-liike-sv-block .views-row {
	clear: both;
	margin-top: 2em;
}

/* collapse */

.collapsible {
	margin-bottom: 1em;
}

fieldset.collapsed {
	height: auto !important;
}

.collapsible {
	/* background-color: #f7f7f7; */
	border: none;
	padding: 0;
}

.collapsible legend {
	background-color: #f7f7f7;
	/* border-bottom: 2px solid #e2e2e2; */
	width: 100%;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	min-height: 3.4em;
	/* line-height: 3.4em; */
	
}

.collapsible legend a {
	color: #414141;
	padding-left: 50px;
	display: block;
	line-height: 1.5em;
	padding-top: 12px;
	min-height: 3em;
	margin-bottom: 0.5em;
	font-size: 16px;
}

.collapsible .summary {
	display: none;
}

fieldset.collapsed .fieldset-legend {
  background-position: 5px 3px !important;
}

fieldset.collapsible .fieldset-legend {
  padding-left: 15px;
	background-position: 5px 3px !important;
}

.collapsible .fieldset-wrapper {
	background-color: #f5f5f5;
	padding: 1.8em;
}

.center {
	text-align: center;
}

.opalvelupaketit {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.9em !important;
}

/* Palvelupaketit */

a.palaa {
	background-color: #FFF;
  color: #BF111F;
  border: 2px solid #BF111F;
  text-transform: uppercase;
  padding: 0px 15px 0px 0px;
  display: inline-block;
	font-size: 13px;
	float: left;
}

.lomake .field-name-body, .lomake .field-name-field-lyhyt-kuvaus, .lomake .field-name-field-kuva,
.lomake .field-name-field-hinta-lis-tiedot, .lomake .field-name-field-tekniset-tiedot, .lomake .field-name-field-palvelupaketin-palvelut, .lomake .field-name-field-esittelyteksti, 
.lomake .field-name-field-palvelupakettisisaltaa {
	display: none;
}

.lomake button.form-submit {
	clear: both;
	margin-top: 20px;
	font-weight: 600;
  background-color: #BF111F !important;
  color: white;
  border: 2px solid #BF111F;
  text-transform: uppercase;
  display: inline-block;
	-webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0px 0 rgba(255, 255, 255, 0.5) inset;
	font-size: 18px;
  padding: 10px;
}

/* lomake */

/* JK-Center palvelun tilauslomake */

#node-1690 textarea {
	height: 150px;
}


.webform-component--grid1 {
	width: 20%;
	float: left;
}

.webform-component--grid2 {
	width: 77%;
	float:left;
}

.webform-component--gridmain {
	max-width: 100%;
	width: 800px;
	border: 1px solid #DEDEDE;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

.webform-component--gridmain p {
	font-size: 14px;
}

.webform-component--gridmain--clear {
	clear: both;
	display: block !important;
}

.webform-component--grid3 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}

.webform-component--grid3 .webform-component {
	min-height: 2em;
}

.webform-component--gridmain--grid {
	width: 45%;
	max-width: 100%;
	float: left;
	padding-left: 30px;
}

.webform-component--gridmain--grid2 {
	width: 45%;
	max-width: 100%;
	float: left;
	padding-right: 30px;
}

.webform-component--gridmain--grid2 input[type="text"], .webform-component--gridmain--grid input[type="text"], .webform-component--gridmain--grid2 input[type="email"], .webform-component--gridmain--grid input[type="email"], 
.webform-component--gridmain--grid textarea {
	width: 60%;
	float: right;
	border-radius: 4px;
	color: #555555;
	background-color: #EFEFEF !important;
}

.webform-component--gridmain--grid label, .webform-component--gridmain--grid2 label {
  float: left;
	clear: both;
	font-weight: 400 !important;
}

div.grippie {
	display: none !important;
}

.lomake {
	margin-right: auto;
	margin-left: auto;
}

.lomake select {
	width: 300px;
	max-width: 100%;
	color: #555555;
  vertical-align: middle;
	padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	background-color: #EFEFEF !important;
	float: right;
}

.lomake label {
	font-size: 13px;
	font-weight: 800;
	display: inline-block;
	/* float: left;
	height: 37px; */
}

.lomake #webform-component-kannettavan-telakointi, .lomake #webform-component-optinen-asema, .lomake #webform-component-toimisto-ohjelma {
  width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.lomake #webform-component-etunimi {
  width: 300px;
}

.red {
	color: #BF111F;
}

.tuotenelio {
	border: 1px solid #D0D0D0;
  padding: 10px 5px 10px 20px;
  margin-left: 0px !important;
  min-height: 340px;
  margin-bottom: 30px;
	text-align: left;
}

.palvelupakettio {
	padding-left: 0;
}

.palvelupakettiv {
	padding-right: 0;
}

.palvelupakettisisaltaa {
	background-color: #EFEFEF;
}

.palvelupakettisisaltaa ul {
	list-style-type: none;
  margin-left: 18px;
	font-size: 0.9em;
	text-align: left;
	padding-left: 0;
}

.palvelupakettisisaltaa li:before {
  font-family: 'FontAwesome';
  content: '\f058';
  margin: 0 5px 0 -15px;
  color: #BF111F;
}

.view-palvelupaketit .views-field-field-lyhyt-kuvaus {
	font-weight: 700;
	color: #bf111f;
	font-size: 18px;
	margin-bottom: 1em;
}

.view-palvelupaketit .views-row {
	border: 1px solid #DEDEDE;
	padding: 15px 25px;
  background-color: #EFEFEF;
	position: relative;
}

.view-palvelupaketit .views-field-nothing {
	background-color: #ffffff;
	font-size: 14px;
	text-align: left;
	line-height: 1.3em;
	border: 1px solid #DEDEDE;
	padding: 17px;
}

.clear {
	clear: both;
}

.left {
	text-align: left;
}

.view-palvelupaketit .views-field-title-1, .view-palvelupaketit .views-field-title-2 {
	display: inline-block;
	margin-top: 15px;
}

.view-palvelupaketit .views-field-title-1 a {
	color: white;
  text-decoration: none;
	font-weight: 600;
  background-color: #BF111F;
	font-size: 13px;
	text-transform: uppercase;
	padding: 4px 15px 4px 0px;
	border: 2px solid #BF111F;
	margin-top: 15px;
}

.view-palvelupaketit .views-field-title-2 a {
	color: #BF111F;
  text-decoration: none;
	font-weight: 600;
  background-color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	padding: 4px 15px 4px 0px;
	border: 2px solid #BF111F;
	margin-top: 15px;
}

.view-palvelupaketit .views-field-field-hinta, .hinta {
	font-weight: 700;
	margin-top: 1em;
	font-size: 20px;
}

.view-palvelupaketit .views-field-field-kuva {
	/* position: absolute; */
}

.view-palvelupaketit .views-field-field-kuva ul {
  list-style: none;
}

div.main {
	padding-bottom: 4em;
	/* padding-left: 7%;
	padding-right: 7%; */
}

.l-header .hide-for-small {
	/* padding-left: 7%;
	padding-right: 7%; */
	/* padding-top: 1em; */
}

.node {
	/* background-color: white; */
	/* padding: 30px; */
	/* padding-top: 20px; */
	/* margin-bottom: 40px; */
}

.valkoinen {
	/* background-color: white; */
}

.l-messages {
	margin-top: 20px !important;
}

.field-name-field-tiedosto {
	margin-bottom: 40px;
}

#node-2 {
	padding: 0;
	padding-bottom: 5px;
	background-color: transparent !important;
	margin: 0;
	display: none;
}

#node-2 h2 {
	/* color: white; */
	font-size: 32px;
	font-weight: 200; 
}

.pad {
	padding-left: 5%;
	padding-right: 5%;
}

div.page {
	position: relative;
}

.menu {
	/* background-color: white; */
	/* padding-top: 10px; */
}

div#front_5 {
	clear: both;
	/* padding-top: 20px; */
}

.logo {
	opacity: 1;
	margin: 0;
	max-width: 190px;
  /* padding: 30px 15px 0px 0px; */
}

.tausta {
	/* background-image: url('../images/palkki2.png'); */
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 100%;
	height: 110px;
	/* margin-top: -10px; */
	position: relative;
}

#palkki {
	width: 100%;
	background-color: #BC1421;
	height: 60px;
	margin-top: 15px;
}

ul.links {
	list-style-type: none;
}

.tausta .row .row {
	margin: 0;
}

.node-etusivu .share42init {
	display: none;
}

.webformvasen h2 {
	margin-top: 1.4em;
}

.webformvasen {
	padding-right: 5em;
}

.sisaltovasen {
	padding-right: 3em;
}

/* blogi */

.blogi {
	text-align: left;
}

.blogi {
	font-size: 16px;
}

div.kirjoittaja {
	color: #3b3b3b;
	font-size: 16px;
	font-weight: 300;
}

article div.kirjoittaja {
	margin-bottom: 1.5em;
	font-weight: 700;
	border-top: 1px solid #d8d8d8;
	padding-top: 0.5em;
	width: 40%;
}

article div.kirjoittaja div {
	display: inline;
}

h2.pieniotsikko {
	margin-top: 0.7em;
	margin-bottom: 0;
	font-size: 1.7em;
}

.view-taxonomy-term .views-row {
	width: 33.33%;
	float: left;
}

.view-taxonomy-term .views-row  .wrap {
	padding-right: 10px;
}
.view-taxonomy-term .views-row  .taustavari {
	background-color: #ffffff;
	min-height: 340px;
}

.view-taxonomy-term .views-row  .tarjouksetsisalto {
  padding: 1em;
}

.view-taxonomy-term .views-row  .tarjouksetsisalto p {
  margin-top: 0.2em;
}

.view-taxonomy-term .views-row  .tarjouksetsisalto a.otsikkolinkki {
  color: inherit;
	font-weight: 800;
	font-size: 1.5em;
	line-height: 1.1em;
}

.view-taxonomy-term .views-row  .tarjouksetsisalto a.pieniotsikkolinkki {
  color: inherit;
	font-weight: 700;
	font-size: 1.2em;
}

.view-taxonomy-term .views-row  .tarjouksetsisalto a.kirjoittaja, .view-taxonomy-term .views-row  .tarjouksetsisalto a.pvm {
  color: #a2a2a2;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 0.9em;
}

.views-field-field-kirjoittaja, .view-avainsanat .views-field-created {
	color: #a2a2a2;
	font-size: 0.9em;
	/* font-weight: 300; */
}

.view-avainsanat .views-row {
	margin-bottom: 0.5em;
	padding-right: 2em;
}

.view-avainsanat .views-row a {
	color: inherit;
	/* font-weight: 300; */
}

.blogi h2 {
	text-transform: uppercase;
	/* font-weight: 400; */
	font-size: 16px;
	margin-top: 0.5em;
}

.blogi section {
	margin-bottom: 2em;
}

.blogisisalto h1.title {
	margin-top: 0.3em;
}

.view-avainsanat-tagit ul {
  /* list-style: none; */
}

.view-avainsanat-tagit ul li {
  list-style-type: none;
	/* float: left; */
	display: inline-block;
	margin-right: 5px;
	margin-left: 0;
}

.view-avainsanat-tagit .views-field-term-node-tid a {
	color: #747474;
	color: #bf111f;
	display: block;
	border: 1px solid #dedede;
	border: 1px solid #bf111f;
	/* border-radius: 3px; */
	padding: 4px;
	padding-left: 9px;
	padding-right: 9px;
}


/* Haku */

.search-results .search-snippet-info {
	padding-left: 0;
}

.group-result .field-name-field-kuva {
	width: 33%;
	height: auto;
	float: left;
	clear: left;
}

.group-result .field-name-node-link {
	float: left;
	margin-left: 38%;
}

.group-result .field-name-body {
	float: left;
	width: 60%;
	padding-left: 5%;
}

.group-result .fieldset-wrapper {
	width: 700px !important;
	max-width: 100% !important;
	overflow: hidden;
}

.group-result .field-name-body h3 {
	font-size: 1.5em;
	margin-top: 0;
}

.group-result .field-name-body img,
.group-result .field-name-body iframe,
.group-result-other {
	display: none;
}

.node-teaser {
	margin-bottom: 3em;
}

.block-search-form {
	/* position: absolute;
	left: -210px;
	top: -34px;
	width: 180px; */
	position: absolute;
	right: 180px;
	top: 9px;
}

.block-search-form  #edit-search-block-form--2 {
	border: none;
	border-radius: 5px;
	padding-left: 34px;
	/* height: 50px; */
	margin: 0;
	background-color: #9f131c;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
}

.block-search-form button {
	/* background: url(../images/button.png) no-repeat; */
  cursor: pointer;
  border: none;
  width: 30px;
  height: 30px;
	margin-top: -28px;
	margin-left: 7px;
	background-color: transparent !important;
	color: transparent !important;
	font-weight: 700;
	font-size: 12px;
	transition: 0.3s opacity;
	box-shadow: none;
	background: url(../images/haku.png) no-repeat;
	background-size: 18px 18px;
	font-family: 'Lato', sans-serif;
}

.block-search-form button:hover {
  background-color: transparent !important;
	opacity: 0.7;
}

#banneri {
	max-width: 100%;
	overflow-x: hidden;
}

.block-system-user-menu a {
	text-transform: none;
}

.top-bar .toggle-topbar.menu-icon a span {
	width: 10px;
}

#main-menu-large ul {
	margin-bottom: 0px;
}

#ylamenu,
#main-menu-large a {
	color: #ffffff;
	float: left;
	height: 3.9em;
	line-height: 3.9em;
	padding: 0 0.7em;
	padding-left: 0.7em;
	text-decoration: none;
	font-weight: 800;
	font-size: 14px;
}

#main-menu-large a.active, #main-menu-large a.active-trail {
	/* opacity: 0.7; */
	background-color: #ffffff;
	color: #4a4a4a;
}

#main-menu-large li.first a {
	/* padding-left: 0; */
}

#main-menu a {
	color: #575759;
	float: left;
	height: 4em;
	line-height: 4em;
	padding: 0 0.8em;
	text-decoration: none;
	font-weight: 400;
}

#main-menu-large li {
	/* border-right: 1px solid #D2C7CA; */
}

#main-menu-links a:hover, #main-menu-links a:focus {
  opacity: 0.7;
}

#ylamenu li,
#main-menu-links li {
	float: left;
}

#secondary-menu {
	display: none;
}

.logged-in header {
	/* margin-top: 30px; */
}

header {
	/* background-color: #bf111f; */
}

.l-header a.active {

}

.gray {
	background-color: #ffffff;
	width: 100%;
	/* padding-bottom: 8px;
	padding-top: 16px; */
	height: 60px;
	line-height: 60px;
	display: none !important;
}

.gray2 {
	background-color: #efefef;
	width: 100%;
	height: 30px;
}

/*
.l-header {
    position: absolute;
	left: 0;  
    top: 0;  
    width: 100%;  
	z-index: 100;
	transition: top 0.4s ease-in-out;
	color: white;
}
*/

.ala {
	background-color: white;
	position: fixed; 
	left: 0;  
  top: 0; 
}

.ala #main-menu a {
	color: #6f6f6f;
}

#ylamenu,
	#main-menu a {
		color: #161616;
		font-weight: 700;
		font-size: 1em;
		text-transform: none;
		-webkit-transition:background-color 0.2s ease-in;
		 -moz-transition:background-color 0.2s ease-in;
		 -o-transition:background-color 0.2s ease-in;
		 transition:background-color 0.2s ease-in;
	}

.top-bar {
	/* background: none repeat scroll 0% 0% #ffffff; */
	margin-bottom: 0;
	/* padding-left: 0.7em;
	padding-right: 0.7em; */
	height: 60px;
  line-height: 60px;
	background-color: #ffffff;
	padding-top: 0px;
	z-index:100;
}

#main-menu h5 a {
	font-size: 14px;
	width: 100%;
	display: block;
}

.top-bar.expanded {
	background-color: #ffffff;
}

.top-bar .title-area {
	padding-left: 0.7em;
	padding-right: 0.7em;
}

.top-bar .columns {
	padding-left: 0;
	padding-right: 0;
}

.show-for-small .top-bar {
	/* background: none repeat scroll 0% 0% #ffffff; */
	background: white;
}

.contain-to-grid {
    background: white;
}

.show-for-small .top-bar #main-menu a:hover,
.top-bar #main-menu a:hover {
  background-color: #bb1320;
	color: white;
	opacity: 1;
}

.show-for-small .top-bar #main-menu a,
.top-bar #main-menu a {
	color: #3e3e3e;
	/* background-image: url('../images/nuolioikea2.png');
	background-repeat: no-repeat;
	background-position: 95% 50%; */
}

.top-bar .name h1 a,
.top-bar .name h1 a.active {
    font-weight: bold;
    color: #212121;
	text-transform: uppercase;
	opacity: 1;
	font-size: 1.5em;
	padding-left: 0;
}

.tob-bar .title-area {
	padding-left: 0.7em; 
	padding-right: 0.7em; 
}

.top-bar-section {
	transition: left 300ms ease-out 0.3s;
}

.top-bar .block-uc-cart {
	display: none;
}

.top-bar .block-menu-menu-pikkuvalikko {
	display: none;
}

.top-bar .block-search-form {
	position: absolute;
	top: 60px;
	left: 0%;
	padding-left: 5%;
	padding-right: 5%;
}

.top-bar .block-search-form button {
	margin-top: -27px;
}

.show-for-small .top-bar #main-menu .first {
	/* border-top: 1px solid #ededed; */
	/* padding-top: 10px; */
}

.show-for-small .top-bar #main-menu .menu-otsikko a{
	margin-left: -15px;
}

.show-for-small .top-bar #main-menu .menu-linkki a{
	text-transform: none;
	color: #44d2e8;
	font-weight: 300;
	font-size: 14px;
	line-height: 2.7em;
	background-image: none;
}

.show-for-small .top-bar #main-menu .menu-linkki a:hover,
.top-bar #main-menu .menu-linkki a:hover {
	color: white;
}

.show-for-small .top-bar #main-menu .viimeinen a, 
.top-bar #main-menu .viimeinen a {
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px;
}

.show-for-small .top-bar #main-menu .viimeinen2 a,
.top-bar #main-menu .viimeinen2 a {
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.show-for-small .top-bar #main-menu .ensimmainen,
.top-bar #main-menu .ensimmainen  {
	margin-top: 20px;
}

.top-bar-section ul li > a {
	background: none;
}

.top-bar-section .has-dropdown > a:after { 
	border: none;
}

.top-bar-section ul {
	background-color: transparent;
}

#ylamenu ul li > a,
.top-bar-section ul li > a {
	color: #212121;
}

#ylamenu ul li > a,
.top-bar-section ul li > a {
    background: none repeat scroll 0% 0% #fff;
}

#ylamenu li a:not(.button),
.top-bar-section li a:not(.button) {
    padding: 0px 15px;
    line-height: 45px;
    background: none repeat scroll 0% 0% #fff;
}

.top-bar section.block-block,
.top-bar section.block-block p {
	height: 100%;
}

.top-bar section.block-block {
	padding-left: 60px;
}

/* valikko */
 
.asiakkaatvalikko li.piilotalapset li {
	display: none !important;
}
 
.mobile-menu .menu-block-wrapper  a.active-trail {
	border-bottom: 2px solid #bf111f;
	color: white;
}
 
.top-bar {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

.asiakkaatvalikko .menu-block-wrapper {
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
}

.asiakkaatvalikko .contextual-links-wrapper {
	/* display: none !important; */ 
}

.menu-block-3 {
	margin-left: auto;
	margin-right: auto;
}

#logomenu {
	max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
	color: white;
}

.asiakkaatvalikko .top-bar.expanded {
	background-color: #ffffff;
	overflow: visible;
	margin-bottom: 4px;
}

.page .asiakkaatvalikko  ul.menu li.expanded ul.menu li a {
	font-weight: 300;
	padding-left: 0;
	/* border-bottom: 1px solid #636363; */
}

.asiakkaatvalikko  ul.menu>li {
	/* padding: 6px 1rem; */
	padding: 6px 10px;
}

.kumppanit ul.menu li.last,
header .asiakkaatvalikko ul.menu li.last {
	/* padding-right: 0; */
}

.asiakkaatvalikko  ul.menu ul.menu>li {
	padding: 0;
}

.asiakkaatvalikko .top-bar .block-menu-block {
	/* width: 100%; */
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 160;
	background-color: rgba(255,255,255,1);
	text-align: right;
	/* box-shadow: 0 4px 10px -2px gray; */
}

.asiakkaatvalikko  ul.menu li.expanded ul {
	display: none;
	position: absolute;
	width: 100%;
	right: 0;
	top: 60px;
	z-index: 9999;
	text-align: right;
}

/* palvelut */
.asiakkaatvalikko  ul.menu li.menu-mlid-356 ul.menu {
	width: 1000px;
	right: -450px;
	padding: 4em;
	padding-bottom: 5em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */

.asiakkaatvalikko  ul.menu li.menu-mlid-356 ul.menu ul {
	right: 0px;
	top: 0;
}
}

.asiakkaatvalikko  ul.menu li.menu-mlid-566 ul.menu {
	width: 1200px;
	right: -400px;
	padding: 4em;
	padding-bottom: 5em;
}

.asiakkaatvalikko  ul.menu li.menu-mlid-356 ul.menu ul.menu,
.asiakkaatvalikko  ul.menu li.menu-mlid-566 ul.menu ul.menu {
	width: 100%;
	right: initial;
}

/* perus menuitem */
.asiakkaatvalikko  ul.menu li ul.menu {
	width: 400px;
	right: -100px;
}

.asiakkaatvalikko  ul.menu li ul.menu ul.menu {
	width: 100%;
	right: initial;
	top: initial;
}


.asiakkaatvalikko  ul.menu li.expanded ul li {
	text-align: left;
}

.asiakkaatvalikko  ul.menu li.expanded ul.menu ul.menu {
	position: relative;
}

.asiakkaatvalikko  ul.menu li.expanded:hover {
	/* background-color: #b4141e; */
	background-color: #4c4c4c;
}

.asiakkaatvalikko  ul.menu li.expanded:hover span.nolink ,
.asiakkaatvalikko  ul.menu li.expanded:hover a {
	color: #ffffff;
}

.asiakkaatvalikko  ul.menu li.expanded:hover ul.menu span.nolink,
.asiakkaatvalikko  ul.menu li.expanded:hover ul.menu a {
	/* color: #5b544f; */
	color: white;
}

.asiakkaatvalikko  ul.menu li.expanded  ul.menu li.expanded:hover {
	background-color: transparent;
}

/* Testi - menu auki */
/*
.asiakkaatvalikko  ul.menu li.menu-mlid-356 ul.menu {
	display: block;
}  */

.asiakkaatvalikko  ul.menu li ul.menu li {
	display: block;
}

.asiakkaatvalikko  ul.menu li.menu-mlid-356 ul.menu {
	
}

.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-972,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-973,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-974,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-975,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-976,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-977,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-1843,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-1844,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-1845,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-1846,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-1847,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-1848 {
	width: 25%;
	float: left;
}

/* JK Center */
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2334,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2335,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2336,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2337,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2338,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2339,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2340,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2851,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2852 {
	width: 33%;
	float: left;
}

/* Aames */
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2397,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2381,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2374,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2668,
.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2866 {
	width: 25%;
	float: left;
}

.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2668:after {
	white-space: pre;
	content: "\A\A";
}

.asiakkaatvalikko ul.menu li.expanded ul.menu li.menu-mlid-2336 {
  /* clear: left; */
}

.asiakkaatvalikko ul.menu li.last.expanded.menu-mlid-975 {
	margin-top: -3em;
}

.asiakkaatvalikko ul.menu li.expanded ul.menu ul.menu li {
	width: 100%;
	float: none;
	padding: 0;
}

.asiakkaatvalikko  ul.menu li.expanded:hover ul {
	display: block;
}

.asiakkaatvalikko  ul.menu > li{
	display: inline-block;
}

.asiakkaatvalikko ul.menu li.expanded>ul {
	background: #4c4c4c;
	padding: 2em;
}

.page .asiakkaatvalikko ul.menu li.expanded ul li a {
	color: white;
}

.asiakkaatvalikko ul.menu li.expanded ul.menu ul.menu {
	padding: 0em;
}

.asiakkaatvalikko .top-bar .block-menu-block  .nolink,
.page .asiakkaatvalikko .top-bar .block-menu-block ul li a {
	font-weight: 700;
	text-transform: uppercase;
	line-height: 48px;
	font-size: 1.1em;
}

.asiakkaatvalikko .top-bar .block-menu-block ul.menu li ul.menu li a {
	text-transform: none;
	line-height: 1.7em;
	font-size: 1.1em;
}

.kumppanit .top-bar .block-menu-block ul.menu li a {
	line-height: 3em;
	font-size: 1.1em;
	font-weight: 800;
}

/* verkkokauppa- ja palvelutuotelinkit */

li.ostoskarri {
	background-image: url('../images/dg_verkkokauppa.png') !important;
	background-size: 50px 43px;
	background-position: 0% 0% !important;
	background-repeat: no-repeat !important;
}

li.palvelupaketti {
	background-image: url('../images/dg_palvelupaketti.png') !important;
	background-size: 40px 26px;
	background-position: 0% 50% !important;
	margin-bottom: 1em;
	background-repeat: no-repeat !important;
}

li.palvelupaketti a,
li.ostoskarri a {
	display: block;
	/* height: 100% !important; */
	line-height: 50px !important;
	width: 100% !important;
	padding-left: 47px !important;
}

li.palvelupaketti a:before,
li.ostoskarri a:before {
content: "" !important;
}

/* Piilotetaan hups */
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-992,
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-992,
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-995,
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-995,
.menu-mlid-992,
.menu-mlid-995 {
	display: none;
}

/* Blogi */

.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-839 ul.menu li:nth-of-type(1n+8),
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-1825 ul.menu li:nth-of-type(1n+6),
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-839 ul.menu li:nth-of-type(1n+8),
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-1825 ul.menu li:nth-of-type(1n+6),
.mobile-menu li.menu-mlid-839 ul.menu li:nth-of-type(1n+8),
.mobile-menu li.menu-mlid-1825 ul.menu li:nth-of-type(1n+6),
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-1256 ul.menu li:nth-of-type(1n+6),
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-1256 ul.menu li:nth-of-type(1n+6),
.mobile-menu li.menu-mlid-1256 ul.menu li:nth-of-type(1n+6) {
	display: none;
}


.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-839 ul.menu li.naytakaikki,
.mobile-menu li.menu-mlid-839 ul.menu li.naytakaikki {
	display: block;
}

.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu li a:before,
.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li a:before {
	 content: "› ";
}

/* piilotetaan etusivulta kumppanit -valikkoitem */
.front .top-bar .block-menu-block .menu-mlid-829 {
	display: none;
}

/* kumppanitvalikko */

.kumppanit ul.menu > li {
	padding: 0.2em 1em;
}

.kumppanit .top-bar .block-menu-block .menu-level-2 ul.menu li {
	clear: both;
}

.kumppanit .top-bar .block-menu-block .menu-level-2 ul.menu li a {
	font-weight: 700;
	text-transform: uppercase;
}

.kumppanit .top-bar .block-menu-block .menu-level-2 ul.menu li.expanded {
	/* margin-bottom: 1em; */
}

.kumppanit .top-bar .block-menu-block .menu-level-2 ul.menu li a:before {
	content: "";
}

.kumppanit .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu li a {
	font-weight: 300;
	text-transform: none;
}

.kumppanit .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu li a:before {
	content: "› ";
}

.kumppanitvalikko .top-bar .expanded a {
		background-image: url('../images/nuolioikea2.png') !important;
		background-repeat: no-repeat !important;
		background-position: 98% 50% !important;
}

.kumppanitvalikko .top-bar {
	max-width: 1070px;
}




.top-bar .toggle-topbar.menu-icon {
	right: 15px;
	margin-top: -16px;
}

.top-bar .name {
   height: 52px;
}

.top-bar .name h1 {
   line-height: 52px;
}

.top-bar .mpaikkakunta {
	float: right;
}

.top-bar .toggle-topbar.menu-icon a {
    color: #4e4e50;
		/* text-indent: -68px; */
		text-indent: -95px;
    width: 34px;
    height: 34px;
    line-height: 33px;
    padding: 0px;
}

.top-bar.expanded .title-area {
   background: none repeat scroll 0% 0% #ffffff; 
	 /* border-bottom: 1px solid #EDEDED; */
		/* padding-bottom: 5px; */
}

.top-bar .toggle-topbar.menu-icon a::after {
	content: "";
	position: absolute;
	right: 0;
	display: block;
	width: 16px;
	top: 0;
	height: 0;
	-webkit-box-shadow: 1px 10px 1px 1px #4e4e50, 1px 16px 1px 1px #4e4e50, 1px 22px 1px 1px #4e4e50;
	box-shadow: 0 10px 0 1px #4e4e50, 0 16px 0 1px #4e4e50, 0 22px 0 1px #4e4e50;
}

.top-bar-section .dropdown li.title h5 a {
	background-image: none !important;
}

.top-bar .parent-link {
	display: none;
}

.top-bar .expanded {
	background-image: none !important;
}

.top-bar .expanded {
	border-top: none;
}

.top-bar .expanded a {
	/* background-image: url('../images/nuolioikea2.png') !important;
	background-repeat: no-repeat !important;
	background-position: 95% 50% !important; */
}

.top-bar ul {
    list-style: none;
}

.top-bar ul li {
    list-style: none;
}

.nav-up {
  top: -57px;
}

.fo {
	width: 100%;
	background-color: #44d4e9;
}

.fo p {
	margin: 0;
}

.sos {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5em;
}

.fb-like-box {
	background-color: #ffffff;
}

/* easy breadcrumb */

.easy-breadcrumb {
	margin-bottom: 0.5em;
	font-size: 13px;
	font-weight: 400;
}

span.etusivu_o {
	font-size: 2.3em;
	/* font-family: 'Sanchez', serif; */
	/* text-transform: uppercase; */
	color: #ffffff;
	line-height: 1em;
	font-weight: 400;
}

span.etusivu_o2 {
	font-size: 1.7em;
	/* font-family: 'Sanchez', serif; */
	line-height: 1em;
	font-weight: 400;
	color: #ffffff;
	/* color: #000000; */
}

#footercontact label {
	float: none;
	display: block;
	width: 100%;
	line-height: 2.5em;
}

#footercontact button {
    width: auto;
}

#footercontact input[type=text], #footercontact input[type=email] {
    font-size: 16px;
    float: none;
    max-width: 100%;
    background-color: #ececec;
    border-color: #ececec;
}

/* views */

.views-field-field-pieni-otsikko {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1.1em;
	margin-top: 0.5em;
}

.block-views-tarjoukset-block h2.block-title {
	color: #000000;
}

.tarjouslinkki {
	display: block;
	margin-top: 1em;
}

.view-valtakunnaliset-uutiset-2 .views-field-created span, 
.view-uutiset-rss .views-field-timestamp span, 
.view-uutiset-j-senliike .views-field-created span, 
.view-valtakunnaliset-uutiset-eng .views-field-created span, 
.view-uutiset-valtakunnalliset-eng .views-field-timestamp span, 
.view-uutiset-j-senliike-eng .views-field-created span, 
.view-valtakunnaliset-uutiset-swe .views-field-created span, 
.view-uutiset-valtakunnalliset-swe .views-field-timestamp span, 
.view-uutiset-j-senliike-swe .views-field-created span {
	background-color: #D90504;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;	
	font-size: 1.1em !important;
	font-weight: 400;
}

.view-valtakunnaliset-uutiset-2 .views-row, 
.view-uutiset-rss .views-row, 
.view-uutiset-j-senliike .views-row, 
.view-valtakunnaliset-uutiset-eng .views-row, 
.view-uutiset-valtakunnalliset-eng .views-row, 
.view-uutiset-j-senliike-eng .views-row, 
.view-valtakunnaliset-uutiset-swe .views-row, 
.view-uutiset-valtakunnalliset-swe .views-row, 
.view-uutiset-j-senliike-swe .views-row {
	padding-bottom: 130px;
	padding-top: 100px;
	padding-left: 20px;
	padding-right: 10px;
	overflow: hidden;
	/* word-break: break-all; */
	vertical-align: top;
	/* background-color: #ffffff; */
	min-height: 200px;
	text-align: left;
	border-right: 1px solid #dbdbdb;
}

.view-valtakunnaliset-uutiset-2 .views-row-last, 
.view-uutiset-rss .views-row-last, 
.view-uutiset-j-senliike .views-row-last, 
.view-valtakunnaliset-uutiset-eng .views-row-last, 
.view-uutiset-valtakunnalliset-eng .views-row-last, 
.view-uutiset-j-senliike-eng .views-row-last, 
.view-valtakunnaliset-uutiset-swe .views-row-last, 
.view-uutiset-valtakunnalliset-swe .views-row-last, 
.view-uutiset-j-senliike-swe .views-row-last {
	border-right: none;
}


.view-valtakunnaliset-uutiset-2 .views-field-description, 
.view-uutiset-rss .views-field-description,
.view-uutiset-j-senliike .views-field-body,
.view-valtakunnaliset-uutiset-eng .views-field-description,
.view-uutiset-valtakunnalliset-eng .views-field-description,
.view-uutiset-j-senliike-eng .views-field-body,
.view-valtakunnaliset-uutiset-swe .views-field-description,
.view-uutiset-valtakunnalliset-swe .views-field-description,
.view-uutiset-j-senliike-swe .views-field-body {
	word-wrap:break-word;
	max-width: 100%;
	line-height: 1.5em !important;
	/* display: block; */
}

.view-valtakunnaliset-uutiset-2 tr,
.view-uutiset-rss tr, 
.view-uutiset-j-senliike tr, 
.view-valtakunnaliset-uutiset-eng tr, 
.view-uutiset-valtakunnalliset-eng tr, 
.view-uutiset-j-senliike-eng tr, 
.view-valtakunnaliset-uutiset-swe tr, 
.view-uutiset-valtakunnalliset-swe tr,  
.view-uutiset-j-senliike-swe tr {
   background: none !important;
}

.view-valtakunnaliset-uutiset-2 h2,
.view-uutiset-rss h2, 
.view-uutiset-j-senliike h2, 
.view-valtakunnaliset-uutiset-eng h2, 
.view-uutiset-valtakunnalliset-eng h2, 
.view-uutiset-j-senliike-eng h2, 
.view-valtakunnaliset-uutiset-swe h2, 
.view-uutiset-valtakunnalliset-sweh2,  
.view-uutiset-j-senliike-swe h2 {
	text-transform: none;
}

.view-valtakunnaliset-uutiset-2 .views-field-title a, .view-uutiset-rss .views-field-title a, .view-uutiset-j-senliike .views-field-title a, .view-valtakunnaliset-uutiset-eng .views-field-title a, .view-uutiset-valtakunnalliset-eng .views-field-title a, .view-uutiset-j-senliike-eng .views-field-title a, .view-valtakunnaliset-uutiset-swe .views-field-title a, .view-uutiset-valtakunnalliset-swe .views-field-title a, .view-uutiset-j-senliike-swe .views-field-title a {
	/* font-style: italic; */
	font-size: 1.3em;
	margin-bottom: 0.4em;
	margin-top: 0.5em;
	display: block;
	line-height: 1.3em;
	font-weight: 800;
	color: inherit;
}

.block-views-valtakunnaliset-uutiset-2-block a.views-more-link, 
.block-views-valtakunnaliset-uutiset-eng-block a.views-more-link, 
.block-views-uutiset-j-senliike-block a.views-more-link, 
.block-views-uutiset-rss-block span.views-field-link a, 
.block-views-5205a2f23cb461a06fc62b8db5fd7e21 span.views-field-link a, 
.block-views-uutiset-j-senliike-eng-block a.views-more-link,
span.readmore a {
	color: inherit;
	font-size: 1em;
	display: inline-block;
	/* padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 1.1em !important;
	font-weight: 400;
	background-color: #2C2B30; */
}


.block-views-valtakunnalliset-tarjoukset-block .views-row, 
.block-views-tarjoukset-block .views-row, 
.block-views-offers-block .views-row, 
.block-views-tarjoukset-swe-block .views-row {
	/* padding-bottom: 20px !important; */
}

.view-valtakunnalliset-tarjoukset .views-row img, 
.block-views-tarjoukset-block .views-row img, 
.block-views-offers-block .views-row img, 
.block-views-tarjoukset-swe-block .views-row img {
	/* margin-bottom: 10px !important; */
}

.block-views-tarjoukset-block h2, 
.block-views-offers-block h2, 
.block-views-tarjoukset-swe-block h2 {
	/* color: #B60702 !important; */
	font-size: 2.3em;
	margin-top: 20px;
}

.block-views-valtakunnaliset-uutiset-2-block h2, 
.block-views-uutiset-rss-block h2, 
.block-views-uutiset-j-senliike-block h2, 
.block-views-valtakunnaliset-uutiset-eng-block h2, 
.block-views-5205a2f23cb461a06fc62b8db5fd7e21 h2, 
.block-views-uutiset-j-senliike-eng-block h2, 
.block-views-valtakunnaliset-uutiset-swe-block h2, 
.block-views-uutiset-j-senliike-swe-block h2,
.block-views-7093b8937abfd235d49f114a7227be2e h2 {
	color: #404040;
	font-size: 2em;
	margin-bottom: 1.3em;
	/* text-transform: none; */
	margin-top: 2em;
	font-weight: 900;
	/* font-weight: 300; */
	/* letter-spacing: -1px; */
}

.block-views-valtakunnaliset-uutiset-2-block table, 
.block-views-uutiset-rss-block table, 
.block-views-uutiset-j-senliike-block table, 
.block-views-valtakunnaliset-uutiset-eng-block table, 
.block-views-5205a2f23cb461a06fc62b8db5fd7e21 table, 
.block-views-uutiset-j-senliike-eng-block table, 
.block-views-valtakunnaliset-uutiset-swe-block table, 
.block-views-uutiset-j-senliike-swe-block table,
.block-views-7093b8937abfd235d49f114a7227be2e table {
	background: none;
}

.view-palvelutuotteet .views-field-field-ikoni,
.view-palvelutuotteet-eng .views-field-field-ikoni,
.view-palvelutuotteet-swe .views-field-field-ikoni,
.view-referenssit .views-field-field-image,
.view-referenssit-eng .views-field-field-image,
.view-referenssit-swe .views-field-field-image {
  float: left;
  margin-right: 40px;
  margin-bottom: 20px;
}

.view-referenssit .views-field-field-image,
.view-referenssit-eng .views-field-field-image,
.view-referenssit-swe .views-field-field-image {
  min-height: 100px;
}

.view-palvelutuotteet .views-row,
.view-palvelutuotteet-eng .views-row,
.view-palvelutuotteet-swe .views-row,
.view-referenssit .views-row,
.view-referenssit-eng .views-row,
.view-referenssit-swe .views-row {
  clear: both;
  margin-top: 20px;
  padding-bottom: 20px;
}

.block-views-vasen-sis-lt-2016-block {
	margin-bottom: 3em;
}

.node-type-palvelutuotteet .block-share42-share42 {
	text-align: left;
	clear: both;
	padding-top: 1em;
}

.block-views-vasen-sis-lt-2016-block .views-field-field-pieni-otsikko {
	margin-bottom: 0.7em;
	line-height: 1em;
	letter-spacing: 0px;
	font-size: 32px;
	letter-spacing: 0px;
	/* color: #676767; */
	color: #444;
}

.block-share42 h2 {
	font-size: 1em;
}

.etaisyys {
	margin-top: 1em;
	margin-bottom: 1em;
}

#oikea_yla p {
	font-size: 1.2em;
	margin: 0;
	padding-left: 1em;
	padding-right: 0.7em;
	display: inline-block;
}

#oikea_yla p.sijainti {
	background: url(../nuoli.png) no-repeat left;
}

#oikea_yla a {
	color: inherit;
	font-weight: 300;
}
		
.block-share42 {
	margin-top: 4em;
}

.view-sis-lt-vasen-palvelutuote img,
.view-sis-lt-vasen-palvelutuote-sv img {
	max-width: 80%;
}

.view-sis-lt-vasen-palvelutuote ul,
.view-sis-lt-vasen-palvelutuote-sv ul  {
	list-style-position: inside;
	font-weight: 300;
	padding-left: 1em;
}

.view-sis-lt-vasen .views-field-title-1 span {
	display: none;
}

.view-sis-lt-vasen-palvelutuote .views-field-field-pieni-otsikko,
.view-sis-lt-vasen-palvelutuote-sv .views-field-field-pieni-otsikko,
.view-sis-lt-vasen .views-field-field-pieni-otsikko,
.view-sis-lt-vasen-sv .views-field-field-pieni-otsikko {
	margin-bottom: 0.7em;
}

.block-views-sis-lt-vasen-palvelutuote-block,
.block-views-sis-lt-vasen-palvelutuote-sv-block {
	margin-bottom: 2em;
}

.view-sis-lt-vasen-palvelutuote,
.view-sis-lt-vasen-palvelutuote-sv {
	text-align: left;
	font-size: 1.1em;
}

.view-referenssit .views-row,
.view-referenssit-eng .views-row,
.view-referenssit-swe .views-row {
  background-image: url('../katkoviiva.png');
  background-position: bottom center;
  background-repeat: no-repeat;
}

.view-verkkokauppatuotteet .views-row,
.view-verkkokauppatuotteet-sv .views-row {
	border-color: #ffffff;
	padding-bottom: 50px;
	padding-top: 10px;
	border-right: 1px solid #ffffff;
}

.view-verkkokauppatuotteet .views-row-last,
.view-verkkokauppatuotteet-sv .views-row-last {
	border-right: none;
	float:left !important;
}

.view-verkkokauppatuotteet .views-field-field-kuva-tarjous, .view-verkkokauppatuotteet .views-field-field-kuva,
.view-verkkokauppatuotteet-sv .views-field-field-kuva-tarjous, .view-verkkokauppatuotteet-sv .views-field-field-kuva,
.view-verkkokauppatuotteet .views-field-body,
.view-verkkokauppatuotteet-sv .views-field-body {
	height: 200px;
}

.view-verkkokauppatuotteet .views-field-field-kuva-tarjous div, .view-verkkokauppatuotteet .views-field-field-kuva div,
.view-verkkokauppatuotteet-sv .views-field-field-kuva-tarjous div, .view-verkkokauppatuotteet-sv .views-field-field-kuva div {
	height: 200px;
}

.view-verkkokauppatuotteet .views-field-field-kuva-tarjous div:before, .view-verkkokauppatuotteet .views-field-field-kuva div:before,
.view-verkkokauppatuotteet-sv .views-field-field-kuva-tarjous div:before, .view-verkkokauppatuotteet-sv .views-field-field-kuva div:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.view-verkkokauppatuotteet .views-field-body,
.view-verkkokauppatuotteet-sv .views-field-body {
	text-align: center;
}

.view-verkkokauppatuotteet .views-field-body div,
.view-verkkokauppatuotteet-sv .views-field-body div {
	height: 100%;
	width: 100%;
	display: table;	
	text-align: center;
}

.view-verkkokauppatuotteet .views-field-body p,
.view-verkkokauppatuotteet-sv .views-field-body p {
  display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.view-verkkokauppatuotteet .views-field-body img,
.view-verkkokauppatuotteet-sv .views-field-body img {
	max-height: 200px;
	height: auto;
}

.view-verkkokauppatuotteet .views-field-field-hinta,
.view-verkkokauppatuotteet-sv .views-field-field-hinta  {
	font-size: 1.5em;
	margin-top: 0.5em;
}

.view-verkkokauppatuotteet img,
.view-verkkokauppatuotteet-sv img {
	max-width: 60%;
	max-height: 80%;
	width: auto;
	display: inline-block;
  vertical-align: middle;  
}

.view-verkkokauppatuotteet .views-field-title a,
.view-verkkokauppatuotteet-sv .views-field-title a,
.view-ajankohtaista-uusi-etusivu a {
	color: inherit;
	word-wrap: break-word;
	font-size: 14px;
}

.view-ajankohtaista-uusi-etusivu a {
	display: block;
	font-size: 18px;
	font-weight: 700;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.view-ajankohtaista-uusi-etusivu .views-row {
	margin-bottom: 3em;
	margin-top: 1em;
}

h2.block-title:after {
    content: "\2014";
    display: block;
}

.view-verkkokauppatuotteet .views-field-title-1 a.nappi,
.view-verkkokauppatuotteet-sv .views-field-title-1 a.nappi {
	background-color: #b4141e;
	margin-top: 1em;
}

#block-locale-language .contextual-links-wrapper {
  display: none;
}

.locale-untranslated {
	display: none;
}

.view-tuotemerkit {
  width: 950px;
  height: 70px;
  padding-top: 25px;
  margin-top: 30px;
  /* overflow: hidden; */
}

.view-tuotemerkit img {
  display: block;
  margin: 7px;
  /* max-width: 100px; */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Webkit Nightlies */
}

.view-tuotemerkit img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1.0 !important;
  filter:alpha(opacity=100) !important;
}

.view-tuotemerkit a:hover {
  opacity: 1.0 !important;
  filter:alpha(opacity=100) !important;
}

.view-tuotemerkit .field-content {
  /* width: 100px; */
}

.view-tuotemerkit li {
  list-style-type: none;
  /* width: 100px; */
  float: left;
  display: block;
}

.view-tuotemerkit ul {
  list-style: none;
}

#block-views-mp3-block {
  display: none;
}

.qtip-link, .qtip-additional-element {
  border-bottom: none !important;
  color: initial !important;
}

.field-slideshow-slide, .field-slideshow-slide a, .field-slideshow-slide img {
  width: auto !important;
}


.otsikko {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 1em;
	line-height: 1em;
	letter-spacing: 0px;
	/* color: #676767; */
	color: #444;
	padding-left: 0.9375em;
}

.view-header {
	font-size: 18px;
	padding-left: 0%;
	padding-right: 2%;
	line-height: 1.5em;
	margin-bottom: -20px;
	text-align: left;
	font-weight: 700;
}

.term-description {
	padding-left: 1.9375em;
	padding-right: 0.9375em;
}

.view-header h2 {
	text-align: left;
}


/* view ajankohtaista */

.block-views-ajankohtaista-block {
	margin-top: 2em;
	border-bottom: 1px solid #ededed;
	padding-bottom: 1.5em;
}

.block-views-ajankohtaista-block .views-row {
	padding-bottom: 1.5em;
}

.block-views-ajankohtaista-block .views-field-title a {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 1em;
	line-height: 1em;
	letter-spacing: 0px;
	color: #444;
}

.block-views-ajankohtaista-block .views-field-field-image {
	margin-bottom: 20px;
}

.views-more-link {
	margin-top: 1em;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #44d2e8;
	color: #ffffff;
	text-decoration: none;
	width: 80px;
	font-weight: 400;
	font-size: 12px;
	border-radius: 3px;
	text-align: center;
	background-image: none;
}

.views-more-link:hover {
	color: white;
}

/* view-kategoriat */

.kategoria {
	display: inline-block;
	width: 13%;
	margin-right:1%;
	text-align: center;
	margin-bottom: 20px;
}

.block-views-kategoriat-block {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
}

.view-kategoriat  .views-field-rendered-entity a {
	color: #555555;
	/* color: #444; */
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
}

.view-kategoriat .views-field-uc-catalog-image {
	/* height: 120px; */
}

.etusivuala {
	padding-bottom: 40px;
	margin: 0px -0.9375em;
}

.logot {
	background-color: white;
	padding-top: 20px;
	padding-bottom: 20px;
	padding: 20px;
}

.logot img {
	max-width: 100px;
}

.harmaa {
	/* background-image: url('../images/tausta.jpg'); */
}

.harmaatausta {
	background-color: #3d3d3d;
}

.viiva {
	width: 100%;
	height: 1px;
	background-image: url('../katkoviiva_pitka.png');
	background-position: center center;
	clear: both;
	background-repeat: no-repeat;
}

/* Banneri */



.block-views-banneri-block {
	margin-bottom: 30px;
	margin-top: 0px;
}

#flexslider_views_slideshow_main_banneri-block .flexslider img  {
	/* height: 100%; */
	/* border: 6px solid white !important; */
	overflow: hidden;
	/* min-width: 500px; */
}

.flexslider {
	border: none !important;
	position: relative;
}

ol.flex-control-nav {
	bottom: -40px;
	/* text-align: left; */
}

.flex-control-nav li a {
	
}

.field-name-body {
	/* margin-bottom: 4em; */
}

#flexslider_views_slideshow_main_banneri-block h2 {
	font-size: 70px !important;
	color: white;
}

#flexslider_views_slideshow_main_banneri-block .views-field-body {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: white;
}

#flexslider_views_slideshow_main_banneri-block .views-field-body p {
	padding-right: 15%;
	padding-left: 15%;
	font-size: 1em;
}

div.ban {
	margin-top: -150px;
}

.block-views-referenssit-block h2 {
	text-align: center;
	padding-left: 0%;
}

#flexslider_views_slideshow_main_referenssit-block .views-field-body p {
	/* position: absolute;
	right: 0px;
	top: 100px;
	width: 400px; */
	text-align: left;
	padding-right: 0%;
	padding-left: 0px;
}

#flexslider_views_slideshow_main_referenssit-block .views-field-title {
	/* position: absolute;
	right: 0px;
	top: 50px;
	width: 400px; */
	text-align: left;
	font-weight: bold;
	/* font-family: 'Alegreya Sans'; */
	text-transform: uppercase;
	font-size: 1em;
	padding-right: 0%;
	padding-left: 0px;
}

#flexslider_views_slideshow_main_referenssit-block  {
	width: 100%;
	margin-bottom: 4em;
}

#block-views-referenssit-block {
	margin-top: 4em;
	text-align: center;
}

.view-palvelut a {
	font-size: 14px;
}

.view-palvelut .views-row {
	text-align: left;
}

.view-palvelut .views-row p {
	padding-left: 0%;
	padding-right: 5%;
}

.view-palvelut .views-field-title {
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 1em;
	text-transform: uppercase;
}

.view-palvelut .views-field-field-kuva img {
	height: 120px; 
	width: auto;
	/* opacity: 0.7; */
}

article {
	clear: both;
	/* padding-top: 1em; */
}

.view-kuvagalleria .views-field-field-kuva {
	margin-right: 10px;
	margin-bottom: 1em;
}

.view-kuvagalleria .views-row {
	display: inline-block;
}

.field-name-field-liitetiedosto {
	margin-bottom: 2em;
}

#admin-toolbar * {
  -moz-box-sizing: content-box;
}

.block-block-4 img {
	margin-bottom: 20px;
}

.form-item {
	/* width: 60%;
	width: 60%; */
	/* width: 500px; */
	max-width: 100%;
}

div.infoboksi {
	padding: 1.5em;
	background-color: #f8f8f8;
	margin-bottom: 2em;
	margin-top: 2em;
}

a.nappi {
	display: inline-block;
	padding: 17px;
	padding-left: 25px;
	padding-right: 25px;
	background-color: #2C2B30;
	color: #ffffff;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	/* text-transform: uppercase; */
	font-weight: 700;
	font-size: 1.1em;
	text-align: center;
}

div.nappi a {
	display: inline-block;
	padding: 11px;
	background-color: #2C2B30;
	color: #ffffff;
	/* border: 2px solid #44d4e9;
	color: #44d4e9; */
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	/* text-transform: uppercase; */
	text-align: center;
}

a.sisaltonappi {
	margin-top: 2em;
}

.l-main a:hover, 
.l-main a:active, 
.l-main a:focus,
#footer-wrapper a:hover {
/* text-decoration: underline; */
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.main a.active {
	opacity: 0.5;
}

.keski {
	text-align: center;
}

div.menu {
	margin-top: -1em;
	margin-bottom: 1em;
	text-align: center;
}

.page ul.menu {
	list-style: none;
	margin-bottom: 0;
}

.page ul.menu li {
  border: 0;
	/* background: none; */
	/* text-transform: uppercase; */
	display: inline-block;
}

.page .menu-level-2 {
	/* margin-top: 40px; */
}

#mainsisalto .menu-level-2 ul.menu li,
#mainsisalto .block-menu-block-6 ul.menu li {
	display: block; 
}

.sisaltovasen .block-menu-block a {
	padding: 0.2em 0.5em;
	font-size: 1.1em;
}

.sisaltovasen .block-menu-block a:before {
	content: "› ";
}

.sisaltovasen .block-menu-block a:hover {
	background-color: #b4141e;
	color: white;
}

.page .menu-level-2 ul.menu li a,
.block-menu-block-6 ul.menu li a  {
	color: #363636;
	font-weight: 700;
	font-family: 'Lato', sans-serif;	
	/* margin-right: 0.7em; */
	/* margin-left: 0.7em; */
  display: block;
	/* height: 30px; */
	line-height: 1.9em;
	/* padding-left: 10px; */
}

.page .asiakkaatvalikko ul.menu li.expanded ul.menu li a {
	display: block;
	color: white;
}

.page .asiakkaatvalikko ul.menu li.expanded ul.menu li a {
	padding: 0.2em;
}

.page .menu-level-2 ul.menu li  ul.menu li a:hover,
.page .asiakkaatvalikko ul.menu li.expanded ul.menu li a:hover {
	background-color: #bf111f;
	color: #ffffff;
}

.l-main .page .menu-level-2 ul.menu li a.active-trail,
.l-main .block-menu-block-6 ul.menu li a.active-trail {
	border-bottom: 2px solid #bf111f;
}

.page .menu-level-3 ul.menu li a {
	color: #363636;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
  font-size: 16px;
	/* margin-right: 0.7em; */
	/* margin-left: 0.7em; */
  display: block;
	height: 1.5em;
	line-height: 1.5em;
}

.page .menu-level-3 ul.menu {
	margin-top: 3em;
}

.page .menu-level-3 ul.menu li {
	/* background: none; */
	/* text-transform: uppercase; */
	display: block;
}

.menu-block-wrapper li {
	list-style-type: none;
	list-style-image: none;
}

.menu-block-wrapper a.active-trail {
	color: #000000;
}

.menu-block-wrapper li.expanded .last {
	background-image: none !important;
}

/* 3 taso */

.menu-block-wrapper li.expanded li.expanded ul li {
	
}

.menu-block-wrapper li.expanded li.expanded .last {
	background-image: none !important;
}

.menu-block-wrapper li.expanded li.expanded li a {
	/* margin-left: 60px;
	display: block; */
}

.menu-block-wrapper ul.menu {
 	padding-left: 0px;
	/* padding-right: 20px; */
	list-style-type: none;
  	font-size: 1em;
  	/* font-family: 'Sanchez', serif; */
}

.menu-block-4 {
	text-align: left;
}

.page .menu-block-4 ul.menu {
	margin-top: 0;
}

.page .block-menu-block-4 h2.block-title {
	margin-top: 0em;
}

.block-menu-block-6 .menu-block-wrapper ul.menu {
	padding-left: 0px;
	padding-right: 0px;
	list-style-type: none;
	font-size: 1em;
	text-align: left;
}

.block-menu-block-6 .menu-block-wrapper ul.menu li {
	display: block;
	font-size: 1em;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}



#footer-columns {
	font-size: 16px;
	padding-bottom: 30px;
}

#footer-columns ul.menu li {
	display: block;
	margin-bottom: 0.5em;
}

#footer-columns ul.menu li a {
	color: #ffffff;
	font-weight: 300;
	font-size: 16px;
}

#footer-columns ul.menu {
	margin-top: 0.7em;
}

#footer-columns a {
	color: #ffffff;
}

/* /menu */


section.row {
	/* display: none; */
}

.l-footer-columns {
	margin: 0 auto !important;
	/* background-image: url('../images/footertausta.png'); */
	border: none;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #3d3d3d;
	min-height: 300px;
	text-align: left;
	padding-top: 4em;
	padding-bottom: 4em;
	color: white;
}

.l-footer-columns p {
	color: white;
	/* text-transform: uppercase; */
	font-size: 0.8em;
}

.l-footer-columns h2 {
	color: white;
}


.fo {
	/* background-attachment:fixed; */
	width: 100%;
	margin-top: 1em;
	margin-bottom: 0px;
	padding-top: 1em;
	padding-left: 5%;
	padding-right: 5%;
	border: none;
}

.footer1 {
	background-image: url('../images/palkkiturkoosi.png');
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	max-height: 359px;
	color: white;
	padding-top: 60px;
	display: none;
}

.footer1 p {
	color: white;
}

.footer1 h2 {
	color: white;
}

.footer2 {
	background-color: white;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
}

.footer2 p {
	margin: 0;
}

button.radius, .button.radius {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

button {
	-webkit-box-shadow: 0;
	box-shadow: 0;
	-webkit-transition: background-color 200ms ;
	-moz-transition: background-color 200ms;
	transition: background-color 200ms;
	background-color: #262626 !important;
	border: none;
}

button:hover {
	background-color: #44d4e9 !important;
}

.form-submit {
	padding-top: 0.8125em;
	padding-bottom: 0.75em;
	-webkit-appearance: none;
}
.form-submit {
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	font-family: 'Lato', sans-serif;	
	font-weight: 700;
	line-height: 1;
	margin: 1em 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	/* text-transform: uppercase; */
	display: inline-block;
	padding-top: 1.3em;
	padding-right: 2.7em;
	padding-bottom: 1.3em;
	padding-left: 2.7em;
	font-size: 1.3em;
	background-color: #262626 !important;
	border-color: #262626;
	color: white !important;
}

.form-submit:hover {
	background-color: #44d4e9 !important;
}

/* tietoturvatesti */
.webform-client-form-393 label {
	font-weight: 700;
}

/* sivutus */

.pagination-centered {
	display: none;
}

.pager-load-more a {
	display: block;
	font-weight: 700;
	padding: 20px;
	font-size: 1.5em;
	color: inherit;
}

.pager-load-more a:before {
	content: "\00BB\a0";
}

/* valikon kieli */

.lang-sv .menu-829 a {
	text-indent: -9999px !important;
  line-height: 0 !important; /* Collapse the original line */
}

.lang-sv .menu-829 a:after {
	content: "Partners";
  text-indent: 0px;
	line-height: 3.9em;
  display: block;
}

.lang-sv .menu-icon a span {
	text-indent: -9999px !important;
  line-height: 0 !important; /* Collapse the original line */
}

.lang-sv .menu-icon a span:after {
	content: "Börja här";
  text-indent: -95px;
  display: block;
  line-height: 33px; /* New content takes up original line height */
}

/* mainostaulu */

.page-mainostaulu .content {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* list-styles */

article ul, article ol {
    margin: 1em 0px;
    padding: 0px 0px 0.25em 2.5em;
		font-size: 16px;
		font-weight: 300;
}


/* ------------------ Table Styles ------------------ */

table {
  border: 0;
  border-spacing: 0;
  margin: 10px 0;
  width: 100%;
	font-size: 1em;
}
table table {
  font-size: 1em;
}
#footer-wrapper table {
  font-size: 1em;
}
table tr th {
  border-bottom-style: none;
}

table tr th, table tr td {
	padding: 0em 0em;
	font-size: 16px;
	color: inherit;
	font-weight: 300;
}

table tr th,
table tr th a,
table tr th a:hover {
  color: #FFF;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding: 4px 9px;
  text-align: left; /* LTR */
	font-size: 1em;
}
#footer-wrapper tr td,
#footer-wrapper tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18);
}
tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105);
}
tr, tr.even {
    background: none repeat scroll 0% 0% #F5F5F5;
}

article tr, article tr.even {
    background: none;
}

tbody {
	border: none;
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
table ul.links li {
  padding: 0 1em 0 0;
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    display: table-cell;
    line-height: 1.5em;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background: none;
}

/* Toolbar */

#toolbar a {
	text-transform: none;
}

/* Store */

ul.pagination li.current a {
	background-color: #44d2e8;
}

.uc-store-address-field .form-item label {
	text-align: left;
}

#edit-update,
#edit-checkout--2 {	
	float: right;
	margin-left: 5px;
	margin-right: 0px;
}

#banneri_m {
	display: none;
}

#banneri_m2 {
	display: none;
	background: #bc1421;
}

#banneri_m2 .views-row img {
	/* display: none; */
	width: 30px;
	/* float: left; */
	position: absolute;
	left: 15px;
	top: 6px;
}

#banneri_m2 .views-row:after {
	display: table;
	content: " ";
	clear: both;
}

#banneri_m2 .views-row .views-field-title {
	/* display: none; */
	/* float: left; */
	position: absolute;
	left: 52px;
	top: 9px;
	color: white;
}

#banneri_m2 .views-row {
	display: inline-block;
	position: relative;
	float: none;
	padding: 5px;
	padding-left: 10px;
	border-top: 1px solid #c9c9c9;
	/* margin-bottom: 1px; */
	height: 38px;
	clear: both;
	width: 100%;
	/* background-color: #c01120; */
	/* background-color: #f3f3f3; */
	margin-bottom: 0;
	/* border-radius: 3px; */
}

#banneri_m2 {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	clear: both;
	position: relative;
}

a.show_hide,
div.otayhteytta a {
	color: white !important;
	font-weight: 300 !important;
	display: block;
	margin: 0 !important;
	padding-left: 1em;
	padding-bottom: 12px;
	padding-top: 10px;
	opacity: 1 !important;
	/* background-image: url('../nuolialas.png');
	background-repeat: no-repeat;
	background-position: 5px 10px; */
}

div.otayhteytta a {
	background-color: #6c6c6c;
}

div.otayhteytta ul {
	margin: 0;
}

.nuoli {
	height: 15px;
	position: absolute;
	top: 14px;
	right: 20px;
}

.pikalinkit {
	display: none;
}

.mobilelogo {
	max-height: 35px;
	/* margin-top: 5px;
	margin-bottom: 5px; */
	margin-left: 5px;
	margin-top: -2px;
}

.top-bar {
	/* max-width: 1100px;
	margin-left: auto;
	margin-right: auto; */
}



.mobilelinkki2 {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	text-indent: -9999px;
}

#oikea_yla {
	/* position: absolute; */
	text-align: right;
	right: 7px;
	top: 0;
	color: #ffffff;
	font-size: 0.9em;
	padding-top: 15px;
}

#oikea_yla a.varaa {
	color: #ffffff;
	background-color: #BF111F;
  color: white;
  border: 2px solid white;
  text-transform: uppercase;
  padding: 0px 10px 0px 0px;
  display: inline-block;
}

#vasen_yla {
	/* position: absolute; */
	text-align: left;
	left: 7px;
	top: 0;
	color: #ffffff;
	font-size: 0.9em;
}

#vasen_yla a {
    color: inherit;
    font-weight: 300;
}

#vasen_yla p {
    background: url(../nuoli.png) no-repeat 0px 21px;
		background-size: 150px 12px;
    background-repeat: no-repeat;
    font-size: 1.2em;
    margin: 0;
    padding-left: 1em;
    padding-right: 0.7em;
    display: inline-block;
		padding-top: 15px;
}

.redArrow {
  background-color: white;
  color: #BF111F;
  padding: 5px 7px;
  margin-right: 10px;
}

.jasenliikkeettable td {
	padding-bottom: 1em;
}

/* tietoturvatesti ja lomakkeet */

.lomake-vierekkain div {
	float:left;
	margin-right: 1em;
}

article div.webform-component {
	clear: both;
}

.lomake-lihavoitu label {
	font-weight: 700;
}

.lomake-lihavoitu label.option{
	font-weight: 300;
}

.webform-client-form-910 label,
.lomake-tulos label {
	font-weight: 700;
}

.webform-client-form-910 label.option {
	font-weight: 300;
}

.webform-client-form-910 .webform-component--tulos label,
.lomake-tulos label {
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.webform-client-form-910 .webform-component--tulos,
.lomake-tulos {
	margin-top: 1em;
	display: block;
	margin-bottom: 1.5em;
	font-size: 1.5em;
	font-weight: 300;
}

.webform-component--selitys {
	border: 1px solid #e7e7e7;
	padding: 2em;
	
}


@media only screen and (max-width: 1030px) { 
	
	.mobilelinkki {
		display: block;
	}
	
	#banneri {
		display: none;
	}
	
	#banneri_m {
		display: block;
		margin-top: 0px;
	}
	
	#banneri_m2 {
		display: block;
		margin-top: 0px;
	}
	
	#banneri_m .views-row {
		position: relative;
	  float: left;
	  transition: opacity 0.3s;
    -moz-transition: opacity 0.3s; /* Firefox 4 */
  	-webkit-transition: opacity 0.3s; /* Safari and Chrome */
  	-o-transition: opacity 0.3s; /* Opera */
		width: 20%;
	}
	
	#banneri_m .views-field-title {
	/* display: table; */
	  bottom: 9px;
    display: table;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px;
    z-index: 20;
		
	}
	
	#banneri_m .views-field-title .field-content {
		display: table-cell;
  	vertical-align: middle; 
  	text-align: center; 
  	color: #ffffff;
  	font-family: 'Anton', sans-serif;
  	text-transform: uppercase;
  	/* font-size: 20px; */
		/* font-weight: 800; */
		display: none;
	}
	
	.palvelupakettio {
	  padding-left: 0.9375em;
	}
	
	.palvelupakettiv {
	  padding-left: 0.9375em;
	}
}


/*
@media only screen and (min-width: 36em) {
	.view-verkkokauppatuotteet .views-row {
		border-color: #eeeeee;
		padding-bottom: 50px;
		padding-top: 50px;
		border-width: 1px;
		border-right-style: solid;
		-webkit-border-image: 
				-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(rgba(0, 0, 0, 0))) 1 100%;
			-webkit-border-image: 
				-webkit-linear-gradient(#eeeeee, rgba(0, 0, 0, 0)) 1 100%;
			-moz-border-image:
				-moz-linear-gradient(#eeeeee, rgba(0, 0, 0, 0)) 1 100%;    
			-o-border-image:
				-o-linear-gradient(#eeeeee, rgba(0, 0, 0, 0)) 1 100%;
			border-image:
				linear-gradient(to bottom, #eeeeee, rgba(0, 0, 0, 0)) 1 100%;
		border-left-style: none;
		border-top-style: none;
		border-bottom: none;
	}
	
	.view-verkkokauppatuotteet .views-row-even {
		border: none;
	}
	
	.view-verkkokauppatuotteet .views-row-first {
		border: none;
	}
} */

@media only screen and (max-width: 1280px) {
		
	.view-banneri-sis-lt-palvelutuotteet .views-field-title {
		left: 20%;
		right: 20%;
	}
		
	.levea .tarjouksetteksti {
			padding-top: 3%;
	}
	
	.levea .tarjouksetteksti a.otsikkolinkki {
    font-size: 1.7em;
	}
	
	h1 {
		font-size: 2em;
	}
	
	.view-verkkokauppatuotteet .views-row,
	.view-verkkokauppatuotteet-sv .views-row	{
		min-height: 480px;
	}
	
}

@media only screen and (max-width: 1280px) {
	.levea .tarjouksetteksti a.otsikkolinkki {
		font-size: 1.7em;
	}
}

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


	h1 {
		font-size: 2em;
	}
	
	.harmaat p {
    font-size: 1em;
	}

  .levea .tarjouksetkuva {
		max-width: 100%;
	}
	
	.levea .tarjouksetteksti {
		max-width: 100%;
	}

	.levea .views-row-odd .tarjouksetteksti, .levea .views-row-even .tarjouksetteksti, .etusivunteksti {
    float: none;
    padding-left: 40px;
		padding-right: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}
	
}

@media only screen and (max-width: 48em) { 

	main {
		padding-top: 0em;
		padding-left: 0em;
		padding-right: 0em;
		margin-right: -1px;
		margin-left: -1px;
	}
	
	header {
	 
	}
	
	/* Piilotetaan haku */
	
	#oikea_yla .block-search {
		display: none;
	}
	
	/* Piilotetaan päävisivuston linkit kaikilta sivuilta */
	.master-mobile,
	.domain-localhost .master {
		display: none !important;
	}

	/* Näytetään pääsivuston linkit pääsivustolla */
	.domain-localhost .master-mobile {
		display: initial !important;
	}
	
	.sisaltovasen .block-menu-block {
		display: none;
	}
	
	h1 {
		font-size: 2.75em;
	}
	
	.mobilelogo {
		max-height: 30px;
		margin-left: 10px;
	}
	
	/* mobilemenu */

	.mobilemenu {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 140;
		color: #ffffff;
		font-size: 1em;
	}
	
	.mobilemenu ul {
		background-color: #b4141e;
		margin-bottom: 0;
	}
	
	.mobilemenu ul li {
		list-style-type: none;
		height: 54px;
		line-height: 54px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.mobilemenu ul li.first:after {
		content: '\25BC';
    color: #fff;
    font-size: 8px;
	}
	
	.mobilemenu.open ul li.first:after {
		content: '\25B2';
	}
	
	.mobilemenu ul li a {
		height: 54px;
		line-height: 54px;
		color: #ffffff;
		display: block;
	}
	
	.mobilemenu ul li:last-child {
		display: none;
	}
	
	.mobilemenu.open ul li:last-child {
		display: inherit;
	}
	
	
	#oikea_yla select.ctools-jump-menu-select {
		font-size: 1em;
	}

	
	/* valikko */
	
	.asiakkaatvalikko .top-bar .block-menu-block {
		top: 56px;
	}

	.front .asiakkaatvalikko .top-bar ul li ul li a.active {
		display: none;
	}
	
	.top-bar nav {
			min-height: 370px;
	}
	
	.asiakkaatvalikko .top-bar.expanded {
		background-color: transparent;
		margin-bottom: 4px;
		height: auto;
	}
	
	.top-bar .block-menu-block {
		/* display: none; */
	}
	
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li li.expanded,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.expanded,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li li.expanded,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.expanded	{
		border-top: 1px solid #f0f0f0;
		/* padding-bottom: 1em; */
	}
	
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu li.expanded,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu li.expanded {
		border-top: none;
	}
	
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu li,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu li
	{
		float: none !important;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		clear: both;
	}
	
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu .menu-mlid-972, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu .menu-mlid-973, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu .menu-mlid-974, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu .menu-mlid-975, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu .menu-mlid-976, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu .menu-mlid-977, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu .menu-mlid-972, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu .menu-mlid-973, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu .menu-mlid-974, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu .menu-mlid-975, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu .menu-mlid-976, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li ul.menu .menu-mlid-977
	{
		float: none !important;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		clear: both;
	}
	
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li ul.menu li ul.menu li,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li {
		clear: both;
		width: 100%;
	}

	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-356,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-356,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-566, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-566	{
		width: 100%;
		display: block;
		border-left: none;
		padding-left: 0px;
	}
	
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-978, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-978,
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-2 ul.menu li.menu-mlid-1822, 
	.asiakkaatvalikko .top-bar .block-menu-block .menu-level-1 ul.menu li ul.menu li.menu-mlid-1822	{
    width: 100%;
    display: block;
		border-top: none;
	}
	
	li.last.expanded.menu-mlid-975 {
    margin-top: 0;
	}
	
	
	/* verkkokauppa ja palvelupaketti */
	li.menu-mlid-986,
	li.menu-mlid-985 {	
		width: 100% !important;
	}

	.menu-mlid-237 a {
		visibility: hidden;
	}

	.menu-mlid-237 li a {
		visibility: visible;
	}
	
	.top-bar .expanded a {
		/* background-image: url('../images/nuolioikea2.png') !important;
		background-repeat: no-repeat !important;
		background-position: 95% 50% !important; */
	}
	
	.top-bar-section ul li > label,
	.top-bar-section .dropdown label	{
		display: block;
    width: 100%;
		font-size: 1em;
		text-transform: none;
	}
	
	.top-bar-section .dropdown label {
	
	}
	
	.top-bar span.nolink {
		width: 100%;
		/* display: none; */
	}
	
	
	#bannerisisalto img {
    width: 100% !important;
    margin: 0;
    padding: 0;
    display: block;
    margin-top: 0%;
}
	
	.harmaat p {
    font-size: 16px;
	}
	
	.logged-in header {
    margin-top: 0px;
	}
	
	.view-taxonomy-term .views-row {
		width: 100%;
	}
	
	#ban {
		/* max-width: 1020px; */
		display: block;
		width: 100%;
	} 
	
	div.sisaltosivu {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.view-verkkokauppatuotteet .views-row { 
		/* border-bottom: 1px solid #eeeeee; */
	}
	
	.levea .tarjouksetkuva {
		max-width: 100%;
		width: 100%;
	}
	
	.levea .views-row-odd .tarjouksetteksti, .levea .views-row-even .tarjouksetteksti, .etusivunteksti {
    float: none;
    padding-left: 40px;
		padding-right: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}
	
	.levea .tarjouksetteksti {
    max-width: 100%;
	}
	
	.levea .tarjouksetteksti a.otsikkolinkki {
    font-size: 1.7em;
    font-weight: 800 !important;
    text-transform: uppercase;
    line-height: 1em;
    color: inherit;
    display: block;
    max-width: 100%;
    margin-bottom: 0.5em;
		word-break: break-word;
	}
		
	.view-banneri-sis-lt-uusi .tarjouksetteksti  {
    display: none;
	}
	
	#mainsisalto {
		padding-bottom: 40px;
		padding-top: 36px;
	}
	
	#bannerisisalto img {
    width: 100% !important;
    margin: 0;
    padding: 0;
    display: block;
    margin-top: 0%;
}

	.webformvasen h2 {
		margin-top: 1em;
		padding-right: 0em;
	}

	.sisaltovasen {
		padding-right: 1.12em;
		padding-left: 1.12em;
	}
	
	.sisaltosivu {
    padding-bottom: 20px;
	}
	
	.harmaat p {
    font-size: 16px;
	}
	
	.logged-in header {
    margin-top: 0px;
	}
	
	.view-taxonomy-term .views-row {
		width: 100%;
	}
	
	#ban {
		/* max-width: 1020px; */
		display: block;
		width: 100%;
	} 
	
	div.sisaltosivu {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.view-verkkokauppatuotteet .views-row { 
		/* border-bottom: 1px solid #eeeeee; */
	}
	
	.levea .tarjouksetkuva {
		max-width: 100%;
		width: 100%;
	}
	
	.levea .views-row-odd .tarjouksetteksti, .levea .views-row-even .tarjouksetteksti, .etusivunteksti {
    float: none;
    padding-left: 40px;
		padding-right: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}
	
	.levea .tarjouksetteksti {
    max-width: 100%;
	}
		
	.view-banneri-sis-lt-uusi .tarjouksetteksti  {
    display: none;
	}


	
	.view-valtakunnaliset-uutiset-2 .views-row, 
.view-uutiset-rss .views-row, 
.view-uutiset-j-senliike .views-row, 
.view-valtakunnaliset-uutiset-eng .views-row, 
.view-uutiset-valtakunnalliset-eng .views-row, 
.view-uutiset-j-senliike-eng .views-row, 
.view-valtakunnaliset-uutiset-swe .views-row, 
.view-uutiset-valtakunnalliset-swe .views-row, 
.view-uutiset-j-senliike-swe .views-row {
	/* word-break: break-all; */
	vertical-align: top;
	/* background-color: #ffffff; */
	min-height: 20px;
	padding-bottom: 40px;
	padding-top: 40px;
	text-align: left;
	border-right: 0px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.etusivu-2 {
	padding-left: 0 !important;
	padding-right: 0 !important;;
}
	
	.sisaltooikea {
		max-width: 100%;
		padding-right: 10%;
		padding-left: 10%;
		margin: 0;
	}
	
	.harmaat {
		padding-right: 0;
		padding-left: 0;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	div.modal-forms-modal-content {
		width: 100% !important;
		overflow: auto !important;
	}
	
	.webform-container-inline label {
		margin-right: 0;
	}
	
	.lomake select {
		float: none;
	}
	
	.opalvelupaketit {
		padding-top: 0.5em !important;
	}
	
	.webform-component--gridmain--grid2, .webform-component--gridmain--grid {
		width: 100%;
	}
	
	.webform-component--gridmain--grid {
		padding-left: 0;
	}
	
	.webform-layout-box.horiz > * + * {
		margin-left: 0em;
	}
	
	#front_4 {
		
	}
	
	#front_3 {
		
	}
	
	#mainetusivu .columns, #footer-columns .columns {
		/* padding-right: 0.1em;
		padding-left: 0.1em; */
	}
	
	.block-easy-breadcrumb {
		margin-top: 0.5em;
	}
	
	.webform-component--contact-1 {
		width: 90%;
		float: none;
	}

	.webform-component--contact-2 {
		width: 90%;
		float: none;
	}
	
	#main-wrapper[style] {
		padding-top: 1em !important;
	}
	
	.flex-nav-container {
		margin-bottom: 0px;
	}
	
	body {
		background-image: none;
	}
	
	#front_1 p {
		margin: 0;
	}
	
	#front_1 {
		/* margin-bottom: 2.5em; */
		/* display: none; */
		text-align: center;
	}
	
	#banneri_m .views-row {
		width: 25%;
	}
	
	.top-bar .name h1 img{
		max-width: 170px;
	}
	
	.l-header {
		/* min-height: 110px;
		max-height: 110px; */
	}
	
	header {
		margin-top: 0px;
		max-height: 140px;
	}

	.tausta {
		width: 100%;
		height: 10px;
		/* margin-top: -10px; */
		position: relative;
		/* background-position: 50% -70px; */
	}
	
	.tausta .block-search-form {
		display: none;
	}

	/*
	#main-menu {
		padding-top: 20px;
		top: auto;
		right: auto;
	}
	*/
	
	.top-bar {
		height: 52px;
		line-height: 55px;
		padding-top: 0px;
	}
	
	#main-menu-links a {
		float: left;
		padding: 0 0.4em;
		text-decoration: none;
	}
	
	#ylamenu,
	#main-menu a {
		color: #161616;
		font-weight: 700;
		font-size: 1em;
		text-transform: none;
		-webkit-transition:background-color 0.2s ease-in;
		 -moz-transition:background-color 0.2s ease-in;
		 -o-transition:background-color 0.2s ease-in;
		 transition:background-color 0.2s ease-in;
	}
	
	.logoiso {
		display: none;
	}
	
	#flexslider_views_slideshow_main_banneri-block h2 {
		font-size: 50px !important;
		color: white;
	}

	#flexslider_views_slideshow_main_banneri-block .views-field-body {
		position: absolute;
		top: 50%;
		width: 100%;
		text-align: center;
		color: white;
	}

	#flexslider_views_slideshow_main_banneri-block .views-field-body p {
		padding-right: 15%;
		padding-left: 15%;
		font-size: 1em;
	}
	
	.sisalto p {
		/* padding-right: 5%;
		padding-left: 5%; */
	}
	
	h2 {
		font-size: 2em;
	}
	
	.sisalto h2 {
		margin-top: 1em;
	}
	
	.block-menu-menu-pikkuvalikko {
		display: none;
	}
	
	#sidebar-first .block-menu-block {
		display: none;
	}
	
	header {
		min-height: 0px;
	}
	
	.contain-to-grid .top-bar {
    margin-bottom: 1em;
	}
	
	.palvelupakettio {
	  padding-left: 0.9375em;
	}
	
	.palvelupakettiv {
	  padding-right: 0.9375em;
	}
	
	.logo {
		/* max-height: 50px;
		max-width: 70%; */
	}
	
	#oikea_yla {
		
	}
	
	#footer-wrapper, #footercontact {
		padding-left: 1.4em;
		padding-right: 1.4em;
	}
	
	#footercontact button {
		float: left;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	#footercontact textarea {
		
	}
	
	.view-banneri-sis-lt- .views-field-title {
    font-size: 3em;
    font-weight: 800;
    line-height: 1em;
    color: #ffffff;
    position: absolute;
    left: 5%;
    right: 5%;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 1em; */
    /* letter-spacing: -2px; */
    /* display: none; */
    top: 50%;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.30);
    transform: translateY(-50%);
	}
	.view-banneri-sis-lt-palvelutuotteet .views-field-title {
		font-size: 3em;
    font-weight: 800;
    line-height: 1em;
    color: #ffffff;
    position: absolute;
    left: 15%;
    right: 15%;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 1em; */
    /* letter-spacing: -2px; */
    /* display: none; */
    top: 50%;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.30);
    transform: translateY(-50%);
	}
	
}
	
@media only screen and (max-width: 35em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

  .view-verkkokauppatuotteet .views-row-even,
	.view-verkkokauppatuotteet-sv .views-row_even {
		border-right: none;
	}
	
	.punainen .small-5 {
		padding-left: 0 !important;
	}
	
	.view-banneri-sis-lt- .views-field-title  {
		font-size: 2.3em;
		left: 0%;
		right: 0%;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.50);
	}
	
	.view-banneri-sis-lt-palvelutuotteet .views-field-title {
		left: 10%;
		right: 10%;
		font-size: 2.3em;
	}

	.view-banneri-sis-lt-palvelutuotteet .banneriikoni {
		max-width: 50px;
	}
	
	.view-verkkokauppatuotteet .views-row,
	.view-verkkokauppatuotteet-sv .views-row {
		padding-top: 0px;
	}

	.view-verkkokauppatuotteet .views-row-1, .view-verkkokauppatuotteet .views-row-2,
  .view-verkkokauppatuotteet-sv .views-row-1, .view-verkkokauppatuotteet-sv .views-row-2	{
		border-bottom: 1px solid #ffffff;
		min-height: 470px;
	}

	.palvelupakettio {
	  padding-left: 0.9375em !important;
	}
	
	.palvelupakettiv {
	  padding-right: 0.9375em !important;
	}

	/* #uc-cart-checkout-form,
	#cart-form-pane,
	.node {
		background-color: white;
		padding: 10px;
		margin-bottom: 20px;
	} */
	
	ul.language-switcher-locale-url {
		margin-top: 0;
	}
	
	section.block-locale-language {
		padding: 0;
	}
	
	#banneri_m .views-row {
		width: 33.33333%;
	}
	
	#ikoni .views-field-field-kuva img {
		width: 110px;
	}
	
	#ikoni .views-field-field-ikoni img,
  #ikoni .views-field-field-kuva-banneri img	{
		width: 110px;
	}
	
	.sidebar .section {
    padding-top: 0px;
    margin-top: -80px;
		margin-bottom: -15px;
	}
	
	.node {
		max-width: 100%;
		overflow: hidden;
		word-wrap:break-word;
	}
	
	h1 {
		font-size: 2em;
	}
	
	h1#page-title {
    font-size: 2.5em;
    line-height: 1;
    
		max-width: 100%;
		overflow: hidden;
		/* display: block; */
		word-wrap: break-word;
	}
	
	div.sisaltosivu .title {
		
	}
	
	.mobilelinkki {
		display: block;
	}

	
	#main {
		
	}
	
	#palkki {
		
	}
	
	span.etusivu_o {
		font-size: 2.1em;
		/* font-family: 'Sanchez', serif; */
		/* text-transform: uppercase; */
		line-height: 1em;
		font-weight: 400;
		display: inline-block;
		margin-bottom: 0.3em;
	}

	span.etusivu_o2 {
		font-size: 1.6em;
		/* font-family: 'Sanchez', serif; */
		line-height: 1em;
		font-weight: 400;
		color: #ffffff;
	}
	
	.view-uutiset-rss table {
		max-width: 100%;
		word-wrap:break-word;
		display: block;
	}
	
	 #mainetusivu .columns,
	 #footer-columns .columns	 {
		/* padding-right: 0.1em;
		padding-left: 0.1em; */
	}
	
	.lehti {
		/* display: none; */
		float: left;
	}
	
	.lehti img {
		height: 40px;
		width: auto;
	}
	
	.lehtilinkki {
		float: left;
		margin-top: 3px;
		margin-left: 5px;
	}
	
	.node {
		padding: 0;
	}
	
	#front_1 .block {
		
		/* height: 50px; */
		/* margin-top: -20px; */
	}
	
	ul.menu li {
    border: 0px none;
	}
	.menu-block-wrapper li {
			padding-bottom: 5px;
			padding-top: 5px;
			list-style-type: none;
			list-style-image: none;
			/* width: 200px; */
	}
	
	.block-views-banneri-block { 
		margin-bottom: 10px;
	}
	
	.flex-nav-container { 
		margin-bottom: 0px;
	}
	
	.valikko_pieni .row .columns {
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
	
	.pad {
		padding-left: 0%;
		padding-right: 0%;
	}
	
	main {
		padding-top: 0em;
		/* padding-left: 0.7em;
		padding-right: 0.7em; */
		padding-left: 0em;
		padding-right: 0em;
		margin-left: -1px;
		margin-right: -1px;
	}
	
	#main-wrapper {
		/* padding-left: 0.7em;
		padding-right: 0.7em; */
	}
	
	#main-wrapper[style] {
		padding-top: 1.5em !important;
	}

	.block-easy-breadcrumb {
		/* display: none; */
	}
	
	.kategoria {
		display: inline-block;
		width: 100%;
		margin-right: 0;
		text-align: left;
	}
	
	.view-haku .views-row,
	.view-uc-catalog .views-row,
	.view-tuotteet-etusivu .views-row {
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	
	.top-bar {
		/* padding-left: 0.7em;
		padding-right: 0.7em; */
	}
	
	.top-bar-section ul {
		background: none;
	}

	.sisalto h2 {
		margin-bottom: 12px;
	}
	
	.sisalto p {
	/* padding-right: 5%;
	padding-left: 5%; */
	}
	
	.form-item {
	width: 90%;
	width: 90%;
	/* margin-left: auto;
	margin-right: auto; */
	}

	td.remove button {
		font-size: 7px;
	}
	
	#edit-update,
	#edit-checkout--2
	{
		display: block;
		width: 100%;
		float: none;
		border-radius: 3px;
	}
	
	#flexslider_views_slideshow_main_banneri-block h2 {
		font-size: 30px !important;
	}
	
	#flexslider_views_slideshow_main_banneri-block .views-field-body {
		position: absolute;
		top: 50%;
		width: 100%;
		text-align: center;
		color: white;
	}
	
	.flex-control-nav li a {
		display: none;
	}
	
	div.ban {
		margin-top: -30px;
	}
	
	a.nappi {
		display: inline-block;
		/* padding: 9px; */
		padding-left: 30px;
		padding-right: 30px;
		color: #ffffff;
		text-decoration: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		/* font-size: 16px; */
	}
	
	a.verkkokauppalinkki {
    display: block;
    font-weight: 700;
    color: #ffffff;
    padding: 20px;
    font-size: 1.2em;
}

	img.ostoskarry {
		width:30px; 
		height: auto; 
		margin-bottom: 10px;
	}
	
	.footer-first,
	.footer-second,
	.footer-third	{
		margin-bottom: 20px;
	}
	
	#footer-columns p {
		color: #c5c5c5;
		font-size: 1em;
	}
	
	.uc-cart-view-form  td.image {
		visibility:collapse;
	}

}

@media only screen and (max-width: 1030px) {
	div.main {
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
	
	.flex-nav-container {
		margin-bottom: 0px;
	}
} 

@media only screen and (min-width: 158.75em) {
.top-bar {
    background: none;
    /* overflow: hidden; */
	}
	
.top-bar .toggle-topbar {
    display: inline;
}
.top-bar .title-area {
    float: none;
}
}



/* mobilemenu */

.btn-wrapper {
    height: 3rem;
    width: 3rem;
    background: transparent;
    position: absolute;
    right: 0%;
		top: 0px;
    padding-right: 0;
    z-index: 75;
		z-index: 10001;
    transition: all ease 0.4s;
}

@media only screen and (max-width: 35em) {
	.btn-wrapper {
		top: 0px;
	}
}

.menu-btn {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 200;
    height: 24px;
    line-height: 1;
    right: 0.75rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
    outline: 0;
    border: none;
}

.menu-btn .lines {
    display: inline-block;
    width: 24px;
    height: 4px;
    background: white;
    border-radius: 1px;
    transition: all ease 0.4s;
    position: relative;
    outline: 0;
}

.inner-wrap {
	right:0;
	position:relative;
	transition:all ease 0.4s;
	top: -60px;
}

.inner-wrap.offcanvas .btn-wrapper {
	right:85%;
	background-color: black;
	background: rgba(68,68,68,0.97);
}

.inner-wrap.offcanvas .btn-wrapper .menu-btn.close .lines::before, 
.inner-wrap.offcanvas .btn-wrapper .menu-btn.close .lines::after {
	background: #ffffff;
}

@media all and (max-width: 60.063em){
.inner-wrap {
		right:0;
		top: -52px;
	}
}

@media all and (min-width: 60.063em){
.btn-wrapper {
		display:none;
	}
}

.menu-btn {
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:200;
	height:24px;
	line-height:1;
	right:0.75rem;
	margin:0;
	cursor:pointer;
	user-select:none;
	outline:0;
	border:none
}

.menu-btn:active{
	transition:0
}
.menu-btn.close .lines{
	backface-visibility:hidden;
	background:transparent;
	-webkit-transform:translateZ(0)
}
.menu-btn.close .lines:before,
.menu-btn.close .lines:after{
	backface-visibility:hidden;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	top:0;
	width:24px;
	background:#454545;
}
.menu-btn.close .lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}
.menu-btn.close .lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}
.menu-btn.close .menu-text{color:white;transition:all ease 0.4s}
.menu-btn .lines{display:inline-block;width:24px;height:4px;background:#454545;border-radius:1px;transition:all ease 0.4s;position:relative;outline:0}
.menu-btn .lines:before,.menu-btn .lines:after{display:inline-block;width:24px;height:4px;background:#454545;border-radius:1px;transition:all ease 0.4s;position:absolute;left:0;content:'';backface-visibility:hidden;-webkit-transform-origin:0.28571rem center;transform-origin:0.28571rem center;outline:0}
.menu-btn .lines:before{top:0.5rem}.menu-btn .lines:after{top:-0.5rem}
.mobile-menu {
	background:rgba(68,68,68,0.97);
	z-index:10001;
	position:absolute;
	height:100%;width:85%;
	right:-85%;
	top:0;
	padding:1rem 0;
	padding-top:30px;
	transition:all ease 0.4s;
}
.mobile-menu.menu-open{right:0}
.mobile-menu ul{list-style:none;margin:0}
.mobile-menu li{position:relative}
.mobile-menu li a{
	color:white;line-height:2.5;display:inline-block
}
.mobile-menu li.expanded ul.menu{display:none;background:#666;padding:0}
.mobile-menu li.expanded ul.menu>div>li>a {
	padding-left:2.25rem
}
.mobile-menu li.expanded ul.menu>div>li>ul.menu{background:#888}
.mobile-menu li.expanded ul.menu>div>li>ul.menu>li>a{padding-left:3.25rem}
.mobile-menu li.expanded ul.menu>div>li>ul.menu>li>a::before {
	content:">";
	display:inline-block;
	margin-right:0.25rem;
	font-size:0.75rem;
}

.mobile-menu .menu-block-wrapper>ul.menu>li>.nolink,
.mobile-menu .menu-block-wrapper>ul.menu>li>a{
	/* line-height:1.9em; */
	letter-spacing:0.155em;
	text-transform:uppercase;
	color:white;
	position:relative;
	top:initial;
	right:initial;
	display:block;
	margin:0 1.25rem;
	cursor:pointer;
	font-size: 1.2em;
	font-style: sans-serif;
}

.mobile-menu .menu-block-wrapper>ul.menu>li>ul.menu>li>.nolink {
	position:relative;
	top:initial;
	right:initial;
	display:block;
	text-transform:uppercase;
}

.mobile-menu li.expanded li.expanded ul li {
	padding-left: 1em;
}

.mobile-menu .menu-block-wrapper>ul.menu>li>ul>li{
	margin: 0 2rem;
	font-size: 1.2em;
	border-bottom: 1px solid #565656;
}

.mobile-menu .menu-block-wrapper>ul.menu>li>.nolink::before {
	content:"+";line-height:2.8;position:absolute;right:0;top:0
}
.mobile-menu .menu-block-wrapper>ul.menu>li>.nolink.visible::before {
	content:"-"
}
.visible{display:block !important}
.open-menu-link{display:none;position:absolute;right:1.25rem;top:0;line-height:3;cursor:pointer;color:white}

.hidden{display:none !important}.search-info{display:none}
.button-group{z-index:100}
.block-easy-breadcrumb{display:none}
header{position:relative;background:white}
header h2{margin:0}header .logo{position:absolute;top:20px;left:20px;z-index:22}
header .block-menu-block {
	padding-right:80px;text-align:left; /* background:url(../images/header-pattern.png) #fff no-repeat left bottom */
} 
header ul.menu{margin:0;display:none}
@media all and (min-width: 60.063em){
header ul.menu{display:block}}
header ul.menu a,header ul.menu span{
text-transform:none;font-size:1.1em;letter-spacing:0em;font-weight:300;color:#5b544f
}
header ul.menu a:hover,header ul.menu span:hover
{text-decoration:none;}
header ul.menu>li{display:inline-block;padding:0 0.5rem;margin-left:0}
header ul.menu>li>a,
header ul.menu>li>span
{
	line-height:2rem
}
@media all and (min-width: 68.75em)
{header ul.menu>li{padding:0 1.5rem}}header ul.menu>li.expanded>ul{top:64px}
header ul.menu li.expanded {
 cursor:pointer;
 position:relative;
}
@media all and (min-width: 68.75em){
/*
header ul.menu li.expanded{padding-left:2rem}}
header ul.menu li.expanded::after{content:"+";color:red;display:inline-block;margin-left:0.125rem;font-size:0.725em;font-weight:400;vertical-align:9%}
header ul.menu li.expanded>ul{background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(127,127,127,0.8) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(100%, rgba(127,127,127,0.8)));background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(127,127,127,0.8) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(127,127,127,0.8) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(127,127,127,0.8) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(127,127,127,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#807f7f7f',GradientType=0 )}
header ul.menu li.expanded ul{display:none;position:absolute;padding:2.5rem 3rem;width:100%;right:0;top:initial;z-index:120}
header ul.menu li.expanded ul>div{width:15%;min-width:250px;display:inline-block;margin:5px;top:0;vertical-align:top;text-align:left}
header ul.menu li.expanded ul>div>li::after{display:none}header ul.menu li.expanded ul>div>li>a{font-size:.75rem;display:inline-block}
header ul.menu li.expanded ul>div>li>a:first-letter{font-size:1.125em}
header ul.menu li.expanded ul li{width:90%;min-width:200px;display:block;margin-bottom:2rem}
header ul.menu li.expanded ul li ul{background:transparent;display:none;position:relative;width:100%;padding:0}
header ul.menu li.expanded ul li ul li{display:inline-block;width:100%;margin:0;padding:0}
header ul.menu li.expanded ul li ul a{font-size:.925rem;text-transform:none;margin-left:8px;font-weight:lighter;letter-spacing:0.075em}
header ul.menu li.expanded ul li ul a:before{content:'›';position:absolute;left:0}
header ul.menu li.expanded ul a{color:white;line-height:1.8}
header ul.menu li.expanded:hover ul{display:block}
header #overlay-search{display:none;position:absolute;top:0;right:0;height:64px;width:64px}
@media all and (min-width: 60.063em){header #overlay-search{display:block}}
header #overlay-search form{margin:0;text-align:right}
header #overlay-search .element-invisible{display:none}
@media all and (max-width: 60.063em){
header .block-menu-block{height:3rem}
header .logo{top:10px;left:10px}}*{box-sizing:border-box}.highlight-text{position:absolute;width:340px;top:4.5rem;margin:0 auto;margin-left:-170px;left:50%;z-index:100;color:white;border:5px solid white;padding:1rem 1.5rem;text-align:center;letter-spacing:.2em;overflow:hidden}
.highlight-text.no-border{border:none !important}
.highlight-text div{text-transform:uppercase;font-size:1.75rem;line-height:1.4;font-weight:bold;width:100%;position:relative;text-shadow:0 0 1em rgba(0,0,0,0.4)}
*/
@media all and (min-width: 60.063em){
/*
.highlight-text div{font-size:2.25rem}}
.highlight-text p{margin:0;line-height:1.7;letter-spacing:0.5px;padding-top:1rem;position:relative;color:white;font-size:1rem;text-transform:none;text-shadow:0 0 1em rgba(0,0,0,0.4)}
.highlight-text p::before{position:absolute;left:-29px;top:0;width:410px;content:"";border-top:2px solid white}@media all and (min-width: 60.063em){
.highlight-text{top:9rem;width:560px;max-width:100%;padding:1.5rem 2.5rem;margin-left:-280px}
.highlight-text .stretch{font-size:2.125rem;line-height:3.25rem}.highlight-text p{font-size:1.1rem;padding-top:1.15rem}
.highlight-text p::before{left:-45px;width:520px}}.slick-slider{max-height:560px;margin:0;width:100%;overflow:hidden}
.slick-slider img{width:100%}@media all and (max-width: 60.063em){
.slick-slider .slick-slide img{min-width:100%;min-height:100%;max-width:100%;width:auto}}
*/
@media all and (min-width: 60.063em){
/*
.slick-slider{margin-bottom:30px}}#highlighted{padding:0 0 0.75rem}
.solutions{background:#cd5c5c url(../images/bg-contact.jpg) 100%;width:100%;position:relative;padding:0 1.5rem}
.solutions h4,.solutions .button{margin:0;display:inline-block}
.solutions h4{line-height:3.5rem;color:white;text-transform:uppercase;font-weight:lighter;font-size:1rem;font-weight:400;letter-spacing:0.115em}
*/
@media all and (min-width: 60.063em){
/*
.solutions h4{font-size:1.225rem;letter-spacing:0.375rem}}
.solutions .button{float:right;margin-top:.5rem;margin-right:.5rem;height:2.5rem;line-height:1;font-size:1.2em;text-transform:uppercase}
.solutions::after{display:table;content:" ";clear:both}
*/
@media all and (min-width: 60.063em){
/*
.solutions{position:absolute;margin-top:-4rem;left:0}}
.view-palvelubannerit.row{margin:0}@media all and (min-width: 60.063em){
.view-palvelubannerit.row{padding-top:0.75rem}}.fp-nosto{background:#cd5c5c no-repeat center/cover;height:220px;padding:3.5rem 2rem;text-align:center;position:relative}
.fp-nosto img{max-height:80px;height:auto;width:auto;max-width:80px;margin-top:40px}
.fp-nosto a{color:white;letter-spacing:1px;position:absolute;left:50%;transform:translateX(-50%);top:40px;font-size:1.6em}
.fp-nosto .readmore{position:absolute !important;width:100%;height:220px;top:0;left:0}
.fp-nosto .readmore a{height:220px;width:100%;display:block;top:0}
.fp-nosto:nth-child(1){background-image:url(../images/tulost-bg.jpg)}
.fp-nosto:nth-child(2){background-image:url(../images/palvelin-bg.jpg)}
.fp-nosto:nth-child(3){background-image:url(../images/huolto-bg.jpg);float:left !important}
*/
@media all and (min-width: 60.063em){.fp-nosto{height:365px;padding:8rem 2rem}
/* .fp-nosto a{top:100px}.fp-nosto .readmore{height:365px}
.fp-nosto .readmore a{height:365px}}.block-block-18{background:white;padding:2em 3em}.block-block-18 p{font-size:1.1em}.block-views-ajankohtaista-listaus-block{background:white;margin-top:1.5rem;padding:2.5rem 2rem}.block-views-ajankohtaista-listaus-block h2{font-size:1rem;text-transform:uppercase;font-weight:bold;letter-spacing:0.75px;position:relative;padding-bottom:0.5rem;margin-bottom:1rem}.block-views-ajankohtaista-listaus-block h2::after{content:"";display:inline-block;width:60px;position:absolute;bottom:0;left:0;border-bottom:1px solid #999}.block-views-ajankohtaista-listaus-block .news{padding:1.25rem 0.75rem;border-bottom:1px solid #cd5c5c}.block-views-ajankohtaista-listaus-block .news .timestamp{margin-bottom:0.5rem;font-size:0.825rem;color:#cd5c5c}.block-views-ajankohtaista-listaus-block .news .views-field-title{font-size:1.375rem;letter-spacing:0.5px;padding-right:1.5rem;line-height:1.6;font-weight:300;margin-bottom:1rem}.block-views-ajankohtaista-listaus-block .news .views-field-title a{color:#444}.block-views-ajankohtaista-listaus-block .news:last-of-type{border:none}@media all and (min-width: 60.063em){.block-views-ajankohtaista-listaus-block .news{padding-left:1.5rem;border-right:1px solid #cd5c5c;border-bottom:none;height:380px}.block-views-ajankohtaista-listaus-block .news:first-of-type{padding-left:0.9375rem}}html{-webkit-font-smoothing:antialiased}body{background:#efefef;background:url(../images/bg_pattern.jpg) repeat;overflow-x:hidden}body.search-open{height:100%;overflow:hidden}body.search-open header{position:initial}body,p{color:#6a6a6a;font:300 100%/1.8 "brandon-grotesque", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;letter-spacing:0.035em;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased}#pageimage-holder{height:600px;background-size:cover;background-position:center;position:relative}#pageimage-holder .highlight-text .block-block .block-content{text-transform:uppercase;font-weight:bold;width:100%;font-size:1rem;position:relative}@media all and (min-width: 60.063em){#pageimage-holder .highlight-text .block-block .block-content{font-size:2.25rem}}#pageimage-holder .highlight-text .block-block .block-content .stretch{padding-bottom:0}.stretch_it{white-space:nowrap}.justify{text-align:justify}.field-name-field-sivukuva{display:none}.block-easy-breadcrumb{padding:0.5em 0 0.825em;margin-left:-2em}.block-easy-breadcrumb a,.block-easy-breadcrumb span{color:#444;text-transform:uppercase;font-size:0.75rem;font-weight:700;letter-spacing:0.085em}.block-easy-breadcrumb span.easy-breadcrumb_segment{color:indianred;text-decoration:underline}.not-front main.row.l-main{background-color:white;position:relative;z-index:9;font-size:1.1em}.not-front main.row.l-main .large-12.main>.block-content{position:relative}.not-front main.row.l-main .large-12.main>.block-content::after{display:table;content:"";clear:both}.not-front main.row.l-main .block-content>.node{padding:2em}@media all and (min-width: 60.063em){.not-front main.row.l-main{margin-top:-4rem}}.not-front .node-ajankohtaista,.not-front .product-main,.not-front .ds-1col,.not-front .news-archive-page{padding:1.5em}.not-front .node-ajankohtaista h2,.not-front .product-main h2,.not-front .ds-1col h2,.not-front .news-archive-page h2{color:#585858;font-weight:300;letter-spacing:0.075em}@media all and (min-width: 60.063em){.not-front .node-ajankohtaista,.not-front .product-main,.not-front .ds-1col,.not-front .news-archive-page{padding:2rem 6rem 8rem 5em}}.not-front.page-search main.row.l-main .large-12.main>.block-content{padding:3.5rem}.not-front.page-search .search-form .form-type-textfield{font-size:0}.not-front.page-search .search-form label{display:block;font-size:1rem;margin-bottom:1rem}.not-front.page-search .search-form input[type="text"]{display:inline-block;width:400px;height:40px;border:none;box-shadow:none;color:#ec5a62;font-size:1rem;padding:0.5rem 1rem;margin:0;background:#f1f1f1}.not-front.page-search .search-form button{margin:0;background:indianred;border:none;height:40px;box-shadow:inset 0 0 43px 0 rgba(249,46,46,0.4);color:white;font-weight:300;vertical-align:bottom;line-height:1}.node-asiakkaat .field-name-field-client-img{margin-bottom:2em}.all-clients{text-align:center}.all-clients .view-content div{display:inline-block;width:200px;padding:1em;text-align:center}.all-clients .view-content div:hover{opacity:0.9}footer .clients_wrapper{padding:2rem 2rem}footer .clients_wrapper h2{font-size:1rem;text-transform:uppercase;font-weight:bold;letter-spacing:0.75px;position:relative;padding-bottom:0.5rem;margin-bottom:1rem}footer .clients_wrapper h2::after{content:"";display:inline-block;width:60px;position:absolute;bottom:0;left:0;border-bottom:1px solid #999}footer .clients_wrapper .view-asiakkaat-blokki,footer .clients_wrapper .view-kpo-asiakkaat{padding:0 1rem}footer .clients_wrapper .view-asiakkaat-blokki .view-content::after,footer .clients_wrapper .view-kpo-asiakkaat .view-content::after{clear:both;display:table;content:""}@media all and (max-width: 60.063em){footer .clients_wrapper .view-asiakkaat-blokki .views-row,footer .clients_wrapper .view-kpo-asiakkaat .views-row{height:100px;margin-bottom:1.5rem}footer .clients_wrapper .view-asiakkaat-blokki .views-row img,footer .clients_wrapper .view-kpo-asiakkaat .views-row img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}}footer .clients_wrapper .view-asiakkaat-blokki img,footer .clients_wrapper .view-kpo-asiakkaat img{display:block;margin:0 auto;line-height:100px;max-height:100%}@media all and (min-width: 60.063em){footer .clients_wrapper{padding:4rem 2rem}footer .clients_wrapper .view-asiakkaat-blokki,footer .clients_wrapper .view-kpo-asiakkaat{padding:4rem 2rem 0}}footer .partners-container{margin-bottom:4em}footer .partners-container .logos{text-align:center}footer .partners-container .logos .logo{display:inline-block;margin:1em 2em}footer .location-info{background:#444;padding:2.375rem 0 8rem}footer .location-info h4{color:#CECECE;font-size:1rem;text-transform:uppercase;font-weight:bold;letter-spacing:0.75px;position:relative;padding:0 2rem 0.5rem}footer .location-info h4::after{content:"";display:inline-block;width:60px;position:absolute;bottom:0;left:2rem;border-bottom:1px solid #999}@media all and (min-width: 60.063em){footer .location-info h4{padding:0 0 0.5rem 0.9375rem}footer .location-info h4::after{left:0.9375rem}}footer .location-info .block h2{color:#CECECE;font-weight:300;font-size:1.175rem}footer .location-info .block p{font-size:0.875rem;font-weight:300;color:#CECECE}footer .location-info .large-3.columns{padding:0 2rem}footer .location-info .large-3.columns .block{margin:1rem 0;border-bottom:1px solid #A2A2A2}footer .location-info .large-3.columns:last-of-type{border:none}footer .location-info .large-3.columns::after{content:"";clear:both;display:table}@media all and (min-width: 60.063em){footer .location-info .large-3.columns{padding:0 1.25rem 0}}@media all and (min-width: 60.063em){footer .location-info .large-3.columns{height:300px;padding:0 1.25rem 0 2.5rem;border-right:1px solid #A2A2A2}footer .location-info .large-3.columns:first-of-type{padding-left:0.9375rem}footer .location-info .large-3.columns .block{border-bottom:none}footer .location-info h4{margin-bottom:3rem}}.product-variation{background:#f5f5f5;padding:0 1.5rem}.product-variation .field-item{padding:2.25rem 1rem;border-bottom:1px solid #999;color:#6a6a6a}.product-variation .field-item:last-of-type{border-bottom:none;margin-bottom:2em}.product-variation .field-item p{margin-bottom:.5em}.product-variation .field-item h6,.product-variation .field-item strong{display:block;text-transform:uppercase;margin-bottom:0;color:#585858;font-size:1rem;letter-spacing:0.15em}.product-variation .field-item ul{list-style-position:inside;margin:0 0 0 1em;font-size:1rem}.product-variation:after{content:"";display:table;clear:both}.button-red{display:block;padding:1rem 2rem;margin-top:0;background:#cd5c5c url(../images/bg-btn-red.png) no-repeat;background-size:cover;border:none;border-radius:3px;box-shadow:0 0 3px 2px rgba(45,2,2,0.1),inset 0 0 43px 0 rgba(249,46,46,0.4);color:white;font-weight:300;line-height:.5em !important;font-size:.9em;text-align:left;letter-spacing:0.075em}.button-red:hover,.button-red:active,.button-red:focus{opacity:.9}.contact-us .button-red{width:90%;margin:0 auto 2.5rem;text-align:center;padding:2rem}.floating-footer,#mobile-contact-details{display:none;position:fixed;width:100%;bottom:0;z-index:11;padding:0.625rem 2rem;background:#cd5c5c url(../images/bg-contact.jpg) no-repeat right;background-size:cover}@media all and (min-width: 60.063em){.floating-footer,#mobile-contact-details{display:block}}.floating-footer .contact-tel,.floating-footer .contact-mail,.floating-footer .contact,.floating-footer a.button,#mobile-contact-details .contact-tel,#mobile-contact-details .contact-mail,#mobile-contact-details .contact,#mobile-contact-details a.button{display:inline-block;margin:0}.floating-footer .contact-tel,.floating-footer .contact-mail,.floating-footer .contact,#mobile-contact-details .contact-tel,#mobile-contact-details .contact-mail,#mobile-contact-details .contact{line-height:46px;color:white;font-size:1.1rem}.floating-footer .contact-tel a,.floating-footer .contact-tel span,.floating-footer .contact-mail a,.floating-footer .contact-mail span,.floating-footer .contact a,.floating-footer .contact span,#mobile-contact-details .contact-tel a,#mobile-contact-details .contact-tel span,#mobile-contact-details .contact-mail a,#mobile-contact-details .contact-mail span,#mobile-contact-details .contact a,#mobile-contact-details .contact span{display:inline-block;margin-right:1.25rem;color:white;font-size:1rem}.floating-footer .contact-tel,#mobile-contact-details .contact-tel{text-transform:uppercase;margin-right:3.5rem}.floating-footer .contact-some,#mobile-contact-details .contact-some{margin-left:3.5rem}.floating-footer p,.floating-footer a.button,#mobile-contact-details p,#mobile-contact-details a.button{float:right;margin-right:0;margin-bottom:0}.floating-footer::after,#mobile-contact-details::after{content:"";display:table;clear:both}.floating-footer .button.button-red,#mobile-contact-details .button.button-red{margin-top:3px}#mobile-contact-details{display:block;position:relative;width:100%;bottom:none;z-index:1;text-align:center;background:#444;margin-top:-.5em}#mobile-contact-details .contact-tel,#mobile-contact-details .contact-mail{line-height:20px;margin:0 1em}#mobile-contact-details .contact-tel a,#mobile-contact-details .contact-mail a{display:block;margin-right:0;padding:0;color:white}#mobile-contact-details .contact-tel{text-transform:uppercase;margin:0;font-size:0.925rem}#mobile-contact-details p,#mobile-contact-details a.button{float:none;margin:0}@media all and (min-width: 60.063em){#mobile-contact-details{display:none}}.form-submit{border-radius:0 !important;text-transform:uppercase;font-weight:600;font-size:.9em;background:#EFEFEF !important}.padding-2em{padding:2em}.form-checkboxes.inline .form-item{display:inline-block}.form-checkboxes.inline .form-item input{margin-bottom:0}.form-textarea{resize:none;height:150px}.webform-client-form-4054 input[type="text"],.webform-client-form-4054 input[type="email"],.webform-client-form-4054 textarea,.webform-client-form-4054 select,.webform-client-form-4064 input[type="text"],.webform-client-form-4064 input[type="email"],.webform-client-form-4064 textarea,.webform-client-form-4064 select{max-width:500px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}#solution-form-container{position:fixed;height:100%;width:100%;background:rgba(241,241,241,0.98);top:0;left:0;z-index:10001;display:none}#solution-form-container #close-solution-form{position:absolute;font-size:3rem;font-weight:lighter;padding:.5rem;top:20px;right:20px;line-height:.5;color:#444}#solution-form-container .block-content{max-width:960px;margin:0 auto;overflow:hidden}#solution-form-container .block-content form{display:block;margin:0 auto}#solution-form-container .block-content form>div{width:100%}#solution-form-container .block-content form>div::after{content:"";clear:both;display:table}#solution-form-container .block-content form>div legend{background:transparent}#solution-form-container .block-content form>div fieldset{display:block;border:0;margin:0;width:100%;padding:20% 2rem;float:left;max-width:960px;height:100%;height:100vh}#solution-form-container .block-content form>div fieldset::after{content:"";clear:both;display:table}#solution-form-container .block-content form>div fieldset .fieldset-wrapper{max-width:400px;width:100%;margin:0 auto;text-align:center}#solution-form-container .block-content form>div fieldset .fieldset-wrapper .form-item{margin:0 0 2rem}#solution-form-container .block-content form>div fieldset .fieldset-wrapper label{font-size:1.125rem;text-transform:lowercase;font-style:italic;font-weight:300}#solution-form-container .block-content form>div fieldset .fieldset-wrapper label:first-letter{text-transform:uppercase}#solution-form-container .block-content form>div fieldset .fieldset-wrapper input,#solution-form-container .block-content form>div fieldset .fieldset-wrapper textarea{border:none;box-shadow:none;border-bottom:2px solid #999;padding:0.75rem 2rem;background:transparent;text-align:center;font-weight:300}#solution-form-container .block-content form>div fieldset .fieldset-wrapper textarea{min-height:200px;border:1px solid #999;resize:vertical;text-align:left;padding:1.5rem}#solution-form-container .block-content form>div fieldset .fieldset-wrapper ::-webkit-input-placeholder{color:#AFAFAF}#solution-form-container .block-content form>div fieldset .fieldset-wrapper :-moz-placeholder{color:#AFAFAF}#solution-form-container .block-content form>div fieldset .fieldset-wrapper ::-moz-placeholder{color:#AFAFAF}#solution-form-container .block-content form>div fieldset .fieldset-wrapper :-ms-input-placeholder{color:#AFAFAF}.button-wrapper{margin:0 auto !important;position:fixed;bottom:20%;max-width:960px}.button-wrapper>div{width:50%;margin:0 auto}.button-wrapper .button{background:transparent;border:2px solid #7D7D7D;box-shadow:none;font-weight:400;text-transform:uppercase;color:#7D7D7D;height:50px;padding:1em !important;line-height:1em;margin:0;font-size:1em}.webform-submit.form-submit{margin:0;background:#cd5c5c;color:white;border:none;border:2px solid #cd5c5c;border-radius:0;box-shadow:none}.webform-submit.form-submit:hover{background:transparent;color:#cd5c5c}.morphsearch{width:50px;min-height:40px;background:#f1f1f1;position:absolute;z-index:300;top:50px;right:50px;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition-property:min-height, width, top, right;transition-property:min-height, width, top, right;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}header #overlay-search.morphsearch.open{width:100%;min-height:100%;top:0;right:0}header #overlay-search.morphsearch.open .morphsearch-form{margin:0 auto}header #overlay-search.morphsearch.open .form-item,header #overlay-search.morphsearch.open .morphsearch-input[type="text"]{width:100%;line-height:1.6}.morphsearch-form{width:100%;margin:0 auto;position:relative;-webkit-transition-property:width, height, -webkit-transform;transition-property:width, height, transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}.morphsearch.open .morphsearch-form{width:80%;height:160px;-webkit-transform:translate3d(0, 3em, 0);transform:translate3d(0, 3em, 0)}.morphsearch-input[type="text"]{width:100%;height:100%;line-height:64px;margin:0;padding:0 10% 0 10px;font-weight:700;box-shadow:none;border:none;background:transparent;cursor:pointer;font-size:0.8em;color:transparent;-webkit-transition:font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition:font-size 0.5s cubic-bezier(0.7, 0, 0.3, 1)}.morphsearch-input[type="text"].morphsearch-bg{background:url(../images/search-btn.png) no-repeat center center/cover}.morphsearch-input[type="text"]:focus,.morphsearch-input[type="text"]:active{border:none;outline:none;background:transparent;box-shadow:none}.morphsearch-input::-ms-clear{display:none}.morphsearch.hideInput .morphsearch-input{color:transparent;-webkit-transition:color 0.3s;transition:color 0.3s}.morphsearch-input[type="text"]:-webkit-autofill{background:transparent}.morphsearch-input::-webkit-input-placeholder{color:transparent}.morphsearch-input:-moz-placeholder{color:transparent}.morphsearch-input::-moz-placeholder{color:transparent}.morphsearch-input:-ms-input-placeholder{color:transparent}.gn-search:focus::-webkit-input-placeholder{color:transparent}.morphsearch.open .morphsearch-input{font-size:7em;color:#ec5a62;cursor:text;background:transparent}.morphsearch.open .morphsearch-input .morphsearch-input::-webkit-input-placeholder{color:#c2c2c2 !important}.morphsearch.open .morphsearch-input .morphsearch-input:-moz-placeholder{color:#c2c2c2 !important}.morphsearch.open .morphsearch-input .morphsearch-input::-moz-placeholder{color:#c2c2c2 !important}.morphsearch.open .morphsearch-input .morphsearch-input:-ms-input-placeholder{color:#c2c2c2 !important}input[type="search"]{-webkit-box-sizing:border-box;box-sizing:border-box}.morphsearch-input:focus,.morphsearch-submit:focus{outline:none}.morphsearch-submit{position:absolute;width:100px;height:100px;font-size:0;overflow:hidden;right:0;top:18%;background-color:transparent !important;border:none !important;box-shadow:none !important;pointer-events:none;opacity:0;line-height:1}.morphsearch-submit::after{content:"\f002";font-family:FontAwesome;display:block;color:#ec5a62;line-height:1;font-size:4.25rem;transition:.2s}.morphsearch-submit:hover::after{color:#B1464C}#autocomplete{border:1px solid #cecece}
*/
.reference-autocomplete{padding:4px;border-bottom:1px solid #cecece}.morphsearch.open .morphsearch-submit{pointer-events:auto;opacity:1;-webkit-transition-delay:0.5s;transition-delay:0.5s}.morphsearch-close{width:36px;height:36px;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:100%;cursor:pointer;pointer-events:none;opacity:0;-webkit-transform:scale3d(0, 0, 1);transform:scale3d(0, 0, 1)}.morphsearch.open .morphsearch-close{opacity:1;pointer-events:auto;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;-webkit-transition-delay:0.5s;transition-delay:0.5s}.morphsearch-close::before,.morphsearch-close::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;border-radius:3px;opacity:0.2;background:#000}.morphsearch-close:hover.morphsearch-close::before,.morphsearch-close:hover.morphsearch-close::after{opacity:1}.morphsearch-close::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.morphsearch-close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.morphsearch-content{color:#333;margin-top:4.5em;width:100%;height:0;overflow:hidden;padding:0 10.5%;background:#f1f1f1;position:absolute;pointer-events:none;opacity:0}.morphsearch.open .morphsearch-content{opacity:1;height:auto;overflow:visible;pointer-events:auto;-webkit-transition:opacity 0.3s 0.5s;transition:opacity 0.3s 0.5s}
.round{border-radius:50%}
.overlay{opacity:0;display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);pointer-events:none;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}.morphsearch.open ~ 
.overlay{opacity:1}@media screen and (max-width: 53.125em){.morphsearch-input{padding:0 25% 0 10px}
.morphsearch.open .morphsearch-input{font-size:2em}.morphsearch.open 
.morphsearch-submit{-webkit-transform:translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1);transform:translate3d(0, -50%, 0) scale3d(0.5, 0.5, 1)}}
.inner-wrap{right:0;position:relative;transition:all ease 0.4s}
.inner-wrap.offcanvas .btn-wrapper{right:58%}
@media all and (min-width: 60.063em){
.btn-wrapper{
	/* display:none */
	}
}

.menu-btn{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:200;height:24px;line-height:1;right:0.75rem;margin:0;cursor:pointer;user-select:none;outline:0;border:none}
.menu-btn:active{transition:0}
.menu-btn.close .lines{backface-visibility:hidden;background:transparent;-webkit-transform:translateZ(0)}
.menu-btn.close .lines:before,.menu-btn.close .lines:after{backface-visibility:hidden;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:24px;background:#454545}
.menu-btn.close .lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}
.menu-btn.close .lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}
.menu-btn.close .menu-text{color:#454545;transition:all ease 0.4s}
.menu-btn .lines{display:inline-block;width:24px;height:3px;background:#454545;border-radius:1px;transition:all ease 0.4s;position:relative;outline:0}
.menu-btn .lines:before,.menu-btn .lines:after{display:inline-block;width:24px;height:3px;background:#454545;border-radius:1px;transition:all ease 0.4s;position:absolute;left:0;content:'';backface-visibility:hidden;-webkit-transform-origin:0.28571rem center;transform-origin:0.28571rem center;outline:0}
.menu-btn .lines:before{top:0.5rem}.menu-btn .lines:after{top:-0.5rem}
.mobile-menu{
	background:rgba(68,68,68,0.97);
	z-index:10001;
	position:absolute;
	height:100%;
	width:55%;
	right:-55%;
	top:0;
	padding:1rem 0;
	transition:all ease 0.4s;
	padding-top: 30px;
}
.mobile-menu.menu-open {
	right:0;
}
.mobile-menu ul {
	list-style:none;
	margin:0
}
.mobile-menu li {
	position:relative;
}
.mobile-menu li a {
	color:white;
	line-height:2.8;
	display:inline-block;
}
.mobile-menu li span {
	display: block;
}
.mobile-menu li.expanded ul.menu {
	display:none;background:#666;padding:0
}
.mobile-menu li.expanded ul.menu>div>li>a {padding-left:2.25rem}
	
.mobile-menu li.expanded ul.menu>div>li>ul.menu{background:#888}.mobile-menu li.expanded ul.menu>div>li>ul.menu>li>a{padding-left:3.25rem}
.mobile-menu li.expanded ul.menu>div>li>ul.menu>li>a::before{content:">";display:inline-block;margin-right:0.25rem;font-size:0.75rem}

.mobile-menu .menu-block-wrapper>ul.menu>li>.nolink,
.mobile-menu .menu-block-wrapper>ul.menu>li>ul.menu>li>.nolink,
.mobile-menu .menu-block-wrapper>ul.menu>li>a
{
	line-height:2.35;letter-spacing:0.215em;text-transform:uppercase;color:white;position:relative;top:initial;right:initial;display:block;margin:0 1.25rem;cursor:pointer
}

.mobile-menu .menu-block-wrapper>ul.menu>li>ul.menu>li>.nolink {
	margin: 0;
}

.mobile-menu .menu-block-wrapper>ul.menu>li>.nolink::before{content:"+";line-height:2.235;position:absolute;right:0;top:0}
.mobile-menu .menu-block-wrapper>ul.menu>li>.nolink.visible::before{content:"-"}.visible{display:block !important}
.open-menu-link{display:none;position:absolute;right:1.25rem;top:0;line-height:2.2;cursor:pointer;color:white
}

@media only screen and (max-width: 35em) { 
.btn-wrapper {
		right: 10%;
    top: 40px;
	}
}