@font-face {
font-family: 'Lato',arial,sans-serif;
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(Lato-Regular.woff) format('woff');
}
@font-face {
font-family: 'Lato',arial,sans-serif;
font-style: normal;
font-weight: 400;
src: local('Lato'), local('LatoLatin-Regular'), url(LatoLatin-Regular.woff) format('woff');
}
@font-face {
font-family: 'Lato',arial,sans-serif;
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('LatoLatin-Italic'), url(Lato-Italic.woff) format('woff');
}

h1,h2,h3{
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('LatoLatin-Bold'), url(LatoLatin-Bold.woff) format('woff');
color:#5ba12d;
}
h1{
margin-top:0;
}
a{
text-decoration:none;
}
img {
border: 0;
}
body{
margin:0;
padding:0;
font-family: 'Lato',arial,sans-serif;
background-image:url(bg.jpg);
background-repeat:no-repeat;
background-position:top;
}
body.short{
background-image:url(bg2.jpg);
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
width:60em;
margin: 0 auto -5em;
}
.top_contact{
margin-top:3em;
float:right;
text-align:right;
border-radius:3px;
padding:0 1em;
}
.top_contact h1{
color:#000;
}
.top_contact h2{
color:#fff;
}
.top_contact h2{
margin-top:-.5em;
margin-bottom:0;
}
.top_contact a{
display:block;
width:100%;
height:100%;
}
.menu{
clear:both;
margin:0 auto;
width:60em;
background:#fff;
}
.menu ul {
list-style:none;
margin:0;
padding:0;
}
.menu ul li{
display:inline-block;
}
.menu ul li a{
font-size:1.2em;
font-family: 'Lato',arial,sans-serif;
font-weight:bold;
display:inline-block;
text-decoration:none;
color: #5ba12d;
padding:1em 0;
width:190px;
border-left:1px solid #5ba12d;
border-right:1px solid #5ba12d;
text-align:center;
}
.menu li a.active{
background:#5ba12d;
color:#fff;
}
.menu li a:hover{
text-decoration:underline;
}
.content{
background:#fff;
margin-top:.5em;
padding:0 0 1em;
}
.teksti h3{
color:#000;
margin-bottom:-.5em;
}
.teksti h2{
margin-bottom:-.5em;
}
.slogan,.slogan2{
height:430px;
background-repeat:no-repeat;
position:relative;
}
p.otsikko{
font-size:1.2em;
}
p.otsikko img{
border:1px solid #5ba12d;
vertical-align:middle;
margin-right:1em;
}
.slogan h1{
font-size:40px;
margin:0;
position:absolute;
left:2em;
top:2em;
}
.slogan2 h1{
font-size:40px;
margin:0;
position:absolute;
left:10em;
top:2em;
}
.teksti{
padding:2em 0 4em;
}
.footer{
height: 1em;
}
.push {
height: 3em;
clear:both;
}
.footer{
color:#000;
text-align:center;
padding:1em 0;
width:60em;
margin:2em auto 0;
margin-top:2em;
border-top:4px solid #5ba12d;
}
input[type=text]{
padding:.5em;
border:1px solid #5ba12d;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
input[type=submit] {
background:#5ba12d;
border:1px solid #5ba12d;
padding:.5em;
color:#fff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-bottom:2em;
}
a.fllnk{
background-image:url(dl.png);
background-position:left center;
background-repeat:no-repeat;
padding:0 0 0 32px;
display: block;
height:24px;
color:#5ba12d;
}
a.fllnk:hover{
text-decoration:underline;
}
#kurssi{
padding:0 1em;
border:2px solid #5ba12d;
border-radius:3px;
display:none;
}
#accordion{
margin-top:1em;
}
/* Slider */
.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{
outline: none;
}
.slick-list.dragging{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,.slick-track:after{
display: table;
content: '';
}
.slick-track:after{
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide{
float: right;
}
.slick-slide img{
display: block;
}
.slick-slide.slick-loading img{
display: none;
}
.slick-slide.dragging img{
pointer-events: none;
}
.slick-initialized .slick-slide{
display: block;
}
.slick-loading .slick-slide{
visibility: hidden;
}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
/* Arrows */
.slick-prev,.slick-next{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
opacity: 1;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
opacity: .25;
}
.slick-prev:before,.slick-next:before{
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev{
left: -25px;
}
[dir='rtl'] .slick-prev{
right: -25px;
left: auto;
}
.slick-prev:before{
content: '?';
}
[dir='rtl'] .slick-prev:before{
content: '?';
}
.slick-next{
right: -25px;
}
[dir='rtl'] .slick-next{
right: auto;
left: -25px;
}
.slick-next:before{
content: '?';
}
[dir='rtl'] .slick-next:before{
content: '?';
}
/* Dots */
.slick-dots{
position: absolute;
bottom: -32px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,.slick-dots li button:focus{
outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
opacity: 1;
}
.slick-dots li button:before{
font-size: 36px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #5ba12d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
opacity: .75;
color: #5ba12d;
}
a.contact{
	display:inline-block;
	padding:1em;
	background-color:#5ba12d;
	border-radius:3px;
	font-weight:bold;
	color:#fff !important;
	clear:both;
	}
a.contact:hover{
	color:#000 !important;
	}
.blankphoto{
	width:200px;
	height:300px;
}
#frmContact {float:left;margin-left:4.5em;margin-top:5em;width:28em;}
#frmContact div{margin-top: 1em;}
.error,.success{padding: 5px 10px;color: #fff;border-radius:3px;text-align:center;font-size:20px;font-weight:bold;}
.error{background-color: #ff0000;border:#ce5200 1px solid;}
.success{background-color: #5ba12d;border:#3b7614 1px solid;p}
.info{color: #ff0000;padding-left:16px;}
.btnAction{background-color:#5ba12d;border:0;padding:10px 40px;color:#fff;border:#5ba12d 1px solid; border-radius:3px;font-size:16px;}
.btnAction:hover{
background-color:#fff;
border-color:#5ba12d;
color:#5ba12d;
cursor:pointer;
}
#frmContact  input, #frmContact textarea{
	padding:4px;
	font-size:16px;
	font-family: 'Lato',arial,sans-serif;
    width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #5ba12d;
}