@charset "UTF-8";
/**
* Grid
*/
.row {
  width: 80%;
  margin: 0 auto;
  position: relative;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap; }
  .row [class^="col"] {
    flex: 0 0 auto;
    padding: 8px 2%;
    min-height: 2px;
    box-sizing: border-box; }
  .row .col-1,
  .row .col-2,
  .row .col-3,
  .row .col-4,
  .row .col-5,
  .row .col-6,
  .row .col-7,
  .row .col-8,
  .row .col-9,
  .row .col-10,
  .row .col-11,
  .row .col-12 {
    width: 100%; }
  @media only screen and (min-width: 720px) {
    .row .col-1 {
      width: 8.33333333333333%; }
    .row .col-2 {
      width: 16.6666666666667%; }
    .row .col-3 {
      width: 25%; }
    .row .col-4 {
      width: 33.3333333333333%; }
    .row .col-5 {
      width: 41.6666666666667%; }
    .row .col-6 {
      width: 50%; }
    .row .col-7 {
      width: 58.3333333333333%; }
    .row .col-8 {
      width: 66.6666666666667%; }
    .row .col-9 {
      width: 75%; }
    .row .col-10 {
      width: 83.3333333333333%; }
    .row .col-11 {
      width: 91.6666666666667%; }
    .row .col-12 {
      width: 100%; }
    .row .hidden-sm {
      display: block; } }

/**
* General styles 
*/
h1 {
  font-size: 2.5em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.375em; }

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 0.875em; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  line-height: 1.5em; }

p {
  font-size: 1em;
  line-height: 1.8em;
  margin: 0 0 16px 0; }

a {
  color: #438eec; }

code {
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  margin: 0;
  padding: .2em .4em;
  color: #24292e; }

blockquote {
  border-left: .25em solid #dfe2e5;
  color: #6a737d;
  padding: 0 1em; }

pre {
  word-wrap: normal;
  background-color: #f6f8fa;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.45;
  overflow: auto;
  padding: 16px;
  font-size: 1em;
  margin: 0 0 16px 0; }

pre code {
  padding: 0;
  background: transparent;
  color: #000; }

table {
  width: 100%; }

table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1; }

table td,
table th {
  border: 1px solid #dfe2e5;
  padding: 6px 13px; }

table tr:nth-child(2n) {
  background-color: #f6f8fa; }

dd {
  padding-left: 10px; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

/* forms */
form.form label {
  margin-bottom: 5px;
  display: inline-block; }

form.form label > span {
  display: inline-block;
  width: 100px;
  vertical-align: top; }

form.form button {
  cursor: pointer; }

input.input,
form.form button,
select.input,
textarea.input {
  padding: 0.5em;
  border-radius: 5px;
  border: 1px solid #c1c1c1;
  font-size: 0.9em;
  box-sizing: border-box; }

/**
* Content styling
*/
.content h1, .content h2 {
  padding: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 1.6em;
  margin: 20px 0; }

.content img {
  width: 100%; }

/**
* Misc reusable styles
*/
.gt-after:after {
  content: ' ›';
  transition: margin-left 0.2s; }

.gt-after:hover:after {
  margin-left: 3px; }

/* header-title = big blue title header on some pages */
.header-title {
  background: linear-gradient(120deg, #1F3241, #455E6E 70.71%);
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  padding: 70px 0; }

.header-title h1 {
  border-bottom: none; }

.header-title-left {
  text-align: left; }

.header-title-small {
  padding: 5px 0; }

/* Warnings / errors / success notifications */
.notif-success {
  text-align: center;
  background: #79cd80;
  border: 1px solid #5d9e63;
  padding: 7px; }

/**
* Main layout
*/
html {
  height: 100%; }

body {
  margin: 0;
  color: #404242;
  background: #f5f5f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #404242;
  line-height: 1.6em;
  min-height: 100%;
  display: flex;
  flex-direction: column; }

/* Grow the main content so that the footer is always at the bottom */
body > header {
  position: fixed;
  width: 100%;
  height: 50px; }

body > main {
  flex-grow: 1;
  margin-top: 50px; }

header.container {
  background: #0c2e3c;
  color: #e7e9ec;
  z-index: 1;
  box-shadow: 0px 14px 20px 0px #00000030; }

header.container::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff45;
  top: 100%;
  position: absolute; }

header h1 {
  margin: 0;
  line-height: 1.3em;
  font-size: 1.5em;
  display: inline; }

header h1 a {
  color: inherit;
  text-decoration: none; }

header h1 a > * {
  vertical-align: middle; }

header h1 a .com {
  color: #74a8cb; }

header nav {
  text-align: right;
  white-space: nowrap;
  float: right; }

header .nav-openmenu {
  display: none;
  float: right;
  cursor: pointer; }

header .nav-openmenu-check {
  display: none; }

header nav a {
  color: #e7e9ec;
  margin-left: 1em;
  padding: 0 1em;
  text-decoration: none;
  line-height: 2em;
  display: inline-block; }

header nav a:hover {
  background: #3e5665; }

header .nav-openmenu .spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #fff; }

header .nav-openmenu .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px; }

header .nav-openmenu .diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left; }

header .nav-openmenu .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px; }

header .nav-openmenu-check:checked ~ label > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0; }

header .nav-openmenu-check:checked ~ label > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px; }

header .nav-openmenu-check:checked ~ label > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px; }

@media (max-width: 860px) {
  header .nav-openmenu {
    display: inline-block;
    height: 22px;
    width: 22px;
    top: 9px;
    position: relative; }
  header nav {
    padding: 1em;
    background: #f5f5f5;
    text-align: left;
    position: fixed;
    top: 50px;
    /* height of the header */
    right: -200px;
    bottom: 0;
    box-shadow: 0px 1px 8px 0px #00000033;
    transition: right 0.2s; }
  header nav a {
    display: block;
    color: #000;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 20px; }
  header nav a:hover {
    background: none; }
  header .nav-openmenu-check:checked ~ nav {
    right: 0; } }

header .user-menu img {
  vertical-align: middle;
  width: 1.3em;
  height: 1.3em;
  margin-right: 5px; }

/* footer stuff */
footer.container {
  background: #2a3135;
  color: #c2c3c5;
  padding: 3em 0; }

footer.container,
footer.container p {
  font-size: 0.9em; }

footer ul {
  list-style: none;
  padding: 0; }

footer li > a {
  text-decoration: none;
  color: #c2c3c5; }

footer li > a:hover {
  text-decoration: underline; }

footer li.header {
  color: #808080; }

/*# sourceMappingURL=global.css.map */