html{scroll-behavior:smooth}
:root{--baseColor:#00489B;--bgColor:#001C5F;--bodyColor:#003063;--shadow:#4d4d4d}
body{margin:0;font-size:1em;line-height:1.6;font-weight:400;font-family:'Open Sans',sans-serif;color:#fff;background-color:var(--bodyColor)}
h1,h2,h3{font-weight:300;margin:.5em 0}
h4,h5,h6{font-weight:700}
h1{font-size:2em;line-height:1.6}
h2{font-size:1.6em;line-height:1.6}
h3{font-size:1.3em;line-height:1.6}
.centre{text-align:center}
.right{text-align:right}
.justify{text-align:justify}
a{color:var(--baseColor)}
a:hover,a:visited{color:#64479e}
.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:2.3em;padding:2px 30px;color:#555;text-align:center;font-size:.8em;font-weight:600;line-height:2em;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}
.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}
.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#fff;background-color:var(--baseColor);border-color:var(--baseColor)}
.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff;background-color:var(--bgColor);border-color:var(--bgColor)}
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box}
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{min-height:6em;padding-top:6px;padding-bottom:6px}
input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #007ca1;outline:0}
label,legend{display:block;margin-bottom:.5em;font-weight:600}
fieldset{padding:0;border-width:0}
input[type=checkbox],input[type=radio]{display:inline}
label>.label-body{display:inline-block;margin-left:.5em;font-weight:400}
ul{list-style:circle inside}
ol{list-style:decimal inside}
ol,ul{padding-left:0}
ol ol,ol ul,ul ol,ul ul{margin:1em 0 1em 3em}
li{margin-bottom:1em}
code{padding:.2em .5em;margin:0 .2em;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}
pre>code{display:block;padding:1em 1em;white-space:pre}
table{border-collapse:collapse}
td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #000}
td:last-child,th:last-child{padding-right:0}
img{max-width:100%;height:auto}
figure{margin:0}
@media screen and (min-width:48em){
h1{font-size:3em;line-height:1.6;margin:.5em 0}
h2{font-size:2em;line-height:1.6;margin-bottom:.5em}
h3{font-size:1.6em;line-height:1.6}
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6{display:grid;grid-template-columns:1fr;row-gap:1em}
.container{padding:1em}
.rammi{margin:1em 0}
.rammi div{border:1px dotted;text-align:center}
@media screen and (min-width:37.5em){
.col-2,.col-4{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5em}
.col-3,.col-5,.col-6{grid-template-columns:1fr 1fr 1fr;grid-gap:1em}
}
@media screen and (min-width:48em){
.col-4{grid-template-columns:repeat(4,1fr)}
.col-5{grid-template-columns:repeat(5,1fr)}
.col-6{grid-template-columns:repeat(3,1fr)}
}
@media screen and (min-width:60em){
.container{max-width:60em;margin:1em auto;padding:0}
.col-6{grid-template-columns:repeat(6,1fr)}
}
@media screen and (min-width:80em){
.container{max-width:80em}
}
.col-1f,.col-2f,.col-3f,.col-4f,.col-5f,.col-6f{display:grid;row-gap:1em}
.col-1f{grid-template-columns:1fr}
.col-2f{grid-template-columns:repeat(2,1fr)}
.col-3f{grid-template-columns:repeat(3,1fr)}
.col-4f{grid-template-columns:repeat(4,1fr)}
.col-5f{grid-template-columns:repeat(5,1fr)}
.col-6f{grid-template-columns:repeat(6,1fr)}
@media screen and (min-width:48em){
.col-2f,.col-3f,.col-4f,.col-5f,.col-6f{grid-gap:1em}
}
tbody tr:nth-child(odd){background-color:#00074e}
tbody tr:nth-child(even){background-color:#002977}
@media screen and (max-width:37.5em){
table{width:100%}
table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
table tr{border-bottom:3px solid #ddd;display:block}
table td{border-bottom:1px solid #ddd;display:block;text-align:right}
table td::before{content:attr(data-label);float:left}
}
@media screen and (min-width:48em){
table{width:48em;margin:1em auto}
caption{font-size:1.5em}
}
@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?u8k6np);src:url(fonts/icomoon.eot?u8k6np#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?u8k6np) format('truetype'),url(fonts/icomoon.woff?u8k6np) format('woff'),url(fonts/icomoon.svg?u8k6np#icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}
[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-home3:before{content:"\e902"}
.icon-dice:before{content:"\e915"}
.icon-pacman:before{content:"\e916"}
.icon-books:before{content:"\e920"}
.icon-price-tags:before{content:"\e936"}
.icon-bubbles:before{content:"\e96c"}
.icon-bubbles2:before{content:"\e96d"}
.icon-users:before{content:"\e972"}
.icon-leaf:before{content:"\e9a4"}
.icon-menu:before{content:"\e9bd"}
.icon-star-full:before{content:"\e9d9"}
.icon-facebook2:before{content:"\ea91"}
.icon-instagram:before{content:"\ea92"}
.icon-twitter:before{content:"\ea96"}
.icon-youtube:before{content:"\ea9d"}
.icon-github:before{content:"\eab0"}
.topnav{position:fixed;top:1em;left:1em}
input.menuinput{display:none}
.menulabel{border:1px solid var(--baseColor);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;padding:5px 9px;background-color:var(--baseColor)}
.menulabel:hover{color:var(--bgColor)}
.menulabel:checked+.menulabel{box-shadow:inset 0 1px 2px rgba(0,0,0,.15);color:#9799a7}
.topmenu{list-style:none;position:fixed;top:2.8em;left:-15em;width:12em;background-color:var(--baseColor);color:#fff;text-align:center;transition:all .5s ease}
.menuinput:checked~.topmenu{left:1em;transition:all .5s ease}
.topmenu li:first-child{padding-top:20px}
.topmenu li{border-bottom:1px solid #cecfd5}
.topmenu li:last-child{border-bottom:0}
.topmenu a{color:#fff;display:block;padding:6px 12px;text-decoration:none}
.topmenu a:hover{color:var(--bgColor)}
@media screen and (min-width:60em){
.topnav{top:0;left:0;width:100%}
.menulabel{display:none}
.topmenu{display:flex;flex-flow:row;top:0;left:0;margin:0;width:100%;transition:none;box-shadow:1px 1px 5px var(--shadow)}
.topmenu li{border-bottom:0;margin:0;padding-left:3em}
.topmenu li:first-child{padding-top:0}
}
.back{background-image:url(../images/landing-bg.png)}
.landing{display:grid;grid-template-columns:1fr;align-items:center;text-align:center;height:40em;color:#fff;animation-name:landingfade;animation-duration:3s}
.header-style{font-weight:400;text-shadow:2px 2px #000}
.bg-separate{background-color:var(--baseColor);height:15em;text-align:center;display:grid;justify-items:center}
.info{padding:60px}
.info img{width:100%;height:25em;object-fit:cover}
.bg-footer{background-color:var(--baseColor);padding-bottom:40px}
.copy{color:#000;margin-top:-1em;padding-bottom:1em}
footer{color:#000}
footer ul{list-style-type:none}
.foot a{color:#000a30;text-decoration:none}
.foot a:hover{text-decoration:underline}
.align{text-align:center}
.box{padding:0 40px}
.line{display:grid;grid-template-columns:auto auto auto auto}
.contact{border:1px solid #0a002d;border-radius:1%;padding:1em;background-color:var(--bgColor);color:#fff}
.contact label{display:inline}
.contact div{margin:.5em 0}
.contact input[type=email],.contact input[type=password],.contact input[type=search],.contact input[type=tel],.contact input[type=text],.contact input[type=url],.contact textarea{box-shadow:2px 2px 5px var(--shadow) inset;width:100%}
.contact input[type=date],.contact input[type=time]{height:1.5em;padding:6px 10px}
.contact input[type=submit]{background-color:#fff;box-shadow:1px 1px 2px var(--shadow)}
.modal-header{padding-left:.5em;font-weight:400}
.modal-form{border-radius:1%;padding:1em;background-color:var(--bgColor)}
.modal-form input[type=email],.modal-form input[type=password],.modal-form input[type=search],.modal-form input[type=tel],.modal-form input[type=text],.modal-form input[type=url],.modal-form textarea{box-shadow:2px 2px 5px var(--shadow) inset;width:100%}
.modal-form input[type=submit]{background-color:#fff;box-shadow:1px 1px 2px var(--shadow)}
.pad{padding-bottom:20px}
@keyframes landingfade{
from{opacity:0}
to{opacity:1}
}
@media screen and (max-width:37.5em){
.display{display:none}
.info{padding:20px}
.box{padding:0 20px}
}
@media screen and (min-width:48em){
.mobile{display:none}
}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);animation:fadein .5s}
.modal-content{background-color:#000;margin:auto;padding:20px;border:1px solid #888;width:50%}
.close{color:#aaa;float:right;font-size:28px;font-weight:700}
.close:focus,.close:hover{color:#00afdb;text-decoration:none;cursor:pointer}
@media screen and (max-width:37.5em){
.modal-content{width:75%}
}
@keyframes fadein{
from{opacity:0}
to{opacity:1}
}