@charset "UTF-8";
/* Add here all your CSS customizations */

/*HEADER*/

#header {
 /*background: #F6F6F6;
 background: -webkit-linear-gradient( #f6f6f6, white);
 background: linear-gradient( #f6f6f6, white);*/
 background: url("../images/header.png");
 background-repeat: no-repeat; 
 background-position: center top;
 clear: both;
 border-top: none;
 min-height: 100px;
 padding: 8px 0;
  z-index: 5000;
 position:relative;
}

#header > .container {
 height: 100px;
 /*margin-bottom: -400px;*/
 position: relative;
 display: table;
 max-width: 1170px;
}

body.sticky-menu-active #header {
 border-bottom: none;
 position: fixed;
 /*top: -57px;*/
 top: -40px;
 width: 100%;
 z-index: 5000;
 box-shadow: none;
 filter: none;
}

#header nav ul.nav-main li a {
 font-size: 14px;
 font-style: normal;
 line-height: 20px;
 margin-left: 15px;
 margin-right: 15px;
 /*margin-top: -22px;*/
 text-transform: none !important;
 font-weight: 600;
 color: #fff;
 padding: 10px 13px;
}

#header nav ul.nav-main li a:hover {
 background-color: none !important;
 color: #beebfb;
 background: none !important;
}

/*SIVUNAVI_ALASIVUT*/

ul.nav-pills > li.active > a,
ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
  background-color: #f7b942 !important;
 color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #d4f8fc;
 color: #24b1c0;
}

header nav ul.nav-main ul.dropdown-menu,
header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header nav ul.nav-main li.active a,
header nav ul.nav-main li > a:hover,
header nav ul.nav-main li.dropdown:hover a {
  color: #FFF;
  background-color: #f7b942 !important;
 background: #f7b942 !important;
}

/*PAA_DROPDOWN*/

#header nav ul.nav-main ul.dropdown-menu > li > a {
    color: #24b1c0 !important;
    font-weight: 500;
    text-transform: none;
    position: relative;
    padding: 8px 10px 8px 5px;
    font-size: 0.9em;
    border-bottom: none !important;
 text-shadow: none !important;
}
#header nav ul.nav-main ul.dropdown-menu {
    background: #fff !important;
}

#header nav ul.nav-main ul.dropdown-menu ul > a {
 padding: 3px 10px 3px 5px;
}




/*YLEISET*/

body {
 color: #555;
 font-family: 'Raleway', sans-serif;
 font-weight: 500;
}

body.boxed {
    background: url("../images/bg/gray_jean.png") repeat scroll 0% 0% transparent;
}

p {
 color: #666;
}
a {
  -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
     
li {
 color: #666 !important;
}

ul { 
 padding-left: 1.2em; }


/* Responsive image scaling */
img {
 max-width: 100%;
 height: auto;
}


/* Navigation */

.dropdown-toggle i {
 display: none;
}

header nav ul.nav-main li i {
 display: none;
}


@media (max-width: 991px) {
 header nav ul.nav-main > li {
  position: relative;
 }

 header nav ul.nav-main > li i {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 1.6em;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding-top: 8px;
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 5000;
  color: #fff;
 }
}

@media (min-width: 991px) {
 header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
  margin-left: 165px !important;
  margin-top: -25px !important;
 }
}


/* RSS syöte */
.rss .rssFeed a {
 text-decoration: none;
}
.rss .rssHeader {
 color: #4B8099;
 font-size:16pt;
 margin-bottom:10px;
 padding-top:10px;;
}

.rss .rssBody ul {
 list-style: none;
}
.rss .rssBody ul, .rssRow, .rssRow h4, .rssRow p {
 margin: 0;
 padding: 0;
}

.rss .rssRow {
 padding: 0.8em 0 0.8em 0;
}
.rss .rssRow div {
 font-size: 90%;
 color: #666;
 margin: 0.2em 0 0.4em 0;
}

.rss .rssRow .rssMedia {
 padding: 0.5em;
 font-size: 1em;
}


/* File input */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


/* Blog image position fix */
article.post-large div.post-image {
 margin-left: 0px;
}


/* Portfolio-info for events */
div.portfolio-info {
    float: none;
    margin: 10px 0 10px;
}

div.portfolio-info ul li {
    color: #555;
    font-size: 1em;
}
div.portfolio-info ul li a {
    color: #555;
}

/* Google maps */    
.gmaps {
 width: 100%;
 height: 400px;
}


/* For Bonsait admin */
.slider-container .bonsait-content-header-menu {
 position: absolute;
 left: 0;
 top: 0px;
 z-index: 1000;
}


/* Etusivu_slider custom styles */
.slider-container {
 width:100%;
 position:relative;
 padding:0;
 overflow:visible;
  height: 700px;
 /*margin-bottom: 50px;*/
}
#revolutionslider {
 width:100%;
 background: #333;
}

#revolutionSlider h1 {
 color: #24b1c0 !important;
 font-family: 'Montez', sans-serif !important;
 font-weight: 400;
 font-size: 2.0em;
 line-height: 1.0em;
 margin-bottom: 20px;
 max-width:400px;
 white-space:normal;
}

#revolutionSlider p {
 color: #fff !important;
 font-weight: 500 !important;
 line-height: 1.2em;
 font-size: 0.8em;
 max-width:400px;
 white-space:normal;
 margin-bottom: 30px;
}

.slider .main-button {
 font-size: 22px;
 font-weight: 600;
 line-height: 20px;
 padding-bottom: 50px !important;
 padding-top: 50px;!important
 padding-left: 55px !important;
 padding-right: 55px !important;
}


/* example conf for one slide */

#revolutionSlider #slider_34_4 h1 {
 color: #24b1c0 !important;
}

#revolutionSlider #slider_34_4 p {
 color: #fff !important;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
 .slider-container, #revolutionSlider { width:100%; height:380px;}
 #revolutionSlider h1, #revolutionSlider p {max-width:310px;}
}
 
 
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .slider-container, #revolutionSlider { width:100%; height:240px; }
 #revolutionSlider h1, #revolutionSlider p {max-width:240px;}
}
 
@media only screen and (min-width: 0px) and (max-width: 479px) {
 .slider-container, #revolutionSlider { width:100%;height:160px; }
 #revolutionSlider h1, #revolutionSlider p {max-width:120px;}
}


/* Form details */

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0px;
}

.radio, .checkbox {
    padding-left: 10px;

}


/*FOOTER*/

#footer {
 background: url("../images/footer.png");
 background-repeat: no-repeat;
 background-position: center top;
 border-top: none;
 font-size: 0.9em;
 /*margin-top: 50px;*/
 margin-top: 0px;
padding: 125px 0px 0px;
 position: relative;
 clear: both;
 background-size: auto 100%;
}
#footer li ul li > a{
 font-size: 13px;
 line-height: 10px;
}
#footer a:hover {
 color: #beebfb !important;
}

#footer p {
 color: #FFF !important;
}

#footer ul, li {
 color: #FFF;
 text-decoration: none;
 list-style: none;
 list-style-type: none;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
 color: #FFF !important;
}

#footer h4 {
 font-size: 1.8em;
 font-weight: 500;
 text-shadow: none;
}

#footer h5 {
 color: #fff !important;
 text-transform: none !important;
}

#footer ul.nav-list.primary > li a {
 border-bottom: none !important;
 line-height: 20px;
 padding-bottom: 11px;
}

#footer ul.nav-list.primary > li:last-child a {
 border-bottom: none !important;
}

#footer ul.nav-list.primary > li a:hover {
 background-color: none !important;
  color: #beebfb !important;
}

#footer .contact {
 list-style: none;
 margin: 0;
 padding: 0;
}

#footer .contact i {
 display: block;
 float: left;
 font-size: 1.2em;
 margin: 7px 8px 10px 0;
 position: relative;
 text-align: center;
 top: -2px;
 width: 16px;
}

#footer .contact p {
 margin-bottom: 10px;
 color: #fff !important;
}

#footer .footer-copyright {
 background: none;
 border-top: none;
 margin-top: 40px;
 padding: 30px 0 10px;
}

#footer .footer-copyright nav {
 float: right;
}

#footer .footer-copyright p {
 color: #fff !important;
 margin: 0;
 padding: 0;
}


/*VÄRIT (korvaa SKINS)*/

h1,
h2,
h3,
h4,
h5 {
 color: #41bcc6;
 font-weight: 600;
 text-transform: none !important;
 letter-spacing: 1px;
}

h1 {
 font-family: 'Montez', sans-serif !important;
 font-weight: 400;
 }
.sivunavi {
  color: #666 !important;
}
a {
  color: #41bcc6;
}

a:hover {
  color: #f7b942;
 text-decoration: none !important;
}
a:active {
  color: #f7b942;
}
.alternative-font {
  color: #41bcc6;
}
div.recent-posts div.date span.month,
article.post div.post-date span.month {
  background-color: #41bcc6;
}
div.recent-posts div.date span.day,
article.post div.post-date span.day {
  color: #41bcc6;
}
p.drop-caps:first-child:first-letter {
  color: #41bcc6;
}
p.drop-caps.secundary:first-child:first-letter {
  background-color: #41bcc6;
}
ul.nav-pills > li.active > a,
ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
  background-color: none !important;
}
div.sort-source-wrapper .nav > li.active > a,
div.sort-source-wrapper .nav > li.active > a:hover,
div.sort-source-wrapper .nav > li.active > a:focus {
  background-color: none !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: none !important;
}
.btn-primary,
.pagination > .active > a {
  color: #ffffff;
  text-shadow: none;
 font-size: 20px;
 font-weight: 600;
 padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #24b1c0;
  border: none !important;
   -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
.btn-primary:hover,
.pagination > .active > a:hover {
  border: none;
  background-color: #f7b942;
}
.btn-primary:active,
.pagination > .active > a:active,
.btn-primary:focus,
.pagination > .active > a:focus {
  border: none;
  background-color: #f7b942;
}

/*BUTTON_GR_PIKALINKKI*/

.btn-primary_gr {
  color: #ffffff;
 font-size: 16px !important;
  line-height: 20px;
  text-shadow: none;
 font-size: 20px;
 font-weight: 600;
 padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 35px;
  padding-right: 35px;
  border: none;
   display: inline-block;
  *display: inline;
 cursor: pointer;
 -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
 background: #24b1c0;
 width: 250px !important;

}
.btn-primary_gr:hover {
  color: #fff; 
 border: none;
  background: #f7b942;
}
.btn-primary_gr:active,
.btn-primary_gr:focus {
 color: #fff;
  border: none;
    background: #f7b942;

}

/*firefox 1px heitto imagelink workaround*/

.kuvalinkki {
 box-shadow: #000 0em 0em 0em;
}

.kuvalinkki:hover {
 opacity: 0.75;
 box-shadow: #000 0em 0em 0em;
}

/*Yhteystiedot*/

.yhteystieto {
 color: #666;
 line-height: 19px;
}

#header nav ul.nav-main li.dropdown:hover ul {
    margin-left: 15px;
    box-shadow: none;
}
#header nav ul.nav-main li.dropdown:hover ul  ul{
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
}
#header nav ul.nav-main li.dropdown:hover a{
    background: #fff !important;
    color:#f7b942;
}
#header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
    background: #fff !important;
    color:#f7b942 !important;
}
ul.drowndown-menu li.dropdown:hover a{
    color:#000 !important;
    background: #fff !important;
}

/*COLUMN_VALIT*/

.col-md-3 {margin-top: 30px;}
.col-md-6 {margin-top: 30px;}
.col-md-9 {margin-top: 30px;}

/* CSS Document */

.tparrows {

    cursor: pointer;
    background-color:#24b1c0 !important;
    background: rgba(36, 177, 192, 0.5) !important;
  -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    width: 40px !important;
    height: 40px !important;

}

.tparrows:before {
    font-family: 'revicons';
    color: #000;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 9px;
    text-align: center;
    width: 40px;
    font-size: 20px;
    margin-left: -2px;
}

.tparrows:hover {
    color: #fff;
}

.tp-leftarrow:before {
    content: '\e824';
}

.tp-rightarrow:before {
    content: '\e825';
}

.tparrows.tp-rightarrow:before {
    margin-left: 1px;
}

.tparrows:hover {
   background: rgba(36, 177, 192, 1) !important;
}
.wrapper{
  margin-top:-29px;
}
.flagwrapper{
  margin-right:35px;
  float:right;
}
@media screen and (max-width:500px){
  .wrapper{
    margin-top:-5px;
  }
  .flagwrapper{
  margin-right:5px;
  float:right;
}
}
.img-thumbnail {
  border:0px;
}
ul.simple-post-list li {
border-bottom: 1px solid #E2E2E2;
}
.pictures{
  margin-bottom: -25px;
}
/* LIPUT  */
.flagwrapper img.fin{
  
}
.flagwrapper img.ger{
 
}
.flagwrapper img.swe{
 
}
.flagwrapper img.rus{

}
.flagwrapper img.eng{
  
}

/*LIPUT END */

#footer .nav-pills > li > a:hover
{
  background: none;
}

ul.footer{
  display:block;
  background:transparent;
  box-shadow: none;
  border:0px;
}
ul.footer ul.footer{
  display:none;
}
ul.footer > li > a {
    padding: 4px 16px;
 background: none;
}
ul.footer > li > a:hover {
    padding: 4px 16px;
 background: none;
}
@media screen and (max-width:500px){
  ul.footer{
    display:none;
  }
}
#header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
    display: block !important;
    position:relative;
    margin:0px;
    padding:0px;
    float:left;
}
#header nav ul.nav-main li.dropdown:hover ul ul {
    box-shadow: none;
}
header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
    margin-left: 10px !important;
    margin-top: 0px !important;
}
header nav ul.nav-main ul.dropdown-menu {
    margin-top: -1px !important;
}
header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu > li > a:before {
content:"›";
}
#header nav ul.nav-main li.dropdown:hover > a {
    padding-bottom: 8px;
    margin-bottom: 0px;

}
ul.nav-stacked > ul > li.active{
   background-color: #F7B942 !important;
    color: #FFF;
}
ul.nav-stacked >ul >li:hover {
   background-color: #D4F8FC !important;

}
ul.nav-stacked > ul > li.active > a.active{
  color:#FFF;
}
ul.nav-stacked > ul > li > a{
 padding: 7px;
 display: block;
}
ul.nav-stacked > ul > li {
  border-radius: 4px;
}
ul.nav-stacked > ul > li:hover > a{
   color: #24B1C0 !important;
}
.producttitle
{
  text-align: center;
}
@media screen and (max-width:771px){
  .producttitle
  {
    line-height: 35px;
    text-align: left;
  }
}


.flexslider {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.flexslider .slides p {
	bottom: 0px !important;
}