/*! OMA CSS */


ul, ol {
    list-style: disc;
    line-height: 1.85714286em;
}

ul.accordion { list-style:none; }


li { margin-left:20px; }


.menu-horizontal > li, .menu-vertical > li { list-style:none; }

img.flag {
    max-height: 1.15714286em;
}

.bar .logo { max-height:2.55em; }

footer .logo {
    max-height: 2.8em;
}

.input-icon textarea {
    padding-left: 2.78571429em;
}

.otsikko1 {
	font-weight: 400;
    font-size: 90px;
	font-family: Woodland;
}

h1:not(:last-child), .h1:not(:last-child) {
    margin-bottom: 0.19090909090909em;
}

.otsikko2 {
	font-weight: 400;
    font-size: 30px;
	font-family: Woodland;
}

.kategoria {
	font-size:20px;
	font-weight:400;
}

.form-error { font-size:18px; }

.form-success { font-size:18px; }


@font-face { font-family: Woodland; src: url('../fonts/Woodland.ttf'); }

/*! MEDIA CSS */

@media all and (max-width: 767px){
  .nav-container{
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
  }
}

@media (max-width: 767px) {
	.modal-instance:not(.block) { display: block; }	
	h1, .h1 { line-height: 0.85em; }
	h2, .h2 { line-height: 0.85em; }	
	
	section.slider[class*='height-'] .slides .flickity-slider > li {
    min-height:498px;
}
	
	
}


@media (min-width: 991px) {
.bar.pos-fixed {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); }
}

@media (max-width: 990px) and (min-width: 768px) {
.text-left-sm {
    text-align: left!important; }
}

p a, span a, label a { text-decoration:none; }

/* PRELOADER */

/*

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*

/* Add animation to "page content" */

/*

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#sivu {
  display: none;
}
#valikko {
  display: none;
}

*/
