/*
Theme Name:     asteria-lite-child
Description:    Kitkajoki.fi -sivuston teema.
Author:         rapidriv - Aaromatti Ylitalo
Template:       asteria-lite

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(https://fonts.googleapis.com/css?family=Rock+Salt);
@import url(https://fonts.googleapis.com/css?family=Aguafina+Script);


.page-id-755 .header4{
display: none;
}
.page-id-755 #breadcrumbs{
display: none;
}
.page-id-755 #space_div{
display: none;
}

.page-id-755 #darkbg{
display: none;
position: absolute;
margin-left: auto;
margin-right: auto;
top: -200px;
width: 800px;
min-width: 600px;
height: 1300px;
background-color: black;
opacity: 0.3;
z-index: -1;
}

.page-id-755 #KJwrap{
margin-top: 50px;
width: 60%;
margin-left: auto;
margin-right: auto;
}

.page-id-755 .KJwrap2{
height: 300px;
padding-left: 20px;
padding-right: 20px;
}

.page-id-755 .p{
z-index: 5; 
}

.page-id-755 .h1{
z-index: 5; 
}

.page-id-755 .KJimg{
position: absolute;
overflow: hidden;
width: 100%;
max-height: 350px;
}

.page-id-755 .a{
display: inline-block;
}

.page-id-755 .imgwrap1{
display: inline-block;
position:absolute;
left:0;
right:0;
height: 290px;
width: 100%;
background-image: url("http://www.kitkajoki.fi/wordpress/wp-content/uploads/2015/08/Slide1.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -2;
opacity: 0.8;
//filter: brightness(75%);
}

.page-id-755 .imgwrap2{
position:absolute;
left:0;
right:0;
height: 290px;
width: 100%;
background-image: url("http://www.kitkajoki.fi/wordpress/wp-content/uploads/2015/08/Slide2.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -2;
opacity: 0.8;
}

.page-id-755 .imgwrap3{
position:absolute;
left:0;
right:0;
height: 290px;
width: 100%;
background-image: url("http://www.kitkajoki.fi/wordpress/wp-content/uploads/2015/08/Slide8.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -2;
opacity: 0.8;
}





.header4{
background-color: #BDCDD3;
position: fixed;
//top: 0px;
z-index: 100;
//margin-bot: 20px;
clear:both;
height: 180px;
}

#topmenu ul li{
border-bottom: 0px solid black !important;
}
#topmenu ul li:hover{
//background-color: #8CA6B0 !important;
}

#topmenu ul li a{
display: inline-block;
}
#topmenu ul li a:hover{
color: /*#BDCDD3*/ black !important;
}

#topmenu ul li.lang-item img{
min-width: 26px;
min-height: 19px;
position: absolute;
top: 0;
left: 0;
right: 0;
//bottom: 0;
margin: auto;
margin-top: 15px !important;
}
#topmenu ul li.lang-item a{
font-weight:bold;
}

#topmenu ul li ul{
margin-left: 38px !important;
font-size: 0.9em!important;
}

#topmenu ul li ul li a{
background: #BDCDD3;
font-size: 0.9em!important;
}

#topmenu ul li.lang-item span{
font-size: 18px !important;
margin-left: 0px !important;
padding-left: 0px !important;
}

#space_div{
width: 100%;
background-color: #BDCDD3;
//top: 0px;
//margin-bot: 20px;
clear:both;
height: 180px;
}

#banner{display: block;}

#simple-menu{display: none !important;}

/*Yläpalkin menu-nappien class*/
.cursor{
font-family: "Josefin Sans";
cursor: pointer;
}

.ajankohtainen{
font-family: 'Rock Salt', cursive !important;
font-size: 20px;
cursor: pointer;
margin-right: 0px;
background-color: #8CA6B0;
height: auto;
}

p#breadcrumbs{
font-size: 1.3em;
font-family: "Open Sans";
color: white;
margin-left: 8%;
margin-top: 150px;
position: fixed;
z-index: 110;
}

#breadcrumbs a{
color: white;
}

.lang-item{
font-family: "Josefin Sans" !important;
}

.pbar_wrap{display: none;}
.prog_wrap{display: none;}
.progrssn{display: none;}
.pbar{display: none;}

#h1,#h2,#h3,#h4,#h5,#h6,#h7,#h8,#h9,#h10,#h11{
font-family: "serif" !important;
font-size: 22px !important;
letter-spacing: 0.5px;
text-align: left;
}

.home_blocks{
display: block;
}

.imgwrap{
display: none;
}

.category-articles p a{
//pointer-events: none;
//cursor: default;
color: #5E8391;
}

.category-articles p img{
pointer-events: none;
}

.category-articles h1{
color: #8CA6B0!important;
}

.category-articles .post-69 .postitle{
font-size: 3em;
}
.category-articles .post-21 .postitle{
font-size: 3em;
}
.category-articles .post-71 .postitle{
font-size: 3em;
}
.category-articles .post-60 .postitle{
font-size: 3em;
}

.category-articles .post-97 .postitle{
font-size: 2.5em;
}


#footer{
//display:none;
position: relative;
background-color:#e8edef/*BDCDD3*/;
margin-top: 0 !important;
height: 100px; !important;
clear:both;
}

#footer .widget{
//margin-left: 40% !important;
	width: 100% !important;
	float: none !important;
	clear: both;
	margin: 0 auto !important;
}

#footer li{
width: 100%;
}

.norm_row{
position: relative !important;
width: 100% !important;
}

.sfsi_widget{
height: 70px !important;
}

.comments_template{ 
float:left;
width:100%;
margin-top:1px;
height:1px;
visibility:hidden;
}

.block_img{
border-color:#BDCDD3 !important;
}

.midrow_block .icon_wrap i{
color:#000000 !important;
}

.mid_block_content {
color:#000000 !important;
}

.mid_block_content h3{
font-size: 1.75em;
}

.mid_block_content p{
text-align: justify;
}

.page_tt {
visibility:hidden;
height:1px;
margin-top:1px;
padding-top:1px;
}

#slidera p{
color:#c5850f;
}

.slider-wrapper p{
color:#fbfbfb !important;
}

a{
//color: #db9411 !important;
transition-duration: 0.5s;
}

a:hover{
color:#000 !important;
} 

#logo_style{
color: #fff !important;
}

body .single_post {
    background: none repeat scroll 0 0 #E8EDEF;
    overflow: hidden;
    padding: 4%;
    position: relative;
}


body .ast_blocks {
    background: none repeat scroll 0 0 #f3f3f3/*ededed*/;
    margin: 0;
    padding: 35px 0;
}

.untitled .widget_wrap {
    padding: 2% !important;
    line-height: 12px;
}

body, textarea, input {
    font-family: Georgia,Verdana,Arial !important;
}

#slidera {
   font-family: "serif" !important;
}

.header4 ul.menu a{
font-size: 1.35em !important;
}

h1, h2, h3, h4, h5, h6, .text_block, .lay1_title h3, #sidebar .widget .widgettitle, .left_arro, .right_arro, #submit, .widget_calendar caption, .rel_content a, #ast_related ul li a, .fourofour a {
   
   font-family: "Josefin Sans","Garamond" !important;
}

.head_soc a {
    color: #ccc;
    display: inline-block;
    height: 25px;
    margin-left: 10px;
    padding: 2px 4px;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    width: 25px;
    background-color:#333;
}
.single_post .postitle {
    display:none;
}    

.single_metainfo, .single_post .single_metainfo a {
    display:none;
}

#content {
    float: left;
    //margin-top: 170px !important;
    margin-left:10%;
    width: 80%;
}

#content .single_post{
min-height: 580px;
}

#sidebar {
width: 30%;
float: right;
margin-right:1%;
}

.single_wrap {
width: 68%;
float: left;
}

.logo {
font-family: "Cinzel Decorative" !important;
//margin-left: 63%;
height: 160px;
position: relative;
z-index: 500;

}

.logo img{
position: relative;
float: left;
margin-left: 50px;
margin-top: 45px;
height: 90px;
}
.logo h1{
display: none !important;
}
.logo h1 1{
display: none !important;
}
.logo h2{
display: none !important;
}

#logo1 {
margin-top: 20px;
margin-left: 0px;
height: 190px !important
}
#logo2 {
height: 90px !important;
}

.bigmenu{
width: auto !important;
}

#searchform {    
float:right;
margin-top: 55px;
margin-left:18%;
height:30px; 
}

#searchsubmit {
float:left;

}

#s{
float:left;

}

#sidebar .widget {
background: #d3d3d3;
margin-bottom: 1px;
list-style-type: none;
width: 100%;
float: left;
color: #d3d3d3;
position: relative;
padding-bottom: 10px;
text-align: justify;
}
.search_term input{

display:none !important;

}

#qtranslate-3 { 
list-style-type:none;
position:absolute;
top:0.5%;
right:31.2%;
height:5%;
width:5% !important;  
}

#zoom_widget-2 {

position:absolute;
top:9%;
right:16.7%;
width:20% !important;	
}

.nivo-caption {
position:absolute;
bottom:35%;
text-align: justify;
left: 10% !important;
margin-left: -70px;
padding: 0 25px;
color:#fff;
opacity:1;
width:425px !important;
height: 150px !important;
z-index:8;
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.5);
background-color: rgba(30, 30, 30, 0.55);
//-webkit-box-shadow: 0px 0px 57px 75px rgba(30,30,30,0.6);
//-moz-box-shadow: 0px 0px 57px 75px rgba(30,30,30,0.6);
//box-shadow: 0px 0px 57px 75px rgba(30,30,30,0.6);
}

.nivo-controlNav{
width: 100%;
left: 0px;
}


.lay4{
width: 100%;
//margin-left: 20%;
//background: red;
}

.lay4 .hentry{
background: #bdcdd3;
}

.lay4 .post_image{
width: 100%;
//border:3px solid #8AC007;
}

.lay4 .post_content{
clear: both;
float: left;
width: 100%;
}

.lay4 .postitle{
color: #fff;
font-size: 4em;
font-family: 'Aguafina Script';
height: 55px;
}

.lay4 p{
color: white;
font-size: 1.143em;
}

.blog-content-wrap{
width: 70%;
margin-left: auto;
margin-right: auto;
}

.lay4_wrap{
width: 70% !important;
}

.lay4 #sidebar{
float: right;
width: 25%;
}

.lay4 #sidebar ul{
display: inline;
}

.lay4 #sidebar li{
background-color: #bdcdd3; /*#fff*/
}

.lay4 #sidebar .widgettitle{
color: white;
font-size: 1.856em;
}

.lay4 #sidebar .textwidget{
color: white;
font-size: 1.143em;
}

.lay4 .widget_wrap{
background-color: #bdcdd3; /*#fff*/
}

.lay4 .hentry:hover img
{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
z-index:5000;
}


#topmenu a{
//height: 100px;
}

#contact-info{
display: none;
background-color: #e8edef;
//background-image: linear-gradient(to bottom, rgba(189, 205, 211, 1), rgba(189, 205, 211, 0), rgba(189, 205, 211, 0));
clear: both;
margin: 0 auto;
width: 100%;
height: 620px;
/*height: 730px;
padding: 0;
margin: 0;*/
//border-bottom: 2px solid #bdcdd3;
}

#contact-info hr{
width: 80%;
border: 0;
height: 2px;
background-image: linear-gradient(to right, rgba(189, 205, 211, 0), rgba(189, 205, 211, 0.75), rgba(189, 205, 211, 0));
//background-image: -webkit-linear-gradient(left, rgba(189, 205, 211, 0), rgba(189, 205, 211, 0.75), rgba(189, 205, 211, 0));
//background-image: -moz-linear-gradient(left, rgba(189, 205, 211, 0), rgba(189, 205, 211, 0.75), rgba(189, 205, 211, 0));
}

.line{
width: 80%;
height: 2px;
//background-image: linear-gradient(to right, rgba(189, 205, 211, 0), rgba(189, 205, 211, 0.75), //rgba(189, 205, 211, 0));
bottom: 0px;
clear: both;
margin: 0 auto;
}

#contact-info2{
display: none;
clear: both;
height: 600px !important;
}

.contact-wrapper{
position: relative;
height: 1250px;
background-color: #e8edef;
}

.contact-wrapper2{
clear: both;
position: relative;
height: 600px;
background-color: #e8edef;
}

.contact-info-wrap{
width: 100%;
height: 250px;
clear: both;

/*height: 100%;
width: 50%;*/
//background-color: red;
//float: left;
background-color: #e8edef;
}

.contact-info-wrap2{
width: 100%;
height: 600px;
top: 0 !important;
background-color: #e8edef;
//border-top: 2px solid #bdcdd3;
clear: both;
}

.contact-info-content{
margin-top: 50px;
width: 700px;
height: 200px;

//width: 450px;
margin-left: auto;
margin-right: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
//height: 370px;
}

.contact-info-content p{
font-family: "Josefin Sans",sans-serif;
font-size: 1.2em;
}

.contact-form-wrap{
width: 100%;
clear: both;
height: 700px;
background-color: #e8edef;
padding-bottom: 50px;
}

.contact-form-content{
width: 600px;
margin-left: auto;
margin-right: auto;
}

input[type="text"],
input[type="email"],
textarea
{
    width: 575px;
    resize: none;
}

.contact-map-wrap{
Width: 100%;
clear: both;
height: 500px;

//height: 100%;
//width: 50%;
//background-color: cyan;
float: left;
background-color: #e8edef;
}

.contact-map-content{
//margin: 0 20%;
text-align: center;
 position: relative;
  top: 50%;
  transform: translateY(-50%);
//background: #fff;
}

.contact-1{
margin-left: 40px;
float: left;
//clear:both;
}

.contact-2{
margin-left: 40px;
float: left;
//float: left;
}

.contact-3{
margin-left: 40px;
float: left;
//margin-left: 50px;
//float: left;
}

#mediatiedote{
display: none;
background-color: #e8edef;
//background-image: linear-gradient(to bottom, rgba(189, 205, 211, 1), rgba(189, 205, 211, 0), rgba(189, 205, 211, 0));
clear: both;
margin: 0 auto;
width: 100%;
height: 620px;
/*height: 730px;
padding: 0;
margin: 0;*/
//border-bottom: 2px solid #bdcdd3;
}

#mediatiedote{
height: auto;
overflow: hidden;
}

.mediatiedote-wrapper{
position: relative;
clear: both;
background-color: #e8edef;
}

.mediatiedote-wrap{
width: 50%;
clear: both;
background-color: #e8edef;
padding-bottom: 50px;
margin-left: auto;
margin-right: auto;
}

.mediatiedote-content{
    width: 100%; //67%
    float: left;
    margin-top: 40px;
text-align: justify;
}

.mediatiedote-sidebar{
//background-color: lime;
width: 27%;
float: left;
margin-top: 40px;
margin-left: 6%;
}

.mediatiedote-content h2, .mediatiedote-content h1{
padding:0;
text-align:left;
margin:0;
color: #8CA6B0/*#bdcdd3  #fff*/;
font-size: 2em;
font-family: 'Josefin Sans';
//height: 5px;
background: none;
}

.mediatiedote-content h1{
font-size: 3em;
}

.mediatiedote-content h4{
color: #757575/*474748*/;
font-size: 1.2em;
}

.mediatiedote-content p, ol li{
color: #757575/*474748*/;
font-size: 1.143em;
}
.mediatiedote-content a{
color: #5e8391!important;
}

.mediatiedote-sidebar h3{
font-size: 1.5em;
font-family: 'Josefin Sans';
color: #8CA6B0/*bdcdd3 #fff*/;
}

.mediatiedote-sidebar p{
color: #757575/*474748*/;
font-size: 1.143em;
}

.mediatiedote-sidebar a{
color: #5e8391;
}

.post-441, .post-459, .post-696{
margin-left: -150px;
}

#copyright{
color: #fff;
//position: absolute;
//bottom: 0;
}

.lay1{
background-color: #e8edef;
}

.lay1_wrap{
width: 60%;
margin-left: auto;
margin-right: auto;
}

.lay1 .hentry{
clear: both;
width: 100% !important;
}

.category-articles{
width: 65%;
float: left;
}

.category-articles p{
padding-right: 5px;
}

.category-articles .line{
display: none;
}

.ngg-gallery-thumbnail-box {
//width: 180px;
//height: 120px;
padding-bottom: 5px;
width: 31%;
}

.ngg-gallery-thumbnail {
width: 100%;
height: 100%;
margin-top: 0px;

}

.ngg-fancybox {
float: left;
width: 100%;
height: 100%;
}

.ngg-gallery-thumbnail-box img{
margin: 0 !important;
padding: 0 !important;
top: 0px;
}

.ngg-gallery-thumbnail-box img:hover{
opacity: 0.7;
}

.category-sidebar{
width: 30%;
float: left;
margin-left: 5%;
}
.category-sidebar #sidebar{
width: 100%;
}

.category-sidebar #sidebar ul{
display: inline;
}

.category-sidebar #sidebar li{
background-color: #e8edef/*bdcdd3*/; /*#fff*/
}

.category-sidebar #sidebar h3.widgettitle {
color: #8CA6B0 !important;
font-size: 1.5em/*1.856em*/;
text-align: left;
}

.category-sidebar #sidebar .textwidget{
color: #757575;
font-size: 1.143em;
}

.post_image:hover img
{
    -moz-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
}

.lay1 h2.postitle{
padding:0;
text-align:left;
margin:0;
color: #8CA6B0/*bdcdd3 #fff*/;
font-size: 4em;
font-family: 'Aguafina Script';
height: 65px;
background: none;
}

.category-articles p{
color: #757575/*474748*/;
font-size: 1.143em;
}

.category-articles h2{
color: #757575;
}

.category-articles iframe{
width: 100%;
}

#sidebar .widget_wrap{
padding-bottom: 60px;
border-bottom: 2px solid #bdcdd3;
}

.article-footer{
background-color: #bdcdd3;
width: 100%;
height: 200px;
clear: both;
}

.fixed_wrap.singlefx #content{
width: 100%;
margin: 0 auto;
}

.fixed_wrap.singlefx #content .center {
width: 100%;
}

.fixed_wrap.singlefx .single_post {
padding: 2% 28%;
text-align: justify;
}

.fixed_wrap.singlefx .single_post p {
color: #757575;
font-size: 1.143em;
}

.fixed_wrap.singlefx .single_post li {
color: #757575;
font-size: 1.143em;
}

.fixed_wrap.singlefx .page_tt {
padding: 0;
}

.thn_post_wrap a {
color: #8CA6B0;
font-weight: bold;
}

.thn_post_wrap a:hover { 
color: white;
font-weight: bold;
}

.thn_post_wrap h1 {
color: #8CA6B0;
font-size: 3em;
line-height: 100%;
text-align: left;
}

.thn_post_wrap h2 {
color: #8CA6B0;
font-size: 2em;
text-align: left;
}

.thn_post_wrap h4 {
color: #757575;
font-size: 1.2em;
text-align: left;
}

.thn_post_wrap ul.lcp_catlist{
list-style-type: none;
line-height: 50px;
}

.thn_post_wrap ul.lcp_catlist a{
font-family: Josefin Sans !important;
font-size: 1.55em;
color: #8CA6B0!important;
}
.thn_post_wrap ul.lcp_catlist a:hover{
color: #757575!important;
}

#ast_nextprev{
display: none;
}

.aguafina{
font-family: "Aguafina Script" !important;
font-size: 5.4em;
color: white;
padding-top: 23px;
margin-top: 0px;
}

.josefin{
font-family: "Josefin Sans" !important;
font-size: 1.6em;
color: white;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#zoom_widget-2 {
	position:absolute; top:90px; right:16.7%;  width:20% !important;		
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#qtranslate-3 { 
list-style-type:none; position:absolute; top:1%; right:30.9%; height:5%; width:5% !important;  
	}
}

/*#topmenu {
float:left;
margin-left:1%;
width: 88%;

}*/


@media screen and (-webkit-min-device-pixel-ratio:0) {
/*#topmenu {
float:left;
margin-left:2.5%;
width: 88%;

 }*/
}

@-moz-document url-prefix() {
/*#topmenu {
float:left;
margin-left:2.5%;
width: 88%;
 }*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#searchform {    
float:right;
margin-top: 55px;
margin-left:18%;
height:30px;
  
 }
}

.wp-playlist-light {
    background: none repeat scroll 0 0 #d3d3d3;
    color: #000;
}

element.style {
    height: 150px;
    width: 100%;
}

.wp-playlist-light .wp-playlist-playing {
    background: none repeat scroll 0 0 #d3d3d3;
    color: #000;
}

.bigmenu {
text-align: center;

}
@media(max-width:768px) {
 .center{ width:95%!important; margin: 0 auto;}
.midrow_wrap{ width:95%;}

.ast_row{ min-height:150px;}

.header3 #simple-menu{ width:100%; text-align:center; float:left; padding:15px 0;background:#333 url(images/trans_black_3.png) repeat; margin-top:1.5%; margin-bottom:0;}
.header3 .head_soc{width: 100%;text-align: center;}
.header4{ height:auto!important;}
#topmenu{display: block;}
#simple-menu{display: /*none*/block !important;}

body .slide_wrap, body #zn_nivo{ max-height:350px!important; overflow:hidden;}
body .slide_wrap h3, body #zn_nivo h3{ font-size:30px!important;}

/*SIDR PLUGIN STYLE*/
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;background:#333;color:#fff}
.sidr .sidr-inner{padding:0 0 15px}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}
.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}
.sidr ul li a,.sidr ul li span{padding:0 15px;text-decoration:none;color:#fff}
.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}
.sidr ul li ul li:last-child{border-bottom:none}
.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}
    }

@media screen and (max-width : 1655px){
#logo2{
display: none;
}


}

@media screen and (max-width : 1224px){

.header4{
position: relative;
}
#space_div{
display: none;
}
p#breadcrumbs{
position: static;
margin-top: 0px;
}

.ajankohtainen{
font-size: 10px !important;
}

#logo1 {
margin-top: 20px;
margin-left: 0px;
height: 120px !important
}
#logo2 {
display: block;
height: 60px !important;
margin-left: 10px;
}


.contact-info-wrap{
width: 100%;
height: 250px;
clear: both;
}

.contact-info-content{
margin-top: 50px;
width: 700px;
height: 200px;
}

.contact-1{
margin-left: 40px;
float: left;
}

.contact-2{
margin-left: 40px;
float: left;
}

.contact-3{
margin-left: 40px;
float: left;
}

.contact-map-wrap{
Width: 100%;
clear: both;
}

.category-sidebar{
clear: both;
width: 100%;
margin: 0;
}

.category-sidebar h3{
text-align: center;
}

.category-articles .line{
display: block;
width: 100%;
background-color: #BDCDD3 !important;
margin-top: 20px;
margin-bottom: 20px;
}

.line{
display: block;
width: 100%;
background-color: #BDCDD3 !important;
margin-top: 20px;
margin-bottom: 20px;
}

.category-articles{
width: 100%;
}

.thn_post_wrap ul.lcp_catlist a{
font-size: 1.3em;
}
.fixed_wrap.singlefx .single_post{
padding: 2% 4%;
}

.mediatiedote-sidebar{
clear: both;
width: 100%;
margin: 0;
}

.mediatiedote-content{
width: 100%;
}

.post-441{
margin-left: 0px;
}

}

@media screen and (max-width : 1070px){
#logo2{
display: none;
}

}

@media screen and (max-width : 1024px){

#topmenu {
float: right;
margin-left:2.5%;
//width: 60%;
 }

.nivo-caption{
display: none !important;
}

.midrow-block-x2{
clear: both;
}

.midrow-block-x2{
clear:both;
}

.midrow_block{
width: 46%;
}

}

@media screen and (max-width : 855px){
#topmenu{
position: absolute !important;
   top: -9999px !important;
   right: -9999px !important;
}
#simple-menu{
display: block !important;
}


}

@media screen and (max-width : 768px){

#banner{
display: none !important;
}

.header4{
position: relative !important;
}
#breadcrumbs{
position: static !important;
margin-top: 0px !important;
}

#space_div{
display: none !important;
}

#logo2 {
display: none !important;
}

.lay1_wrap{
width: 90%;
}


#contact-info2{
display: block;
height: 0px; /*Tärkeä linkkien toimivuudelle pienemmillä ruutukooilla.*/
}

.hide-this{
display: none !important;
}

/*.contact-info-wrap{
width: 100%;
height: 600px;
background-color: #e8edef;
//border-top: 2px solid #bdcdd3;
}*/

.contact-info-content{
margin-top: 30px;
width: 250px;
height: 600px;
}

.contact-1{
clear: both;
}

.contact-2{
clear: both;
}

.contact-3{
clear: both;
}

#simple-menu{display: block;}

//.logo{ float:none;}

//.logo h1{ float:none; text-align: center;}



.lay4_wrap{
width: 100% !important;
}

.lay4 #sidebar{
float: right;
width: 100%;
}

.lay1 h2.postitle{
line-height: 90%;
height: 100px;
margin-top: 20px;
}



}

@media screen and (max-width : 480px){

.logo h1{
font-size: 20px !important;
}

.ngg-gallery-thumbnail-box {
clear: both;
width: 100%;http://kitkajoki.fi/category/nayttelyt/
}

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#zoom_widget-2 {
	position:absolute; top:90px; right:16.7%;  width:20% !important;		
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#qtranslate-3 { 
list-style-type:none; position:absolute; top:1%; right:30.9%; height:5%; width:5% ! important;  
	}
}

/*#topmenu {
float:left;
margin-left:1%;
width: 88%;

}*/


@media screen and (-webkit-min-device-pixel-ratio:0) {
/*#topmenu {
float:left;
margin-left:2.5%;
width: 88%;

 }*/
}

@-moz-document url-prefix() {
/*#topmenu {
float:left;
margin-left:2.5%;
width: 88%;
 }*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#searchform {    
float:right;
margin-top: 55px;
margin-left:18%;
height:30px;
  
 }
}

.wp-playlist-light {
    background: none repeat scroll 0 0 #d3d3d3;
    color: #000;
}

element.style {
    height: 150px;
    width: 100%;
}

.wp-playlist-light .wp-playlist-playing {
    background: none repeat scroll 0 0 #d3d3d3;
    color: #000;
}

.bigmenu {
text-align: center;

}
@media(max-width:768px) {
 .center{ width:95%!important; margin: 0 auto;}
.midrow_wrap{ width:95%;}

.ast_row{ min-height:150px;}

.header3 #simple-menu{ width:100%; text-align:center; float:left; padding:15px  0;background:#333 url(images/trans_black_3.png) repeat; margin-top:1.5%; margin- bottom:0;}
.header3 .head_soc{width: 100%;text-align: center;}
.header4{ height:auto!important;}
#topmenu{display: block;}
#simple-menu{display: /*none*/block;}

body .slide_wrap, body #zn_nivo{ max-height:350px!important; overflow:hidden;}
body .slide_wrap h3, body #zn_nivo h3{ font-size:30px!important;}

/*SIDR PLUGIN STYLE*/
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z- index:999999;width:260px;overflow-x:none;overflow-y:auto;background:#333;color:#fff}
.sidr .sidr-inner{padding:0 0 15px}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid  #1a1a1a;border-bottom:1px solid #4d4d4d}
.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid  #4d4d4d;border-bottom:1px solid #1a1a1a}
.sidr ul li a,.sidr ul li span{padding:0 15px;text-decoration:none;color:#fff}
.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font- size:13px}
.sidr ul li ul li:last-child{border-bottom:none}
.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding- left:30px}
    }

@media screen and (max-width : 1024px){

#topmenu {
float: right;
margin-left:2.5%;
//width: 60%;
 }

.nivo-caption{
display: none !important;
}

.midrow-block-x2{
clear: both !important;
}

.midrow_block{
width: 46%;
}

}

@media screen and (max-width : 1224px){

.contact-info-wrap{
width: 100%;
height: 250px;
clear: both;
}

.contact-info-content{
margin-top: 50px;
width: 700px;
height: 200px;
}

.contact-1{
margin-left: 40px;
float: left;
}

.contact-2{
margin-left: 40px;
float: left;
}

.contact-3{
margin-left: 40px;
float: left;
}

.contact-map-wrap{
Width: 100%;
clear: both;
}

.category-sidebar{
clear: both;
width: 100%;
margin: 0;
}

.category-sidebar h3{
text-align: center;
}

.category-articles .line{
display: block;
width: 100%;
background-color: #BDCDD3 !important;
margin-top: 20px;
margin-bottom: 20px;
}

.category-articles{
width: 100%;
}

.mediatiedote-sidebar{
clear: both;
width: 100%;
margin: 0;
}

.mediatiedote-content{
width: 100%;
}

}

@media screen and (max-width : 768px){

#banner{
display: none !important;
}

#contact-info2{
display: block;
height: 0px; /*Tärkeä linkkien toimivuudelle pienemmillä ruutukooilla.*/
}

.hide-this{
display: none !important;
}

/*.contact-info-wrap{
width: 100%;
height: 600px;
background-color: #E6EAF0;
//border-top: 2px solid #bdcdd3;
}*/

.contact-info-content{
margin-top: 30px;
width: 250px;
height: 600px;
}

.contact-1{
clear: both;
}

.contact-2{
clear: both;
}

.contact-3{
clear: both;
}

#simple-menu{display: block;}

//.logo{ float:none;}

//.logo h1{ float:none; text-align: center;}



.lay4_wrap{
width: 100% !important;
}

.lay4 #sidebar{
float: right;
width: 100%;
}

.lay1 h2.postitle{
line-height: 90%;
height: 100px;
margin-top: 20px;
}



}

@media screen and (max-width : 480px){

.logo h1{
font-size: 20px !important;
}

.ngg-gallery-thumbnail-box {
clear: both;
width: 100%;
}

}