@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&family=PT+Sans:wght@400;700&display=swap);article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}.grad{background:#fafafa;background:-moz-linear-gradient(135deg,rgba(250,250,250,.5) 33%,rgba(25,149,204,.15) 100%);background:-webkit-linear-gradient(135deg,rgba(250,250,250,.5) 33%,rgba(25,149,204,.15) 100%);background:linear-gradient(135deg,rgba(250,250,250,.5) 33%,rgba(25,149,204,.15) 100%)}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:1rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:'PT Sans',sans-serif}body,html{overflow-x:hidden;width:100%}body{margin:0;font-family:'PT Sans',sans-serif}html,html a{text-shadow:1px 1px 1px rgba(0,0,0,.004);-webkit-font-smoothing:antialiased}a:focus{outline:thin dotted;text-decoration:none}a:active,a:hover{outline:0;text-decoration:none}h1{margin:.75em 0;font-size:2em;font-weight:400;font-family:'PT Sans Narrow',sans-serif;letter-spacing:.05em}.title{font-size:3em}h2{margin:.83em 0;font-size:1.5em;text-transform:uppercase}h3{margin:1em 0;font-size:1.4em}h4{margin:1.33em 0;font-size:1.2em}h5{margin:1.67em 0;font-size:.83em}h6{margin:2.33em 0;font-size:.75em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700;font-weight:700}blockquote{margin:0}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:75%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:1em}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:40px}fieldset{margin:0 2px;padding:.35em .625em .75em;border:0 solid silver}legend{padding:0;border:0;white-space:normal}button,input,select,textarea{margin:0;vertical-align:baseline;font-size:100%}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;nowhitespace:afterproperty}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}.group:after{content:"";display:table;clear:both}a{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.nopadding{margin:0!important;padding:0!important}p{font-size:18px;line-height:23px}a{color:#1995cc}a:focus,a:hover{color:#73d0da;text-decoration:none}.texture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/grid.png)}.use-btn{display:inline-block;margin:0 10px 10px 0;padding:20px 50px;border-radius:3px;border:1px solid #1995cc;background-color:#1995cc;color:#fff;font-size:18px}.use-btn:focus,.use-btn:hover{background-color:#1ca9e5;border:1px solid #5dc4f0;color:#fff;text-decoration:none;box-shadow:5px 5px 5px rgba(6,6,6,.2)}.download-btn,.learn-btn{display:inline-block;padding:10px 40px;margin-top:16px;background-color:#1995cc;border:1px #1995cc solid;border-radius:3px;color:#fff;font-size:16px}.download-btn:focus,.download-btn:hover,.learn-btn:focus,.learn-btn:hover{color:#fff;background-color:#001439;text-decoration:none;border:1px #1995cc solid}.read-more-btn{display:inline-block;color:#1995cc;text-transform:uppercase;font-weight:400}.download-btn i,.read-more-btn i{margin-left:5px}.showcase .download-btn{margin-top:50px}.download .download-btn{margin-top:25px}.nav-toggle{position:absolute;top:0;right:15px;z-index:999999;padding:10px 35px 16px 0;cursor:pointer}.nav-toggle:focus{outline:0}.nav-toggle span,.nav-toggle span:after,.nav-toggle span:before{content:'';position:absolute;display:block;width:35px;height:5px;border-radius:1px;background:#fff;cursor:pointer}.nav-toggle span:before{top:-10px}.nav-toggle span:after{bottom:-10px}.nav-toggle span,.nav-toggle span:after,.nav-toggle span:before{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nav-toggle.active span{background-color:transparent}.nav-toggle.active span:after,.nav-toggle.active span:before{top:0}.nav-toggle.active span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.nav-toggle.active span:after{top:10px;-webkit-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}.navicon{position:relative;height:26px}.navicon p{margin:1px 50px 0 0}.navicon-fixed{position:fixed;top:59px;right:140px}.hero{position:relative;padding:40px 0 40px 0;min-height:500px;background:linear-gradient(rgba(25,150,204,.6),rgba(0,20,59,.7)),url(../img/photo-1534115863747-fef9edb2a03b.jpeg) no-repeat center center;background-size:cover;color:#fff}.ratkaisu{background:#00143b;background-size:cover;padding:40px 0 40px 0;color:#fff;display:block}.vastuu{position:relative;padding:40px 0 40px 0;margin-bottom:50px;min-height:200px;background:linear-gradient(rgba(25,150,204,.6),rgba(0,20,59,.7));color:#fff}.keilaranta{position:relative;margin-top:40px;padding:40px 0 40px 0;min-height:370px;background:linear-gradient(rgba(25,150,204,.6),rgba(0,20,59,.7)),url(../img/keilaranta.jpg) no-repeat center center;background-size:cover;color:#fff}.hero h1{margin:130px 0 35px 0;font-size:3em;letter-spacing:.1em;text-shadow:2px 2px 2px rgba(0,20,59,.7)}.hero h1 span{display:inline-block;color:#a1a9b0}#home{width:100%;height:100%}.hero{width:100%;height:100%}header i{margin-left:5px}section.otsikko i{margin-right:10px;color:#323a45;vertical-align:middle;font-size:50px;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}section.otsikko h1{font-weight:400;font-size:3em}section.otsikko{padding:60px 0;background-color:#f6f7f9}section.otsikko a{color:#1995cc}section.otsikko a:hover,section.video a:focus{color:#73d0da;text-decoration:none}section.otsikko a:hover i,section.video a:focus i{color:#73d0da}.features-bg{position:relative;min-height:400px;background:linear-gradient(rgba(25,150,204,.6),rgba(0,20,59,.6)),url(../img/features-intro-01.jpg) no-repeat center center;background-size:cover}.features-img{width:100%;height:400px;text-align:center;line-height:400px}.features-slider{position:relative;padding:1% 70px 1% 70px;min-height:400px;background-color:#1995cc}.features-slider1{position:relative;padding:1% 70px 1% 70px;min-height:420px;background-color:#488a84}.features-slider2{position:relative;padding:1% 70px 1% 70px;min-height:420px;background-color:#001439}.features-slider ul li{width:100%}.features-slider li h1{margin-bottom:15px;color:#fff;font-weight:700;font-size:22px}.features-slider li p{color:#fff;font-size:17px}.features-intro-img{position:relative}.slides li h1{margin:0;padding:0}.features-slider .flickity-page-dots{text-align:left;margin-top:30px;position:static}.features-slider .flickity-page-dots .dot{margin:0 12px 0 0}.features-list{padding:60px 0}.features-list h1{margin:0 0 10px 0;padding:0;color:#24374b}.features-list p{margin-bottom:30px;color:#48525d}.feature-content{display:inline-block;margin-left:0;width:73%}.feature-icon{display:inline-block;margin-right:25px;margin-bottom:25px;width:90px;height:90px;border:solid 3px #1995cc;border-radius:50%;vertical-align:top;text-align:center;font-size:25px;line-height:90px}.feature-icon i{color:#1995cc:}.card-box{background:#fafafa;min-height:400px;position:relative;padding:30px 20px 20px;margin-bottom:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.card-box:hover{background:linear-gradient(to right,#1fa2ff17 0,#1fa2ff36 100%)}.card-box:after{display:block;background:#1995cc;border-top:2px solid #1995cc;content:'';width:100%;position:absolute;left:0;right:0;top:0}.card-title h2{margin:0;padding-top:4%;color:#1995cc;text-transform:none;font-size:22px;line-height:1;margin-bottom:20px}h2.media-heading{text-transform:none}.card-title p{margin:0;margin-bottom:10px;font-size:16px}.card-link a{text-decoration:none;color:#1995cc;font-size:16px}.business-card{background:#fff;padding:16px;margin-bottom:20px;border-radius:4px;min-height:260px}.business-card h2{margin:0}.profile-img{height:120px}.job{color:#666;font-size:17px}.mail{font-size:14px}.bio{font-size:14px;line-height:18px;padding:0}
.text-white {color: #fff;}

/**
 * Tabs
 */
.tabs {
    display: flex;
    flex-wrap: wrap; 
    max-width: 920px;
    height: 100%;
    flex-direction: row;
    padding: 1rem;
    margin: 0 auto; 
}

.tabs label {
    order: 1;
    display: block;
    padding: 0.7rem 0.75rem;
    margin-right: 0.2rem;
    cursor: pointer;
  background: #1995cc;
    color: white;
  font-weight: bold;
  transition: background ease 0.2s;
    border-style: solid;
    border-radius: 15px 15px 0px 0px;
    border-width: 1px 1px 0px 1px;
    border-color: #1995cc;
}
.tabs .tab {
  order: 99; // Put the tabs last
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
    border-style: solid;
    border-radius: 0px 0px 15px 15px;
    border-width: 1px 1px 1px 1px;
    border-color: #ccc;
    background: white;
}
.tabs input[type="radio"] {
    display: none;
}
.tabs input[type="radio"]:checked + label {
    background: #fff;
    color: black;
    border-style: solid;
    border-radius: 15px 15px 0px 0px;
    border-width: 1px 1px 0px 1px;
    border-color: #ccc;
}
.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}

.center{margin-top:50px}.modal-body p{margin:0;font-size:16px}.modal-header h2{padding-left:5px}.modal-footer{padding:0}.modal-footer .btn-group button{height:60px;border-top-left-radius:0;border-top-right-radius:0;border:none;border-right:1px solid #ddd}.modal-footer .btn-group:last-child>button{border-right:0}.download{padding:40px 0;background-color:#1995cc;background-image:linear-gradient(45deg,#488a84 50%,#1995cc 50%)}.download h1{margin:10px 0 15px 0;color:#fff;font-weight:400;font-size:3em;letter-spacing:.05em}address{margin:30px 0;font-style:normal;line-height:1.42857143}footer{padding:60px 0;background-color:#f6f7f9}footer p{font-size:14px}footer ul{margin-top:60px}footer li{float:left;margin-right:5%;margin-top:12px;list-style:none;font-weight:400}footer li a{color:#1995cc}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(52,82,113,.95)}.overlay nav{position:relative;top:50%;height:60%;text-align:center;font-size:54px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.overlay ul{position:relative;display:inline-block;margin:0 auto;padding:0;list-style:none}.overlay ul li{display:block;float:left;margin-right:20px}.overlay ul li:last-child{margin-right:0}.overlay ul li i{display:block;margin-bottom:10px;font-size:40px}.overlay ul li a{display:block;padding:50px 0;min-width:190px;border:2px solid #fff;border-radius:3px;background-color:#345271;color:#fff;text-transform:uppercase;font-weight:400;font-size:15px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.overlay ul li a:focus,.overlay ul li a:hover{border-color:#73d0da;color:#73d0da}.overlay-boxify{visibility:hidden;opacity:0;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s}.overlay-boxify.open{visibility:visible;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.overlay-boxify nav ul li{opacity:0;-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0);-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}.overlay-boxify.open nav ul:first-child li:first-child{-webkit-transition-delay:50ms;transition-delay:50ms}.overlay-boxify.open nav ul:first-child li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.overlay-boxify.open nav ul:nth-child(2) li:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.overlay-boxify.open nav ul li{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.wp1,.wp2,.wp3,.wp4,.wp5,.wp6{visibility:hidden}.bounceInDown,.bounceInLeft,.bounceInRight,.fadeInDown,.fadeInLeft,.fadeInRight,.fadeInUp,.fadeInUpD,.fadeInUpDelay{visibility:visible}.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}@media screen and (min-width:1280px){html{font-size:1.1875rem}.device{left:20%;top:-36px}footer li{margin-right:10%}.feature-content{width:90%}footer ul.nav{margin-top:40px;text-align:right}}@media screen and (max-width:991px){.feature-1,.feature-2{margin-bottom:50px}.device{display:none}.screenshots ul li{width:50%}.screenshots-intro{padding:110px 0 100px 0}.feature-content{width:100%}.features-slider{padding:2%}.features-slider1{padding:2%}.features-slider2{padding:2%}.card-box{background:#fafafa;min-height:auto}footer ul.nav{margin-top:40px;text-align:right}}@media screen and (max-width:680px){.feature-content{width:100%}.features-slider{padding:2%;min-height:0}.features-slider1{padding:2%;min-height:0}.features-slider2{padding:2%;min-height:0}footer ul.nav{margin-top:40px;text-align:right}}@media screen and (max-width:640px){html{font-size:1.0625rem}.feature-content{width:100%}.features-slider{padding:2%!important;min-height:auto}.features-slider1{padding:2%;min-height:auto}.features-slider2{padding:2%;min-height:auto}footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;margin-right:0!important;float:none}.overlay ul{margin-left:0}.overlay ul li a{padding:20px;min-width:120px;font-size:15px}.business-card{min-height:auto;padding:24px}.hero h1{font-size:3em;margin:50px 0 35px 0}footer ul.nav{margin-top:40px;text-align:left}}@media screen and (max-width:465px){.hero h1{font-size:2em;margin:50px 0 35px 0}.screenshots ul li{width:100%;min-height:100%;float:none}section.otsikko i{font-size:2em}section.otsikko h1{font-size:2em;font-weight:400}section.otsikko{padding:40px}.feature-content{width:100%;text-align:center;margin-top:20px}.features-slider{padding:2%!important}.feature-icon{display:block;margin:0 auto}blockquote p{width:60%}.business-card{min-height:auto}.profile-img{height:80px}.navicon{text-align:right;width:100%;margin-top:-40px}footer ul.nav{margin-top:40px;text-align:left}}@media only screen and (min-device-width:375px) and (max-device-height:812px) and (-webkit-device-pixel-ratio:3){.hero h1{font-size:2em;margin:50px 0 35px 0}.navicon{text-align:right;width:100%;margin-top:-40px}.features-slider{padding:2%!important}}