@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,900,700);

body {
	font-family: 'Titillium Web', Arial, Helvetica, Trebuchet MS, sans-serif;
	background: url(../images/bg.jpg) center top repeat #f1f1f1;
}

p { font-size: 16px;}

a { color: #2cc389;text-decoration: none;}
a:hover { color: #58dba9; text-decoration: none;}

.content img{
display: unset;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/* OTSIKOT
------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Titillium Web', Arial, Helvetica, Trebuchet MS, sans-serif;
	font-weight: bold;
	color: #444444;
	line-height: normal;
	margin-top: 0px;
	
	
	
	/* text-shadow: #000 1px 1px 0px; */
}
	h1 { font-size: 40px; font-weight: 900; color: #144340;}
	h2 { font-size: 30px; line-height: 33px;}
	h3 { font-size: 24px; }
	h4 { font-size: 20px; line-height: 23px;}
	h5 { font-size: 17px; }
	h6 { font-size: 18px;font-weight: 400; }


/* HEADER/NAVBAR
------------------------------------------------------------------------------------------*/


nav {font-size: 18px; text-transform: uppercase; font-weight: 700;}

.navbar-default{background-color: #ffffff; }

.navbar .navbar-nav {margin-top: 22px;}

.nav > li > a {padding-left:15px; padding-right:15px; padding-top: 10px; padding-bottom: 10px;}

.navbar-default .navbar-nav > li > a {color: #535353;}

.navbar-default .navbar-nav > li > a:hover {color: #262626;}

.navbar-default .navbar-nav > .active > a{background-color:#44c191; color: #ffffff;}

.navbar-default .navbar-nav > .active > a:hover{background-color:#58dba9; color: #ffffff;}

.navbar-toggle {margin-top: 24px; background-color: #44c191; border:none;}

.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}


/* CONTENT
------------------------------------------------------------------------------------------*/
.content {background-color: #transparent; }

main {
	 
	padding-top: 10px;
}
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin-bottom: 25px;
}

/* HEADER/SLIDE
------------------------------------------------------------------------------------------*/

.content-slide-area {
	padding-top: 137px;
	padding-bottom: 15px;
	background: url(../images/header_img.jpg) no-repeat center top;
	background-color: #111111;
	height: 472px;
	text-align: center;
}
.slide-text{
	padding: 30px;
	background: url(../images/text_bg.png) repeat center top;
}
.content-slide-area h1 {
	color: #ffffff;
	font-size: 45px;
	font-weight: 900;
	padding-bottom: 25px; border-bottom: 8px solid #ffffff;
	margin-bottom: 30px;
}
.content-slide-area h2 {
	color: #ffffff;
	font-size: 21px;
	line-height: 21px;
}

/* @BUTTON
------------------------------------------------------------------------------------------*/

.btn-primary {
    	color: #FFF;
    	background-color: #44c191;
		font-size: 18px;
		font-weight: bold;
}
.btn-primary:hover {
    	background-color: #54d9a6;
}
.btn {	display: inline-block;
    	padding: 8px 15px;
    	margin-top: 0px;
    	font-size: 15px;
    	font-weight: normal;
    	line-height: 1.42857;
    	text-align: center;
    	white-space: nowrap;
    	vertical-align: middle;
    	cursor: pointer;
    	-moz-user-select: none;
    	background-image: none;
    	border: 0px solid transparent;
    	border-radius: 0px;
		font-weight: bold;
		font-size: 18px;
}
/* FOOTER
------------------------------------------------------------------------------------------*/

footer {
	background: url(../images/footer.jpg) repeat center top #0b0b0b;
	color: #ffffff;
	padding: 0px;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 0px;
}
.yhteystiedot {
		padding-top: 60px;
		padding-bottom: 60px;
}
.yhteystiedot p {
		font-size: 15px;
		color: #d3d3d3;
}
footer h3 {
	color: #ffffff;
}
footer h5 {
	color: #ffffff; padding: 0px; margin: 0px;
}
.bottombar {
	background-color: #12403e;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}
/* LOMAKE
------------------------------------------------------------------------------------------*/
.well {
	float:left;
	width: 300px;
}