body {
	color:#113f42;
	font:normal normal 18px azo-sans-web, Arial, Helvetica, sans-serif;
	line-height:32px;
	font-weight:400;
	overflow-x:hidden;
	background:#fff;
}




h1 { font-size: 44px; line-height:52px; font-weight:900;font-style:italic; }
h1 strong {font-weight:900;}
h2 { font-size: 36px; line-height:42px; font-weight:900;font-style:italic; }
h2 strong {font-weight:900;}
h3 { font-size: 24px; line-height:28px; font-weight:400; font-style:italic; }
h4 { font-size: 20px; line-height:24px; font-weight:400; color:#343434; }
h5 {font-size: 13px; font-weight:400; }
h6 {font-size: 12px; font-weight:400; }
#main-content h1, #main-content h2 {margin-top:20px;}
h1+h3 {margin-bottom:20px;}

a {font-weight:900;font-style:italic;}


/* KIRKKAAN SININEN */
h3, a, .tuotteet h3, #showcase h3, .boxi-otsikko h3 span,
.boxi .boxi-otsikko h3 {
	color:#3b8dc7;
}

#showcase, .mobi-linkit ul li:first-child a, .boxi-wrap, #bottom, #bottom:before {	
	background-color:#3b8dc7;
}

/*********************************/

/* TUMMAN SININEN */
body, h1, h1 strong, h2, h2 strong
{
	color:#1d2c69;
}
.mobi-linkit ul li:last-child a, #top.fixed, .boxi:hover .boxi-wrap,
.tuotteet .palsta-sisalto, #footer {
	background-color:#1d2c69;
}
@media (max-width:800px) {
	.valikko-lista {
		background:#1d2c69;
	}
}

#top {border-top:5px solid #1d2c69; background:#fff;}


/*********************************/


/* ORANSSI */

a.nappi, /*#bottom a,*/ .varaa .palsta-sisalto {
	background-color:#3b8dc7;
}

#nav ul li.level1 a:hover {
	color:#3b8dc7;
}
/*********************************/

.boxi .boxi-otsikko h3 {color:#fff;}

.lomake input, .lomake textarea, .googlemaps #reittiAlku {

	background:#fdfdfd;
	border:1px solid #aaa;
	color:#333;
}
.lomake select, .lomake option {

	background:#fff;
	color:#333;
}
.lomake input:focus, .lomake textarea:focus, .lomake input:active, .lomake textarea:active,
.googlemaps #reittiAlku:focus, .googlemaps #reittiAlku:active {

	border:1px solid #444;
	background:#fff;
}

.mobi-linkit ul li a {
	color:#fff;
}

.arkki { max-width:1500px !important;}
#showcase .arkki {max-width:100% !important;}

#top {
	position:absolute;
	margin-bottom:0px;
	top:0;
	left:0;
	right:0;
	margin-bottom:30px;
	z-index:10000;
	
}


#top #top-wrap {
	width:100%;
		max-width:100%;
	margin:0 auto;
	padding:10px 30px;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


@keyframes liikuta {
	from {top:-150px;}
	to {top:0;}
}

#top.fixed {position:fixed; top:0; lefT:0;right:0;
animation:0.3s liikuta linear;
}



#top.fixed #top-wrap {padding:10px 30px 5px 30px;}

#top p {margin:0;}

@media (min-width:1730px) {
	#top {background-size: 100% auto;}
}
#copy {background-color: #272727;}


@media (max-width:640px) {
		#top {padding-top:0;}
		#top a.call {font-size:16px;}
}


#nav {width:70%;}
#header {width:30%;}


#nav, #header {
	display:inline-block;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#header {text-align:left;padding:0;}
#header p {margin:0;padding:0;line-height:0;}
#header a {display:block;}
#header img {max-height:90px;width:auto;}

#nav .arkki {margin:0px;}

#nav ul li.level1 > a, .valikko-koti a, .valikko-avaa a { 
	padding:10px 10px;
}

#nav li.level1 > a:hover { 
	text-decoration:none;
}

@media (min-width:801px) {
#top.fixed #nav ul li.level1 a {background:none !important;}
}
#subnav { margin-bottom:0px; }
#subnav .arkki {
	
}
#subnav li a {
	padding:0 5px;
	margin:0 5px;
	text-align:center;
	line-height:24px;
	font-size:12px;
	font-weight:bold;
}
#subnav li a:hover { background:rgba(0,0,0,0.05); text-decoration:none; }
#subnav li.current a {font-weight:bold;}


#left ul.menu li a {
	display:block;
	
	font-size:12px;	
	
	padding:2px 2px 2px 8px;
	
}

#nav .submenu ul, #nav .submenu li {
	margin:0px;
	padding:0px;
}

#nav .submenu li a {
	padding:5px 8px;
	
	font-size:13px !important;
}


@media (max-width: 800px) {

	
	#nav ul li.level1 > a,#nav ul li.level1.viimeinen > a {
		border-bottom:1px solid rgba(0,0,0,0.1) !important;
		margin:0px;
	}
	
	#nav li.level1 > a:hover, #nav .submenu li a:hover, #nav li.level1 > a:focus, #nav .submenu li a:focus,
	#nav li.level1.viimeinen > a:hover, #nav li.level1.viimeinen > a:focus {
		background:rgba(0,0,0,0.1) !important;
		text-decoration:none;
		text-indent:0px;
}
	
	.valikko { margin-bottom:0px; }
	.valikko-koti, .valikko-avaa {
				
		background-position: center;
		background-repeat:repeat-x;
		margin-bottom:6px;
	}
	.valikko-koti a, .valikko-avaa a {
		color:#fff;
		padding:12px 0px !important;
		font-size:16px; 
		text-align:center;
		
	}

	.valikko-avaa.avattu .icon-th-list { background-image: url("../../../images/glyphicons-halflings.png") !important; }
	.valikko-avaa.avattu a { color:#000 !important; }
	
	.valikko-lista {
		margin:0;
		
		
		padding:0;
	}
	.avaaSubnav {position:absolute; right:8px; 
		padding:0px;
		text-align:center;
		width:50px;
		height:50px;
		top:0px;
		line-height:50px;
		display:inline-block;
		z-index:2000;
		cursor:default;
		font-size:50px;
		font-weight:300;
		color:#fff;
	}
	.avaaSubnav:hover {}
}



.avaaSubnav {display:none;}
@media (max-width:800px) {
	
	.submenu {display:none;}
	.avaaSubnav {display:inline-block;}
	.avaaNavi {
		height:50px; 
		width:50px; 
		position:fixed; top:10px; right:10px;
		border-radius:5px;
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		box-shadow:0px 0px 10px rgba(0,0,0,0.5);
		z-index:5000;
		opacity:0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		background:#00903E url(../images/valikko.png) center no-repeat;
		background-size:70% Auto;
	}
	
	.avaaNavi.show {
		opacity:1;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}



#nav ul li.level1 {
	display:inline-block;
	width:auto;
	margin:0 0 10px 0;
}
#nav ul li.level1 a {

	padding:8px 15px 8px 15px;
	font-weight:400;
	color:#272727;
	font-size:17px;
	font-style:italic;
}

#top.fixed #nav ul li.level1 a {color:#fff;}

#nav ul.menu {text-align:right;margin-top:20px;}

#top.fixed #nav ul.menu {margin-top:0;}
#top.fixed #header img {max-height:50px;}

#showcase {
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	background-size:100% auto;
	overflow:hidden;
	text-align:left;	
}

#showcase:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5000;
    height: 250px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(top, rgba(0,0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6eb', endColorstr='#fcf6eb',GradientType=0 );
}
body:not(.sivu1) #showcase:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5000;
    height: 250px;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(top, rgba(0,0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6eb', endColorstr='#fcf6eb',GradientType=0 );
}

#showcase h2 {
	font-weight:900;
	color:#fff;
	font-size:70px;
	line-height:85px;
	display:inline-block;
	margin:5px 0;
	font-style:italic;
	text-align:center;
}
body:not(.sivu1) #showcase h2 {display:block;font-size:60px;}
#showcase h2:after, #showcase h3:after {
	content:'';
	display:block;
	clear:both;
	
}
#showcase h2:before, #showcase h3:before {
	content:'';
	display:block;
	clear:both;
	
}
#showcase h3 {
	display:inline-block;
	margin:0 auto;
	margin-bottom:10px;
	font-size:30px;
	font-style:italic;
	font-weight:400;
	line-height:30px;
}
.kuvaus {width:100%;text-align:left;}


#content-top {
	background:#f6f6f6;
	padding:0px 0;
}
body:not(.sivu1) #content-top {
	padding:0px 0;
}

.boxi {
	padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	
}

.sivu1 #content-top {background:none;padding:30px 0;z-index:1000;position:relative;}
.sivu1 #content-top .arkki {}
.boxit {background:#fff !important;padding:30px !important;}
.boxi:before {
	padding-top:100%;
	content:'';
	display:block;
}
.boxi-wrap {
	background-size: 100% auto;
	
}
.boxi-wrap {
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	z-index:5;
	overflow:hidden;
	-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
}



.boxi-kuva {
	background-size:auto 100%;
	background-position: center;
	height:40%;
	background-repeat:no-repeat;
	margin-top:15%;
}

.kuvabox .boxi-kuva {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	height:auto;
	margin:0;
}
.kuvabox .boxi-kuva:before {
	content:'';
	displaY:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(bottom, rgba(0,0,0,0,0.5s) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6eb', endColorstr='#fcf6eb',GradientType=0 );
}

.cardbox .boxi-kuva {
	background-size:100% auto;
	margin-top:0;
	height:65%;
}

.boxi-otsikko {
margin-top:20px;
}
.boxi p {
	color:#fff;
	text-align:center;
	font-weight:900;
	font-size:24px;
	font-style:italic;
}

.kuvabox .boxi-otsikko {
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	z-index:1000;
}

#content-top .boxit {margin-top:0px;}

.big-link {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:1000;
}
.boxi .boxi-otsikko h3 {
	font-weight:400 !important;
	font-size:15px !important;
	margin:0 !important;
	text-align:center !important;
	margin-top:0px!important;
	line-height:20px !important;
	text-shadow:none !important;
	text-transform: uppercase;
	letter-spacing:2px;
	
}
.boxi:hover .boxi-otsikko h3 {color:#fff !important;}



#main-content {
	padding:50px 0px 50px 0px;
	text-align:left;
}

#bottom {
	background-image: url(../images/bottom.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding:100px 0 100px 0;
	position:relative;
}
.sivu64 #bottom {background:#fff;}
#bottom:before {
	content:'';
	display:block;
	left:0;
	top:0;
	bottom:0;
	right:0;
	position:absolute;
	z-index:1;
	opacity:0.25;
}
#bottom .arkki {position:relative; z-index:50;}
#bottom iframe {width:100%;margin:0;line-height:0;display:block;}

#bottom h2 {
	font-weight:900;
	font-size:50px;
	line-height:50px;
}


#bottom .editor {
	width:50%;
	padding:50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:#fff;
}

#footer {
	padding:50px 0px 50px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color:#fff;
	font-size:16px;
}

#footer a, #footer strong {
	text-transform: none;
	font-weight:700;
}
#footer h3 {
	font-size:20px;
	font-weight:900;
}


#footer a.nappi {
	padding:15px 25px;
}

#footer .palstat .palsta:last-child img {max-width:150px; height:auto;}

#copy a, #copy {color:#aaa; font-size:12px !important; font-weight:400;}

a.nappi/*, #bottom a */{
	font-size:20px;
	font-weight:900;
	font-style:italic;
	padding:15px 30px 15px 30px;
	display:inline-block;
	text-shadow:none;
	color:#fff;
}


a.nappi:hover {
	text-decoration: none;
	background:#272727;
	color:#fff;
}
a.nappi strong {float:right;}


.submenu {background:#272727; width:250px !important;}
.submenu ul li a {color:#fff !important; padding:20px 10px !important; line-height:20px;}

#nav .submenu li:hover a {background:#222;}





.arkki {
	padding:0 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.map-scase {
	font-size:18px;
	line-height:26px;
	text-align:center;
	background:#eee;
}
.map-scase .padi {
	padding:20px;
	padding-top:40px;
	
}
.map-scase h3 {
	font-weight:700;
	font-size:27px;
	color:#ffd131;
}


/* GALLERIA */
.galleria .galleria-kuva a {
	background-color:#f5f5f5;
	display:block;
	background-size:100% auto;
}
.galleria-kuva {padding:10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;}

.galleria .galleria-kuva a:before {
	content:'';
	display:block;
	padding-top:100%;
}
#showcase .arkki {padding:0;}
#content-top .arkki {padding:0 20px;}


body:not(.sivu1) #main-content .boxit {margin-top:0px;}
#lomake .arkki {position:relative; border-top:4px solid #f2f2f2; padding:50px 0;text-align:Center;}
#lomake img {displaY:inline-block;vertical-align:middle;max-width:120px; height:auto; max-height:55px;margin:10px; width:auto;}


#lomake {background:#fff;}
.sivu64 .lomake,
.sivu98 .lomake {margin:30px;width:auto;}
#lomake .lomake h3 {
	color:#fff;
	text-transform: uppercase;
	padding-top:10px;
	font-size:40px;
	line-height:45px;
}
#lomake .lomake input {
	border:0;
	background:#fff;
	display:block;
	line-height:40px !important;
	height:40px !important;
	padding:0 5px;
	color:#272727;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#lomake .lomake .label {displaY:none;}
#lomake .lomake .kentta {width:100% !important;
	padding:5px !important;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.lomake h2 {margin-top:20px;}
.lomake button {
	background:#272727;
	border:0;
	font-weight:900;
	color:#fff;
	displaY:block;
	width:100%;
	padding:25px 0;
	text-transform: uppercase;
	font-size:20px;
}
.sivu98 .lomake,
.sivu64 .lomake {
	background:#eee;
	padding:20px 40px;
	margin-top:30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	.sivu98 #lomake {display:none;}
.lomake.rekry {
	color:#fff;
	padding:20px 40px;
	background:#61903f;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.lomake.rekry a {color:#fff;}
.lomake.rekry button {
	background:#272727;
	color:#fff;
}
.lomake.rekry h2 {color:#fff;}
.palsta-sisalto {padding:30px;}
.uutiset {padding:10px;}

.uutiset-wrap {
	border:3px solid #eee;
	padding:30px;
}

.uutinen {color:#999;
	border-top:1px solid #eee;
	font-size:15px;
	line-height:22px;
	padding:5px 0;
}

.uutinen p, .uutiset h3 {margin:0;}
.uutinen h3 a {
	line-height:30px;
	margin:5px 0;
	display:block;
}

.mobi-linkit {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:50000;
}
.mobi-linkit ul li {
	list-style-type:none;
	margin:0;
	float:left;
	width:50%;
	display:inline-block;
}
.mobi-linkit ul li a {
	display:block;
	padding:10px 0;
	text-align:Center;
}

.vastuu img {height:60px; max-width:170px; width:auto; height:auto;margin:10px;vertical-align:middle;}
.vastuu {text-align:center;}


.slick-slide {	
	background-size: auto 100% !important;
	background-position:right center !important;
	background-repeat:no-repeat !important;
}

.tuotteet {
	text-align:center;
}
.tuotteet .palsta-sisalto {
	font-size:16px;
	text-align:Center;
	color:#fff;
	margin:5px;
	line-height:24px;
}
.tuotteet h2 {
	font-weight:700;
	font-size:100px;
	line-height:80px;
	text-align:center;
	color:#fff;
}

.purku .palsta-sisalto {
	background:#df3b35;
	color:#fff;
	padding:50px 20px ;
}
.purku h2 {color:#fff;}

.varaa .palsta-sisalto {
	color:#fff;
	text-align:center;
	margin:5px 5px 40px 5px;
}


@media (max-width:1450px) {
	#header {width:25%;}
	#nav {width:75%;}
	#nav ul li.level1 a {padding:10px 10px;}
	
	.sivu1 .slick-slide {height:800px !important;}
}


@media (max-width:1300px) {
	h1, h1 strong {
		font-size:35px;
		line-height:42px;
	}
	
	#nav ul li.level1 a {font-size:15px; padding:10px 5px;}
	
	#main-content {
		padding:50px 0px;
		
	}
	body {
		font-size:15px;
		line-height:22px;
	}
	#lomake .lomake {position:Static;
		-moz-transform: none;
		-webkit-transform: none;
		transform:none;
	}
	#lomake .arkki {padding:0;}
	#bottom {padding:80px 0;}
}

@media (max-width:1200px) {
	#content-top .boxi {
    padding: 10px;
	}
	#header {width:25%;}
	#nav {width:75%;}
	
	.boxi-otsikko h3 {
		font-size: 16px;
	}
	
	a.nappi, a.box-link {
		font-size: 14px;
		padding: 9px 15px 9px 15px;
	}
	
	#content-top {margin-top:0 !important;}
	#nav ul li.level1 a {padding:10px 6px 0 6px;}
	.boxi-otsikko h3 {font-size:15px !important;}
	.sivu1 #showcase .slick-slide {background-size:auto 100% !important;}
	.boxi p{ font-size:18px;}
	.boxi .boxi-otsikko h3 {font-size:12px !important;}
	
	.palsta.tuotteet {width:50% !important;}
}

@media (max-width:1080px) {
	#bottom {background-size:auto 100%;}
	#bottom h2 {
		font-size: 42px;
	}
}
@media (max-width:1024px) {
	#content-top .boxit {padding:0 !important;}
	.boxi-otsikko h3 {
		font-size: 17px;
	}
	#content-top .boxi {padding:3px;}
	
	#content-top .boxi-wrap {
		left:2px;
		top:2px;
		bottom:2px;
		right:2px;
	}
	
	#showcase h2 {
		font-size: 45px;
		line-height: 50px;
	} 
	#nav ul li.level1 a {	
    font-size: 14px !important;
	}
	#top #top-wrap {padding:20px 15px;}
	#header {width:30%;}
	#nav {width:70%;}
	.sivu1 .slick-slide {height:600px !important;}
}
@media (max-width:960px) {
	
	#content-top .grid_viisi {width:33.33% !important;}
	
	body {font-size:15px;}
	
	#top #top-wrap, .arkki {
    	width: 100% !important;
	}
	#showcase .arkki {
		width:100% !important;
	}
	
	
	
	#content-top .boxi {
    padding: 5px;
	}
	#content-top .boxit {padding:0;}
	#bottom h2 {
		font-size: 35px;
		line-height:40px;
	}
	#nav ul li.level1 a {	
		font-size: 14px !important;
		padding:10px 3px;
		letter-spacing:0px;
	}
	#showcase h3 {
		padding: 10px 30px 10px 30px;
		font-size: 20px;
	}
	.kuvaus {width:85%;}
	#header {width:20%;}
	#nav {width:80%;}
}

@media (max-width: 854px) {
body:not(.sivu1) .slick-slide {
    background-size: 100% auto !important;
}
}

.mobile {display:none;}
.mobi-linkit {display:none;}

@media (max-width:800px) {
	
	.mobile, .mobi-linkit {display:block;}
	#bottom h2 {
		font-size: 24px;
		line-height:30px;
	}
	#bottom .editor {width:400px;}
	#top {z-index:15000;}

	#top #top-wrap {position:relative; width:100% !important; padding:15px;}
	#nav {text-align:left;}
	#header {width:100%; margin:0;}
	#nav {width:100%; 
		position:absolute;
		top:0;
		lefT:0;
		right:0;
	}
	
	.valikko-avaa {position:absolute;top:15px;right:10px; width:40px;z-index:5000;}
	#top.fixed .valikko-avaa {top:5px; right:10px;
		padding-left:10px;
		padding-right:10px;
		margin-right:0;
	}
	
	
	.line {
		background:#fff;
		display:block;
		margin:5px 0;
		height:5px;
		border-radius:3px;
	}
	
	#top.fixed .line {background:#fff;}
	
	.valikko {margin:0px -5px;}
	#nav ul li.level1 {width:100%; display:block;}
	#nav ul li.level1 a {color:#fff; text-align:left; 
	
    font-size: 14px !important;
    padding: 20px 20px 13px 20px !important;
	border-bottom:1px solid rgba(255,255,255,0.1) !important;
	}
	#nav ul li.level1 .submenu li a {
		font-size:13px !important;
	}
	#nav ul li.level1 {display:block;}
	
	.arkki {
		margin:0 auto !important;
	}
	.kuvaus {width:100%; text-align:center;}
	
	#nav ul.menu {display:block !important;margin:100px 0;}
	.valikko-lista {
		position:fixed;
		lefT:0;
		top:0;
		right:0;
		bottom:0;
		overflow-y:scroll;
	}
	.valikko.opened .valikko-avaa {top:10px;right:20px;margin-right:0;position:fixed;}
	.valikko.opened .line {
		background:#999;
	}
	.valikko.opened .line1 {
		transform: rotate(45deg);
		margin-top:13px;
	}
	.valikko.opened .line2 {display:none;}
	.valikko.opened .line3 {
		transform: rotate(-45deg);
		margin-top: -10px;
	}
	.sivu1 #bottom {background-size: auto 120%;}
	.slide-wrap {padding:0 20px !important;}
	.slide-content {width:100% !important;}
	
	#footer .grid_4, #footer .grid_2 {text-align:center !important;
		width:100% !important;
		display:block !important;
	}
	#footer .grid_2 p {text-align:center !important;}
	#footer .grid_3+.grid_3 {text-align:right !important;}
	body:not(.sivu1) .slick-slide {
		height: 400px !important;
		background-size: auto 130% !important;
	}
	#showcase h2 {font-size:42px;}
}


@media (max-width:600px) {
	.palsta-sisalto {padding:0px;}
	
	.palsta.tuotteet .palsta-sisalto {padding:30px !important;}
	#footer .grid_3+.grid_3 {text-align:center !important;}
	#footer .grid_3 {text-align:center !important;}
	h1, h1 strong, h2, h2 strong {font-size:26px; line-height:28px;}
	
	#bottom .editor {width:100%;padding:24px;}
	.boxit {margin-top:0;}
	
	#showcase .arkki {width:100% !important;}
	body {line-height:23px;font-size:15px;}
	
	.lightboxgallery-gallery a {width:20%;}
	#header img {
    max-height: 50px;
    width: auto;
}
	body:not(.sivu1) #bottom {padding:30px 10px;
	}
	h3 {font-size:18px;}
	#showcase h3 {
		padding: 10px 15px 10px 15px;
		font-size: 16px;
	}
	.kuvaus {text-align:Center;}
	.slick-slide {height:450px !important;}
	
	#bottom .arkki {padding:0;}
	#footer img {max-height:50px;width:auto;}
	
	#content-top .boxi {
		width:50% !important;
		float:left !important;
		display:inline-block !important;
		clear:none !important;
	}
	#showcase h2 {
		font-size:35px;
		line-height:42px;
	}
	.boxi-otsikko h3 {line-height:20px !important;}
	
	.palsta.tuotteet {width:100% !important;}
	#top.fixed #top-wrap {
    padding: 15px;
}
}





@media (max-width:485px) {
	
	#nav ul.menu {display:block !important;margin:100px 0px;}
	
	.sivu1 .slide-wrap {padding:0 20px !important;}
	body:not(.sivu1) #showcase h2 {
		font-size: 32px;
		line-height: 40px;
		padding:0;
	}
	body:not(.sivu1) .slick-slide {
		height: 400px !important;
		background-size: auto 130% !important;
	}
	.sivu83 #main-content .arkki {
		padding:0;
	}
	
	.uutiset {padding:10px 0;}

	.uutiset-wrap {
		border:3px solid #eee;
		padding:20px;
	}

	.uutinen {color:#999;
		border-top:1px solid #eee;
		font-size:14px;
		line-height:22px;
		padding:5px 0;
	}

	.uutinen p, .uutiset h3 {margin:0;}
	.uutinen h3 a {
		line-height:30px;
		margin:5px 0;
		display:block;
	}
	.sivu64 .lomake {padding:20px;width:auto; margin:0px -30px;}
	#lomake .lomake {margin:0;}
	.lomake button {
		padding: 15px 0;
		font-size: 20px;
	}
	#showcase h2 {
		font-size: 32px;
		line-height: 40px;
		padding:0px;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	}
	#showcase:before {
    	height: 150px !important;
    }
	
	.palsta.tuotteet .palsta-sisalto {font-size:13px; line-height:18px;} 
	
}

@media (max-width:440px) {

	.valikko-avaa {position:absolute;top:10px;right:10px; width:40px;z-index:5000;}
	
	.boxi-otsikko h3 {
    font-weight: 700;
    line-height: 29px;
font-size:16px !important;}
	
}
@media (max-width:400px) {
	a.nappi, #bottom a {
		font-size:17px;
		padding:15px;
	}
	.avaaSubnav {top: -3px;}
	#nav ul li.level1 a {
		font-size: 14px !important;
		padding: 15px 20px 15px 20px !important;
		
    font-weight: 400 !important;
	}
	#nav ul li.level1 .submenu li a {
		font-size: 11px !important;
		padding:15px 25px !important;
	}
	
	.valikko-avaa {position:absolute;top:10px;right:10px; width:40px;z-index:5000;}
	body:not(.sivu1) #bottom {
		background-size: auto 110%;
	}	
	
	#showcase h3 {font-size:17px;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.6);}
}
@media (max-width:380px) {
	.boxi p {font-size:12px;}
	.boxi-otsikko {margin-top:10px;}
}

@media (max-width:360px) {
	#header img {
		max-height: 45px !important;
		width: auto;
	}
	.valikko-avaa {position:absolute;top:15px;right:15px; width:30px;}
	.line {
		display:block;
		margin:4px 0;
		height:4px;
		border-radius:3px;
	}
	
	.valikko.opened .line3 {
		margin-top: -8px;
	}
	
	.boxi-otsikko h3 {
		font-weight: 700;
		font-size: 11px;
		line-height: 29px;
	}
}