/*==========================================================*/
/* Main Elements
/*==========================================================*/
html, body {
  margin: 0;
  padding: 0;
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Lora', serif;
  line-height: 1.5em; 
  font-size: 14px;
  background-color: #fff;
} 

/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
/*
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}
*/
.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
} 

/*==========================================================*/
/* Headings
/*==========================================================*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 {
  font-size: 28px;
  color: #3f95bc;
}

h2 {
  font-size: 24px;
  color: #3f95bc;
}

h3 {
  font-size: 20px;
  color: #3f95bc;
}

h4 {
  font-size: 18px;
  color: #3f95bc;
}

h5 {
  font-size: 14px;
  color: #3f95bc;
}

@media (max-width: 767px) {

	h1 { font-size: 28px; }

	h2 { font-size: 24px; }

	h3 { font-size: 20px; }

	h4 { font-size: 16px; }
}

p {
  font-size: 14px;
  color: #333;
}

a {
	text-decoration: none !important;
	color: #3f95bc;
}

a:hover { color: #222; }


a.lng {
  font-family: 'Open Sans', sans-serif;
	text-decoration: none !important;
	color: #c0c0c0;
}

a.lng:hover { color: #000; }


a.lng_on {
  font-family: 'Open Sans', sans-serif;
	text-decoration: none !important;
	color: #000;
}

a.lng_on:hover { color: #000; }

a.submenu {
  font-family: 'Open Sans', sans-serif;
	text-decoration: none !important;
  text-transform: uppercase;
	color: #222;
}

a.submenu:hover { color: #3f95bc; }

a.submenu_on {
  font-family: 'Open Sans', sans-serif;
	text-decoration: none !important;
  text-transform: uppercase;
	color: #3f95bc;
}

a.submenu_on:hover { color: #3f95bc; }

img {
  max-width: 100%;
}

/*
a[href^="tel:"]:before {
   font-family: FontAwesome;
   content: "\f095";
   margin-right: 0.5em;
}

a[href^="mailto:"]:before {
   font-family: FontAwesome;
   content: "\f003";
   margin-right: 0.5em;
}
*/

.languagebar {
position:absolute; right:80px; top:-10px;
}

.languagebar2 {
z-index:1000;font-size:12px;position:relative;top:45px;left:425px;width:150px;
}

.navbar-adjust {
      position: relative;
      top:35px;
}

.logo {
position:relative;top:-40px;padding-right:80px;padding-bottom:20px;
}

.footer-bg {
margin:0px;
min-height:190px;
background-image: url('../images/footer-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: right top;
}

.footer-text {
padding-top:30px;text-align: left;
}

/*==========================================================*/
/* Navigation menu
/*==========================================================*/  


.navbar {
  margin-bottom: 0px;
}

.navbar-default {
  background-color: #fff;
  border-color: #ffffff;
  border-bottom: 1px solid #fff;
}

.navbar-default .navbar-brand {
  padding-right: 4px;
  padding-top: 8px;
  font-size: 14px;
  text-transform: uppercase;
  float:left;
  color: #333;
}

.navbar-default .navbar-nav > li > a {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  padding-top: 16px;
  font-size: 14px;
  text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #3f95bc;
  background-color: transparent;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.dropdown-menu > li > a {
font-family: 'Open Sans', sans-serif;
font-size:14px;
text-transform: uppercase;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #333;
  background-color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #7b858e;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #3f95bc;
  background-color: #fff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #3f95bc;
  outline: 0;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
} 

.subnav > li > a:focus, .subnav > li > a:hover  {
background-color: #fff;
} 

/*==========================================================*/
/* Slider
/*==========================================================*/


.carousel-indicators {
    bottom: 0px;
}

.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control.left {
	left: 0px;
}

.carousel-control.right {
	right: 0px;
}

/*==========================================================*/
/* Video bg
/*==========================================================*/  

.content-section {
/* background-image: url('../images/fallback_bg.jpg'); */
background-image: url('../images/Jukkamaa_isokuva.jpg');
background-repeat: no-repeat;
background-size:cover;
}

.video-section .pattern-overlay {
/*background-color: #fff;*/
padding: 110px 0 32px;
min-height: 496px; 
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:80px;
/* font-family: 'Buenard', serif; */
font-weight:bold;
/* text-transform: uppercase; */
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}


/*==========================================================*/
/* Masonry
/*==========================================================*/ 

.masonry { /* Masonry container */
  -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   /* margin: 1.5em; */
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.masonry-item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    /* width: 100%; */
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 2px #ccc;
}
.masonry-item img{max-width:100%;}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}


/*==========================================================*/
/* Responsive
/*==========================================================*/  


@media only screen and (max-width : 992px) {
    
    .languagebar2 {
    z-index:1000;font-size:12px;position:relative;top:45px;left:335px;width:150px;
    }
    
    .nav > li > a {
      position: relative;
      display: block;
      padding: 5px 5px;
    }
    
    .logo {
    padding-right:20px;
    }
    
    .submenu {
    float:left;
    }
    
    .submenu_on {
    float:left;
    }
    
    .footer-text {
    padding-top:10px;text-align: left;
    }
}

@media only screen and (max-width : 768px) {
    .navbar-adjust {
      position: relative;
      top:0px;
    }
    
    .footer-bg {
    margin:0px;
    min-height:190px;
    background-image: none;
    background-color: #e6ebf1;
    }
    
    .video-section h1{
    font-size: 40px;
    }

}