@font-face {
    font-family: "Gidole";
    src: url("/media/fonts/gidole.eot"); /* IE */
    src: url("/media/fonts/gidole.eot?#iefix") format("embedded-opentype"),
	url("/media/fonts/gidole.ttf") format("truetype"); /* non-IE */
	font-weight: 400;
	font-style: normal;
}

body {
	color:#333;
	font:normal normal 18px 'Lato', Arial, Helvetica, sans-serif;
	line-height:28px;
	font-weight:400;
	overflow:hidden;
	background:#fff;
}


p, ul {
	font-family: 'Lato', Arial, sans-serif;
}

h1, h2 { font-size: 60px; line-height:52px; font-weight:900; color:#4d1e9e;}

h3 { font-size: 30px; line-height:34px; font-weight:300; color:#222; text-transform:uppercase;

	font-family: bebas-neue, sans-serif;

font-weight: 400;

font-style: normal;
}
h4 { font-size: 20px; line-height:24px; font-weight:400; color:#000; }
h5 {font-size: 13px; font-weight:400; }
h6 {font-size: 12px; font-weight:400; } /*kuvateksti*/




h1+h3 {margin-bottom:20px;}

a {color:#902624; font-weight:400;}

a.nappi, #footer a, #nav ul li.level1 a {
	font:normal normal 18px 'Gidole', Arial, Helvetica, sans-serif;
}

.lomake {
	color:#272727;
}
.lomake .lomake-rivi:hover { 
	
}

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

	background:#fff;
	color:#333;
	border-radius:10px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	border:none;
	padding:10px;
}
.lomake select, .lomake option {

	background:#fff;
	border:1px solid #aaa;
	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;
}


.arkki {max-width:1500px !important;}



#top {
	border-top:5px solid #902624;
	margin-bottom:0px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin-bottom:0px;
	z-index:1000;
	background:none;
}


#top #top-wrap {
	max-width:100%;
	margin:0 auto;
	padding:20px 20px;
	position:relative;
}

#top .white {display:none;}
#top.fixed .white {display:block;}
#top.fixed .red {display:none;}

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

#top.fixed {position:fixed; top:0; lefT:0;right:0;
animation:0.3s liikuta linear;
background:#902624;
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

#top.fixed #yhteystiedot {display:none;}



#top p {margin:0;}

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


@media (max-width:640px) {
		#top {padding-top:0;}
		#top a.call {font-size:16px;}
		#showcase .laatikko .kuva {display:none;}
		#showcase .laatikko .otsikko {margin:0 !important; padding:15px 0;}
}


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



#header {
	z-index:15000;
	width:20%;
}



#header .logo {position:relative;display:inline-block;}


#nav {width:80%; position:relative;padding-right:0px;}

#nav .arkki {
margin:20px 0px;
}



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

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

#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:12px !important;
}

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


.box h3 {
	color:#535353 !important;
	font-size:40px !important;
	letter-spacing:0px;
	line-height:70px !important;
	margin:0;
	text-align:left;
}
.box h3 a {display:block;
	line-height:60px !important;
	text-align:left !important;
	padding-left:20px;
	font-size:22px !important;
}
.box h3 a:after {
	content:'»';
	color:#902624;
	display:inline-block;
	padding-left:10px;
}
@media (max-width: 1200px) {

	
	#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 {background:rgba(0,0,0,0.3); position:absolute; right:3px; 
		padding:0px;
		text-align:center;
		width:50px;
		height:50px;
		top:3px;
		line-height:50px;
		display:inline-block;
		z-index:2000;
		cursor:default;
	}
	.avaaSubnav:hover {background:rgba(0,0,0,0.6);}
}



.avaaSubnav {display:none;}
@media (max-width:1200px) {
	
	.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;
}

#nav ul li.level1 a {

	padding:15px 25px;
	font-weight:400;
	color:#535353;
	font-size:16px;
	letter-spacing:3px;
	text-transform:uppercase;
}


#nav ul li.level1 a:hover {color:#fff}
#nav ul.menu {text-align:right;}


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


.submenu {
	background:#B4ABAD;
	width:300px !important;
}
.submenu .submenu {
	position:absolute;
	display:none;
	top:0;
	left:100%;
	background:#333;
}
.submenu li {position:relative;}
@media (min-width:1201px) {
.submenu li:hover .submenu {display:block;}
}
.submenu .submenu li a {color:#fff !important;}


#nav {}


#showcase {
	padding: 0px;
	background:#fff;
}
#showcase .clearfix, #showcase .arkki, #showcase .caro, #showcase .grid_12,
#showcase .slick-list, #showcase .slick-track {height:100%;}
#showcase h2 {
	position:relative;
	color:#fff;
	font-weight:400 !important;
	font-family:'Noto Serif', Arial, serif;
	font-style:italic;
	text-transform: none;
	text-shadow: 0 0 20px rgb(0 0 0 / 50%);
}

#showcase h2 em {
	color:#b5acad;
	font-size:200px;
	position:absolute;
	left:-100px;
	top:-20px;
}

#showcase h2 strong {
	color:#535353;
	font-weight:400 !important;
}

#showcase h1 {
	color:#fff;
	font-size:50px;
	font-weight:900;
	margin-top:60px;
}

#showcase h3 {
	text-transform: none;
	color:#eeebe7;
	font-size:25px;
	line-height:30px;
}
	body:not(.sivu1) #showcase h3 {
		text-shadow: 0 0 20px rgb(0 0 0 / 50%);
	} 
	

.caro-image {
	height:100%;
}
.caro-image-inner {height:100%;}

.caro-elem {position:relative;


}

.ongelma-rivi .dots {
	background:#fff;
	margin:0 auto;
	display:inline-block;
	padding:15px 30px;
}

.ongelma-own {
	margin:0 auto;
	max-width:900px;
}
.caro-elem.caro-ongelma {
	background:#272727;
}

.caro-elem:before {
	content:'';
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
	position:absolute;
	top:0;
	lefT:0;
	right:0;
	height:50%;
}
.slick-next {
	position:absolute;
	right:50px;
	top:50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height:0;
	width:0;
	
	font-size:0;
	color:transparent;
	line-height:0;
	background:none;
	border:0;
	z-index:10000;
	cursor:pointer;
}

.slick-next:before {
	content:'';
	height:15px;
	width:15px;
	border-left:5px solid #333;
	border-top:5px solid #333;
	
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	display:block;
	position:absolute;
	right:100%;
	z-index:10000;
	cursor:pointer;
}

.slick-prev {
	position:absolute;
	left:50px;
	top:50%;
	height:0;
	width:0;
	font-size:0;
	color:transparent;
	line-height:0;
	content:'';
	z-index:10000;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background:none;
	border:0;
	cursor:pointer;
}
.slick-prev:after {
	content:'';
	height:15px;
	width:15px;
	border-left:5px solid #333;
	border-top:5px solid #333;
	
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display:block;
	position:absolute;
	left:100%;
	z-index:10000;
	cursor:pointer;
}

#showcase .grid_6:first-child {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:100px;
	padding-right:100px;
	position:relative;
}
.caro-text {
	position:absolute;
	top:50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:50%;
	max-width:600px;
	width:100%;
	z-index:200;
	font-weight:300;
}

body:not(.sivu1) .caro-text a, #nav ul li.level1:last-child a {
	background:#902624;
	color:#fff;
	display:inline-block;
	padding:10px 25px;
	border-radius:60px;
	font-family:'Gidole', Arial, sans-serif;
	font-weight:400;
	text-transform: uppercase;
	margin-top:30px;
}
#nav ul li.level1:last-child a {
	margin-top:0;
}
#nav ul li.level1:last-child a:after {
	content:' »';
}
@media (max-width:1600px) {
	.caro-text {
		right:100px;
	}
}



.caro-elem {
	background-position: center;
	background-size: auto 100%;
}
@media (max-height:820px) {
	.caro-elem {background-size: 110% auto;background-position: top center;}
}
body:not(.sivu1) .caro-elem {background-size:100% auto;}
.caro-inner {
	background-size: 100% auto;
	background-position: center;
	position:relative;
	z-index:5;
}

.pvm, .caro-still p {
	text-transform: uppercase;
	padding:0px;
	font-size:30px;
	line-height:34px;
	displaY:inline-block;
	color:#b58aff;
	margin:0;
}
.nimi, .caro-still h2 {
	font-weight:900 !important;
	font-size:50px !important;
	line-height:55px !important;
	color:#fff;
	margin:0 !important;
}
.caro-still h2 {
	font-size: 40px !important;
    line-height: 45px !important;
}
.liput {
	color:#fff;
	font-size:20px;
	line-height:30px;
	margin-top:10px;
	font-weight:300;
}

.linkit {margin-top:20px;}
.linkit a {
	display:inline-block;
	margin-right:8px;
	padding:15px 35px;
	color:#fff;
	text-transform: uppercase;
	border-radius:10px;
	background:#ee0092;
	font-size:18px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.linkit a:hover {
	background:#00eebe;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
	text-decoration:none;
}
.linkit a.varaa {
	background:#00eebe;
	color:#232326;
}
.linkit a.varaa:hover {
	background:#ee0092;
}



.henkilo {
	padding:0 20px !important;
}
	.henkilo .palsta-sisalto {
		padding:0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background:#fff;
		border-radius: 20px;
    	overflow: hidden;
		box-shadow:0 0 20px rgba(0,0,0,0.25);
	}
.mega-link {
	position:absolute;
	lefT:0;
	right:0;
	bottom:0;
	top:0;
	z-index:1000;
}
.henk-kuva {
	/*float:left;
	displaY:inline-block;
	width:30%;
	margin-right:5%;*/
}
	.henk-kuva p {
		margin:0;
	}
.henk-tiedot {
	/*float:left;
	width:65%;
	displaY:inline-block;*/
	padding:40px 30px 20px;
}
.esittely {
	display:inline-block;
	padding:5px 25px;
	color:#fff;
	background:#902624;
	border-radius:50px;
	font-size:14px;
}
.henk-esittely {
	display:none;
    /*border-radius: 20px;*/
    display: none;
    font-size: 14px;
	line-height: 22px;
    /*background: #eee;*/
    padding: 20px 30px;
    margin-bottom: 20px;
}

.esittely:hover {
	text-decoration:none;
	background:#333;
}


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

@media (max-width:1600px) {
	.caro-inner {
		background-size: auto 100%;
	}
	#showcase h2 {
		font-size: 25px;
    	line-height: 25px;
	}

	#showcase a {
	}
}


#content-top {
	padding:30px 20px;
	background:#dbd8d3;
}

.suodatin-elem {display:inline-block;
float:left;
margin-right:10px;}



#showcase {position:relative;}

#showcase .boxit {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:10000;
	height:auto;
}

.boxi {

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}
.boxi-kuva img {max-height:100%;max-width:100%; width:Auto;}
.boxi-wrap {
	background-image:url(../images/laatikot-g.jpg); 
	background-size: auto 100%;
	background-position:top left;
	position:relative;
	padding:25px;
	overflow:hidden;
	border-radius:15px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.boxi-sisalto {
	border-left:1px solid #eee;
	padding:0px 10px;
}
.boxit .boxi:nth-child(2) .boxi-wrap {background-position: left -100% top;}
.boxit .boxi:nth-child(3) .boxi-wrap {background-position: left -200% top;}
.boxit .boxi:nth-child(4) .boxi-wrap {background-position: left -300% top;}
.boxi-wrap:before {
	content:'';
	padding-top:100%;
	display:block;
}
.boxi:hover .boxi-wrap {
	background:url(../images/laatikot-r.jpg); 
	background-size: auto 100%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.boxi-kuva {
	display:inline-block;
	float:left;
	width:25%;
	text-align:center;
	height:60px;
	background-position: center;
	background-repeat:no-repeat;
	background-size: auto 45px;
}
.boxi-otsikko {
	displaY:inline-block;
	float:left;
	width:75%;
}

.boxi-sisalto.clearfix {
	height:Auto !important;
}

.megalink {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:1000;
}
.boxi-otsikko {
	margin-top:0px;
	
}
.boxi-otsikko h3 a {
	color:#535353;
	margin:0;
	text-align:center;
	display:block;
}
.boxi-otsikko p {
	color:#0072a6;
	text-transform:uppercase;
	font-weight:200;
	font-size:12px;
	line-height:16px;
}

.laatikko-wrap {
	margin:10px;
	background:#fff;
	padding:30px;
	text-align:center;
}
.laatikko-kuva {
	height:150px;
	width:100%;
	background-position: center;
	background-repeat:no-repeat;
}
.laatikko-otsikko h3 {
	color:#535353;
	margin-bottom:20px;
}
.laatikko-linkit a {
	border-radius:100px;
	color:#fff;
	background:#902624;
	display:inline-block;
	padding: 7px 30px;
	text-transform: uppercase;
	font-family:'Gidole', Arial, sans-serif;
}
.laatikko-linkit a:hover {
	text-decoration:none;
	background:#535353;
}
#main-content {
	padding:60px 20px 60px 20px;
	
}


#main-content .palsta, #lisa .palsta {
	padding:40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h2, h1 {
	font-family: bebas-neue, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:50px;
	line-height:60px;
	text-transform: uppercase;
	color:#902624;
}


#bottom {
	position:relative;
	z-index:500;
	
}


#bottom h2 {
	color:#fff;
	font-weight:300;
	font-size:60px;
}
#bottom h2 strong {
	displaY:block;
	font-weight:900;
	font-size:100px;
	line-height:80px;
	color:#222;
	margin-top:10px;
	text-transform: uppercase;
}


#bottom .arkki {
	max-width:100% !important;
	margin:0 auto;
}
#bottom .palstat {margin-top:0px; margin-bottom:40px;}
#bottom ul li {
	list-style-type:none;
	margin:0;
	width:270px;
	height:270px;
	background:#222;
	display:inline-block;
}

#bottom .editor {
	text-align:center;
	color:#fff;
}
#bottom .editor h3 {
	color:#b78aff;
}
#footer {
	background:#902624;
	padding:100px 0 70px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color:#fff;
	font-size:18px;
	position:relative; 
	z-index:4000;
}


#footer a {
	color:#fff;
	
}

#footer a.foo {
	background:#fff;
	display:inline-block;
	padding:15px 25px;
	font-size:30px;
	line-height:30px;
	color:#535353;
	border-radius:100px;
}

#footer .palstat {
	max-width:1400px;
	margin:0 auto;
	padding:0 20px;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footer h2 {
	color:#fff;
}


#copy {background:#111;}

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

a.nappi {
	color:#fff;
	background:#902624;
	text-transform:uppercase;
	font-weight:900;
	padding:15px 30px;
	display:inline-block;
	border-radius:100px;
}

a.nappi strong {float:right;}

a.nappi:hover {
	text-decoration: none;
	background:#a99a88;
	color:#fff;
}

.lomake {padding:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lomake button {
	background:#b4abac;
	color:#fff;
	font-weight:400;
	text-transform: uppercase;
	padding:15px 25px 15px 25px;
	border:0;
	border-radius:100px;
}


.boxi-content {
	position:absolute;
	top:50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:10px;
	right:10px;
}
.boxi-content a {
	displaY:inline-block;
	padding:10px 20px;
	color:#fff;
	background:#4d1e9e;
	border-radius:7px;
	text-transform: uppercase;
}
.boxi-content a:hover {
	text-decoration:none;
	background:#fff;
	color:#4d1e9e;
}
.box-link {
	position:absolute;
	lefT:0;
	top:0;
	right:0;
	bottom:0;
}
.tapahtumat {margin-top:-200px;}
.tapahtuma {
	text-align:center;
	background-size: auto 100%;
	background-position: center;
	padding:250px 0 30px 0;
	position:relative;
	border-radius:15px;
	overflow:hidden;
	margin:10px;
}
.tapahtuma:after {
	content:'';
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	position:absolute;
	bottom:0;
	lefT:0;
	right:0;
	top:0;
	z-index:1;
}
.tapahtuma .tapahtuma-text {position:relative;z-index:10;}
.tapahtuma .pvm {
	font-size:14px;
	line-height:14px;
	padding:7px 10px;
	margin-bottom:10px;
}
.tapahtuma .nimi {
	text-align:center;
	font-size:24px !important;
	line-height:24px !important;
}
.tapahtuma .linkit a {
	font-size:13px;
	padding:10px;
}
.tapahtuma .liput {
	font-size:14px;
	line-height:18px;
	
}


.lomake h2, .yhteystiedot h2 {
	font-weight:400 !important;
	color:#535353;
	
	font-weight:400;
	font-family:'Noto Serif', Arial, serif;
	font-style:italic;
	text-transform: none;
	text-align:left;
	
}

.yhteystiedot strong {display:inline-block; width:150px;}



.paketti {
	background:#00eebe;
	color:#111946;
	padding:20px;
	margin-bottom:10px;
	border-radius:10px;
}
#main-content .palsta h3, .sivu97 #main-content .editor h3 {font-weight:900;color:#902624;}


#bottom .palsta .palsta-sisalto {
	
	color:#fff;
	padding:30px 25px;
	margin:25px;
	border-radius:30px;
	font-size:16px;
	line-height:30px;
	text-align:center;
}

.bottom-content {
	height:200px;
}
#bottom {
	background:#eeebe7;
	padding:50px;
}
#bottom .palsta .palsta-sisalto h3 {
	font-weight:900;
	font-size:30px;
	line-height:35px;
	color:#902624;
}
#bottom a.nappi {
	background:#902624;
	border-radius:10px;
	color:#fff;
	padding:10px 25px 7px 25px;
	font-size:18px;
}

#lisa {
	background:#b4abac;
	position:relative;
	z-index:2000;
	padding:100px 20px;
}

#lisa h2, #lisa h3 {
	
	font-family:'Noto Serif', Arial, serif;
	font-style:italic;
	font-weight:400;
	text-transform: none;
}
#lisa .editor {max-width:1000px;margin-left:150px;}
#lisa h2 {color:#fff; position:relative;
	font-size:40px;
	line-height:50px;
}
#lisa h2 strong {
	color:#535353;
	position:absolute;
	left:-70px;
	top:10px;
	font-size:100px;
}
#lisa h3 {color:#535353}

.matkustajat .lomake-rivi, .matkustajat1 .lomake-rivi {
	width:16.66% !important;
	float:left;
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 10px;
}

.matkustajat .lomake-rivi .label, .matkustajat1 .lomake-rivi .label,
.matkustajat .lomake-rivi .kentta, .matkustajat1 .lomake-rivi .kentta {
	width:100% !important;
	display:block !important;
	margin:0 !important;
}
.matkustajat .lomake-rivi .kentta input[type=text], .matkustajat1 .lomake-rivi .kentta input[type=text] {
	height:30px;
	line-height:30px;
	border-radius:7px;
}
.matkustajat .lomake-rivi .label, .matkustajat1 .lomake-rivi .label {
	font-weight:700;
}
.matkustajat1, #matkustajat2,
#matkustajat3,#matkustajat4,#matkustajat5 {
	padding:20px;
	border-radius:15px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	margin-bottom:10px;
}

.matkustajat h3, .matkustajat1 h3 {
	font-weight:700;
	color:#902624;
	padding:0 15px;
	margin-bottom:0;
}

.matkustaja-napit {text-align:center;padding:30px 20px;}
.lisaa, .poista {
	display:inline-block;
	border-radius:10px;
	padding:15px 25px;
	font-weight:400;
	text-transform: uppercase;
}
.lisaa {background:#902624; color:#fff;}
.poista {background:#f9f9f9; color:#999;}

.huom {margin-top:20px;}


.lomake .lomake-rivi.laheta .label {display:none;}
.lomake .lomake-rivi.laheta .kentta {display:block;
	width:100% !important;
	text-align:Center;
	margin:0;
}
.lomake .lomake-rivi.laheta button {

	padding:20px 40px;
}
.lomake h2 {margin-bottom:20px;}


.hinnat {
	border-radius:20px;
	background:#f2f2f2;
	padding:30px;
	text-align:center;
}
.hinnat h2 {margin-top:0 !important;
	font-weight:900 !important;
}

.kysymys {
	padding:10px;
	border-radius:15px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	margin-bottom:10px;
}
.kysymys h3 {
	padding:20px;
	font-weight:700;
	color:#4d1e9e;
	font-size:22px;
	margin-bottom:0;
	cursor:pointer;
}
.kysymys h3:hover {
	color:#272727;
}
.kysymys .vastaus {
	padding:0 20px;
	
}

.palvelu strong {
	background:#4d1e9e;
	color:#fff;
	display:inline-block;
	float:left;
	margin:0 10px 10px 0;
	padding:20px;
	font-size:30px;
	font-weight:900;
	border-radius:7px;
	position:absolute;
	top:20px;
	left:-90px;
}
.palvelu p {margin-bottom:0px;position:relative; padding:20px; margin-left:90px; border-left:4px solid #eee;}

.palvelu p:last-child {
	margin-left:0;
	padding:0;
	margin-top:30px;
	border:0;
}

.yht-tiedot {text-align:center;}
.yht-tiedot li {
	list-style:none;
	margin:0;
	displaY:inline-block;
	padding:16px 35px;
	margin:3px;
	background:#f4f4f4;
	border-radius:7px;
}

.sivu98 #main-content {padding-bottom:120px;}
.sivu98 #bottom .arkki {max-width:1500px !important;}
.sivu98 #bottom h2 {
	color:#902625;
}
.sivu98 #nav li.item111 {
	display:none;
}


.suodatin {
	
	color:#fff;
	padding:10px 0px;
	margin:0px;
}

.suodatin-area {
	background:#535353;
	margin:10px;
	padding:10px 20px;
}

.suodatin h3 {
	color:#fff;
	margin:0;
}
.suodatin .ruksi {
	height:15px;
	width:15px;
	border-radius:2px;
	margin-right:2px;
	background:rgba(255,255,255,0.2);
	display:inline-block;
	vertical-align:middle;
}
.suodatin-elem input {
	display:block !important;
	border:0 !important;
	width:100% !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:9px 5px;
}
.elem-haku {
	width:25% !important;
	margin-right:5% !important;
}
.elem-haku-kentta {
	width:70% !important;
	margin: 0 !important;
}
.suodatin-elem.active .ruksi {
	background:#902624;
}
.ongelmat .grid_3.active, .ongelmat .grid_viisi.active {display:inline-block !important;}

.suodatin-elem {vertical-align:middle;line-height:35px;
	font-size:14px;
	font-family:'Gidole', Arial, sans-serif;
	font-weight:400;
}

.ongelma {
	background-color:#fff;
	padding:25px;
	margin:10px;
}

.kategoria a {
	font-family: bebas-neue, sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#a99a88;
	text-transform: uppercase;
}

.ongelma-linkit a {
	display:inline-block;
	padding:6px 12px 5px 13px;
	text-transform: uppercase;
	color:#fff;
	margin-right:0px;
	background:#a99a88;
	border-radius:50px;
	font-size:13px;
	font-weight:400;
	
	font-family:'Gidole', Arial, sans-serif;
}
.ongelma-linkit a.ota {
	background:#902624;
}

.ongelma-linkit a:hover {
	background:#535353;
	text-decoration:none;
}

.ongelma h3 {
	font-family:'Gidole', Arial, sans-serif;
	font-weight:400;
	font-size:24px;
	text-transform: none;
	margin-top:10px;
	margin-bottom:20px;
}
.ongelma h3 a {
	font-weight:400;
	color:#535353;
	
}

.ongelma.kat-lapsiasiat {background:#fff url(../images/kat-lapsiasiat.jpg) bottom right no-repeat;}

.ongelma.kat-avioerot {background:#fff url(../images/kat-avioerot.jpg) bottom right no-repeat;}

.ongelma.kat-perintoasiat {background:#fff url(../images/kat-perinto.jpg) bottom right no-repeat;}

.ongelma.kat-rikokset {background:#fff url(../images/kat-rikokset.jpg) bottom right no-repeat;}

.ongelma.kat-asiakirjat {background:#fff url(../images/kat-asiakirjat.png) bottom right no-repeat;}

.red-area {
	background:#902624;
	color:#fff;
	padding:35px 25px;
	margin:10px;
	text-align:Center;
	font-size:16px;
	line-height:24px;
}

.grey-area {background:#b4abac;}

.red-area h2, .red-area h3 {color:#fff;}

.red-area h2, #main-content .lakimies h2, .purpler h2 {

	font-weight:400;
	font-family:'Noto Serif', Arial, serif;
	font-style:italic;
	font-size:50px;
	line-height:70px;
	margin-bottom:15px;
	text-transform: none !important;
}

.red-area .but, .lakimies .but {
	display:inline-block;
	padding:10px 20px;
	border-radius:50px;
	background:#fff;
	color:#535353;
	text-transform: uppercase;
	margin-top:20px;
	font-family:'Gidole', Arial, sans-serif;
}
.red-area .but:hover, .lakimies .but:hover {
	background:#535353;
	color:#fff;
	text-decoration: none;
}
.red-area h3 {font-size:26px;}
.red-area h2,
.grey-area h2 {font-size:35px;line-height:40px;}

.lakimies {
	text-align:center;
	background:#b5acad;
	color:#fff;
}
#main-content .lakimies h2 {
	text-transform: none;
	color:#fff;
	font-size:34px;
	line-height:42px;
}


#lisa2 {
	background:#eeebe7;
	padding:50px 20px;
}
#lisa2 .palsta {
	padding:40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#lomake {
	padding:50px 20px;
	background:#fff;
}

.lomake .kentta, .lomake .label {
	margin:0 !important;
	width:100% !important;
	display:block !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.lomake .kentta input, .lomake .kentta textarea {
	display:block !important;
	width:100% !important;
	max-width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height:30px;
	padding:25px !important;
}
.lomake .kentta textarea {min-height:250px;}
.lomake-pad {padding:10px;}

.varaa-aika {
	background:#902624;
	padding:30px;
	color:#fff;
	font-family:'Gidole', Arial, sans-serif;
	font-weight:400;
	position:absolute;
	left:50%;
	bottom:150px;
	max-width:600px;
	z-index:200;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.varaa-aika p {
	display:inline-block;
	float:left;
	margin:0;
	
	font:normal normal 20px 'Gidole', Arial, Helvetica, sans-serif;
}
.varaa-aika p:first-child {width:70%;}
.varaa-aika p:last-child {width:30%;}

.varaa-aika a {
	background:#fff;
	display:block;
	padding:10px 0;
	border-radius:50px;
	text-align:center;
	text-transform: uppercase;
	font-size:18px;
}
.sivu112 #main-content {padding-top:200px;}
.suodatin .grid_3 {background:none !important;}
@media (max-width:1600px) {
	.sivu1 #main-content {
		background-position: bottom center;
		background-size:auto 100%;
	}
}


@media (max-width:1400px) {
	#nav ul li.level1 a {
		padding-left:15px;
		padding-right:15px;
	}
	#nav .submenu {
		/*width:380px !important;
		left:auto !important;
		right:0 !important;*/
	}
	#nav ul li.level1:first-child:before,
	#header .logo:before {
		display:none;
	}
	#header {
		background:none;
	}
	#nav:before {
		top:26px;
	}
	
	
	.suodatin-elem h3 {font-size:22px;}
	.caro-inner {
		background-size: auto 100%;
	}
	#showcase h2 {
		font-size: 20px;
    	line-height: 20px;
	}

	.caro-text {max-width:43%;}
	#bottom {background-size:auto 100%; padding:30px;}
	
	#bottom .laatikko-otsikko h3 {font-size:20px;}
	#bottom .laatikko-linkit a {font-size:16px;}
	#bottom .laatikko-wrap {padding:15px;}
}

@media (max-width:1350px) {
	.suodatin .grid_9, .suodatin .grid_3 {
		width:100% !important;
	}
	.suodatin .grid_9 .suodatin-area .suodatin-elem {
		width: 12%;
		margin-right:0;
	}
	.suodatin-area .suodatin-elem:first-child {
		width:15% !important;
		margin-right: 0 !important;
	}
	.elem-haku-kentta {width:85% !important;}
}
@media (max-width:1200px) {
	.sivu1 #main-content {
		background-position: bottom center;
		padding-top:50px;
	}
	#bottom {margin-top:0;}
	#bottom .arkki {
		-moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
	}
	#top, #top.fixed {z-index:16000 !important;}
	#top #top-wrap {position:relative;z-index:20000;padding:10px 0 10px 20px;}
	#top.fixed #top-wrap {padding:0;padding-left:20px;}
	#header, #nav {text-align:left;}
	#header {width:80%; margin:0;position:absolute; top:10px;z-index:16000;}
	#nav {width:100%; float:right;margin:0;padding-right:0; z-index:15000;}
	.valikko-avaa {position:absolute;top:-3px;right:30px; width:40px;z-index: 15000;}
	#top.fixed .valikko-avaa {top:2px;}
	.line {
		background:#535353;
		display:block;
		margin:5px 0;
		height:5px;
		border-radius:3px;
	}
	#top.fixed .line {background:#fff;}
	
	.valikko {background:#111;margin:70px -5px 0px -5px;}
	
	.valikko-lista {
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:#fff;
		overflow:scroll;
	}
	.valikko-avaa.avattu .line {background:#535353 !important;}
	#nav ul.menu {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		padding-bottom:50px;
	}
	#nav .submenu .link:before {display:none !important;}
	#nav .submenu .link {padding-left:0 !important;}
	#top #nav .submenu a {text-align:center !important;padding:10px;}
	#nav .submenu li {width:100%; padding:0;}
	#nav ul li.level1 a {color:#535353; text-align:center;padding:15px 10px 12px 20px; font-weight:700 !important;}
	#top.fixed #nav ul li.level1 a {color:#535353;}
	#nav ul li.level1:last-child a {margin-top:20px; color:#fff !important;}
	
	
	/*navi fix 2023*/
	#nav ul.menu {
		top: 70px;
    	transform: none;
	}
	#nav ul li.level1:not(.item111) a {
		/*border:1px solid green;*/
		line-height: 48px;
    	padding: 0 10px;
	}
	.avaaSubnav {
		height: 42px;
    	width: 42px;
	    line-height: 42px;
    	top: 3px;
		background:rgba(0,0,0,0.5);
		color:#fff;
		/*border:1px solid orange;*/
	}
	#top #nav .submenu a {
		padding:0 10px;
	}	
	#top #nav .submenu a {
		border-bottom:1px solid #979797;
	}
	
	
	.tuotemenu li {width:33.33% !important;}

	#nav ul li.level1 {
		width:100%;
		display:block;
		
	}
		#showcase {height:auto !important;}
		#showcase .caro {height:750px !important;}
		body:not(.sivu1) #showcase .caro {height:450px !important;}
		
		.varaa-aika {
    
			left: 10px;
			bottom: auto;
			top: 560px;
			max-width: 100%;
			right: 10px;
    
		}
		
		
	#lisa {background-position:center !important;}
#bottom .palsta .palsta-sisalto {
	
	font-size:15px;
	line-height:24px;
	text-align:center;
	padding:0;
}
#bottom .palsta .palsta-sisalto h3 {
	font-size:24px !important;
	line-height:30px !important;
}

	.boxi-content {font-size:14px;line-height:22px;}
	.box h3 {font-size:20px !important;}
	.box h3 a {font-size:18px !important;padding-left:10px;}
	.boxi-otsikko {width:80%;}
	.box {padding:10px 0 10px 10px;}
	.boxi-kuva {
    width: 20%;
    background-size: auto 30px;
}
	#content-top .grid_9, #content-top .grid_3 {
		width:100% !important;
	}
	#content-top .ongelmat .grid_3 {
		width:25% !important;
	}
	
	.red-area {float:left; width:50%;margin:0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#content-top .grid_9+.grid_3 {
		background:#b4abac;
	}
	#lisa h2 {
		color: #fff;
		position: relative;
		font-size: 20px;
		line-height: 30px;
	}
	#lisa h2 strong {
		left: -70px;
		top: 10px;
		font-size: 60px;
	}
	#lisa .editor {
		max-width: 70%;
		margin-left: 150px;
	}
	.caro-still h2 {
		font-size: 30px !important;
		line-height: 35px !important;
	}
	.submenu .submenu {position:static; width:100% !important;}
}

@media (max-width:1024px) {
	#showcase .nimi, .caro-still h2 {
    font-size: 30px !important;
    line-height: 35px !important;
}
	.pvm, .caro-still p {
		text-transform: uppercase;
		font-size: 16px;
		line-height: 24px;
	}
	.fields {width:100%;}
	#mc_embed_signup label strong {
		font-weight: 900;
		font-size: 37px !important;
		color: #00eebe;
		display: block;
	}
	.sivu1 #main-content {background:none;}
	.sivu1 #main-content .palstat .palsta.grid_6 {width:100% !important;}
	#content-top .ongelmat .grid_3 {width:33.33% !important;
	
	float:left !important;
	clear:none !important;
	}
	.suodatin-elem {margin-right:20px;}
	.suodatin .ruksi {margin-right:0;}
	#bottom {padding:5px;}
	#bottom .laatikko-linkit a {padding:8px 0; display:block;}
}

@media (max-width:940px) {
	.suodatin .grid_9 .suodatin-elem {width:25% !important;margin-right:0 !important;}
	.suodatin .grid_9 .suodatin-elem:first-child {display:block; width:100% !important; margin:0;}
	
}

@media (max-width:900px) {
	.slick-next {right:15px;}
	.slick-prev {left:15px;}
	body:not(.sivu1) .caro-elem {background-size: auto 100%; 
	background-position: top left;}
	#tarjouskori {
		top:auto;
		bottom:0;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.sivu1 #main-content {
		background-position: bottom center;
		padding-top:150px;
		padding-bottom:50px;
	}
	.ongelma h3 {
    font-size: 18px;
    line-height: 25px;
	}
}

@media (max-width:800px) {
	#bottom .palstat {margin-top:0;}
	#bottom .palsta .palsta-sisalto h3:first-child {display:none;}
	#bottom .palsta .palsta-sisalto {
	background:rgba(255,255,255,0.1);
	padding:15px;
	color:#fff;
	border-radius:15px;
	font-size:15px;
	line-height:24px;
	text-align:center;
}
	.caro-elem {
    background-position: left -320px center;
    background-size: auto 100%;
}
	.bottom-content {height:auto;}
	.sivu1 #main-content {background:none;padding:50px 20px;}
	
	
	#showcase .grid_6 {
		width:50% !important;
		padding:0 !important;
		position:relative;
	}
	
	#top #top-wrap {
		padding: 0;
	}
	
	.boxit .grid_viisi {
		width:100% !important;
		display:inline-block !important;
		float:left !important;
		clear:none !important;
		border-bottom:1px solid #eee;
	}
	.boxit .boxi-kuva {
		height:60px;
		background-size: auto 70%;
	}
	#showcase .boxit {position:static;}
	.boxi-sisalto {border-left:0;}
	body {font-size:16px !important;}
	#main-content h2 {margin-top:0;}
	.nappi, a.nappi {display:inline-block !important;}
	#bottom h2 strong {
		font-size: 70px;
		line-height: 40px;
	}
	#bottom {
		background-size: auto 120%;
	}
	#footer:before {display:none;}
	.box h3 a {line-height:40px !important;}
	.mob {position:absolute;left:0;right:0;top:0;bottom:0;}
	.tuote .grid_3, .tuote .grid_6 {
		float:left !important;
		display:inline-block !important;
		clear:none !important;
	}
	.tuote .grid_3 {
		width:20% !important;
	}
	.tuote .grid_6 {width:60% !important;}
	
	#footer .palstat .palsta p {text-align:center !important;}
	
	#content-top {margin-top:0;}
	.valikko-avaa {top:3px;}
	#header img {height:50px; width:auto;}
	#header {left:20px;}
	.head-call {margin-top:0; padding:8px 15px;}

	.caro-inner {
		background-size:200% auto;
		background-position: top left;
	}
	.caro-text {
		left:100px;
		right:100px;
		max-width:100%;
		width:auto;
		margin-left:0;
		text-align:center;
		z-index:5000;
	}
	.caro-elem:after {
		content:'';
		position:absolute;
		lefT:0;
		right:0;
		bottom:0;
		top:50%;
		z-index:4000;
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	}
	#showcase h2 em {
    font-size: 100px;
    left: -40px;
    top: -20px;
}
	
	#showcase .pvm, .caro-still p {
		padding:10px 10px;
		font-size:20px;
		line-height:20px;
	}
	
	#showcase .liput {
		font-size:14px;
	}
	#showcase .grid_6 {
		width:100% !important;
		padding:0 !important;
		position:relative;
	}
	.matkustajat .lomake-rivi, .matkustajat1 .lomake-rivi {width:33.33% !important;}
	#content-top .ongelmat .grid_3 {width:50% !important;
	float:left !important;
	clear:none !important;
	}
	#content-top .boxit {padding:15px;}
	#content-top .boxi {padding:2px;}
	.box {padding:2px;}
	.box h3 {
		font-size: 16px !important;
		letter-spacing:0px;
		padding:12px 12px;
		line-height:16px;
		border-radius:5px;
	} 
	.varaa-aika {
    top: 630px;
	}
	#nav ul li.level1 > a {
		padding: 7px 10px 7px 20px;
		font-size: 14px !important;
	}
	#top #nav .submenu a {
		padding: 7px 10px;
	}
	.suodatin-elem {font-size:13px;}
	.suodatin .grid_9 .suodatin-elem {width:20% !important;margin-right:0 !important;}
	.suodatin .grid_9 .suodatin-elem:first-child {display:block; width:100% !important; margin:0;}
	#content-top {padding:0;}
	#lisa2 .palsta {padding:0;}
	.lomake h2 {
    font-size: 30px;
    line-height: 35px;
}
	.lomake {padding:0;}
	.lakimies {padding:20px !important;}
	#main-content .lakimies h2 {
		font-size: 24px;
		line-height: 32px;
	}
}

@media (min-width:601px) and (max-width:800px) {
	.tapahtumat .grid_3 {
		display:inline-block !important;
		float:left !important;
		width:50% !important;
		clear:none !important;
	}
}



@media (max-width:600px) {
	.red-area {width:100%;}
	.boxi-otsikko h3 a {font-size:12px;}
	
	#nav .submenu {width:100% !important;}
	#bottom h2 {
		font-size: 20px;
		line-height: 20px;
	}
	#bottom a {font-size:15px;}
	#bottom h2 strong {
		font-size: 50px;
		line-height: 30px;
	}
	#content-top, .tapahtumat {margin-top:0}
	
	#main-content h2 {
    font-weight: 300;
    font-size: 29px;
    line-height: 30px;
}
	.tuotemenu li {width:50% !important;}
	.tuote .grid_3 .tuote-kuva {height:100px; background-size: auto 150%;}
	.tuote-kuvaus {font-size:13px; line-height:16px;}
	.tuote a {font-size:17px; line-height:20px;}
	.tuote-hinta span {
    font-weight: 900;
    font-size: 20px;
    line-height: 20px;
    display: block;
}
	.kuvaus-area {padding:5px 15px;}
	#main-content .palsta {padding:0;}
	#main-content .palsta.hinnat {padding:20px 10px;}
	h1 {font-size:40px; line-height:45px;}
	#showcase h3 {font-size:17px;}
	.tapahtuma {margin:5px 0;}
	#bottom .palsta .palsta-sisalto img {max-height:35px; height:auto; width:auto;}
	#bottom .palsta .palsta-sisalto h3 {font-size:18px !important;}
	
.fields input[type="email"] {
    width: 100% !important;
}
	h2 {font-size:40px; line-height:45px;}
.fields {text-align:center !important;}
.fields input[type="submit"] {width:50% !important; margin:5px auto 0 auto !important; float:none;}


.sivu1 #showcase .nimi, .caro-still h2 {
    font-size: 30px !important;
    line-height: 45px !important;
}
.sivu1 .caro-text {left:50px; right:50px;text-shadow: 0px 0px 10px #000;}
#showcase h2 strong {text-shadow: 0px 0px 10px #fff;}
.caro-elem {background-position: top left !important;}
.ongelma {padding:15px;}
.ongelma-linkit a {
     padding: 6px 7px 5px 7px;
	font-size:11px;
}
	.suodatin .grid_9 .suodatin-elem {width:33.33% !important; margin:0;}
	.suodatin-elem:first-child {display:block; width:100%; margin:0;}
	#bottom .laatikko-kuva {
		height: 80px;
		background-size: auto 70%;
	}
	#lisa .editor {margin-left:70px; margin-right:50px;max-width:100%;}
	.caro-text {left:20px;right:20px;}
	.caro-still h2 {
    font-size: 22px !important;
    line-height: 30px !important;
}
}

@media (max-width:480px) {
	
	.valikko-avaa {top:10px;}
	#header {width:70%;}
	
	.matkustajat .lomake-rivi, .matkustajat1 .lomake-rivi {width:50% !important;}
	
	.flip-front, .flip-back, .mob:hover {border-radius:15px;}
	#header img {width:150px; height:auto;margin-top:15px;}
	.sivu1 #showcase .caro {
    height: 500px !important;
}
	.sivu1 #showcase .nimi, .caro-still h2 {
		font-size: 24px !important;
		line-height: 35px !important;
	}
	.varaa-aika p {
		display: inline-block;
		float: left;
		margin: 0;
		font: normal normal 15px 'Gidole', Arial, Helvetica, sans-serif;
	}
	.varaa-aika {
    
    top: 425px;
    padding: 15px;
}
.varaa-aika a {font-size:12px;}
	#content-top .ongelmat .grid_3 {
		width: 100% !important;
		float: left !important;
		clear: none !important;
	}
	.ongelma h3 {height:auto !important;}
	.elem-haku-kentta {width:75% !important; margin-left:10% !important;}
}


@media (max-width:400px) {
	#top-wrap {padding:15px 0 !important;}
	#bottom .palsta .palsta-sisalto img {max-height:25px; height:auto; width:auto;}
	#nav .submenu li {
		width:100%;
	}
	#header .logo img {width:130px;}
	.valikko-avaa {position:absolute;top:-2px;right:25px; width:30px;}
	.line {
		display:block;
		margin:4px 0;
		height:4px;
		border-radius:3px;
	}
	.valikko {margin-top:45px;}
	#nav:before {top:15px;}
	
	.boxi-wrap {padding:0;}
	.head-call {font-size:17px;margin-top:3px;margin-left:20px;}
	.matkustajat1, #matkustajat2, #matkustajat3, #matkustajat4, #matkustajat5 {padding:5px;}
	.matkustajat h3, .matkustajat1 h3 {text-align:Center; font-size:25px; margin-top:10px;}
	.suodatin-elem {width:50%; margin:0;}
	.suodatin-elem:first-child {display:block; width:100%; margin:0;}
}

@media (max-width:360px) {
	.sivu1 #showcase .nimi, .caro-still h2 {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.varaa-aika p {
		display: inline-block;
		float: left;
		margin: 0;
		font: normal normal 14px 'Gidole', Arial, Helvetica, sans-serif;
	}
	.varaa-aika {
    
    top: 425px;
    padding: 15px;
}
	
	.suodatin .grid_9 .suodatin-elem {width:33.33% !important; margin:0; font-size:11px !important;}
	.suodatin .ruksi {
    height: 20px;
    width: 20px;
	}
.varaa-aika a {font-size:12px;}
}



/*08-2021*/
.sivu98 #lomake {
	display:none;
}
.sivu98 #showcase .caro-elem {
    background-position: top right;
}
/*11-2021*/
.purpler {
    text-align: center;
    background: #b5acad;
    color: #fff;
	padding: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	.purpler h2 {
		color: #fff;
		font-size: 34px;
		line-height: 42px;
	}

.matala h3 {
	margin:0 0 15px;
}
	.sivu101 #main-content ul li span,
	.sivu101 h3 span {
		color:#000;
	}

#lisaextra {
	background:#902624;
}
	#lisaextra ul {
		list-style:none;
		overflow:auto;
		margin:0 40px;
		padding:40px 20px 40px 20px;
		text-align:center;
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
	}
	#lisaextra ul li {
		margin:0;
    	display: inline-block;
		padding:0 20px 0;
	}
	#lisaextra ul li h3 {
		margin:0;
		font-size:22px;
		color:#fff;
	}
	#lisaextra ul li h3 a {
		color:#ffcdcc;
	}
	#lisaextra ul li h3 span {
		color:#fff;
	}
	
/*yhteystiedot*/
.sivu98 #main-content .grid_5 > .editor {
	padding-top:40px;
	padding-left:20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sivu98 .new-era {
	margin-top:50px;
}
.henkilo .palsta-sisalto {
	border-radius:0;
	box-shadow:none;
}
.henk-kuva {
    border:1px solid #eee;
}
.henk-kuva p {
    margin: 0;
    line-height: 0;
}
.henk-tiedot {
    padding: 40px 0 20px;
}
.henk-esittely {
	padding:20px 0;
}
.sivu98 #lisa {
	padding:0;
}
.sivu98 #lisa .arkki {
	max-width:100% !important;
}
.mappis p {
	margin:0;
	line-height:0;
}
.mappis iframe {
	margin:0;
	height:500px;
	width:100%;
}




/*2023*/
#showcase .grid_12 {
	background-size:cover;
	background-position:center center;
}
.varaa-aika {
	bottom:120px;
}

.sivu107 #lisaextra ul {
    margin: 0 20px;
    padding: 40px 20px 40px 20px;
}
.sivu107 #lisaextra ul li {
	padding: 0 15px;
}
.sivu107 #lisaextra ul li h3 {
	font-size:24px;
}


@media (max-width:1400px) {
	.caro-text {
		max-width:600px;
		left:auto;
	}
	.varaa-aika {
    	width:100%;
    	right: 100px;
    	left: auto;
	}
}
@media (max-width:1200px) {
	.varaa-aika {
		right: 20px;
		left: 20px;
		width: auto;
		bottom:auto;
	}	
}
@media (max-width:800px) {
	.caro-text {
		left: 75px;
		right: 75px;
		max-width: 100%;
	}
}





/*blogi*/
.blog-list {
	padding:20px;
}
.blog-list-wrap {
	display: flex;
    flex-wrap: wrap;
}
.blog-list-post {
	width:33.33%;
	padding:20px;
	box-sizing:border-box;
}
.blog-list-pic {
	position:relative;
	background-size:cover;
	background-position:center center;
	margin:0 0 2rem;
}
.blog-list-pic:before {
	content:'';
	display:block;
	padding-bottom:100%;
}
.blog-list-post h3 {
	margin:0 0 0.5rem;
}
p.date {
	color:#ccc;
	margin:0 0 1rem;
}
.post-list-link a {
    background: #902624;
    color: #fff;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 60px;
    font-family: 'Gidole', Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 30px;
}
/*etusivun blogi*/
.sivu1 #lisa2 {
	padding:0;	
}
.sivu1 #lisa2 .arkki {
	max-width:100% !important;
}
.front-blog {
	position:relative;
	overflow:auto;
}

.front-blog-pic {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:50%;
	background-size:cover;
	background-position:center center;	
}
.front-blog-post {
	margin-left:50%;
	width:50%;
}
.front-blog-cont {
	max-width:750px;
	box-sizing:border-box;
	padding:150px 20px 130px 50px;
}





/*PALVELUT*/
.sivu101 #main-content {
	padding:0;
}
.sivu101 #lisa {
	background:#fff;
	border-bottom:1px solid #b4abac;
	padding-top:60px;
	padding-bottom:60px;
}
.sivu101 #lisa .palsta.grid_12 {
	padding-bottom:0;
} 
.sivu101 #lisa h2 {
	color:#535353;
}


/*kuvateksti*/
p+h6 {
	margin:-10px 0 20px;
	color:#a0a0a0;
}


/*nappi*/
.lomake .kentta.laheta button {
	cursor:pointer;
	background:#902624;
	transition:all 300ms;
	padding:7px 30px;
	line-height:32px;
}
.lomake .kentta.laheta button:hover {
	background:#535353;
}


/*kustannukset*/
.purpler {
	text-align:left;
}
.purpler h2 {
	position:relative; 
	padding-left:110px;
}
.purpler h2:before {
	content:'';
	position:absolute;
	left:0;
	width:90px;
	height:90px;
	display:block;
	background-image:url(/media/tiedostot/asianajajaliiton-logo-web-small-1.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

/*referenssi*/
.refe.slick-slide h2+h3 {
	margin-top:40px;
}

/*yhteystiedot hero*/
.sivu98 #showcase .caro-elem {
	background-size: auto 100%;
    background-repeat: no-repeat;
	background-position: center bottom;
}


/*punaiset alanavit*/
.sivu105 #main-content {
	padding-bottom:20px;
}
#lisaextra {
    padding: 0 60px 80px;
	background:transparent;
}
#lisaextra .editor {
	background: #902624;
}
#lisaextra .editor ul {
	margin:0;
	padding:40px 0;
}
#lisaextra .editor ul li {
	box-sizing: border-box;	
}
#lisaextra .editor.lapsioik ul li {
	width:19.5%;
}
#lisaextra .editor.asiakirj ul li {
	width:24.75%;
}
#lisaextra .editor ul li h3 {
	font-size:20px;
}
#lisaextra .editor h3:before {
	content: '';
    background-image: url(/media/tiedostot/ikonit/ikoni-avioehto.png);
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    display: block;
    height: 70px;
    margin-bottom: 20px;
}
	#lisaextra .editor.lapsioik li:nth-child(1) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-lapsenhuoltojaasuminen.png);	
	}
	#lisaextra .editor.lapsioik li:nth-child(2) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-tapaamisoikeus.png);	
	}
	#lisaextra .editor.lapsioik li:nth-child(3) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-lapsenelatus.png);	
	}	
	#lisaextra .editor.lapsioik li:nth-child(4) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-riitaasianratkaisu.png);	
	}
	#lisaextra .editor.lapsioik li:nth-child(5) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-lastensuojelu.png);	
	}	
	#lisaextra .editor.asiakirj li:nth-child(2) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-testamentti.png);	
	}
	#lisaextra .editor.asiakirj li:nth-child(3) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-perunkirjoitus.png);	
	}	
	#lisaextra .editor.asiakirj li:nth-child(4) h3:before {
		 background-image: url(/media/tiedostot/ikonit/ikoni-edunvaltuutus.png);	
	}	

/*perunkirjoitus redBox*/
.sivu119 #main-content .palstat+.palstat {
}
.sivu119 #main-content .palstat+.palstat .palsta-row {
    display: flex;
    flex-direction: row;
    padding: 0 15px;
    flex-wrap: wrap;
}
.palstat .palsta.punainen {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    position: relative;
    width: 100%;
    padding: 0 25px 0 !important;
    margin: 0 0 50px;
}
.palstat .palsta.punainen .palsta-sisalto {
	padding: 20px;
    background: #902624;
    color: #fff;
	display:flex;
	height: 100%;
    box-sizing: border-box;	
}
.palstat .palsta.punainen h5 {
    font-size: 2.175rem;
	line-height:1;
	color:#ffcdcc;
	font-family: bebas-neue, sans-serif;
	margin:0 0;
    flex: 0 0 48px;
    max-width: 48px;
}
.palstat .palsta.punainen p {
	margin:0;
}
.palstat .palsta.punainen .palsta-sisalto:after {
	content: '';
    position: absolute;
    right:5px;
    top: 50%;
	transform: translateY(-50%);	
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent transparent transparent #902624;	
}
.palstat .palsta.punainen:last-child .palsta-sisalto:after {
	display:none;
}
	@media(max-width:1400px){
		
	}
	@media(max-width:1200px){
		.palstat .palsta.punainen h5 {
			font-size: 1.75rem;
			flex: 0 0 40px;
			max-width: 40px;
		}
	}	
	@media(max-width:991.98px){
		.palstat .palsta.punainen {
			flex: 0 0 50%;
			max-width: 50%;
			margin:0 0 20px;
		}
		.palstat .palsta.punainen .palsta-sisalto {
			box-sizing: border-box;
			flex-wrap: wrap;
			align-content: flex-start;
		}
		.palstat .palsta.punainen h5 {
			margin:0 0;
			flex: 0 0 100%;
			max-width: 100%;
			padding:0 0 0.5rem;
		}		
	}	
	@media(max-width:600px){
		.sivu119 #main-content .palstat+.palstat .palsta-row {
			padding:0;
		}
		.palstat .palsta.punainen {
			flex: 0 0 100%;
			max-width: 100%;
			margin:0 0 30px;
			padding:0 0 !important;
		}
		.palstat .palsta.punainen .palsta-sisalto:after {
			content: '';
			position: absolute;
			right: auto;
			top: auto;
			bottom: -14px;
			left: 50%;
			transform: translateX(-50%);
			transform: translate(-50%, 0);
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 30px 0 30px;
			border-color:#902624 transparent transparent;
		}
	}




/*palautteet*/
.palauteArea {	
	margin:40px 0 0;
	padding:0 40px;
}
.palauteArea > div {
	overflow:auto;
}
.palauteArea > div > h2 {
	margin:0 0 40px;
}
.palauteBoxi {
	background:#f7f7f7;
	padding:50px 40px 40px;
	margin:0 0 20px;
}
.palauteBoxi:nth-child(even){
	background:#e7e7e7;	
}
.palauteBody {
	padding-left: 50px;
    position: relative;
}
.palauteBody:before {
    content: '”';
    font-family: 'Noto Serif', Arial, serif;
    font-style: italic;
    font-size: 58px;
    line-height: 58px;
    color: #902724;
    position: absolute;
    left: 0;
}
.palauteBody h2 {
	text-transform:none !important;
	font-size:26px;
	line-height:1.4;
	font-family: 'Noto Serif', Arial, serif;
    font-style: italic;
	color:#535353;
}
.palauteBody h3 {
	font-size:21px;
	margin:0;
}
/*etusivun quotes-osio*/
.quoteLink { }
.quoteLink > div {
	max-width:1000px;
	margin:30px 0 0 150px;
}







/* ---------------------------------- */
/* ------------ 2024 POST-RELEASE FIX */

.sitemap {
	display:none;
}

/*redbar*/
body:not(.sivu1) #lisaextra .boxit {
	background:#902625;
}
.box.redBox {
	background:transparent;
	padding:2rem 10px;
}
.redBox .boxi-sisalto {
	border:0;
	padding:0;
	position:relative;
}
.redBox .boxi-kuva {
	display: block;
    float: none;
    width: 100%;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 70px;
}
.redBox .boxi-otsikko {
	padding-top:20px;
	display: block;
    float: none;
    width: 100%;
}
.box.redBox .boxi-otsikko h3,
.box.redBox .boxi-otsikko h3 a {
	text-align:center !important;
	font-size: 20px !important;
	line-height:1.1 !important;
	margin:0;
	padding:0;
	color: #ffcdcc;
}
.box.redBox h3 a:after {
	color:#fff !important;
}
.redBox a.mob {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}



@media(max-width:1400px){
	/*artikkelit*/	
	.ongelma {
		padding:20px;
	}
	.ongelma h3 {
		font-size:18px;
		line-height:1.35;
	}
	.ongelma-linkit a {
		margin:5px 0 0 0;
		font-size:12px;
		padding: 2px 12px 1px;
	}
}

@media(max-width:1300px){
	/*artikkelit*/	
	#content-top .ongelmat .grid_3 {
    	width: 33.33% !important;
	}
	.ongelmat .ongelma-rivi .grid_viisi {
		width: 25% !important;
	}
}

@media(max-width:1024px){
	/*red bar*/
	.box.grid_viisi.redBox {
		width:33.33%;
	}
	.redBox .boxi-kuva {
		height: 60px;
		background-size: auto 60px;
	}
	.box.redBox .boxi-otsikko h3,
	.box.redBox .boxi-otsikko h3 a {
		font-size: 17px !important;
	}
	/*artikkelit*/	
	.ongelmat .ongelma-rivi .grid_viisi {
		width: 33.33% !important;
	}
	
}


@media(max-width:800px){
	/*redbar*/
	.box.redBox {
		border-bottom: 1px solid #eee;
		padding: 1rem 1rem;
	}	
	.redBox .boxi-kuva {
    	height: 50px;
    	background-size: auto 50px;
	}
	/*artikkelit*/
	#content-top .ongelmat .grid_3,
	.ongelmat .ongelma-rivi .grid_viisi {
    	width: 50% !important;
	}
	/*artikkelisivu*/
	.ongelma-own a.nappi {
		margin:10px 5px 0 0;
		font-size:16px;
		padding:12px 20px;
	}
	.sivu112 #main-content {
    	padding-top: 100px;
	}
	/*palautteet*/
	.palauteBoxi {
    	padding: 30px 30px 20px;
    }
	.palauteBody h2 {
    	font-size: 21px;
    	line-height: 1.5;
	}
	/*yhteystiedot*/
	.sivu98 #showcase .caro-elem {
    	background-size: auto 93%;
	}
}


@media(max-width:600px){
	/*red bar*/
	#lisaextra {
		padding: 0 20px 60px;
	}
	#lisaextra .editor h3:before {
		background-size: auto 40px;
		height: 40px;
	}
	#lisaextra .editor ul li h3 {
		font-size: 14px;
	}
	/*artikkelit*/
	#content-top .ongelmat .grid_3,
	.ongelmat .ongelma-rivi .grid_viisi {
    	width: 100% !important;
	}
	.ongelma-linkit a {
		font-size:12px !important;
	}
	/*palautteet*/
	.palauteArea {
    	margin: 0 ;
    	padding: 0 0;
	}
	.palauteBoxi {
    	padding: 30px 30px 20px;
    }
	.palauteBody:before {
		font-size: 50px;
		line-height: 50px;
		top:-1px;
	}
	#main-content .palauteBody h2 {
    	font-size: 18px;
    	line-height: 1.5;
	}
	.palauteBody h3 {
    	font-size: 18px;
	}
	/*perinnönjako*/
	.sivu109 #showcase .grid_12.caro-elem {
		background-position: top center !important;
	}
	/*yhteystiedot*/
	.sivu98 #showcase .caro-elem {
    	background-size: auto 73%;	
    	background-position: bottom center !important;
	}
	.sivu98 #showcase .caro-text {
    	left: 20px;
    	right: 20px;
		top:auto;
		bottom:50px;
	}
}


@media(max-width:440px){
	/*red bar*/
	#lisaextra .editor.lapsioik ul li,
	#lisaextra .editor.asiakirj ul li {
	    width: 100%;
	}
	#lisaextra .editor h3:before {
    	background-size: auto 40px;
    	height: 40px;
    margin-bottom: 10px;
	}
	/*artikkelit*/
	.ongelma h3 {
		font-size:16px;
	}	
	/*palautteet*/
	.palauteBoxi {
		padding: 20px 20px 15px;
	}
	.palauteBody {
		padding-top:35px;
    	padding-left: 0;
	}
	#main-content .palauteBody h2 {
    	font-size: 16px;
    	line-height: 1.5;
	}
	.palauteBody h3 {
    	font-size: 16px;
	}
	/*yhteystiedot*/
	.sivu98 #showcase .caro-elem {
    	background-size: auto 50%;	
	}
	.sivu98 #showcase .caro-text {
    	left: 20px;
    	right: 20px;
		top:auto;
		bottom:20px;
	}	
	.caro-elem:after {
		top:70%;
	}
}


/*yhteystieto kuvat*/

.sivu98 .henk-kuva p {
    margin: 0;
    line-height: 0;
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 100%;
}

.sivu98 .henk-kuva img {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: contain;
}