html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}table,tbody,tfoot,tr,th,td,sup{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{font-size:62.5%}body{font-family:"Roboto",sans-serif;font-size:1.4rem;line-height:2rem}header{height:calc(100% - 48px - 130px);position:fixed;width:500px}@media screen and (max-width: 1300px){header{height:inherit;position:relative;width:100%}}main{margin-left:500px;position:relative;width:calc(1900px - 500px)}@media screen and (max-width: 1900px){main{width:calc(100% - 500px)}}@media screen and (max-width: 1300px){main{margin-left:0;width:100%}}h1,h2{font-family:"Roboto Condensed",sans-serif}.clear{clear:both}.banner{width:100%}.banner img{float:left;width:100%}.btn{background:#40c9a2;color:#fff;display:inline-block;font-weight:200;padding:25px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.btn:before{content:url("../components/btn.svg");display:inline-block;height:8px;padding-right:12.5px;width:8px}.btn:hover{background-color:#002b66;background-position:30px center;cursor:pointer}.btn.unactive{background-color:#aaa}.btn.unactive:hover{background-color:#aaa;background-position:25px center;cursor:default}@media screen and (max-width: 850px){.btn.unactive{display:none}}.btn.dn{display:none}.btn[aria-expanded=true]:before{-webkit-transform:rotate(90deg) translateX(15px);-moz-transform:rotate(90deg) translateX(15px);-o-transform:rotate(90deg) translateX(15px);-ms-transform:rotate(90deg) translateX(15px);transform:rotate(90deg) translateX(15px)}@media screen and (max-width: 850px){.btn{width:calc(100% - (25px * 2))}}header h1,header .breadcrumb{width:400px}header h1{margin:0 auto;margin-top:25px}header h1 img{height:auto !important;width:100% !important}header h1 .tablet{display:none}@media screen and (max-width: 1300px){header h1{margin:25px auto}header h1 .noresponsive{display:none}header h1 .tablet{display:block}}@media screen and (max-width: 850px){header h1{margin:25px;width:calc(100% - (25px * 2))}header h1 .noresponsive{display:block;margin:0}header h1 .tablet{display:none}}header h2,header .breadcrumb{margin-left:50%;padding-left:138px;width:calc(400px - 138px);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width: 1300px){header h2,header .breadcrumb{margin-left:0;padding-left:0;text-align:center;width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}header h2{color:#0056cc;font-size:12px;letter-spacing:3px;margin-top:5px;text-transform:uppercase}header .breadcrumb{float:left;list-style:none;margin-top:5px}@media screen and (max-width: 1300px){header .breadcrumb{float:none;margin:0;width:100%}}header .breadcrumb li{float:left;font-weight:200;margin-bottom:10px;width:100%}header .breadcrumb li strong{font-weight:200}header .breadcrumb li.active span{color:#0056cc}header .breadcrumb li.active span.number{border-color:#002b66;color:#002b66}header .breadcrumb li a{text-decoration:none;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}header .breadcrumb li a:hover{color:#0056cc}header .breadcrumb li a:hover span{color:#0056cc}@media screen and (max-width: 1300px){header .breadcrumb li{display:inline-block;float:none;text-align:center;width:auto}}@media screen and (max-height: 750px){header .breadcrumb li{display:inline-block;float:none;text-align:center;width:auto}}header .breadcrumb span{color:#aaa;display:block;float:left;width:215px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}header .breadcrumb span.number{border-right:1px solid #aaa;font-weight:bold;margin-right:10px;padding-right:10px;width:25px}@media screen and (max-width: 1300px){header .breadcrumb span{display:none}header .breadcrumb span.number{border-right:0 none;display:block;float:none;margin:0 5px;padding:0}}@media screen and (max-height: 750px){header .breadcrumb span{display:none}header .breadcrumb span.number{border-right:0 none;display:block;float:none;margin:0 5px;padding:0}}.snTop{background:#f2f2f2;border-bottom:3px solid #0056cc;padding:12.5px 0;text-align:left;width:100%}.snTop ul{margin:0 25px}.snTop ul li{display:inline-block;margin-right:1em}.snTop ul li a{display:inline-block}.snTop ul li svg{height:15px;width:15px}.snTop ul li svg path{fill:#0056cc}@media screen and (max-width: 1300px){.snTop{text-align:center}}footer{background:#002b66;padding:18px}footer p{color:#fff;display:inline-block;float:left;font-size:.8em;font-weight:200;line-height:1.3em;margin-left:20px;width:calc(100% - 20px - 160px - 100px - (2 * 100px) - 115px - (4 * 20px))}@media screen and (max-width: 1300px){footer p{float:none;margin:25px 0 50px;width:100%}}footer p.projectBy{float:left;width:260px}footer p.projectBy a{color:#fff}.footer{background:#0056cc;background:-moz-linear-gradient(left, #0056cc 0%, #002b66 100%);background:-webkit-linear-gradient(left, #0056cc 0%, #002b66 100%);background:linear-gradient(to right, #0056cc 0%, #002b66 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#0056cc", endColorstr="#002b66",GradientType=1 );bottom:0;color:#fff;left:0;padding:23px 25px;position:absolute;width:calc(100% - (25px * 2))}.footer .sn{float:left;list-style:none}.footer .sn li{display:inline;margin-right:1em}.footer .sn li a{display:inline-block}.footer .sn li svg{height:20px;width:20px}.footer .sn li svg path{fill:#fff}.footer .thanks.sn li svg{height:20px;width:20px}.footer .date{display:inline-block;float:right;font-weight:300;padding-top:2px}@media screen and (max-width: 1300px){.footer{display:none}}lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:100%}lite-youtube::before{content:"";display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0, 0, 0.2, 1)}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%, -50%, 0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0, 0, 0.2, 1);border:none}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.library{background:url(../components/library.svg) no-repeat left top;background-size:4em auto;list-style:none;padding-left:6em}.library li a{background:url(../components/btn.svg) no-repeat left .45em;background-size:auto 10px;color:#fff;display:inline-block;padding-left:1em;text-decoration:none;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}.library li a:hover{background-position:.2em .45em;color:#40c9a2}@media screen and (max-width: 850px){.library{background-size:6em auto;background-position:center 1em;border-top:1px solid #fff;padding-left:0;padding-top:9em}}.technopolis{display:inline-block;float:left;width:160px}@media screen and (max-width: 1300px){.technopolis{float:none;margin:0 auto}}.arctik{display:inline-block;float:left;margin-left:20px;width:80px}@media screen and (max-width: 1300px){.arctik{display:block;float:none;margin:0 auto;text-align:left;width:100%}.arctik img{width:80px}}.logos{display:inline-block;float:left;list-style:none;margin:30px;text-align:right}.logos li{background:no-repeat center center;background-size:100% auto;display:inline-block;height:65px;margin-left:20px;position:relative;text-align:left;text-indent:-9999px;width:190px}.logos li a{height:100%;left:0;position:absolute;top:0;width:100%}.logos li.art{background-image:url("../components/artnet.jpg")}.logos li.une{background-image:url("../components/escap.jpg")}.logos li.dri{background-image:url("../components/dri.jpg")}@media screen and (max-width: 850px){.logos li{margin:0;margin-right:10px;width:100px}}@media screen and (max-width: 1300px){.logos{float:none;margin:25px 0;margin-left:0;text-align:center;width:100%}}footer .logos{float:right;margin:0}footer .logos li{height:30px;width:100px}footer .logos li.art{background-image:url("../components/artnet-white.png")}footer .logos li.une{background-image:url("../components/escap-white.png")}footer .logos li.dri{background-image:url("../components/dri-white.png");width:115px}main{color:#fff}main hgroup{background:#002b66;background:-moz-linear-gradient(left, #002b66 0%, #0056cc 100%);background:-webkit-linear-gradient(left, #002b66 0%, #0056cc 100%);background:linear-gradient(to right, #002b66 0%, #0056cc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#002b66", endColorstr="#0056cc",GradientType=1 );position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}@media screen and (max-width: 850px){main hgroup{display:block}}@media screen and (max-width: 850px){main hgroup{display:block}}main hgroup .number{border-right:1px solid #fff;color:#fff;font-size:30px;line-height:60px;padding:12.5px 0;text-align:center;width:120px}main hgroup .number strong{font-size:60px;font-weight:700}@media screen and (max-width: 850px){main hgroup .number{display:none}}main hgroup h2{color:#fff;font-size:20px;font-weight:200;position:relative;text-transform:uppercase;width:calc(100% - 120px)}main hgroup h2 span{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width: 850px){main hgroup h2{padding:25px;text-align:center;width:calc(100% - (2 * 25px))}main hgroup h2 span{left:inherit;position:relative;top:inherit;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}main hgroup .btn{height:calc(100% - 25px * 2);position:absolute;right:0;top:0;width:130px}main hgroup .btn:before{float:left;padding-top:10px}main hgroup .btn span{display:block;padding-top:10px;vertical-align:middle}@media screen and (max-width: 850px){main hgroup .btn{padding:25px 0;position:relative;text-align:center;width:100%}main hgroup .btn span{display:inline-block;padding-top:0}main hgroup .btn:before{float:inherit;padding-top:0}}main p{margin-bottom:1em}main .intro,main .txt{line-height:1.5em}main .flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}@media screen and (max-width: 850px){main .flex{display:block}}main .flex figure{overflow:hidden;position:relative;width:50%}main .flex figure img{height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width: 1600px){main .flex figure{width:30%}}@media screen and (max-width: 1300px){main .flex figure{display:none}}main .flex .txt{width:50%}main .flex .txt .content{padding:10%}@media screen and (max-width: 1600px){main .flex .txt{width:70%}}@media screen and (max-width: 1300px){main .flex .txt{width:100%}}main .blue{background:#0056cc}main .blueblack{background:#011d43}main .intro{padding:10%}main .txtRight{text-align:right}main .txtRight.flex span,main .txtRight.flex a{padding:25px 0;width:50%}@media screen and (max-width: 850px){main .txtRight.flex span,main .txtRight.flex a{width:100%}}main .column{column-count:2;column-gap:25px}main .unit{list-style:none;padding-left:52px;text-indent:-52px}main .unit strong{color:#accfff}main .unit li{margin-bottom:10px}main .unit ul{list-style:circle;margin-left:20px;margin-top:10px}main .unit ul li{padding-left:0;text-indent:0}.progress{background:#e6e6e6 url("../components/progress.png") no-repeat left top;color:#12654e;font-size:12px;padding:12.5px;width:calc( 100% - $space)}.progress .left{float:left}.progress .right{float:right}.progress.step1{background-size:20% 100%}.progress.step2{background-size:40% 100%}.progress.step3{background-size:60% 100%}.progress.step4{background-size:80% 100%}.progress.step5{background-size:100% 100%}.intro .thanks.sn{float:left;list-style:none}.intro .thanks.sn li{display:inline;margin-right:1em}.intro .thanks.sn li a{display:inline-block}.intro .thanks.sn li svg{height:30px;width:30px}.intro .thanks.sn li svg path{fill:#fff}.qcm{display:none}.qcm .qcm-content{padding:5%}.qcm h3{color:#0056cc;font-size:22px;font-weight:300;text-transform:uppercase}.qcm h4{color:#accfff;font-weight:700;margin-bottom:10px;width:100%}.qcm .box{border-bottom:1px dashed #accfff;padding:25px 0}.qcm .box .choice{float:left;width:100%}.qcm .box .choice input,.qcm .box .choice label{float:left}.qcm .box .choice input{margin-right:10px;width:20px}.qcm .box .choice label{display:inline-block;width:calc(100% - 40px)}.qcm .green label{color:#40c9a2}.qcm .red label{color:red}.video{position:relative;width:100%}.video iframe{height:100%;left:0;position:absolute;top:0;width:100%}.eupopup-container{background:#e6f0ff;-webkit-border-radius:50px;border-radius:50px;bottom:90px;font-size:13px;left:calc((500px - 400px) / 2);padding:0 1em;position:fixed;text-align:center;width:calc(400px - (2 * 1em))}@media screen and (max-width: 1300px){.eupopup-container{bottom:25px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (max-width: 850px){.eupopup-container{bottom:0;-webkit-border-radius:0;border-radius:0;left:0;padding:25px 0;width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.eupopup-container .eupopup-head,.eupopup-container .eupopup-body,.eupopup-container .eupopup-buttons,.eupopup-container a{display:inline-block}@media screen and (max-width: 850px){.eupopup-container .eupopup-head,.eupopup-container .eupopup-body{display:block}}.eupopup-container .eupopup-head{background:url("../components/cookie.svg") no-repeat left center;background-size:auto 25px;padding:25px 0;padding-left:2.5em}@media screen and (max-width: 850px){.eupopup-container .eupopup-head{background-position:center top;background-size:auto 25px;padding:0;padding-top:2em}}.eupopup-container .eupopup-closebutton{font-weight:800}.eupopup-container .eupopup-buttons{color:#0056cc;margin-left:.25em}.eupopup-container .eupopup-buttons a{color:#0056cc;margin:0 .25em;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}.eupopup-container .eupopup-buttons a:hover{color:#002b66}.eupopup-container .eupopup-closebutton{background:url("../components/close.svg") no-repeat center center;background-size:100% auto;display:inline-block;height:12px;margin-left:1em;text-indent:-9999px;width:12px}@media screen and (max-width: 850px){.eupopup-container .eupopup-closebutton{height:25px}}