/** Generated: Thursday, 8th of May 2025, 12:50:51 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
*{box-sizing:border-box}body{padding:0;margin:0;font-family:'Roboto',sans-serif}html,body{height:100%}img{max-width:100%}.clear{clear:both}.padding{padding-top:40px;padding-bottom:40px}.paddingtop{padding-top:40px}.paddingbottom{padding-bottom:40px}.promos{text-align:center;background-color:#ccc;font-size:12px}.promo1{border:5px solid #4799da;display:inline-block;padding-top:30px;margin:0 auto;float:left}.promo2{border:5px solid #da5536;display:inline-block;padding-top:30px;margin-left:3px;margin:0 auto;float:right}.promo3{border:5px solid #91b021;display:inline-block;padding-top:30px;margin:0 auto}#box1title,#box2title,#box3title{color:#fff;text-align:left;padding-top:10px;padding-bottom:15px;margin-bottom:0;padding-left:10px;position:relative}#box1title{background:#2e8ec4}#box2title{background:#d46b20}#box3title{background:#91b021}.box1body,.box2body,.box3body{margin-top:0;padding-top:10px;margin-bottom:35px;background:#f5f5f5;padding:10px}#box1title:after{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2e8ec4;position:absolute;bottom:-6px;left:5%;margin-left:-20px}#box2title:after{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #d46b20;position:absolute;bottom:-6px;left:5%;margin-left:-20px}#box3title:after{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #91b021;position:absolute;bottom:-6px;left:5%;margin-left:-20px}h1{font-size:250%;line-height:110%;margin-bottom:35px;margin-top:5px;font-weight:900;text-transform:uppercase;color:#000}h2{font-size:180%;line-height:110%;margin-bottom:25px;margin-top:10px;font-weight:700;color:#000}h3{font-size:125%;line-height:106%;font-weight:700;margin-bottom:10px;margin-top:10px}p{font-size:110%;margin-bottom:15px;line-height:120%;font-weight:400}li{font-size:110%;margin-bottom:3px;line-height:120%;font-weight:400}strong,b{font-weight:bold}em,i{font-style:italic}a{color:inherit;text-decoration:none}a:hover,.nav a:hover{color:#666}.viiva{border-bottom:4px solid #da5536;width:50px;margin-left:auto;margin-right:auto;margin-top:35px;margin-bottom:35px}#main-content ul{padding-top:20px;padding-bottom:20px}#logo{padding:0;height:78px;background-position:0 100%;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}#logo span{display:inline-block;width:180px;height:60px;text-indent:100%;white-space:nowrap;overflow:hidden}#soita ul{float:right}#soita li{float:left;list-style:none;margin-right:8px;line-height:40px;background:#da5536;color:#fff;margin-top:9px;padding-left:15px;padding-right:15px}#main-menu,#main{display:none}#main-menu li{margin-bottom:0}#soita li a{color:#fff;margin-left:5px}.topnav ul,.topnav ol{padding-bottom:0;margin-bottom:0}.topnav li{float:left;list-style:none}.topnav{margin-bottom:0}.topnav li a{font-size:18px;padding-left:29px;padding-right:29px;line-height:60px;display:inline-block;position:relative;color:#fff;margin-bottom:0;text-decoration:none}.topnav a:hover,.topnav li.current a{background:#da5536;color:#fff;text-decoration:none}.topnav a:hover:after,.topnav li.current a:after{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;bottom:0;left:50%;margin-left:-5px;display:inline-block}.front #megamenuasiakastuki,.front #megamenupalvelut,.basic-page #megamenuasiakastuki,.basic-page #megamenupalvelut{display:none}.logomobile{color:#da5536;font-size:2.1rem;padding:.65rem 1rem;position:absolute}#mobilemenu .menu-button{color:#000 !important;cursor:pointer;font-size:2rem;padding:.75rem 1.55rem;position:fixed;right:5px;top:5px}span.fa-bars{font-size:200%}span.fa-plus{color:#000;font-size:90%}.open-menu{color:#fff;cursor:pointer;font-size:1rem;padding:1rem;position:absolute;right:0;top:0;transition:transform 250ms ease}.rotate{transform:rotate(135deg)}.overflow{margin-top:57px;overflow-x:hidden;overflow-y:auto}.megamenu p{color:#fff}.menuvalikko img{width:100%;height:auto}.megamenu h3{text-transform:uppercase}#mobilemenu{background-color:rgba(255,255,255,0);position:fixed;width:100%;z-index:150;display:block;background:#fff;padding-bottom:15px}#mobilemenu:hover{background-color:rgba(255,255,255,1);position:fixed;width:100%;z-index:150;display:block}#mobilemenu ul{background-color:rgba(0,0,0,.1);display:none;margin:0 1rem;padding-bottom:20px;padding-top:30px;position:relative}#mobilemenu ul:first-child{background-color:transparent}#mobilemenu ul li{border-top:1px solid rgba(255,255,255,.075);list-style:none;margin-bottom:0;position:relative}#mobilemenu ul li a{color:#000;display:inline-block;font-size:120%;line-height:125%;padding:1rem 0;text-decoration:none;width:100%}#mobilemenu ul li a:hover{color:#da5536;background:#fff}#mobilemenu ul ul{margin:0;padding-bottom:15px}#mobilemenu ul ul li{border-top:0;padding-left:1rem}#pilvea img{margin-top:10px}#pilvea img:hover{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}#megamenuasiakastuki i{color:#fff;margin-right:5px}.hide{display:none}#main-menu{display:none}#header{display:none}#banner{background:url(/site/templates/styles/img/webhotelli.jpg) no-repeat;-moz-background-size:auto;-webkit-background-size:auto;background-attachment:scroll;background-position:bottom;background-size:auto;height:auto !important;width:100%}#bannertxt{position:absolute;top:40%;z-index:1;width:70%;display:none}#bannertxt h2{color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.75)}#bannertxt h2{font-weight:900;font-size:330%;margin-bottom:25px}#bannertxt p{font-size:100%;color:#fff}.front #main-content h1,.front #main-content p{text-align:center}#highlighted{width:100%;height:auto}#highlighted .lohko{background:#3282d1;padding-bottom:20px;margin-bottom:8px}#highlighted a{color:#fff}#highlighted a:hover{text-decoration:underline}#highlighted .lohko:hover{background:#da5536}#highlighted .lohko img{padding-left:50%;margin-left:-47px}#highlighted h3{text-transform:uppercase;margin-bottom:0}#highlighted h3,#highlighted h4,#highlighted p{color:#fff;text-align:center}#parallax{background:url(/site/templates/styles/img/parallax.jpg) no-repeat;padding-top:100px;padding-bottom:100px;-moz-background-size:auto;-webkit-background-size:auto;background-attachment:scroll;background-position:bottom;background-size:auto;height:auto !important}#parallax h2,#parallax p{text-align:center;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.75)}#parallax p{font-size:150%}#miksi h2{text-align:center}#lomake h2{text-align:center}.promos{background:#f5f5f5}.promo1,.promo2,.promo3{width:100%;margin-left:0;margin-right:0;float:left;height:auto}#footer{background:#292e31;padding-top:35px;padding-bottom:60px}#footer li,#footer a,#footer h3,#footer p{color:#fff}#footer .logot img{width:250px;height:auto;margin-bottom:5px}@media(min-width:768px){.front #banner{width:100%;height:80vh;min-height:700px;max-height:900px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#banner{width:100%;height:531px !important;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#bannertxt{position:absolute;top:40%;z-index:1;width:70%;display:block}.promo1,.promo2,.promo3{width:30%;margin-left:1.5%;margin-right:1.5%;float:left;min-height:300px}}@media(min-width:992px){h1{font-size:230%;line-height:110%;margin-bottom:35px;margin-top:5px;font-weight:bold}h2{font-size:250%;line-height:110%;padding-bottom:20px;margin-top:20px;font-weight:bold}h3{font-size:129%;line-height:106%;margin-bottom:10px;margin-top:10px}p{font-size:120%;margin-bottom:25px;line-height:135%}li{font-size:120%;margin-bottom:4px;line-height:135%}#mobilemenu{display:none}#header{display:block;padding-top:10px;padding-bottom:15px}#main-menu{background:#000;height:auto;display:block}#main{position:absolute;left:0;top:5px;width:100%;height:auto;z-index:100;display:block}.megamenu{border-bottom:8px solid #da5536;padding:30px 0 30px 0;float:left;display:block;background-color:rgba(0,0,0,0.85)}#megamenupalvelut .ikonit img{width:30px;height:auto;vertical-align:middle;margin-bottom:3px}.megamenu h3{color:#fff;margin-bottom:20px;vertical-align:middle}.megamenu li{list-style:none;margin-bottom:4px}.menuvalikko a{color:#fff}.menuvalikko li a:hover{color:#da5536}#banner{width:100%;background:url(/site/templates/styles/img/webhotelli.jpg) no-repeat center center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#bannertxt{position:absolute;top:20%;width:600px;z-index:1}#bannertxt p{font-size:140%}#header p{font-size:150%}#parallax{width:100%;height:auto;padding-top:150px;padding-bottom:150px;background:url(/site/templates/styles/img/parallax.jpg) no-repeat left bottom;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#parallax:after{content:'';width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #fff;position:absolute;top:0;left:50%;margin-left:-20px}}@media(min-width:1200px){#highlighted .lohko{width:32%;margin-left:.65%;margin-right:.65%;float:left;min-height:350px;padding-bottom:20px;padding-top:20px;margin-bottom:20px}#parallax{width:100%;height:auto;padding-top:150px;padding-bottom:150px;background:url(/site/templates/styles/img/parallax.jpg) no-repeat right bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#banner{width:100%;height:531px;background:url(/site/templates/styles/img/webhotelli.jpg) no-repeat center center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}}@media(min-width:1600px){#parallax,#banner{width:100%;height:auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}}