/* based on work by R+N */
@import url(http://weloveiconfonts.com/api/?family=entypo|fontawesome|zocial);
/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
body {
	padding: 0;
	background: #fff !important;
	color: #454545;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
/*::selection {
	background: #00a9df;
	color: #fff;
	-webkit-text-stroke-color: #fff;
}

::-moz-selection {
 background: #00a9df;
 color: #fff;
}*/
#intro{

	margin-bottom: -1px;
}
.spacer{
	clear:both;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: 700;
	text-align: left;
}
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
p {

line-height: 1.25em;

}
.italic {
	font-style: italic;
}
a {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	color: #902b90;
}
a:hover {
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
#mainnavi{
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 500;
	width: 100%;
}
#mainnavi .logobar{
	width: 27.5%;
	float: left;
	text-align: right;
	height: 30px;
}
#mainnavi .navi{
	width: 72.3%;
	margin-left: 0.2%;
	float: left;
	font-weight: 800;
}

#navbar{
	/*transition-delay:1.5s;
	-webkit-transition-delay:1.5s;*/
	height:37px;
		text-align: left;
}

#mainnavi .navi ul{
	margin:0 auto;
	padding:0;
/*	transition-property:padding-left, background-position;
	transition-duration:1s;
	transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-webkit-transition-property:padding-left, background-position;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-moz-transition-property:padding-left, background-position;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-o-transition-property:padding-left, background-position;
	-o-transition-duration:1s;
	-o-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);*/
/*	background-image:url(../img/mnavi_active.png);
	background-repeat:repeat-x;
	background-position:left top;*/
}
#mainnavi .navi ul li{
padding:6px 1.6%;
float:right;
list-style:none;
text-align:center;
position:relative;
}
#mainnavi .navi ul li a{
		color:#FFF;
}
#mainnavi .navi ul li a:after{
	/*background-color:#333333;*/
	/*background-image:url(../img/mnavi_active.png);
	background-position:left 15%;*/

 /*-webkit-transition: width 1s, height 1s, opacity 0.1s, -webkit-transform 1s;
 -moz-transition: width 1s, height 1s, opacity 0.1s, -moz-transform 1s;
 transition: width 1s, height 1s, opacity 0.1s, transform 1s;*/
}

#mainnavi .navi ul li:hover a:after{
	/*background-color:#333333;*/
	/*background-image:url(../img/mnavi_active.png);
	background-position:left 15%;*/

/*-webkit-transition: width 0.3s, height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;*/
}
#mainnavi .navi ul li.current_page_item a:after, #mainnavi .navi ul li.current_page_anchestor a:after{
/*background-color:#333333;
background-image:url(../img/mnavi_active.png);
background-position:left 15%;
 -webkit-transition:background-position 1s ease;*/
position: absolute;
top: 93%;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
opacity: 1;
/*-webkit-transition: width 0.3s, height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: width 0.3s, height 0.3s, opacity 0.3s, transform 0.3s;*/
}
#sisus li a{
	/*padding-left:10px;
	padding-right:10px;*/
	/*transition-property:all;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
	-webkit-transition-property:all;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:all;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function:ease-out;
	-o-transition-property:all;
	-o-transition-duration:0.5s;
	-o-transition-timing-function:ease-out;*/
}
#sisus li a:hover{
	/*color:#fff;
	background-color:#000000;*/
}
.js #lbar, .js #navbar{
	width:0;
	overflow:hidden;
}
.js #lbar, .js #navbar{
	/*/transition-property:width,padding-left;
	transition-duration:1s;
	transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-webkit-transition-property:width,padding-left;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
		-moz-transition-property:width,padding-left;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-o-transition-property:width,padding-left;
	-o-transition-duration:1s;
	-o-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);*/
}
.js #lbar.width27, .js #navbar.width27{
	width:27.5%;
	}
	.js #lbar.width72, .js #navbar.width72{
		width:72.3%;
	}
.js #mainnavi .navi ul li{
	visibility:hidden;
	margin-left: 2px;
margin-right: 2px;
}
.js .subpage #mainnavi .navi ul li{
	visibility:visible;
}
.js #navbar.pdl5{
	padding-left:5%;
	/*transition-duration:0.01s;
	-webkit-transition-duration:0.01s;
	-moz-transition-duration:0.01s;
	-o-transition-duration:0.01s;*/
}
.js #navbar.ready{
		overflow:visible;
}
.js #mainnavi .navi ul li{
	/*transition-property:opacity;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-in-out;
		-moz-transition-property:opacity;
	-moz-transition-duration:0.5s;
	-moz-transition-timing-function:ease-in-out;
			-o-transition-property:opacity;
	-o-transition-duration:0.5s;
	-o-transition-timing-function:ease-in-out;*/
}
.js #mainnavi .navi ul li.ready{
opacity: 1 !important;
}
#slide_1 {
		background-color: #FFFFFF;
		/*background-image:url(../img/blue_bg.png);*/
		background-image:url(../img/paakuva_bg.jpg);
}
#slide_2 {
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-image:url(../img/area_bg.png);
	background-position:left bottom;
	padding-bottom:90px;
}
#slide_1 {
	background-size: cover;
}
.footer {
	background-color: #fff;
	/*#1a1a1a;*/
	padding: 0 0 60px 0;
	color: #FFF !important;
	padding-top: 50px;
}
.footer p {
	color: #FFF !important;
	/*text-align: center;*/
}
#videogallery{
	padding-top:67px;
}
.sortnavi{
width: 98%;
margin: 10px auto;
text-align: center;
border-bottom:solid 2px #c1c1c1;
}
.filters{
margin-bottom: 4px;
}
.sortnavi ul{
	text-align:center;
	margin:2% auto;
	padding:0;
	font-size: 0.8em;
font-weight: 800;
text-transform: uppercase;
}
.sortnavi ul li{
	list-style:none;
	display:inline-block;
	
}
.sortnavi a {
color:#c1c1c1;
margin: 3px auto;
padding: 8px 14px;
padding-left: 16px;
border-left:solid 2px #c1c1c1;
}
.sortnavi a.current{
color:#000;
}
.sortnavi a:nth-child(1){
border-left:solid 0px #c1c1c1;
}
	#tiles a{
		margin-bottom:30px;
	}
.ccol.sosmed{
	border-top: dotted 2px #c1c1c1;
	}
.ccol.sosmed p{
	font-size: 1em;
	display: block;
}
.ccol.sosmed p a{
	color:#fff;
	padding:10px;
		opacity:1;
			transition-property:opacity;
	transition-duration:0.7s;
	transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.7s;
	-webkit-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-moz-transition-property:opacity;
	-moz-transition-duration:0.7s;
	-moz-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
	-o-transition-property:popacity;
	-o-transition-duration:0.7s;
	-o-transition-timing-function:cubic-bezier(.52,.1,.51,1.02);
}
.ccol.sosmed p a:hover{
	opacity:0.8;
}
.ccol.sosmed p a img{
	width:100%;
	max-width:100px;
	height:auto/9;
}
.formleft{
	width:65%;
	float:left;
}
.formright{
	width:35%;
	float:left;
}
.formright img{
width:100%;
max-width:284px;
}
.formstep{
padding:0 4% 0 0;
}
label.soie{
	display:none;
}
.ie label.soie{
	display:block;
}
form{
	padding-bottom: 10%;
}
.formstep input, .formstep input[type="text"], .formstep input[type="email"], .formstep input[type="tel"]{
	background-color:#fff;
padding:4px 12px;
margin:6px auto;
border:solid 1px #dadada;
border-radius:6px;
max-width: 500px;
float:right;
}
.formstep input[type="text"].error, .formstep input[type="email"].error, .formstep input[type="tel"].error{
	border:solid 2px #ee3424;
}
.formstep .sbm input{
	background-color:transparent;
	border:0;
	border-radius:0;
	padding:0;
	margin:10px 0;
	width: 42%;
max-width: 200px;
}
.formstep input[type="checkbox"].error::before{
content:'!';
color:#ee3424;
position: relative;
margin-left: -10px;
left: 0;
top: 0;
height:15px;
width: 15px;
z-index: 10;
}
#linkit{
	display:none;
}
.formstep p{
		/* padding:4px 12px; */
/* margin:6px auto; */
/* max-width: 500px; */
/* float:right; */
/* clear: both; */
/* width:100%; */
}
.formstep p.fll{

}
.formstep h3{
padding:4px 12px;
margin:12px auto;
margin-bottom: -1px;
max-width: 500px;
float:right;
clear: both;
width:100%;
font-size: 17px;
}
.formstep span{
	margin-left:10px;
margin-right:10px;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 85%;
}
.formstep input[type="checkbox"], .formstep input[type="radio"]{
float:left;
}
.errtxt{display:none;color:#ee3424}

.nxtlink{
margin:10px 0;
width: 42%;
max-width: 200px;
float:right;
display:none;
}
.prelink{
	margin:10px 0;
	width: 42%;
max-width: 200px;
	float:left;
	display:none;
}
.nxtlink img,.prelink img{
width:100%;
max-width: 200px;
}
.txtsmall p{
	font-size: 80%;
	margin-bottom: 20px;
}
#paakuva_mob{
	display:none !important;
}
#paakuva{
	display: inline-block !important;
}
 @media (max-width: 767px) {
.footer .copy {
	text-align: center;
}
}

.carousel-inner p {
	color: #fff;
	text-align: center;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
	line-height: 1.2;
	font-size: 1.3em;
	
	margin: 20px 50px;
}
.carousel-inner h1 {
	display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 0;
margin-bottom: 10px;
padding: 20px;
color: #fff;
font-size: 1.25em;
font-weight: 700;
}
a.titlelink{
		display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 0;
margin-bottom: 5%;
padding: 20px;
background-image: url(../img/txt_bg.png);
color: #fff;
font-size: 1.25em;
color:#fff;
text-decoration:none;
font-weight: 700;
	}
a.titlelink:hover{
	background-color:#000;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color:#fff;
	transition-property:all;
	transition-timing-function:ease-in-out;
	-webkit-transition-property:all;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-property:all;
	-moz-transition-timing-function:ease-in-out;
	-o-transition-property:all;
	-o-transition-timing-function:ease-in-out;

}
.rgba a.titlelink{
background-color: rgba(69,69,69,0.7);
background-image:none;
}
.rgba a.titlelink:hover{
background-color: rgba(0,0,0,1);
background-image:none;
}
.ccol {
	text-align:center;
	padding-top:0%;
	padding-bottom: 2%;
	/*transition-property:all;
	transition-duration:1s;
	transition-timing-function:ease-in-out;
	-webkit-transition-property:all;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-property:all;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease-in-out;
	-o-transition-property:all;
	-o-transition-duration:1s;
	-o-transition-timing-function:ease-in-out;*/
	color:#454545;
}
.ccol p, .ccol li{
	/* display: inline-block; */
	margin: 0 auto;
	text-align: left;
	padding: 2%;
font-size: 1.2em;
font-style: normal;
	color:#454545;
}
.ccol p{
	padding: 2% 0px;
}
.ccol ul{
	margin:0;
	padding-top:4%;
	padding-left: 10%;
		box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.ccol li{
	list-style:none;
	margin:5px auto;
	margin-top:0;
	padding:0;
	display:block;
	text-align:left;

}
.ccol li a{
	text-decoration:none;
	color:#454545;
}
.ccol li strong, .ccol li a{
	color:#902b90;
	display:inline;
	margin:0;
	padding:0;
}
.ccol li a:hover{
text-decoration:underline;
}
h1::after, #fronttxt .ccol p::after{content:' ';clear:both;}
#intro .carousel-inner h1 {
/*	margin: 20px 30px;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;*/
}
.carousel {
	margin-bottom: 0;
	background-color: #fff;/*#00A4E1;*/
}
.header-extended .carousel {
	padding: 90px 0px;
}
.carousel-inner {
	overflow: inherit;
}
.carousel-inner .item img {
	display: inline-block !important;
	max-width:100%;
}
.carousel-inner .item {
	text-align: center !important;
}
img#paakuva{

}
.carousel-control {
	font-size: 22px;
	color: #25272B;
	background: #fff !important;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.6) !important;
	text-shadow: none;
	position: absolute;
	height: auto;
	width: auto;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 0px 22px;
	border: none;
	top: 45%;
	bottom: 39%;
	z-index: 2 !important;
}
.carousel-control:hover {
	color: #25272B;
	background: #fff !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.7;
	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	text-shadow: none;
}
.tar{
	text-align:right;

}
h2.lgreen{
text-align: center;
color:#bed600;
font-size:1.45em;
}
.footer h3{
	color:#276683;
}
.footer .col-5 img{
	width:100%;
	max-width:380px;
}
#fleft h2{
	color:#902b90;
	font-weight:400;
}
#fleft ul{
}
#fleft li{
}
#scrollbtn{
	position:absolute;
left:0;
bottom:5px;
text-align:center;
color:#000;
font-weight:400;
width: 100%;
}
#scrollbtn h3{
	font-size:3em;
		margin-top:0;
		text-align: center;
		margin-bottom:5px;
}
#scrollbtn h4{
	font-size:2em;
	font-weight:400;
	text-align: center;
}
 @media (max-width: 2560px) {
.carousel-control {
	font-size: 22px;
	height: 80px;
	width: 80px;
	padding: 5px;
}
}
 @media (max-width: 1024px) {
.carousel-control {
	font-size: 20px;
	height: 70px;
	width: 70px;
	padding: 5px;
}
}
 @media (max-width: 767px) {
.carousel-control {
	font-size: 18px;
	height: 60px;
	width: 60px;
	padding: 5px;
}
} 
@media (max-width: 769px) {
#paakuva{
	display:none !important;
}
#paakuva_mob{
	display: inline-block !important;
	max-width:615px;
	width:100%;
}
#paakuva_cont{
width: 100%;
padding: 0;
}
#paakuva_cont h1{
	width: 100%;
padding: 0;
text-align: left;
}
}

.carousel-control.left {
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
.carousel-control.right {
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
@media (max-width: 700px) {
.formleft, .formright{
	width:100%;
	float:none;
	clear:both;
}

.formright{
	text-align:center;
}
.formstep p{
	max-width: 600px;
	float:none;
	margin-left:auto;
	margin-right:auto;
	
}
.formstep h3, .formstep input, .formstep input[type="text"], .formstep input[type="email"], .formstep input[type="tel"]{
	max-width: 600px;
	float:none;
	margin-left:auto;
	margin-right:auto;
}
.formstep .sbm input{
	margin-left: 20px;
}
#scrollbtn h3{
	font-size:2em;
	
}
#scrollbtn h4{
	font-size:1.5em;
}
}
 @media (max-width: 768px) {
.carousel-control.left {
	left: 0;
}
.carousel-control.right {
	right: 0;
}
.footer .col-7, .footer .col-5{
	width:100%;
	float:none;
	clear:both;
}
.footer .col-5 img{
	width:100%;
max-width:380px;
display: block;
margin-top: 30px;
float: right;
}
div#lbar.logobar.width27{
display:none;
}
}
 @media (max-width: 567px) {
.carousel-control {
	font-size: 18px;
	height: 50px;
	width: 50px;
	padding: 5px;
}
.ccol{
	font-size: 0.85em;
}
}
 @media (max-width: 500px) and (orientation:landscape) {
	 .carousel-inner h1 {
	 max-width:75%;
	 }
 }
 @media (max-width: 400px) {
	  h2{
		 font-size:1.6em;
	 }
	 #scrollbtn h3{
		 font-size:1.5em;
	 }
	  #scrollbtn h4{
		 font-size:1.2em;
	 }
	 .ccol ul{
	 padding-left:0;
	 }
	 #fleft ul{
		 padding-left:6%;
	 }
	  #fleft li{
		 padding-left:0;
	 }
 }
 @media (max-width: 319px) {
#slide_2 {
	background: none !important;
}
}
.slider-header .carousel-control.left {
	left: -20px;
}
.slider-header .carousel-control.right {
	right: -20px;
}
.carousel.horizontal .next {
	left: -100%;
}
.carousel.horizontal .prev {
	left: 100%;
}
.carousel.horizontal .active.left {
	left: 100%;
}
.carousel.horizontal .active.right {
	left: -100%;
}
.carousel.fadeing .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
}
#carousel_intro.carousel.fadeing .item {
	opacity: 1;
	filter: alpha(opacity=100);
}
#carousel_intro.carousel.fadeing .active.left, #carousel_intro.carousel.fadeing .active.right {
	opacity: 0;
	filter: alpha(opacity=0);
}
.carousel.fadeing .active.item {
	opacity: 1;
	filter: alpha(opacity=100);
}
.carousel.fadeing .active.left, .carousel.fadeing .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
.carousel.fadeing .next, .carousel.fadeing .prev {
	left: 0;
	z-index: 1;
}
.carousel.fadeing .carousel-control {
	z-index: 3;
}
.carousel.vertical .carousel-inner {
	height: 100%;
}
.carousel.vertical .item {
	-webkit-transition: 0.6s ease-in-out top;
	-moz-transition: 0.6s ease-in-out top;
	-ms-transition: 0.6s ease-in-out top;
	-o-transition: 0.6s ease-in-out top;
	transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
	top: 0;
}
.carousel.vertical .next {
	top: 100%;
}
.carousel.vertical .prev {
	top: -100%;
}
.carousel.vertical .next.left, .carousel.vertical .prev.right {
	-webkit-transition: ease-in-out top;
	-moz-transition: ease-in-out top;
	-ms-transition: ease-in-out top;
	-o-transition: ease-in-out top;
	transition: ease-in-out top;
}
.carousel.vertical .active.left {
	top: 100%;
}
.carousel.vertical .active.right {
	top: -100%;
}
.carousel.vertical .item {
	left: 0;
}
.carousel .inactive {
	position: absolute;
	display: block;
	z-index: -1;
}
.carousel .inactive.active {
	position: relative !important;
	z-index: 0;
}
#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4cbce8;
	z-index: 9999;
	position: fixed;
	/*background-image: url(../img/preload.gif);*/
	background-repeat: no-repeat;
	background-position: center;
}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 822px;
	top: 322px;
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

.white {
	background-color: #FFF !important;
}
.go-down {
}

body *::-webkit-input-placeholder {
  color:#A8A6A0;
}
style.css
input {
  line-height:normal;
}
style.css
* {
  box-sizing:border-box;
}
.lined input[type="text"], .lined input[type="email"], .lined input[type="search"] {
  -webkit-font-smoothing:antialiased;
  background-image:url(../img/dotted-border.gif);
  background-position:0 100%;
  background-repeat:repeat no-repeat;
  line-height:1.5em;
  margin-top:8px;
  padding-bottom:8px;
}
input[type="text"], input[type="password"], input[type="search"], input[type="email"] {
  background-color:transparent;
  border:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  margin:0;
  padding-left:0;
  padding-right:0;
  width:100%;
}
*, ::after, ::before {
  box-sizing:border-box;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="email"]:focus {
  outline:none;
}
button, input, optgroup, select, textarea {
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-style:inherit;
  font-variant:inherit;
  font-weight:inherit;
  line-height:inherit;
  margin:0;
}

.osallistubtn, .carousel-inner p.osallistubtn{
	background-color:#902b90;
color:#efe920;
display:inline-block;
padding: 7px 35px;
border-radius: 10px;
font-weight: 700;
text-align:center;
}
a.osallistubtn{
	display:block;
	margin:35px auto;
	max-width:200px;
	font-size: 23px;
}
a.osallistubtn:link{
	color:#efe920;
}
	#scrollbtn:hover{cursor:pointer;}
	#scrollbtn .entypo-down-circled::before{font-size: 2em;}
	#scrollbtn img{
	max-width:370px;
	}
	.copyright{padding-top:30px;color:#454545;font-size:0.7em;text-align:center} 


.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
div.videos.isotope{
margin-bottom: 2%;
		transition-property:min-height;
	transition-duration:1s;
	transition-timing-function:ease-out;
	-webkit-transition-property:min-height;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:min-height;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease-out;
	-o-transition-property:min-height;
	-o-transition-duration:1s;
	-o-transition-timing-function:ease-out;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.videos.isotope .isotope-item{
padding:0%;
margin: 1%;
float:left;
width:48%;
box-sizing:border-box;
position: relative;
opacity:1;
visibility:visible;
transition-property:opacity, height;
	transition-duration:.5s;
	transition-timing-function:ease-out;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:.5s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:opacity, height;
	-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-out;
	-o-transition-property:opacity, height;
	-o-transition-duration:.5s;
	-o-transition-timing-function:ease-out;
}
.videos.isotope .isotope-item.filtered{
	opacity:0;
	height:0;
	display:none;
}
.isotope .isotope-item img {

	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	z-index: 1;
}

/* responsive iframe video */
.videos.isotope iframe{
	margin: 0;
border: 0;
width: 100%;
}
.text-center{text-align: center;}

.flex-video {
    position: relative;
    /*padding-top: 1.5625rem;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;*/
}

.flex-video.widescreen {
    padding-bottom: 56.34%;
}

.flex-video.vimeo {
    padding-top: 0;
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flex-video .controls{
	position: absolute;
z-index: 10;
bottom: 0;
left: 0;
background-color: #c1c1c1;
width:100%;
}
.flex-video iframe .player .title header h1{
	visibility:hidden !important;
}
.isotope .isotope-item .details{
	position: absolute; 
	background: rgba(0,0,0,0.85); 
	/*background: rgba(220,220,220,0.7);*/
	width: 100%; 
	height: 0%; 
	left:0; 
	top:0; 
	z-index: 2; 
	opacity:0;
	box-sizing: border-box; 
		transition-property:all;
	transition-duration:.5s;
	transition-timing-function:ease-out;
	-webkit-transition-property:all;
	-webkit-transition-duration:.5s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:all;
	-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-out;
	-o-transition-property:all;
	-o-transition-duration:.5s;
	-o-transition-timing-function:ease-out;
	overflow:hidden;
}
.no-touch .isotope .isotope-item:hover .details, .isotope .isotope-item.tap .details{
	top:0%; 
	left: 0%; 
	top:0%; 
	height: 100%; 
	opacity:1;
}
.details h3{
	font-size:1.25em;
text-align: center;
position: relative;
left: 0;
top: 50px;
width: 86%;
margin: 10px auto;
opacity:0;
color:#fff;
	box-sizing: border-box; 
	transition-property:opacity;
	transition-duration:.5s;
	transition-timing-function:ease-out;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:.5s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:opacity;
	-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-out;
	-o-transition-property:opacity;
	-o-transition-duration:.5s;
	-o-transition-timing-function:ease-out;
overflow:hidden;
}
.isotope .isotope-item:hover .details h3{
	opacity:1;
}
span.thet{

}
#sisus ul.icons{
	clear: both;
margin: 0;
padding: 0;
padding-top: 15px;
width: 100%;
display: block;
color:#fff;
text-align:center;
position: absolute;
left: 0;
bottom: 20px;
background-color:transparent;

}
#sisus ul.icons li{
	display:inline;
	color:#fff;
	font-size:50px;
	font-weight:400;
	background-color:transparent;
}
#sisus ul.icons li a{
		color:#fff;
		text-decoration:none;
		font-weight:400;
		background-color:transparent;
		border:0;
		outline: 0;
}
#sisus ul.icons li a:hover{
	background-color:transparent;
	border:0;
		outline: 0;
}
	#mainnavi{
			max-height:125px;
	}
	 	.js #mainnavi{
			max-height:37px;
	}
	
	
	div.col-lg-12.col-centered.txtsmall{
		margin:0 auto;
margin-top: 20px;
float:none;
clear: both;
	}
	.footer ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	.footer li{
		display:block;
		float:left;
		width:25%;
	}
	.footer li img{
		width:100%;
		max-width:290px;
		display:block;
		margin:0 auto;
	}
@media (max-width: 920px) {
	.js #navbar.pdl5{
	padding-left:1%;
	}
	.details h3{
top: 25px;
}
.sortnavi a{
font-size: 0.9em;
}
	#mainnavi{
			max-height:125px;
	}
	 	.js #mainnavi{
			max-height:37px;
	}
}	
@media (max-width: 880px) {
	#mainnavi{
		font-size:15px;
			max-height:125px;
	}
	.details h3{
top: 25px;
}
.sortnavi a{
font-size: 0.9em;
}
	 	.js #mainnavi{
			max-height:37px;
	}
	#mainnavi .navi ul li{
		padding:8px 1.6%;
	}
.js #lbar, .js #navbar, #lbar, #navbar{
		-webkit-transition-duration: 0.01s;
	-moz-transition-duration:  0.01s;
	-o-transition-duration:  0.01s;
	transition-duration:  0.01s;
}
}
/* go for smaller navi */
@media (max-width: 768px) {
.details h3{
top: 25px;
}
.sortnavi a{
font-size: 0.9em;
}
	.js #lbar.width27, #lbar, .js #navbar.pdl5, #navbar{
		width:100%;
		margin-bottom:0px;
	}
	#mainnavi{
	max-height:125px;
	}
	 	.js #mainnavi{
			max-height:37px;
	}
	#mainnavi .logobar{text-align:left;border-right-width: 0;}
	#lbar{text-align:left;border-right-width: 0;}
	#lbar img{
		display:block;	
		margin-left:50px;
	}
	#navbar{height:auto;}
	#mainnavi #navbar, .js #navbar.pdl5{
		text-align:center;
		margin-left:0;
		padding-left:0;
	}
#mainnavi #navbar ul{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
.js #mainnavi .navi ul li{
		width:auto;
	display: inline-block !important;
	/*float:none;*/
	float:right;
}
.js #lbar, .js #navbar, #lbar, #navbar{
	-webkit-transition-duration: 0.01s;
	-moz-transition-duration:  0.01s;
	-o-transition-duration:  0.01s;
	transition-duration:  0.01s;
}
} 
@media (max-width: 600px) {
	body{
	
	}
.videos.isotope .isotope-item{
width:98%;
float:none;
clear: both;
}
.footer li{
		display:block;
		float:left;
		width:33%;
	}
	#paakuva_cont h1{
	
text-align: center;
}
}
 @media (min-width: 2100px){
	 .carousel-inner h1{
	 	padding-top:5%;
	 }
 }
  @media (min-height: 500px){
	 .carousel-inner h1{
	 	padding-top:5%;
	 }
 }
 @media (max-width: 480px) {
	 .footer li{
		display:block;
		float:left;
		width:50%;
	}
 	.js #mainnavi{
			max-height:37px;
	}
 body{
 font-size:16px;
 }
 .details h3{
top: 25px;
}
#sisus ul.icons{
	bottom:0;
}
.sortnavi a{
font-size: 0.9em;
}
	 .footer .col-6{
		 float:none;
		 width:96%;
		 margin:3% auto;
		 clear:both;
		 text-align:left;
		 border:none;
	 }
#mainnavi{
	top:0;
	max-height:none;
}
#mainnavi .logobar{text-align:left;border-right-width: 0;}
#mainnavi .logobar{
	height:auto;
padding-bottom: 10px;
}
.carousel-inner h1{
margin-bottom: 23px;
}
.ccol li{
margin-bottom: 2%;
}
}