body{margin:0;display:flex;flex-direction:column;font-family:noto sans,noto sans jp,meiryo,sans-serif;color:#e9f3ff;background-color:#022140}a{text-decoration:none;color:#e9f3ff;transition:.3s}a:hover{color:#fb9039}p{font-size:15px;line-height:1.6em;color:#e9f3ff}h1,h2,h3,h4,h5,h6{color:#e9f3ff}h2{font-size:24px}hr{border:1px solid #fb9039;border-radius:5px;width:460px}@media only screen and (max-width:480px){hr{box-sizing:border-box;max-width:100%}}.center{text-align:center}.resize-animation-stopper *{animation:none!important;transition:none!important}.container{margin:0;padding:0;display:flex;flex-direction:column;height:100%}nav{z-index:1;display:flex;border:3px solid #05386b;border-left:none;border-right:none;background-color:#022140;height:48px}nav .middle{width:450px}nav .left,nav .right{flex:1}nav .right{text-align:right}nav .hide{display:none}@media only screen and (max-width:460px){nav .hide{display:block}}nav .material-icons.md-48{font-size:48px;height:48px;width:48px}nav ul{display:flex;list-style-type:none;justify-content:space-between;padding:0}@media only screen and (max-width:460px){nav ul{flex-direction:column;position:absolute;background-color:#022140;margin:8px 0 4px 0;padding:1em;opacity:0;border:3px solid #05386b;border-top:none;border-left:none;width:100px;visibility:hidden;transition:all .2s linear}nav ul.visible{opacity:100%;width:175px;visibility:visible;transition:all .4s ease-out}nav ul.visible>li *{visibility:visible}nav ul .logo-bullet{display:none}}nav ul li{font-size:14px;position:relative}@media only screen and (max-width:460px){nav ul li{visibility:hidden;font-size:14px;margin-top:.3em}}nav ul li:hover ul{visibility:visible;opacity:1}nav ul li.sm-print{font-size:.8em}nav ul li.sm-print,nav ul li.sm-margin{margin:0}nav ul div.menu-breaker{z-index:1;width:16px;height:16px;position:absolute;background-color:#05386b;transform:scaleX(.7)rotate(45deg);left:1em;bottom:6px}nav ul div.menu-item{position:relative;margin-bottom:1em}nav ul div.menu-item a:hover{color:#fb9039}nav ul ul{visibility:hidden;display:block;opacity:0;position:absolute;background-color:#022140;border:3px solid #05386b;border-top:none;min-width:174px;padding:12px 16px;font-size:14px;transition:visibility .3s,opacity .3s linear}@media only screen and (max-width:460px){nav ul ul{display:block;position:relative;background:0 0;padding:0 0 0 4px;opacity:1;border:0}}nav ul ul li{font-size:14px;margin-bottom:.3em;color:#f9f9f9}@media only screen and (max-width:460px){nav ul ul li{border-bottom-style:none;margin:0;visibility:hidden}}nav ul ul li h4{margin:0;margin-top:.6em;color:#fb9039}nav .mobile-header{height:40px}nav .mobile-header .logo-bullet{width:24px;height:24px;position:absolute;background-color:#05386b;transform:scaleX(.7)rotate(45deg);left:1em;top:15px;z-index:1;transition:.2s}nav .mobile-header .highlight{background-color:#fb9039}nav .mobile-header .mobile-menu{position:absolute;left:3.2em;top:19px;text-transform:uppercase}nav .mobile-header a:all{color:#e9f3ff}nav .logo-bullet{width:18px;height:18px;position:absolute;background-color:#05386b;transform:scaleX(.7)rotate(45deg);left:-8px;top:-2px;z-index:-1}nav a.blue-link{color:#009fff}.content{background-image:url(/img/bg.jpg);background-position:50%;padding-bottom:2em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.content p,.content pre,.content ul,.content ol,.content .footnote,.content .media{max-width:560px;padding:0 16px;margin:0 auto}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{padding-bottom:14px;text-decoration:underline;text-decoration-color:#0b3c5d;text-decoration-thickness:3px}.content h1{text-decoration:underline #fb9039;text-decoration-thickness:4px;padding-top:1em;padding-bottom:.5em}@media only screen and (max-width:360px){.content h1{font-size:1.6em}}.content .main-header{font-size:2.8em;padding-bottom:0}.content p{margin-bottom:1em}.content a{color:#009fff;text-shadow:2px 2px #0b3c5d}.content a:hover{color:#fb9039}.content strong{color:#fb9039}.content pre{padding:1.1em 1em;margin-bottom:.7em;border:dotted 1px #a9a9a9;background-color:rgba(0,0,0,.47)}.content ol,.content ul{margin-top:.8em;margin-bottom:.8em;font-size:15px}.content ul{list-style-type:none}.content ol{padding-left:8em}.content ol li{margin-bottom:.4em}.content table{margin:30px auto}.content .jumbotron{background-image:url(/img/picture/hanne-ilmari.jpg);background-size:cover;border-bottom:2px solid #0b3c5d;padding:0 0 2em;margin-bottom:0}@media only screen and (max-width:780px){.content .jumbotron{margin-bottom:1em;padding-bottom:0}}.content .jumbotron .blue-background{background-color:#022140cc;border-radius:4px;border:2px solid #0b3c5d;padding:1em;margin:1em}.content .jumbotron .wide-width{max-width:776px;margin:0 auto;padding:0 1em}.content .jumbotron p,.content .jumbotron h2{max-width:776px}.content .jumbotron .main-header,.content .jumbotron .main-description{max-width:700px}.content .jumbotron p.main-description{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.content section.desktop{display:none;width:748px;margin:0 auto;border:2px solid #0b3c5d;border-radius:4px;overflow:auto;margin-bottom:36px}@media only screen and (min-width:768px){.content section.desktop{display:block}}.content section.desktop p{padding-top:0}.content section.desktop .content{width:373px;display:block;float:left;padding:16px 0;background:rgba(0,0,0,.47)}.content section.desktop .image{background-size:cover;float:left;width:373px}.content .mobile{display:none}@media only screen and (max-width:767px){.content .mobile{display:block}}.content .mobile .media{margin:16px auto;height:auto;width:100%;padding-left:0;padding-right:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #0b3c5d}.content figure{text-align:center;margin:0 auto}.content figure.border img{max-width:550px;width:98%;border:solid 3px #0b3c5d}.content .footnote{font-size:12px;margin-bottom:1em}.content .media{max-width:560px;text-align:center}.content .media iframe{border:solid 3px #0b3c5d}.content .logo{display:inline-block;margin:1.6em 1em}.content .date-event{font-size:23px;font-weight:700;margin-right:.7em;display:inline}.content .title-event{font-size:18px;font-weight:700}.content .vertical-text{writing-mode:vertical-rl;text-orientation:upright;font-size:11px;white-space:nowrap}.content .list{padding-top:2em}.content .list h3{font-size:16px;font-weight:400;text-decoration:none;padding-bottom:.1em}.content .list h1{margin:0 auto;padding:0 auto;padding-top:0;padding-bottom:.5em;font-size:1.7em}.content .list .no-bottom{margin-bottom:0;padding-bottom:0}.content .list ul.event-item-head{margin-top:.1em;margin-bottom:.4em;padding-top:0;font-size:1.2em;display:flex;justify-content:flex-start;flex-wrap:wrap}.content .list ul.event-item-head li{margin-right:1.4em;position:relative}.content .list ul.event-item-head li div.logo-bullet{position:absolute;width:12px;height:12px;background-color:#fb9039;transform:scaleX(.7)rotate(45deg);left:-19px;top:8px}.content .past-line{color:#fb9039;font-size:15px;font-weight:700;margin:1em 0;text-transform:uppercase;border-bottom:solid 2px #fb9039}.content .board{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(2);justify-items:center;max-width:1030px;margin:18px auto;grid-row-gap:2em;margin-bottom:26px}@media only screen and (max-width:985px){.content .board{grid-template-columns:repeat(2,auto);grid-template-rows:repeat(4);max-width:560px}}@media only screen and (max-width:475px){.content .board{grid-template-columns:repeat(1,auto);grid-template-rows:repeat(8)}}.content .board .item{position:relative;background-color:#022140;border-radius:2px;border:2px solid #0b3c5d;width:214px;margin-top:0}@media only screen and (max-width:985px){.content .board .item{height:auto}}.content .board .item .fill{height:225px}.content .board .item .logo-shape{position:absolute;background-color:#0b3c5d;border:2px solid #009fff;width:130px;height:130px;transform:scaleX(.7)rotate(45deg);top:16%;left:20%}.content .board .item .center{text-align:center}.content .board .item .center .role{font-size:12px}.content .board .item .center .name{font-size:16px;font-weight:700;border-bottom:2px solid #0b3c5d}.content .board .item .email{font-size:14px;padding:10px 8px}.content .board .item .hidden-description .description{position:absolute;font-size:12px;height:288px;width:180px;text-align:center}.content .board .item .hidden-description img{position:absolute;outline:2px solid #0b3c5d;outline-offset:-2px;border-bottom:3px solid #0b3c5d;width:214px;height:220px}.content .board .item .borders{margin:14px;padding:4px 0;border:2px solid #0b3c5d;border-right:none;border-left:none}.content .board .item ul{font-size:12px}.content .board .item ul h4{margin:0;padding-bottom:6px;margin-left:-15px}.content .crew>*{margin:6em 0 0 6em}.content .crew{display:flex;justify-content:center;flex-wrap:wrap;margin:-6em 0 0 -6em;padding-top:1.5em;width:calc(100% + $crew-margin)}.content .crew .crew-item{width:340px}.content .crew .crew-item .crew-image{box-sizing:border-box;width:100%;height:460px;background-size:cover;border:2px solid #0b3c5d}.content .crew .crew-item .crew-description h2{margin:1em 0 .2em 1em}.content .no-bottom{margin-bottom:0;padding-bottom:0}.content .no-decoration{text-decoration:none}.content ul.event-item-head{margin-top:.2em;margin-bottom:0;padding-top:0;font-size:1em;display:flex;justify-content:flex-start;flex-wrap:wrap}.content ul.event-item-head li{margin-right:1.4em;position:relative}.content ul.event-item-head li div.logo-bullet{position:absolute;width:12px;height:12px;background-color:#fb9039;transform:scaleX(.7)rotate(45deg);left:-16px;top:5px}.content ul.event-item-address{margin-top:0;padding-top:0;margin-bottom:2em;display:block}.content ul.event-item-address li{font-size:.9em}.content .logo-break{margin:0 auto;width:54px;height:3em;position:relative}.content .logo-break div{position:absolute}.content .logo-break .left{width:18px;height:18px;background-color:#05386b;transform:scaleX(.7)rotate(45deg)}.content .logo-break .center{width:18px;height:18px;background-color:#fb9039;transform:scaleX(.7)rotate(45deg);left:18px}.content .logo-break .right{width:18px;height:18px;background-color:#05386b;transform:scaleX(.7)rotate(45deg);left:36px}.content .no-max-width{margin:0 auto}.price-table,.course-table{color:#e9f3ff;border-collapse:collapse;border-style:hidden}.price-table tr,.course-table tr{text-align:center}.price-table tr th,.course-table tr th{height:30px;border:2px solid #d0d0d0;padding:4px;font-weight:400;font-size:14px}.price-table tr td,.course-table tr td{height:30px;border:2px solid #d0d0d0;padding:4px;font-weight:400;font-size:14px}.price-table tr .dark-background,.course-table tr .dark-background{background-color:rgba(0,0,0,.47)}.price-table .date,.course-table .date{text-align:right}.course-table .course-slot{font-weight:600}.course-table .teacher-label{display:block;font-size:11px;font-weight:400;line-height:1.2;margin-top:3px}.course-table .teacher-kimmo{background-color:rgba(255,210,90,.2)}.course-table .teacher-tc{background-color:rgba(232,120,120,.2)}.course-table th:not(:first-child){min-width:110px}@media only screen and (max-width:480px){.course-table th:not(:first-child){min-width:95px}}.course-teacher-legend{margin:0 0 10px;font-size:14px}.teacher-chip{display:inline-block;padding:2px 8px;border-radius:999px;margin-left:4px;border:1px solid #d0d0d0}.teacher-chip.teacher-kimmo{background-color:rgba(255,210,90,.35)}.teacher-chip.teacher-tc{background-color:rgba(232,120,120,.35)}.price-table th:not(:first-child){min-width:100px}@media only screen and (max-width:480px){.price-table th:not(:first-child){min-width:64px}}.frontpage{padding:6px 0 26px 0;margin:0 0 0 0 16px;align-items:center}.frontpage h2{padding:0}.frontpage p{padding:0 0 .7em}.frontpage ul{margin:0;padding:0}.frontpage li{margin-bottom:1em}.frontpage div{padding:6px 0;max-width:370px}.frontpage div th:not(:first-child){min-width:48px}.frontpage .date-event{font-size:23px;font-weight:700;margin-right:.7em;display:inline}.frontpage .title-event{font-size:18px;font-weight:700}.frontpage .date-courses{font-weight:700;font-size:14px}.wide-content{display:flex;flex-wrap:wrap;align-items:start;justify-content:center}.wide-content ul{list-style-type:none}.wide-content h2{font-weight:400;margin-bottom:.8em}.wide-content div{background-color:#022140cc;border-radius:4px;border:2px solid #0b3c5d;padding:1em;width:400px;margin:0 1em}.wide-content div p:last-child{margin:0;padding:0}@media only screen and (max-width:780px){.wide-content div{flex-direction:column;max-width:100%;box-sizing:border-box;margin-bottom:24px;margin:0 auto 24px}}.wide-content .board-member{flex-basis:25%;width:250px}.bold{color:#fb9039;font-weight:700}img[alt=mobilepay-qr]{width:200px;display:block;margin:0 auto}.footer{display:flex;flex-direction:row;justify-content:center;background:#022140;padding-bottom:20px;flex:1;border-top:3px solid #05386b}@media only screen and (max-width:650px){.footer{flex-direction:column;align-items:center;justify-content:center}}.footer ul{list-style-type:none;margin:10px;padding-inline-start:0}.footer ul li{margin-bottom:5px;font-size:13px}.footer ul li a{color:#e9f3ff}.footer ul li a:hover{color:#fb9039}.footer h2{margin:25px 10px 10px;font-size:19px;padding-left:.9em}.footer .some{margin:0 20px}@media only screen and (max-width:650px){.footer .some{margin:0}}.footer div{position:relative}.footer .logo-bullet{width:15px;height:15px;position:absolute;background-color:#fb9039;transform:scaleX(.7)rotate(45deg);left:3px;top:29px}@media only screen and (max-width:650px){.footer div{margin:0;width:300px}}form{max-width:560px;margin:0 auto;font-size:.9em}form fieldset{margin-bottom:1em;color:#fb9039;font-weight:700;background-color:rgba(0,0,0,.2);border:solid 2px #05386b}form fieldset fieldset legend{font-weight:400;color:#e9f3ff}form fieldset:hover{border:solid 2px #009fff}form fieldset p{font-weight:400;font-size:inherit}form fieldset label{color:#e9f3ff;font-weight:400;margin-left:.5em}form fieldset textarea{display:block;max-width:560px;min-width:340px;margin:0 auto 1em}form fieldset input,form fieldset textarea{padding:.5em;border-radius:3px;border-style:solid;border:solid 2px #e9f3ff;background-color:#e9f3ff}form fieldset input:focus,form fieldset textarea:focus{border:solid 2px #009fff;border-radius:3px;outline:none}form fieldset input:hover,form fieldset textarea:hover{border-color:#009fff}form fieldset input[type=text]{height:.6em;margin-left:1em}form fieldset input[type=checkbox]:checked{color:#009fff;color:#fb9039;background-color:#fb9039}form fieldset ul.form{margin-top:.3em}form fieldset ul.form li{display:flex;flex-direction:row;align-items:center;margin:.1em 0}form fieldset .no-bottom-margin{margin-bottom:0}form button{width:200px;height:3em;float:right;background:rgba(0,0,0,.1);border:solid 2px #05386b;color:#e9f3ff;font-weight:700;outline:none}form button:hover{border-color:#009fff}form button:active{border-color:#fb9039}form fieldset.personal div{margin:1em}form fieldset.personal label{width:50px;margin-right:2em}form fieldset.personal input[type=text]{width:100%}form fieldset.home div input[type=radio]{width:1.2em;height:1.2em}form fieldset.home div label{width:30px}form fieldset.student div,form fieldset.courses div,form fieldset.support div,form fieldset.home div{margin:.3em 0 0}form fieldset .support input[type=number]{width:2em;margin-left:1em;-moz-appearance:textfield}form fieldset .support input[type=number] input::-webkit-outer-spin-button,form fieldset .support input[type=number] input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}form fieldset .support p{padding:.7em;padding-left:0}form fieldset .support span{color:#e9f3ff;font-weight:400;margin-left:.5em}form .hidden{display:none}form .margin-top{margin-top:.5em}form .no-margin-bottom{margin-bottom:.3em}form .no-left-margin{margin-left:0}form .flex-group{display:flex;align-items:center}.modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;color:#000}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1rem 1.5rem;width:24rem;border-radius:.5rem}.close-button{float:right;width:1.5rem;line-height:1.5rem;text-align:center;cursor:pointer;border-radius:.25rem;background-color:#d3d3d3}.close-button:hover{background-color:#a9a9a9}.show-modal{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}