:root {
	--color:#02aef0;
	--color2:#faaf40;
	--darkcolor:#007bff;
	--darkgray:#666;
	--lightgray:#f5f5f5;
	--border:1px solid #02aef0;
	--bordergray:1px solid #ddd;
	--fcolor:#fff;
	--banner:#02aef0 url(lines.svg) no-repeat center center/cover;
	--footer:#12428c url(crystal.svg) no-repeat center center/cover;
}
::-webkit-input-placeholder {color:#ccc;font-weight:300;}:-moz-placeholder{color:#ccc;font-weight:300;}::-moz-placeholder{color:#ccc;font-weight:300;}:-ms-input-placeholder{color:#ccc;font-weight:300;}
*{font-family:Roboto,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:18px;line-height:1.5em;box-sizing:border-box;text-size-adjust:100%;}
body,h1,h2,h3{font-weight:300;}
html,body{margin:0;padding:0;}
body>*{width:100%;font-size:0;}
body>*>*{width:1024px;margin:auto;font-size:18px;}
.logo{float:left;display:inline-block;width:200px;height:40px;background:url(logo-en.svg) no-repeat center center/contain;}
header{text-align:right;}
header menu{display:inline-block;list-style:none;padding:0;margin:0;}
header menu menu{display:none;position:absolute;background:rgba(255,255,255,.8);padding:1em;margin:0;text-align:left;}
header menu li{display:inline;margin:0;padding:0;}
header menu menu li{display:block;}
header menu a{display:inline-block;color:#666;text-decoration:none;cursor:pointer;margin:0 .25em;line-height:40px!important;}
header menu li:hover > a{color:#007bff;}
header menu li:hover > menu{display:block;}
footer{display:flex;align-items:center;height:130px;background:#12428c url(crystal.svg) no-repeat center center/cover;color:#fff;}
footer .logo{float:none;}
footer p{text-align:right;font-size:12px;color:#fff;}
footer menu{float:right;display:inline-block;list-style:none;padding-left:0;margin:6px 0;}
footer menu a{display:inline-block;color:#fff;text-decoration:none;cursor:pointer;margin:0 .25em;line-height:25px!important;}
section>*>*{display:inline-block;vertical-align:top;font-size:0;}
section article{width:calc(100% - 310px);font-size:18px;padding-bottom:2em;}
section h1{font-size:32px;display:block;}
section p{font-size:18px;display:block;}
section aside{font-size:18px;padding:0 1em;width:300px;}
aside #form{padding:1em;}
aside #form>*{margin:3px auto;}
aside #form input,aside #form select,aside #form textarea{width:100%;border:1px solid #02aef0;border-radius:3px;padding:.2em;background:#fff;}
aside #form button{display:block;width:100%;background:#02aef0;border:none;color:#fff;border-radius:3px;padding:.5em;}
aside #form label{color:#666!important}
aside #form label::after{content:' *';color:#faaf40;display:inline-block;}
aside #form span{color:#faaf40;font-size:14px;}
aside.menu{padding:0;}
aside menu{margin:0;padding:0;border-top:1px solid #fff;}
aside menu a{display:table;width:100%;background:#f5f5f5;border-bottom:1px solid #ddd;padding:1em;font-size:18px;color:#666;text-decoration:none;white-space:nowrap;}
aside menu a:hover{background:#666;color:#fff}
aside menu a.selected{background:#02aef0;color:#fff}
aside menu a.selected::after{content:'◢';display:table-cell;width:1em;}
article h1,h2{color:#02aef0;}
#banner *{color:#fff;text-decoration:none;font-size:16px;}#banner a:hover{text-decoration:underline;}
article h1{border-bottom:1px solid #ddd;}
h1{font-size:36px;font-family:Arial;}
h2{font-size:22px;}
article.full{width:100%;padding-bottom:0;}
article.full h1,article.full h2{color:#000;font-weight:normal;}
article.full ul{flex-grow:1;}
section#banner{background:#02aef0 url(lines.svg) no-repeat center center/cover;min-height:240px;color:#fff;}
section#banner{display:flex;align-items:center;}
section#banner h1{font-size:48px;margin:18px 0;}
.column{font-size:0;}
.column>*{display:inline-block;vertical-align:top;}
.column>.flex{display:flex;white-space:nowrap;}
.column55{width:50%;}
a{color:#02aef0;}
a:hover{color:#007bff;}
a.more{font-size:14px;color:#666!important;text-decoration:none;margin-left:2em;}
a.more:hover{color:#02aef0!important;}
a.more::after{content:' >';}
article.full a.more{color:#02aef0!important;}
article.full a.more:hover{color:#007bff!important;}
@media screen and (max-width:1024px) {
	body>*>*{width:80%!important;}
	body>header>*{width:90%!important;}
	section>*>*{width:100%!important;}
	section aside{padding:0;}
	aside menu{width:100%;width:125%!important;margin-left:-12.5%;}
	aside menu a{display:none;}
	aside menu a.selected{display:table;}
	aside menu a.selected::after{content:'▼';display:table-cell;width:1em;}
	aside #form{padding:0;}
	.column55{width:100%;}
	.column>.flex{display:block;}
	.column img{width:100%;}
}
@media screen and (max-width:480px) {
	.logo{width:65px;background:url(logo-en.svg) no-repeat left center /200px;}
	header menu a,footer menu a{font-size:14px;line-height:40px;}
	section#banner h1{font-size:32px}
}
@media screen and (max-width:360px) {
	.logo{width:27px;background:url(logo-en.svg) no-repeat -55px center /250px;}
}