html{height:100vh}body{position:relative;margin:0;min-height:100vh;font-family:'Noto Sans',Tahoma,Geneva,sans-serif;background-color:#efefef;border:0}img{border:0}a{color:#333;text-decoration:none;border-bottom:1px solid green}a:hover{color:green}a img{outline:0}hr{border:0;border-bottom:1px dotted #333}h1,h2,h3{color:#333;line-height:100%}h1{font-size:3em}h2{font-size:1.5em}h3{font-size:1.1em;margin-top:1.8em}.nospam{display:none}.clear{clear:both;height:0}.main{position:relative;min-height:100vh;border:0;box-sizing:border-box}button:disabled{background-color:#ccc}#header{background-color:#fff;color:#222;padding:0 1em 0 .7em}#header .logo{margin:1em;width:180px;float:left}#header .logo img{max-width:100%}#header .logo a{border:0}#header .menu ul{position:relative;display:block;list-style-type:none;text-align:right;float:right;margin:1.45em 1em .5em 1em;padding:0}#header .menu ul li{display:inline-block;padding:0}#header .menu ul li:first-child{margin-left:0}#header .menu ul li a{padding:.5em 1em .5em 1em;border-radius:3px;text-decoration:none;border-bottom:0}#header .menu ul li a:hover{background-color:#f5f5f5}#header .menu li.account img{width:1.2em;vertical-align:middle;padding:5px;padding-left:.5em}#header .menu li.account:hover ul{display:block}#header .menu ul li ul{display:none;position:absolute;top:5px;right:-1.2em;float:none;background-color:#f6f6f6;border:1px solid #ccc;border-radius:6px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}#header .menu ul li ul li{text-align:center;display:block;border-bottom:1px dotted #ccc;cursor:default}#header .menu ul li ul li a{display:block}#header .menu ul li ul li a:hover{background-color:#fff;color:#000}#header .menu ul li ul li:first-child{background-color:#888;color:#fff;font-size:.9em;border-top-left-radius:6px;border-top-right-radius:6px;padding:8px 20px 8px 20px}#header .menu ul li ul li:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}#header .menu ul li ul li:hover{background-color:#fff}#header .menu ul li ul li:first-child:hover{background-color:#888;color:#fff}.image-top{background-image:url(../img/etusivu.jpg);background-repeat:no-repeat;background-size:cover;min-height:500px}.image-top .slogan{margin:0 auto;max-width:960px;color:--color2;overflow:hidden;text-shadow:0 0 15px --color6}.image-top .slogan span{display:block;max-width:600px;font-size:3em;font-weight:bold;padding:0 1em 0 1em;margin:2em auto 0 auto;text-align:center;margin:2em auto 0 0;text-align:left;margin:2em 0 0 auto;text-align:right}.content-wrapper{margin:0 auto;max-width:1000px;line-height:170%;padding-bottom:100px}.content{margin:-300px 1em 0 1em;min-height:360px}.content,.nosto{box-sizing:border-box;background-color:#FFF;padding:.5em 3em 3em 3em;box-shadow:0 0 40px rgba(0,0,0,.1)}.nostot{display:table;border-spacing:1em}.nostot .rivi{display:table-row}.nosto{display:table-cell;width:50%}input.required{border-color:red;background-color:#fdd}#tip{display:block;min-height:25px;margin-top:-8px}#tip i{padding-bottom:0}.tip{display:inline-block;vertical-align:text-bottom;background-color:#01a30b;height:1em;width:1em;border-radius:50%;background-image:url(../img/i.png);background-size:1em}#kuvitus{line-height:100%}#kuvitus .fh-radio>[type="radio"]+label{padding-top:0;padding-bottom:3px}@-webkit-keyframes pulsate{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}.pulse{animation:pulsate infinite ease 2s}button#btn-submit{margin-top:.7em}.taulukko{display:table}.taulukko div{display:table-row}.taulukko div span{display:table-cell;padding-right:2em}.taulukko div.small-gap span{padding-top:.5em}.faq{list-style:none;padding-left:0}.faq span:first-child{text-decoration:underline;cursor:pointer;color:#333;text-decoration:none;border-bottom:1px solid green}.faq span:first-child:hover{color:green}.faq span:nth-child(2){display:block;height:0;overflow:hidden;transition:height 200ms;font-size:.9em;line-height:1.1;margin-bottom:.7em}.faq p{margin:.5em 0 .5em 0}.vsBillingPeriod{display:inline-block;position:relative;float:left;padding:1.5em;margin-right:1em;width:calc(33% - 1em);border-radius:12px;box-sizing:border-box;background-color:#ccd;color:#333}.vsBillingPeriod.m12{background-color:#58d;color:#fff}.vsBillingPeriod:last-child{margin-right:0}.price,.currency{font-weight:bold;font-size:2em}img.suosituin.nuoli{position:absolute;top:-65px;right:-120px;width:150px}img.suosituin.nauha{display:none}footer{position:absolute;bottom:0;left:0;right:0;margin-top:2rem;background-color:#cfcfcf;color:#555;padding:1rem 1.5rem 1rem 1.5rem;font-size:.8rem;box-sizing:border-box}footer strong{color:#555}footer a{text-decoration:none;border-bottom:0;color:#555}footer a:hover{border-bottom:1px solid #aaa;color:#555}footer span{display:block}footer #footer-links{position:absolute;text-align:right;bottom:1em;right:1.5rem;font-size:.9em;line-height:155%}input,button,textarea{position:relative;display:inline-block;box-sizing:border-box;border:1px solid #aaa;border-radius:4px;font-size:1em;padding:.2em .4em .2em .45em;vertical-align:middle}textarea{max-width:100%}input[type="text"],input[type="password"],input[type="email"]{width:20em;max-width:100%}.pakollinen span:first-child:after{content:"*";color:#555;font-size:.9em}button{background-color:#01a30b;border:0;color:#fff;padding:.5em 1em .5em 1em;margin-bottom:.5em}form{width:auto}form div{margin-bottom:.5em}form div span{display:inline-block;min-width:10em}form div>span:nth-child(2){display:block}form div span:nth-child(2) label,form div span:nth-child(2) input[type="radio"]{display:inline-block;margin-top:.1em;vertical-align:middle}form div span:nth-child(2) label{padding:0 1.5em 0 .1em}form i{display:inline-block;font-size:.8em;line-height:1.1;padding-bottom:1em;color:#555}.content .y-input,.content .login{display:inline-block;box-sizing:border-box;float:left;margin:0 1em 1em 0;padding:0;width:50%;min-height:9em}.content .y-input p:first-child,.content .login p:first-child{margin-top:.5em}.content .y-input{border-right:1px solid #ccc;padding-right:1em}.content .login{width:calc(50% - 3em);padding-left:1em}.content .y-input input{font-size:1.5em;letter-spacing:.15em;padding:.1em 2em .1em .4em;margin-right:0;width:9em;height:1.6em;color:#000}.content .y-input input::placeholder{color:#c5c5c5}.content .y-input button{font-size:1.5em;height:1.6em;width:1.6em;padding:.1em .4em .1em .4em;margin:0 0 0 -1.6em}.content .login a{margin-bottom:1em;display:inline-block}.fh-checkbox>[type="checkbox"]:checked,.fh-checkbox>[type="checkbox"]:not(:checked),.fh-radio>[type="radio"]:checked,.fh-radio>[type="radio"]:not(:checked){width:0;height:0;display:none;opacity:0}.fh-checkbox>[type="checkbox"]:checked+label,.fh-checkbox>[type="checkbox"]:not(:checked)+label,.fh-radio>[type="radio"]:checked+label,.fh-radio>[type="radio"]:not(:checked)+label{display:inline-block;margin-right:7px;margin-top:7px;margin-bottom:7px;padding-left:22px;padding-top:2px;position:relative;cursor:pointer}.fh-checkbox>[type="checkbox"]:checked+label:before,.fh-checkbox>[type="checkbox"]:not(:checked)+label:before,.fh-radio>[type="radio"]:checked+label:before,.fh-radio>[type="radio"]:not(:checked)+label:before{position:absolute;display:inline-block;bottom:1px;left:0;width:13px;height:13px;border:2px solid #ccc;color:#849fbb}.fh-checkbox>[type="checkbox"]:checked+label:hover:before,.fh-checkbox>[type="checkbox"]:not(:checked)+label:hover:before,.fh-radio>[type="radio"]:checked+label:hover:before,.fh-radio>[type="radio"]:not(:checked)+label:hover:before{border-color:#01a30b}.fh-checkbox>[type="checkbox"]:checked:focus+label:before,.fh-checkbox>[type="checkbox"]:not(:checked):focus+label:before,.fh-radio>[type="radio"]:checked:focus+label:before,.fh-radio>[type="radio"]:not(:checked):focus+label:before{border-color:#01a30b;box-shadow:0 0 6px 0 #01a30b}.fh-checkbox>[type="checkbox"]:checked[disabled]+label,.fh-checkbox>[type="checkbox"]:not(:checked)[disabled]+label,.fh-radio>[type="radio"]:checked[disabled]+label,.fh-radio>[type="radio"]:not(:checked)[disabled]+label{cursor:not-allowed;opacity:.4}.fh-checkbox>[type="checkbox"]:checked[disabled]+label:before,.fh-checkbox>[type="checkbox"]:not(:checked)[disabled]+label:before,.fh-radio>[type="radio"]:checked[disabled]+label:before,.fh-radio>[type="radio"]:not(:checked)[disabled]+label:before{opacity:.7}.fh-checkbox>[type="checkbox"]:checked+label:before,.fh-checkbox>[type="checkbox"]:not(:checked)+label:before{font-family:font-family:'Noto Sans TC',sans-serif;font-size:16px;font-weight:bold;text-align:center;line-height:15px;-webkit-transition:border-color .2s ease-in,background-color .2s ease-in;-moz-transition:border-color .2s ease-in,background-color .2s ease-in;-o-transition:border-color .2s ease-in,background-color .2s ease-in;-ms-transition:border-color .2s ease-in,background-color .2s ease-in;transition:border-color .2s ease-in,background-color .2s ease-in}.fh-checkbox>[type="checkbox"]:checked+label:before{content:"\2713";color:#FFF;background-color:#01a30b;border-color:#01a30b}.fh-checkbox>[type="checkbox"]:not(:checked)+label:before{content:""}.fh-radio>[type="radio"]:checked+label:before,.fh-radio>[type="radio"]:not(:checked)+label:before{content:"";border-radius:15px;-webkit-transition:border-color .2s ease-in,box-shadow .1s ease-in,background-color .2s ease-in,box-shadow .2s ease-in;-moz-transition:border-color .2s ease-in,box-shadow .1s ease-in,background-color .2s ease-in;-o-transition:border-color .2s ease-in,box-shadow .1s ease-in,background-color .2s ease-in;-ms-transition:border-color .2s ease-in,box-shadow .1s ease-in,background-color .2s ease-in;transition:border-color .2s ease-in,box-shadow .1s ease-in,background-color .2s ease-in}.fh-radio>[type="radio"]:checked+label:before{color:#57cb85;border-color:#57cb85;background-color:#01a30b;box-shadow:inset 0 0 0 2px #fff}.fh-radio>[type="radio"]:not(:checked)+label:before{box-shadow:inset 0 0 0 3px #fff}.fh-switch{position:relative}.fh-switch>[type="checkbox"]:checked,.fh-switch>[type="checkbox"]:not(:checked){width:0;height:0;display:none;opacity:0}.fh-switch>[type="checkbox"]:checked+label,.fh-switch>[type="checkbox"]:not(:checked)+label{cursor:pointer;display:inline-block;margin-right:7px;margin-top:7px;margin-bottom:7px;padding-right:60px}.fh-switch>[type="checkbox"]:checked+label:after,.fh-switch>[type="checkbox"]:not(:checked)+label:after{content:"";top:4px;right:10px;width:30px;height:12px;position:absolute;border-radius:30px}.fh-switch>[type="checkbox"]:checked+label+.fh-switch-knob,.fh-switch>[type="checkbox"]:not(:checked)+label+.fh-switch-knob{top:0;width:20px;height:20px;border-radius:30px;display:inline-block;position:absolute;cursor:pointer;pointer-events:none;box-shadow:1px 1px 1px #ddd;-webkit-transition:right .1s ease-in,background-color .1s ease-in;-moz-transition:right .1s ease-in,background-color .1s ease-in;-o-transition:right .1s ease-in,background-color .1s ease-in;-ms-transition:right .1s ease-in,background-color .1s ease-in}.fh-switch>[type="checkbox"]:checked:focus+label:after,.fh-switch>[type="checkbox"]:checked:focus+label+.fh-switch-knob,.fh-switch>[type="checkbox"]:not(:checked):focus+label:after,.fh-switch>[type="checkbox"]:not(:checked):focus+label+.fh-switch-knob{box-shadow:0 0 6px 0 #6fb5fb}.fh-switch>[type="checkbox"]:checked[disabled]+label,.fh-switch>[type="checkbox"]:checked[disabled]+label:after,.fh-switch>[type="checkbox"]:checked[disabled]+label+.fh-switch-knob,.fh-switch>[type="checkbox"]:not(:checked)[disabled]+label,.fh-switch>[type="checkbox"]:not(:checked)[disabled]+label:after,.fh-switch>[type="checkbox"]:not(:checked)[disabled]+label+.fh-switch-knob{cursor:not-allowed;opacity:.4}.fh-switch>[type="checkbox"]:checked+label:after{background-color:#01a30b}.fh-switch>[type="checkbox"]:not(:checked)+label:after{background-color:#ddd}.fh-switch>[type="checkbox"]:checked+label+.fh-switch-knob{right:5px;background-color:#01a30b}.fh-switch>[type="checkbox"]:not(:checked)+label+.fh-switch-knob{right:25px;background-color:#849fbb}@media screen and (max-width:960px){.vsBillingPeriod{font-size:80%}.vsBillingPeriod img.suosituin{display:none}}@media screen and (max-width:640px){body{background-image:url(../img/etusivu.jpg);background-repeat:no-repeat;background-size:cover}.image-top{display:none}h1{font-size:2.2em}.content .y-input{border-right:0;border-bottom:1px solid #ccc;padding-right:0}.content .y-input,.content .login{display:block;float:none;margin:0 0 1em 0;width:100%;min-height:0;padding-left:0}#header .logo{width:120px;margin-top:1em;margin-right:0}#header .menu ul{margin-top:1em;margin-left:0;margin-right:0}#header .menu ul li a{font-size:.9em;padding:.5em .6em .5em .4em}#header .menu ul li.etusivu{display:none}.nostot .rivi{display:block}.nosto{display:block;width:100%}.content,.nosto:first-child{margin-bottom:1em}.content{margin:3em 1em 1em 1em;min-height:360px}.omatsivut #editor-btn{min-width:0;font-size:.8em;margin-top:2.3em}.vsBillingPeriod{display:block;float:none;padding:1.5em;margin-right:0;margin-bottom:1em;width:100%}img.suosituin.nauha{display:inline-block;position:absolute;top:0;right:0;width:82px}footer #footer-links{position:static;line-height:1;text-align:center}footer #footer-links br:first-child{display:none}}@media screen and (max-width:430px){#header .logo{width:100px;margin-left:.5em}#header .menu ul{margin-top:.8em}#header .menu ul li a{font-size:.8em;padding:.5em .4em .5em .6em}.content-wrapper{line-height:150%}.content{font-size:90%}h1{font-size:2em;margin-bottom:.4em}input[type="text"],input[type="email"]{min-width:0;width:100%;margin:1px 0 1px 0}.omatsivut .content{position:relative}.omatsivut #editor-btn{position:absolute;right:1em;top:1em;min-width:0;margin-top:0}.omatsivut h1{margin-top:1.4em}}