body{font-family:'Titillium Web',sans-serif;font-weight:400;font-size:20px;line-height:1.48em;color:#fff;cursor:default;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;display:none}.section{position:relative;background-size:cover;background-image:url(../img/bg1.jpg);background-attachment:fixed;padding-bottom:81px}.section .wrapper a{color:inherit;text-decoration:none}.section .wrapper{position:relative;z-index:105;padding-left:200px}.push{height:1.48em}.cycle-slideshow{position:absolute;width:100%;height:100%;left:0;top:0}.slider{width:100%;height:100%;background-size:cover;background-attachment:fixed}.slider.slide1{background-image:url(../img/bg1-1.jpg)}.slider.slide2{background-image:url(../img/bg1-2.jpg)}.slider.slide3{background-image:url(../img/bg1-3.jpg)}h1{font-weight:300;font-size:60px;line-height:.92em;margin-bottom:.3em}h2.main{position:absolute;font-weight:300;font-size:72px;top:81px}h2{font-weight:300;font-size:60px;line-height:.92em;margin-bottom:.3em}h2.smaller,h3{font-size:30px;line-height:.92em;margin-bottom:.92em}nav{position:fixed;right:0;width:120px;background:#fff;z-index:200;transform:translate(0,-58%);-ms-transform:translate(0,-58%);-webkit-transform:translate(0,-58%);top:50%}nav ul{padding:0 10px}nav ul li{position:relative;display:block;height:115px;text-align:center;border-top:1px solid #00b0db;cursor:pointer;background-repeat:no-repeat;background-position:center 30px}nav ul li:first-child{border-top:none}nav ul li a{position:absolute;left:0;right:0;text-align:center;bottom:0;font-size:14px;color:#959797;text-transform:uppercase;text-decoration:none;cursor:inherit}nav ul li.etusivu{background-image:url(../img/nav-icon-etusivu.png)}nav ul li.active.etusivu,nav ul li:hover.etusivu{background-image:url(../img/nav-icon-etusivu-ro.png)}nav ul li.generaattori{background-image:url(../img/nav-icon-generaattori.png)}nav ul li.active.generaattori,nav ul li:hover.generaattori{background-image:url(../img/nav-icon-generaattori-ro.png)}nav ul li.yhteystiedot{background-image:url(../img/nav-icon-yhteystiedot.png)}nav ul li.active.yhteystiedot,nav ul li:hover.yhteystiedot{background-image:url(../img/nav-icon-yhteystiedot-ro.png)}.section.etusivu .content-area{position:absolute;width:720px;top:400px}.section.generaattori .content-area{position:absolute;width:570px;top:100px}.section.generaattori .content-area-right{position:absolute;width:560px;left:800px;top:100px}#kuinka-haluat-generoida-arvot{padding-bottom:30px}#naista-porssiyhtioista-pidan{padding-top:30px}#porssiyhtiot{position:relative;width:549px}#porssiyhtiot select{margin-bottom:10px}#porssiyhtiot select:last-child{margin-bottom:30px}#generoi{padding-left:178px}.not-visible{transition:transform .8s ease-in-out;-ms-transition:transform .8s ease-in-out;-webkit-transition:transform .8s ease-in-out;-moz-transition:transform .8s ease-in-out;-o-transition:transform .8s ease-in-out;transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);height:0}.is-visible{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);height:auto}.polygon{display:inline-block;margin:3px;position:relative;background:url(../img/polygon.png) no-repeat;background-size:contain;font-weight:600;width:124px;height:143px;cursor:pointer;transition:opacity .5s ease-in-out;opacity:.5}.polygon.yellow{width:173px;height:199px;background-image:url(../img/polygon-yellow.png);opacity:1}.polygon:hover{opacity:1}.polygon.active{opacity:1;cursor:default}.polygon span{position:absolute;left:6px;top:55px;width:111px;font-size:16px;text-align:center;text-transform:uppercase;color:#00b0db}.polygon.yellow span{width:152px;top:82px;left:11px}.polygon span.bigger{font-size:26px;top:70px}.polygon span.biggest{font-size:36px}.generointisivu{padding-top:100px;transform-origin:center top;-webkit-transform-origin:center top;-o-transform-origin:center top;-moz-transform-origin:center top}.generointisivu h2{display:inline-block;position:absolute;left:0;right:0;text-align:center}#generoi-otsikko-pisteet{width:40px;display:inline-block;text-align:left}.generointisivu .polygons{padding-top:140px;position:relative}.generointisivu .animated-polygon{display:block;margin:3px;position:relative;background:url(../img/polygon.png) no-repeat;background-size:contain;width:124px;height:143px;opacity:1}.generointisivu .animated-polygon.top{left:50%;margin-left:-62px}.generointisivu .animated-polygon.bottom{left:50%;top:120px;margin-left:-62px;-webkit-animation-delay:.1s;animation-delay:.1s}.generointisivu .animated-polygon.left{left:50%;top:-160px;margin-left:-260px;-webkit-animation-delay:.2s;animation-delay:.2s}.generointisivu .animated-polygon.right{left:50%;top:-300px;margin-left:120px;-webkit-animation-delay:.3s;animation-delay:.3s}.animated{animation-duration:3s;-webkit-animation-duration:3s;-o-animation-duration:3s;animation-fill-mode:both;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.5);opacity:.25}50%{-webkit-transform:scale(1.5);opacity:1}100%{-webkit-transform:scale(0.5);opacity:.25}}@-o-keyframes pulse{0%{-o-transform:scale(0.5);opacity:.25}50%{-o-transform:scale(1.5);opacity:1}100%{-o-transform:scale(0.5);opacity:.25}}@keyframes pulse{0%{transform:scale(0.5);opacity:.25}50%{transform:scale(1.5);opacity:1}100%{transform:scale(0.5);opacity:.25}}.pulse{-webkit-animation-name:pulse;-o-webkit-animation-name:pulse;animation-name:pulse}#yrityksenne-uudet-arvot-ovat{position:relative}#yrityksenne-uudet-arvot-ovat .content-area-right{left:600px}#tulosta-arvotaulu{margin-top:20px}#tulokset{width:475px;height:689px;position:relative}#tulokset.tuloksia-1{background:url(../img/results-1.png) no-repeat;height:270px}#tulokset.tuloksia-2{background:url(../img/results-2.png) no-repeat;height:479px}#tulokset.tuloksia-3{background:url(../img/results-3.png) no-repeat;height:479px}#tulokset.tuloksia-4{background:url(../img/results-4.png) no-repeat;height:689px}#tulokset>span{display:none;position:absolute;left:6px;top:0;width:218px;height:126px;font-size:22px;line-height:1.48em;text-align:center;text-transform:uppercase;color:#00b0db}#tulokset span.smaller{font-size:18px}#tulokset>span>span{display:table-cell;vertical-align:middle}#tulokset #tulos-1{left:129px;top:71px}#tulokset #tulos-2{left:9px;top:282px}#tulokset #tulos-3{left:250px;top:282px}#tulokset #tulos-4{left:130px;top:488px}#lomake{position:fixed;background:url(../img/grid.png) repeat;width:100%;height:100%;z-index:200;left:0;top:0}#lomake .form-wrapper{position:relative}#lomake .form-wrapper .close{position:fixed;background:url(../img/close.png) no-repeat;width:32px;height:32px;z-index:300;right:15px;top:15px;cursor:pointer}#lomake form{position:fixed;width:385px;max-width:80%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left:50%;top:50%;z-index:400}#lomake h4{text-align:center;font-size:30px;line-height:.92em;margin-bottom:30px}#lomake form input[type=email],#lomake form input[type=text]{display:block;width:100%;margin-bottom:14px;padding:4px 18px;background:#effcff;border:3px solid #a3c5cd;font:inherit;color:#7399a0;font-size:25px;line-height:1.48em;z-index:400}#lomake form .polygon{border:none;font-size:26px;left:50%;margin-left:-62px;margin-top:30px;text-align:center;text-transform:uppercase;color:#00b0db}#lomake form.submitted input:invalid{border-color:#cda1a1;outline:0;background:#fff4f1}.section.yhteystiedot .content-area{position:absolute;width:570px;top:200px}.section.yhteystiedot .content-area-right{position:absolute;background:url(../img/face.png) no-repeat left center;width:560px;min-height:307px;left:800px;top:200px}.section.yhteystiedot .content-area-right .contacts{padding-left:320px}.section.yhteystiedot .content-area-right p{margin-bottom:1.48em}footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;height:81px;z-index:305;font-size:18px;color:#8f8e8e}footer .wrapper{padding-top:28px;padding-left:22px;padding-right:22px}footer .powered-by{float:left}footer .copyright{float:right}footer .logo{margin-left:22px;padding-top:6px;float:left}.bold{font-weight:700}.clear{clear:both}::-moz-selection{color:#fff;background:rgba(0,0,0,.5)}::selection{color:#fff;background:rgba(0,0,0,.5)}.hidden{visibility:hidden;height:0}select{font-family:'Titillium Web',sans-serif;line-height:1.48em;color:#687278;font-size:18px;border:none;padding:4px;width:100%}select option:disabled{color:#ddd}.select_wrapper{background:#fff url(../img/arrow.png) no-repeat top 15px right 12px;line-height:36px;cursor:pointer;position:relative;color:#687278;font-size:18px}.select_wrapper:hover{background:#B7E8F3 url(../img/arrow.png) no-repeat top 15px right 12px}.select_wrapper span{display:block;margin:0 30px 0 15px}.select_wrapper .select_inner{max-height:230px;overflow:scroll;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);color:#687278;display:none;position:absolute;left:0;top:-100%;width:100%;z-index:300}.select_wrapper .select_inner li{border-bottom:1px solid #eee;padding:0 15px}.select_wrapper .select_inner li:hover{background:#B7E8F3}.select_wrapper .select_inner li:last-child{border:none}.ie8{display:none}.addthis_toolbox{float:right;margin-left:20px;padding-top:5px}p.bottom-margin{margin-bottom:1em}