/*
Theme Name: DesignBOD
Author: mk@mattikauppinen.net
*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}em,i{font-style:italic;}table{border-collapse:collapse;border-spacing:0;}::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-thumb{background:rgba(12,170,236,0.8);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(12,170,236,0.3);}html{overflow:hide;height:100%;min-height:100%;}body{font-size:16px;font-family:"Open Sans", sans-serif;color:#565550;font-weight:300;line-height:1.3;background:#eee url(images/bg.jpg) center center fixed;margin:0;padding:0;overflow:auto;}body.noscroll{overflow:hidden;}a{color:#0caaec;outline:none;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}a:hover{color:#07648b;}.hide{display:none;}.wrapper{max-height:100%;width:100%;margin:0;padding:0;}.contentarea{max-width:1400px;margin:0 auto;width:90%;padding:1em 0;}#content{position:absolute;left:0;top:0;right:0;}#index #single{position:absolute;left:0;top:0;right:0;z-index:20;}#single.single{background:#f5f5f5;background:rgba(255,255,255,0.6);z-index:20;}#logo h1{text-align:center;margin:10%;}#logo h1 img{display:inline;vertical-align:center;height:auto;width:100%;}h2{font-size:2em;line-height:1.1;font-weight:300;margin:0 0 0.5em 0;}p{margin:0 0 1.5em 0;}p.big{font-size:2.4em;line-height:1.2;margin:0 0 0.6em 0;color:#969590;font-weight:100;}strong{font-weight:700;}small{font-size:0.75em;opacity:0.8;}ul{margin:0 0 1.5em 0;list-style:disc;list-style-position:inside;}.contact{float:left;margin:0 5% 3% 0;width:45%;}.bottom{position:absolute;left:50%;bottom:0.5em;right:0.5em;}.box .right{margin-left:50%;}.box{overflow:hidden;display:block;float:left;position:relative;}.box.Pieni,.box.Korkea{width:33.3333%;}.box.Iso,.box.Leveä{width:66.6666%;}.box h2{font-size:1.5em;color:#0caaec;line-height:1;margin:0 0 0.5em 0;}.box .content{position:relative;left:0.5em;top:0.5em;right:0.5em;bottom:0.5em;background:#fff;padding:1em;background-position:center center;background-size:cover;z-index:2;}.box.case{width:33.3333%;}.box.case img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}.box.case .content:hover img{opacity:0.5;}.box.case .content{padding:0;background:#0caaec;text-decoration:none;display:block;}.box.case h3{position:absolute;left:0;bottom:0;right:0;padding:0.2em 0.5em 0.5em 0.5em;color:#fff;background:#0caaec;background:rgba(12,170,236,0.8);font-size:1.2em;margin:0;line-height:1;font-weight:200;}.box.case h3 small{font-size:0.6em;text-transform:uppercase;line-height:1;}#images{margin:12px 0;width:66.666666%;float:left;z-index:2;}#images .image{width:100%;margin:0 0 2em 0;}#images .image img{width:100%;display:block;background:#0caaec;}#description{margin:20px 0;width:28%;float:right;position:fixed;top:0;right:5%;}#description h2{margin-right:1em;}#back{position:fixed;top:0.8em;right:0.8em;height:1em;width:1em;text-align:center;font-size:2em;font-weight:300;line-height:1em;background:#999;color:#fff;text-decoration:none;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}#back:hover{background:#911;color:#fff;}#loader{position:fixed;left:0;top:0;right:0;bottom:0;z-index:11;background-image:url(images/loader.gif);background-position:center center;background-repeat:no-repeat;display:none;}#casebg{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10;background-color:#fff;background-color:rgba(255,255,255,0.9);display:none;}#casebg.load{display:block;opacity:0.75;}#casebg.read{display:block;opacity:0.9;}#qtranslate-chooser{position:absolute;right:0;width:6%;top:2em;z-index:1;list-style:none;margin:0;padding:0;}#qtranslate-chooser li{display:block;margin:1px 0 0 0;padding:0;}#qtranslate-chooser li a{background-color:#eee;background-color:rgba(255,255,255,0.7);display:inline-block;opacity:0.5;z-index:1;text-transform:uppercase;font-size:0.75em;font-weight:400;width:1.75em;text-decoration:none;padding:2px 0 2px 0.8em;}#qtranslate-chooser li a:hover{background-color:#fff;opacity:1;}#qtranslate-chooser li.active a{opacity:1;background:#fff;}@media (min-width: 1250px){.box.Pieni,.box.Korkea,.box.case{width:25%;}.box.Iso{width:50%;}}@media (min-width: 1400px){#content{font-size:19px;}}@media (min-width: 1350px){#content{font-size:18px;}}@media (min-width: 1300px){#content{font-size:17px;}}@media (min-width: 1249px){#content{font-size:15px;}}@media (max-width: 1250px){#content{font-size:18px;}}@media (max-width: 1100px){#content{font-size:17px;}}@media (max-width: 1050px){#content{font-size:16px;}}@media (max-width: 1000px){#content{font-size:15px;}}@media (max-width: 950px){#content{font-size:15px;}}@media (max-width: 900px){#content{font-size:14px;}}@media (max-width: 850px){#content{font-size:19px;}#single{font-size:14px;}}@media (max-width: 800px){#content{font-size:18px;}}@media (max-width: 750px){#content{font-size:17px;}}@media (max-width: 700px){#content{font-size:16px;}}@media (max-width: 650px){#content{font-size:15px;}}@media (max-width: 600px){#content{font-size:14px;}}@media (max-width: 550px){#content{font-size:14px;}}@media (max-width: 850px){.contentarea{width:92%;}.box.Pieni,.box.Korkea,.box.case{width:50%;}.box.Iso{width:100%;}#images{margin:20px 0;width:66.53333333%;float:left;z-index:2;}#images .image{width:100%;margin:0 0 3em 0;}#images .image img{width:100%;display:block;}#description{margin:20px 0;width:28%;float:right;position:fixed;top:0;right:5%;}#qtranslate-chooser{width:6%;}}@media (max-width: 600px){.contentarea{width:96%;}#logo h1{margin:0;}#logo h1 img{height:10em;width:auto;}p.big{font-size:1.8em;}.box{height:auto;width:100%;margin:0 0 1em 0;padding:0;}.box .content{position:relative;left:0;top:0;right:0;bottom:0;}.box .content a{background:rgba(255,255,255,0.4);}.box.Pieni,.box.Korkea,.box.case{width:100%;}.box.Iso{width:100%;}.contact{width:auto;float:none;margin:0 0 1em 0;}.bottom{position:relative;left:0;top:0;right:0;bottom:0;}.box .right{margin-left:0;}.box.Pieni .content{background-size:50%;background-position:left bottom;}.box.case{height:auto;overflow:hidden;}.box.case .content{height:110px;overflow:hidden;}.box.case img{position:relative;height:auto;margin-top:-20%;}.box.case h3{position:absolute;padding-top:1em;top:0;}#casebg{background-color:rgba(255,255,255,0.98);}#images{margin:10px 0;width:100%;float:none;z-index:2;}#description{margin:10px 0;width:100%;float:none;position:relative;right:auto;}#description h2{margin-right:0;}.back{right:3%;top:10px;}#qtranslate-chooser{position:absolute;right:3%;width:auto;top:1em;left:3%;z-index:3;}#qtranslate-chooser li{margin:0 5px 0 0 0;float:right;}#qtranslate-chooser li a{background-color:#eee;background-color:rgba(255,255,255,0.7);display:inline-block;opacity:0.5;z-index:3;text-transform:uppercase;font-size:0.75em;font-weight:400;width:1.75em;text-decoration:none;padding:2px 0 2px 0.8em;}#qtranslate-chooser li a:hover{background-color:#fff;opacity:1;}#qtranslate-chooser li.active a{opacity:1;background:#fff;}}