/* common setup */
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: bold;src: url(/style/OpenSans-Bold.ttf) format('truetype');font-display: swap;}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: normal;src: url(/style/OpenSans-Regular.ttf) format('truetype');font-display: swap;}

* {	margin: 0;padding: 0}
html {width:100%; height:100%}
body {height:100%; line-height:0; background-color:white}
div {position:relative}
h1 {font-family:'Open Sans';font-size:18pt; line-height:24pt; font-weight:bold; margin:0 0 1em 0}
h2 {font-family:'Open Sans';font-size:18pt; line-height:24pt; font-weight:bold}
ul {line-height:24pt; list-style-image:url(../pics/bullet.svg); list-style-position:outside; display:inline-block;margin-left:0.8rem}
li {line-height:24pt}
p {font-family:'Open Sans'}
a {font-style:normal; text-decoration:none;border:none}
a.nobr {white-space:nowrap}
a.skip {display:none}

/* containers */

.page {min-height:100%}
.menu {width:100%}
.menu p {font-size:12pt; line-height:16pt; color:white; padding:0.4em; background-color:#f25b28;text-transform:lowercase}
.menu a {color:white}
.lnkreg {margin: 0 0.4rem 0 0.4rem}
.lnkgap {margin: 0 0.4rem 0 1.2rem}
.menu a:hover {text-decoration:underline}
.current {text-decoration:underline}
.links {width: 100%; text-align:center}
.lgaps {padding-left: 2em}
.container {min-height:100%}
.title {width:100%; text-align: center; margin: 1.4em 0 0.8em 0}
.title img {margin-left: auto; margin-right: auto; max-width:100%; height:6rem;width:auto}
.footer {position:absolute; bottom:0; width:100%}
.footlogo {position:absolute; left:0;right:0; height:8rem; bottom:0; background:url(../pics/footer.svg) no-repeat; background-size:cover;z-index:-1; text-align: center}
.footlogo p {font-size:12pt; line-height:16pt;position: absolute; left: 0; right: 0; bottom: 1.4em;color:#8490AF}
.row {width: 100%;clear:both;padding:4rem 0 4rem 0}
.row h1 {color:#8490AF}
.row h2 {color:#44506F}
.row p {color:#101010}
.row li {color:#101010}
.row a {font-weight:bold;color:#44506F}
.row a:visited {color:#44506F}
.row a:hover {color:#f25b28}
.rowalt {width:100%;background-color:#44506F;clear:both;padding-bottom:4em}
.rowalt p {color:white}
.rowalt h2 {color:white}
.rowalt li {color:white}
.rowalt a {font-weight:bold;color:#d4e0ff}
.rowalt a:visited {color:#d4e0ff}
.rowalt a:hover {color:#f25b28}
.content {max-width:1090px;margin-left:auto; margin-right: auto;overflow:hidden}
.content h1 {padding:0 1rem 0 1rem}
.content p {margin:0 1rem 0 1rem}
.content h2 {clear:both;text-align:left;padding: 2rem 1rem 0 1rem}
.row .floater h2 {text-align:center}
.content p {font-family:'Open Sans';margin-top:1rem; font-size:12pt; line-height:22pt; text-align:left}
.content ul {padding: 1rem 0 1rem 0}
.content li {font-family:'Open Sans';margin-top:1rem; font-size:12pt; line-height:20pt; text-align:left;margin:0 1rem 0 1rem}
.content img {padding:1rem 0 1rem 0}
.floater {float:left; width:30%;padding:1.4rem 0 1.4rem 0;margin:3rem 1.5% 0 1.5%;background-color:#54607F;border-radius:0.2rem;text-align:center}
.floater h2 {text-align: center;padding:0 0 1rem 0}
.floater p {padding:0; text-align:center}
.tl p {text-align:left}
.tl p:first-of-type {margin-top:0}
.floater img {width: 100%;height:auto;}
.floater2 {width:47%;}
.floater1 {width:97%;}
.row .floater1 {background-color:#d4e0ff}
.row .floater2 {background-color:#d4e0ff}
.row .floater h2 {color:white}
.row .floater p {color:white}
.row .floater1 p {color:#44506F}
.row .floater2 h2 {color:#44506F}
.rowalt .floater a {color:white}
.rowalt .floater a:hover {color:#f25b28}
.langicon {height:1.8rem;width:auto;vertical-align:middle;padding-left:3rem}
.menu-icon {display: none}
.curlang {text-decoration:underline}
.bl6 {width:6rem;float:left}
.linkbtn .mb {margin-bottom: 0.6rem;width:100%}
.hidden {display:none}
.slogan {clear: both}
.slogan p {text-align: center}
a.linkbtn p {color:#44506F; border-radius: 0.2rem;background-color:white}
a:visited.linkbtn p {color:#44506F}
a:hover.linkbtn p {color:#f25b28}

/* mobile stuff */
@media only screen and (max-width : 480px) {
body {background: none; font-size: 12pt}
p {line-height: 16pt}
h2 {font-size: 12pt; line-height: 16pt}
.links {display: none; width: 100%;min-height:100vh;clear:both}
.lnkgap {margin: 0 0.4rem 0 0.4rem}
.title {width:80%;float:left;z-index:1}
.title img {height:4rem}
.container {margin-left: 0px; padding-left: 16px; padding-right: 16px;min-height:100vh}
.row {padding:1rem 0 4rem 0}
.menu-icon {display: block;float:right;font-size: 28pt;width:3rem;cursor:pointer;background-color: white;margin:1.8rem 0 0 0;z-index:1}
.menu-icon::before {content: ""; position: absolute; top: 0.25em; left: 4px; width:2rem; height: 0.125em; border-top: 0.375em double #8490AF; border-bottom: 0.125em solid #8490AF;box-sizing: content-box}
.menu p {font-size: 14pt; line-height: 20pt}
.menu p a {padding-bottom:1rem}
.menu p a.link:after {content: "\a\a";white-space: pre;}
.current {margin:0 0.4rem 0 0.4rem}
.current:after {content: "\a\a";white-space: pre;}
.links {min-height:100vh;background-color:#f25b28;text-align:left}
.footer {width: 100%; position: relative}
.content img {max-width:90%}
.floater {padding-right: 0;width:97%}
.floater img {max-width: 90%}
.floater2 {width:97%;}
.floater1 {width:97%;}
.langicon {padding-left:0.4rem}
}