html{height:auto;overflow:auto;background:#eee;}
body{overflow:visible;height:auto;background:#eee;}
ul.mobile_menu{list-style:none;margin-top:20px;display:block;width:290px;margin:0 auto;}
ul.mobile_menu li a{display:block;padding:15px 8px;border-left:1px solid #ddd;color:#444;font-weight:400;font-family:sertig;font-size:1.1em;}
ul.mobile_menu li:first-child a{border:0;}
ul.mobile_menu li{float:left;}
.mobile_logo{float:left;}
.mobile_header{margin-top:10px;background:url('images/mobile_headerbg.png');padding:10px 0;z-index:10;position:relative;height:150px;}
/*mobile scrolled*/
.mobile_header.smaller .inner2{position:fixed;width:100%;top:0;background:url('images/mobile_headerbg.png');}
.mobile_header.smaller .mobile_logo{display:none;}
.inner2{border-bottom:1px solid #ccc;overflow:hidden;}

.clear{clear:both;}
.mobile_header div.inner{width:340px;margin:0 auto;position:relative;}
.front_slider div.inner{display:none;}
.inner .contentz{width:90%;padding:0 5%;margin:100px auto 0 auto;max-width:600px;}
.front_slider{height:450px;position:relative;}
#body{position:static;}
#contact_submit input{font-size:16px;}
.yhteysbox_mobile h3{color:#ddd;font-size:20px;text-transform:uppercase;text-align:center;font-family:roboto;font-weight:100;margin-bottom:-10px;margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.1);}
.yhteysbox_mobile h4{color:#ddd;text-align:center;text-transform:uppercase;}
.yhteysbox_mobile p{color:#eee;font-family:Tahoma;font-size:12px;margin:1px 0;text-align:left;padding:0;}
.yhteysbox_mobile p.h_info{color:#eee;font-family:Roboto;font-weight:100;font-size:15px;margin:40px 0 20px 0;text-align:center;padding:0 5px;}
.yhteysbox_mobile ul span{margin-top:15px;font-size:12px;text-transform:uppercase;display:block;}
.yhteysbox_mobile li{list-style:none;font-family:roboto;font-weight:100;}
.yhteysbox_mobile ul{margin-left:400px;opacity:0;transition:0.5s;position:relative;width:370px;}
.yhteysbox_mobile ul.plist-2 li span{font-size:12px;}
.yhteysbox_mobile ul.plist-2 li p{font-size:11px;}
.yhteysbox_mobile ul.active{margin-left:0px;opacity:1;width:auto !important;}
.yhteysbox_mobile ul.last{margin-left:-300px;opacity:0;}
.yhteysbox_mobile li span{text-align:center;color:#FEA706;font-size:14px;font-weight:300;font-family:roboto;}
.yhteysbox_mobile li p{font-size:12px;text-align:center;}
.yhteysbox_mobile .wrap{overflow:hidden;position:relative;}
.yhteysbox_mobile .osoite{margin-bottom:20px;text-align:center;}
.yhteysbox_mobile .osoite p{font-size:16px;text-align:center;font-family:roboto;font-weight:100;}
.yhteysbox_mobile span.yht {text-transform:none;}
.yhteysbox_mobile span.yht p{font-size:11px;}
.yhteysbox_mobile span.spacer{border-bottom:1px solid rgba(255,255,255,0.1);margin:10px 10px 20px 10px;}
.yhteysbox_mobile .bottom h4{font-family:roboto;font-weight:100;font-size:20px;border-top:1px solid rgba(255,255,255,0.1);padding-top:15px;}
.sivu_inner.Yhteys div.contentz{width:100%;}
.yhteysbox_mobile span.pager{float:left;margin:0 5px;width:10px;height:10px;}
.yhteysbox_mobile .pagerr{width:40px;margin:0 auto;}
.yhteysbox_mobile{position:relative;width:100%;background:#000;max-width:100%;padding:50px 0;}
.yhteysbox_mobile ul.active{margin:0 auto;width:370px;}
.yhteysbox_mobile h3{border:0;}
.mobile_palvelut{background:#eee;border-top:1px solid #ddd;padding-bottom:50px;}
.mobile_asiakkaat{background:#eee;border-top:1px solid #ddd;}
.mobile_palvelut .contentz{width:100%;background:#eee;padding:30px 0;border-bottom:1px solid #ccc;overflow:hidden;}
.mobile_palvelut .otsikkop{text-align:center;border:0;}
.mobile_palvelut .threed-space img{margin:0 auto;}
.mobile_palvelut .threed-space{height:auto;}
.mobile_palvelut .contentz p strong{font-weight:400 !important;color:#333 !important;}
.mobile_palvelut .contentz p {padding: 0 10px;color:#333 !important;font-size:1.2em;text-align:left;}
.mobile_palvelut .contentz p strong span {color:#333 !important;}
.feedback-popup{width:100%;margin-left:0;left:auto;}

.social_m{text-align:center;background:#eee;}
.social_m a{display:inline-block;margin:10px;}
.palv_linkscont{max-width:700px;margin:0 auto;}

.mobile_palvelut  p strong{font-weight:400 !important;color:#333 !important;}
.mobile_palvelut  p {padding: 0 10px;color:#333 !important;font-size:16px;text-align:left;}
.mobile_palvelut  p strong span {color:#333 !important;}

.mobile_palvelut .sisalto img{display:none;}
.mobile_palvelut .sisalto p{margin:0;}
.mobile_palvelut .seocloud{width:100%;overflow:hidden;}
.mobile_palvelut .otsikkop{width:100%;font-size:2em;font-family:sertig;color:#333;line-height:2em;}
.mobile_h2{font-family:bignoodletitling;font-size:4em;line-height:100%;text-align:center;color:#222;font-weight:400;margin:0 0 50px 0;padding-top:50px;}
ul.palvelut li{width:145px;height:145px;margin:5px;}
#card{width:145px;height:145px;}
#card div.popup{width:135px;height:35px;padding: 5px 5px 0 5px;font-size:10px;bottom:40px;opacity:1;font-weight:400;line-height:100%;font-size:0.95em;text-transform:none;background:#000;position:relative;}
#card div.front{width:145px;height:145px;padding-top:0px;background:#333;border-radius:5px;}
#card div.front img{height:50%;padding-top:10px;}
ul.palvelut a{display:block;width:145px;height:145px;}
#mobile_content{width:90%;padding:5%;max-width: 800px;margin: 0 auto;}
#etusivu.smaller{height:100px;}
#etusivu{position:relative;}
.mobile_h1{font-family:bignoodletitling;font-size:24px;text-align:center;color:#222;font-weight:400;margin:20px 0;line-height:100%;}
#contactform{position:relative;margin:50px auto;opacity:1;top:0;width:90%;padding:5%;}
#contactform input{width:96%;padding:0 2%;}
#contactform #submit-form{width:100%;}
#contactform textarea{width:96%;padding:2%;}
.front_slider p{padding:0 5px;font-size:1.2em;}
.front_slider .otsikko{font-size:40px;line-height:40px;font-weight:400;}
div.asiakkaat_list{max-width:800px;margin:0 auto;width:96%;padding:2%;}
ul.asiakkaat li{width:140px;height:100px;}
ul.asiakkaat{position:relative;}
#contact_submit{width:100%;}
.mobile-links { padding:40px 0; text-align:center; border-top:1px solid #ddd;}
.mobile-links a {color:#000; font-size:14px;font-weight:300;font-family:roboto;} 
.mobile-links a:hover {text-decoration:underline;}
.languages_m{float:right;margin:0;z-index:10;position:relative;}
.mobile_header.smaller .languages_m {display:none;}
.languages_m a{margin:0 5px;color:#333;}
