/**
* Anax Flat theme.
*/
/**
 * Base theme including all modules needed.
 *
 * Each module is within its own
 * modules/some-module.less file and is imported by this file.
 * Each module.less can be copied to ./some-module.less and will then
 * be override modules/some-module.less. This is useful when several themes
 * the same modules.
 */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/**
 * Responsive Grid
 */
/**
 * A small clearfix:
 * http://stackoverflow.com/questions/211383/what-methods-of-clearfix-can-i-use
 */
/**
 * Wrap grid in a container.
 */
/**
 * All columns must be wrapped in a row.
 */
/**
 * Create a column spanning @col columns.
 */
/**
 * Push a column @offset columns.
 */
/**
 * Pull a column left @offset columns.
 */
/**
 * Pull a column right @offset columns.
 */
/**
 * Typographic font families to choose from.
 */
/**
 * Default font-families
 */
/**
 * Typographic sizes for horisontal rythm.
 */
/**
 * Magic number for vertical rythm
 * @magicNumber = @fontSizeBody * @lineHeight
 */
/* 16px - 100%/1.5 */
/**
 * Size and lineheight calculation for magicNumber 24
 *
 * 3em     * 16px   = 48 => line-height: 48    = 1
 * 2.875em * 16px   = 46 => line-height: 48/44 = 1.0435
 * 2.75em  * 16px   = 44 => line-height: 48/44 = 1.0909
 * 2.625em * 16px   = 42 => line-height: 48/42 = 1.1429
 * 2.5em   * 16px   = 40 => line-height: 48/40 = 1.2
 * 2.375em * 16px   = 38 => line-height: 48/38 = 1.2632
 * 2.25em  * 16px   = 36 => line-height: 48/36 = 1.3333
 * 2.125em * 16px   = 34 => line-height: 48/34 = 1.4118
 * 2em     * 16px   = 32 => line-height: 48/32 = 1.5
 * 1.875em * 16px   = 30 => line-height: 48/30 = 1.6
 * 1.75em  * 16px   = 28 => line-height: 48/28 = 1.7143
 * 1.625em * 16px   = 26 => line-height: 48/26 = 1.8462
 * 1.5em   * 16px   = 24 => line-height: 24    = 1
 * 1.375em * 16px   = 22 => line-height: 24/22 = 1.0909
 * 1.25em  * 16px   = 20 => line-height: 24/20 = 1.2
 * 1.125em * 16px   = 18 => line-height: 24/18 = 1.3333
 * 1em     * 16px   = 16 => line-height: 24/16 = 1.5
 * 0.875em * 16px   = 14 => line-height: 24/14 = 1.7143
 * 0.75em  * 16px   = 12 => line-height: 24/12 = 2
 */
/**
 * Size and lineheight calculation for magicNumber 22
 *
 * 3em     * 16px   = 48 => line-height: 66/48 = 1.375
 * 2.875em * 16px   = 46 => line-height: 66/46 = 1.4348
 * 2.75em  * 16px   = 44 => line-height: 44    = 1
 * 2.625em * 16px   = 42 => line-height: 44/42 = 1.0476
 * 2.5em   * 16px   = 40 => line-height: 44/40 = 1.1
 * 2.375em * 16px   = 38 => line-height: 44/38 = 1.1579
 * 2.25em  * 16px   = 36 => line-height: 44/36 = 1.2222
 * 2.125em * 16px   = 34 => line-height: 44/34 = 1.2941
 * 2em     * 16px   = 32 => line-height: 44/32 = 1.375
 * 1.875em * 16px   = 30 => line-height: 44/30 = 1.4667
 * 1.75em  * 16px   = 28 => line-height: 44/28 = 1.5714
 * 1.625em * 16px   = 26 => line-height: 44/26 = 1.6923
 * 1.5em   * 16px   = 24 => line-height: 44/24 = 1.8333
 * 1.375em * 16px   = 22 => line-height: 22    = 1
 * 1.25em  * 16px   = 20 => line-height: 22/20 = 1.1
 * 1.125em * 16px   = 18 => line-height: 22/18 = 1.2222
 * 1em     * 16px   = 16 => line-height: 22/16 = 1.375
 * 0.875em * 16px   = 14 => line-height: 22/14 = 1.5714
 * 0.75em  * 16px   = 12 => line-height: 22/12 = 1.8333
*/
/**
 * Typographic mixins.
 */
/**
 * Typographic defaults.
 */
/**
 * Headings
 */
/**
 * Text elements
 */
/**
 * Display source code.
 */
/**
 * Lists
 */
/**
 * Tables. Because of the need for padding on TH and TD, the vertical rhythm
 * on table cells has to be 1.5*@magic-number.
 */
/**
 * More typography elements
 */
.inner-wrap {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
}
.inner-wrap h1,
.inner-wrap h2,
.inner-wrap h3,
.inner-wrap h4,
.inner-wrap h5,
.inner-wrap h6 {
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 24px;
  margin-bottom: 24px;
}
.inner-wrap h1 img,
.inner-wrap h2 img,
.inner-wrap h3 img,
.inner-wrap h4 img,
.inner-wrap h5 img,
.inner-wrap h6 img {
  margin: 0;
}
.inner-wrap h1 {
  font-size: 2.375em;
  line-height: 1.26315789;
  font-weight: normal;
  border-bottom: 0px solid #666;
  margin-bottom: 24px;
}
.inner-wrap h1 ~ h1,
.inner-wrap h1 ~ h2,
.inner-wrap h1 ~ h3,
.inner-wrap h1 ~ h4,
.inner-wrap h1 ~ h5,
.inner-wrap h1 ~ h6 {
  margin-top: 48px;
}
.inner-wrap h1 + h2 {
  margin-top: 24px;
}
.inner-wrap h2 {
  font-size: 1.875em;
  line-height: 1.6;
  font-weight: normal;
  margin-top: 48px;
  margin-bottom: 24px;
  border-bottom: 0px solid #999;
}
.inner-wrap h2 + h3 {
  margin-top: 24px;
}
.inner-wrap h3 {
  font-size: 1.375em;
  line-height: 1.09090909;
  font-weight: normal;
}
.inner-wrap h4 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: normal;
}
.inner-wrap h5 {
  font-size: 1em;
  line-height: 1.5;
}
.inner-wrap h6 {
  font-size: 0.875em;
  line-height: 1.71428571;
}
.inner-wrap p {
  margin-top: 24px;
  margin-bottom: 24px;
}
.inner-wrap small,
.inner-wrap .small,
.inner-wrap .smaller {
  font-size: 0.875em;
}
.inner-wrap strong,
.inner-wrap b {
  font-weight: bold;
}
.inner-wrap mark {
  color: #000;
  background-color: #ffff99;
}
.inner-wrap abbr[title],
.inner-wrap dfn[title] {
  text-decoration: dotted underline;
}
.inner-wrap em,
.inner-wrap i,
.inner-wrap dfn {
  font-style: italic;
}
.inner-wrap sub,
.inner-wrap sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.inner-wrap sup {
  top: -0.5em;
}
.inner-wrap sub {
  bottom: -0.25em;
}
.inner-wrap blockquote {
  border-left: 4px solid #eee;
  padding-left: 1em;
  margin-left: 0;
  margin-bottom: 24px;
}
.inner-wrap pre,
.inner-wrap code,
.inner-wrap kbd,
.inner-wrap samp,
.inner-wrap .code {
  font-size: 1.125em;
  font-family: monospace;
}
.inner-wrap code,
.inner-wrap samp {
  border: 1px solid #ccc;
}
.inner-wrap code {
  background-color: #eee;
}
.inner-wrap pre,
.inner-wrap div.code,
.inner-wrap pre code {
  font-size: 1.25em;
  line-height: 1.5;
  white-space: pre;
}
.inner-wrap pre {
  margin-top: 24px;
  margin-bottom: 24px;
}
.inner-wrap pre code {
  display: block;
  overflow: auto;
}
.inner-wrap div.code,
.inner-wrap pre code {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 23px;
  margin-bottom: 23px;
  padding-top: 12px;
  padding-bottom: 11px;
  padding-left: 0.5em;
  background-color: #eee;
}
.inner-wrap ul,
.inner-wrap ol {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 1.5em;
}
.inner-wrap ul p,
.inner-wrap ol p {
  margin-top: 12px;
  margin-bottom: 12px;
}
.inner-wrap ul ul,
.inner-wrap ol ul,
.inner-wrap ul ol,
.inner-wrap ol ol {
  margin: 0;
}
.inner-wrap ul {
  list-style-type: disc;
}
.inner-wrap ol {
  list-style-type: decimal;
}
.inner-wrap dl {
  margin-top: 24px;
  margin-bottom: 24px;
}
.inner-wrap dl.horizontal dt {
  clear: left;
  float: left;
  width: 7em;
}
.inner-wrap dl.horizontal dd {
  margin-left: 8em;
  display: block;
}
.inner-wrap dd {
  margin-left: 1.5em;
}
.inner-wrap article table,
.inner-wrap .table,
.inner-wrap .table1,
.inner-wrap .table2 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.inner-wrap table.full-width,
.inner-wrap article .table,
.inner-wrap .table,
.inner-wrap .table2 {
  width: 100%;
}
.inner-wrap article table,
.inner-wrap .table,
.inner-wrap .table2 {
  border-collapse: collapse;
}
.inner-wrap article table caption,
.inner-wrap .table caption,
.inner-wrap .table2 caption {
  font-size: 0.875em;
  line-height: 1.71428571;
  text-align: left;
  font-style: italic;
}
.inner-wrap article table th,
.inner-wrap .table th,
.inner-wrap .table2 th {
  vertical-align: bottom;
  font-weight: bold;
  text-align: left;
}
.inner-wrap article table th,
.inner-wrap .table th,
.inner-wrap .table2 th,
.inner-wrap article table td,
.inner-wrap .table td,
.inner-wrap .table2 td {
  padding: 6px;
}
.inner-wrap article table tr:hover,
.inner-wrap .table tr:hover,
.inner-wrap .table2 tr:hover {
  color: #000;
  background-color: #f6f6f6;
  box-shadow: 0 1px 0 #666;
}
.inner-wrap table.striped tbody tr:nth-child(even) td,
.inner-wrap table.striped tbody tr.even td {
  background-color: #fafafa;
}
.inner-wrap hr {
  position: relative;
  top: -2px;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  margin-top: 35px;
  margin-bottom: 36px;
}
.inner-wrap hr:after {
  content: "§";
  position: relative;
  top: -0.7em;
  left: 50%;
  padding: 0 0.25em;
  background-color: #fff;
}
/**
 * Style for responsive menu
 */
/**
 * Outer wrapper for menu
 */
.rm-navbar {
  position: relative;
}
.rm-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Avoid scrolling mobile devices
 * OBSOLETE?
 */
/**
 * Meny layout for the small buttonized menu.
 */
.rm-small {
  display: none;
  float: right;
}
a.rm-button {
  display: inline-block;
  color: inherit;
  background-color: transparent;
  outline: none;
}
a.rm-button:active {
  color: inherit;
  background-color: transparent;
}
a.rm-button .rm-button-face-1 {
  position: absolute;
  transition: color 0.10s ease;
}
a.rm-button .rm-button-face-2 {
  position: relative;
  color: transparent;
  transition: color 0.10s ease;
}
a.rm-button.rm-clicked {
  color: #9FB129;
  background-color: transparent;
}
a.rm-button.rm-clicked .rm-button-face-1 {
  color: transparent;
}
a.rm-button.rm-clicked .rm-button-face-2 {
  z-index: 2;
  color: inherit;
}
/**
 * Standard meny layout, valid for any subtype.
 */
.rm-default li {
  display: inline-block;
}
.rm-default li li {
  display: block;
  min-width: 10em;
}
.rm-default a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  padding: 1em;
  outline: none;
}
.rm-default ul {
  position: absolute;
  z-index: 9999;
  left: -9999px;
}
.rm-default ul.rm-show-submenu {
  left: 0;
}
.rm-default ul li {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
}
.rm-default ul ul {
  left: -9999px;
}
/**
 * Menu layout for the desktop variant, usually full width of browser.
 */
.rm-desktop ul {
  background-color: inherit;
}
.rm-desktop li {
  position: relative;
}
.rm-desktop li a:hover,
.rm-desktop li.current-menu-item a {
  text-decoration: underline;
}
.rm-desktop li a {
  color: inherit;
  background-color: inherit;
}
.rm-desktop li a:hover {
  color: inherit;
  background-color: inherit;
}
.rm-desktop li:hover > ul {
  left: 0;
}
.rm-desktop li:hover > ul.rm-submenu-level-1 {
  left: auto;
  left: 30%;
}
.rm-desktop li .rm-submenu-button {
  display: none;
}
/**
 * Menu layout for the mobile variant, usually for mobile screens.
 */
.rm-mobile {
  width: 100%;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
  background-color: #444;
  color: #fff;
}
.rm-mobile a {
  color: inherit;
}
.rm-mobile li {
  display: block;
  box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.4);
  /*        // Header of submenu is closed
        //&.sub-menu, // For WordPress menu generating
        &.rm-submenu > a:before {
            content: "\f0d7";
        }

        // Header of submenu is opened
        &.rm-submenu-open > a:before {
            content: "\f0d8";
        }
*/
}
.rm-mobile li.rm-submenu-open > ul {
  position: relative;
  left: 0;
}
/**
 * Menu layout for the max variant, for mobile screens and complete menues.
 * Swipe from right by default.
 */
.rm-max.rm-navbar {
  position: absolute;
  top: 16px;
  right: 24px;
}
.rm-max .rm-small {
  display: block;
}
.rm-max .rm-small .rm-button {
  font-size: 2em;
  color: inherit;
}
.rm-max .rm-small .rm-button.rm-clicked {
  color: #9FB129;
  position: fixed;
  top: 16px;
  right: 24px;
  z-index: 999;
}
.rm-max .rm-mobile {
  transition: all 0.15s linear;
  position: fixed;
  z-index: 998;
  top: 0;
  transform: translateX(100%);
  width: 500px;
  max-width: 500px;
  height: 500px;
  overflow-y: auto;
  padding-top: 72px;
  background-color: #131313;
  /* Color when menu item is clicked */
  /* Button for submenu */
  /* Style for submenu */
}
.rm-max .rm-mobile li a:active {
  background-color: transparent;
}
.rm-max .rm-mobile.rm-clicked {
  transform: translateX(0);
}
.rm-max .rm-mobile a:hover {
  text-decoration: underline;
}
.rm-max .rm-mobile .rm-submenu-button {
  font-family: FontAwesome;
  float: right;
  box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.4);
  background-color: #444;
  padding: 8px 24px;
  margin-right: 8px;
  margin-top: 10px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.rm-max .rm-mobile .rm-submenu-button:after {
  content: "\f0d7";
}
.rm-max .rm-mobile .rm-submenu-button:hover {
  text-decoration: none;
  background-color: #ccc;
}
.rm-max .rm-mobile li ul {
  padding-left: 8px;
}
.rm-max .rm-mobile .rm-submenu-open > .rm-submenu-button:after {
  content: "\f0d8";
}
.rm-max.rm-swipe-left .rm-mobile {
  left: 0;
}
.rm-max.rm-swipe-right .rm-mobile {
  right: 0;
}
/** --------------------------------------------------------------
 *  Inner
 */
.inner-wrap {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-flow: row wrap;
  margin-left: -1.04166667%;
  margin-right: -1.04166667%;
}
.row::after {
  content: "";
  display: block;
  clear: both;
}
/** --------------------------------------------------------------
 *  Header
 */
.site-header {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 97.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}
/** --------------------------------------------------------------
 *  Flash
 */
.flash-wrap {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 97.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}
/** --------------------------------------------------------------
 *  Breadcrumb
 */
.breadcrumb-wrap {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 97.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
  padding: 0 6px;
}
/** --------------------------------------------------------------
 *  Main Content
 */
pre {
  overflow: auto;
}
.main img {
  max-width: 100%;
}
.sidebar {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 22.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
  padding: 0 6px;
}
.main {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 97.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
  padding-left: 6px;
  padding-right: 6px;
}
.main.has-sidebar {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 72.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}
/** --------------------------------------------------------------
 *  Footer
 */
.footer {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 97.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}
.footer-column-wrapper {
  display: flex;
  flex-flow: row wrap;
  margin-left: -1.04166667%;
  margin-right: -1.04166667%;
}
.footer-column-wrapper::after {
  content: "";
  display: block;
  clear: both;
}
.footer-column-wrapper::after {
  content: "";
  display: block;
  clear: both;
}
.footer-column {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 31.25%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
  padding: 0 6px;
}
.site-footer {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 97.91666667%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}
/** --------------------------------------------------------------
 *  Querys
 */
@media screen and (max-width: 960px) {
  img {
    max-width: 100%;
  }
  .wrap-all {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 480px) {
  .inner-wrap-main img {
    display: block;
    float: none;
  }
  .flash-wrap img {
    display: none;
  }
  .sidebar {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 97.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
  .main.has-sidebar {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 97.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
  .footer-column {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 97.91666667%;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
  }
}
/** --------------------------------------------------------------
 *  Header
 */
.rm-max .rm-small .rm-button {
  font-size: 2em;
}
.site-logo-text {
  width: 20%;
}
.navbar2 {
  width: 80%;
}
.profile {
  display: none;
  width: 0%;
}
.site-header {
  display: flex;
  height: auto;
  min-height: 60px;
  align-items: center;
}
.site-logo-text {
  font-size: 2em;
}
@media screen and (max-width: 960px) {
  .site-logo-text {
    width: 40%;
  }
  .navbar2 {
    width: 50%;
    display: none;
  }
  .profile {
    display: block;
    width: 10%;
  }
}
.next-previous .next,
.next-previous .previous {
  width: 50%;
}
.next-previous .next {
  float: right;
  text-align: right;
}
.breadcrumb-wrap {
  margin-bottom: 22px;
}
.breadcrumb-wrap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breadcrumb-wrap li {
  display: inline;
}
.breadcrumb-wrap li::after {
  content: " » ";
}
.breadcrumb-wrap a {
  color: black;
}
.breadcrumb-wrap a:hover {
  color: #3f3fab;
}
.breadcrumb-wrap a:active {
  color: blue;
}
.site-footer {
  text-align: center;
  padding-bottom: 10px;
}
.site-footer ul {
  margin: 0;
  padding: 0;
  list-type: none;
}
.site-footer li {
  display: inline;
}
.footer-column ul {
  margin: 0;
  padding: 1em;
  list-style-type: circle;
}
/** --------------------------------------------------------------
 * Figure through .figure
 */
.figure {
  display: table;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  border: 2px solid #7F6300;
  /* Chrome shinks images in td */
  /* Position the images */
}
.figure img {
  max-width: 100%;
  display: block;
}
.figure figcaption {
  display: table-caption;
  caption-side: bottom;
  padding-top: 12px;
}
.figure figcaption p {
  margin-top: 0;
}
.figure td img {
  max-width: none;
}
.figure.left {
  float: left;
  margin-right: 8px;
}
.figure.right {
  float: right;
  margin-left: 8px;
}
.figure.w50 {
  width: 50%;
}
.figure.w25 {
  width: 25%;
}
.figure.center {
  clear: both;
  margin: auto;
}
.figure.center figcaption {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .figure.w50 {
    width: 300px;
  }
  .figure.w25 {
    width: 150px;
  }
}
@media screen and (max-width: 550px) {
  .figure.w50 {
    width: 225px;
  }
}
@media screen and (max-width: 450px) {
  .figure.w50 {
    width: 200px;
  }
}
@media screen and (max-width: 400px) {
  .figure.w50 {
    width: 150px;
  }
}
@media screen and (max-width: 320px) {
  .figure.w50 {
    min-width: 100%;
  }
  .figure.left,
  .figure.right {
    float: none;
    margin-left: 0;
    margin: right: 0;
  }
}
html.light  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
}
html.light  .outer-wrap-header,
html.light  .outer-wrap-footer {
  background-color: #2b2b2b;
}
html.light  .site-header {
  color: #afafaf;
}
html.light  .site-logo-text a {
  text-decoration: none;
  color: inherit;
}
html.light  .breadcrumb-wrap a {
  color: black;
}
html.light  .breadcrumb-wrap a:hover {
  color: #3f3fab;
}
html.light  .breadcrumb-wrap a:active {
  color: blue;
}
html.light  .footer {
  color: #afafaf;
}
html.light  .footer a {
  color: #a5a5c5;
}
html.light  .footer a:hover {
  color: #fff;
}
html.light  .footer a:active {
  color: #6a6aff;
}
html.light  .footer a:visited {
  color: #7070b5;
}
html.color  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
}
html.color  .outer-wrap-header,
html.color  .outer-wrap-footer {
  background-color: #2b2b2b;
}
html.color  .site-header {
  color: #008F00;
}
html.color  .site-logo-text a {
  text-decoration: none;
  color: inherit;
}
html.color  .breadcrumb-wrap a {
  color: #001200;
}
html.color  .breadcrumb-wrap a:hover {
  color: #00c200;
}
html.color  .breadcrumb-wrap a:active {
  color: #64ff64;
}
html.color  .main a {
  color: #001200;
  background-color: #3DCC3D;
  border-radius: 2px;
  padding: 3px;
  margin: 3px;
}
html.color  .main a:hover {
  color: #00c200;
  background-color: #2C912C;
}
html.color  .main a:active {
  color: #64ff64;
  background-color: #00C200;
}
html.color  .toc a {
  color: #001200;
}
html.color  .toc a:hover {
  color: #00c200;
}
html.color  .toc a:active {
  color: #64ff64;
}
html.color  .toc li.selected a {
  background-color: #3DCC3D;
  border-radius: 2px;
}
html.color  .footer {
  color: #008F00;
}
html.color  .footer a {
  color: #00c200;
}
html.color  .footer a:hover {
  color: #3DCC3D;
}
html.color  .footer a:active {
  color: #008F00;
}
html.color  .footer a:visited {
  color: #2C912C;
}
html.inverted  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
  background-color: black;
  color: white;
}
html.inverted  .outer-wrap-header,
html.inverted  .outer-wrap-footer {
  background-color: #D4D4D4;
}
html.inverted  .site-header {
  color: #505050;
}
html.inverted  .site-logo-text a {
  text-decoration: none;
  color: #505050;
}
html.inverted  .breadcrumb-wrap a,
html.inverted  .main a,
html.inverted  ul a {
  color: white;
}
html.inverted  .breadcrumb-wrap a:hover,
html.inverted  .main a:hover,
html.inverted  ul a:hover {
  color: #C0C054;
}
html.inverted  .breadcrumb-wrap a:active,
html.inverted  .main a:active,
html.inverted  ul a:active {
  color: #FFFF00;
}
html.inverted  .footer {
  color: #505050;
}
html.inverted  .footer a {
  color: #5A5A3A;
}
html.inverted  .footer a:hover {
  color: #000;
}
html.inverted  .footer a:active {
  color: #959500;
}
html.inverted  .footer a:visited {
  color: #8F8F4A;
}
html.dark  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
  background-color: #2d3238;
  color: #acb8bf;
}
html.dark  .outer-wrap-header,
html.dark  .outer-wrap-footer {
  background-color: #22252d;
}
html.dark  .site-header {
  color: #98C379;
}
html.dark  .site-header a {
  text-decoration: none;
}
html.dark  .site-header a:visited {
  color: #98C379;
}
html.dark  .site-logo-text a {
  color: #d19a66;
}
html.dark  .site-logo-text a:visited {
  color: #d19a66;
}
html.dark  h1,
html.dark  h2,
html.dark  h3,
html.dark  h4,
html.dark  h5,
html.dark  h6,
html.dark  th {
  color: #d19a66;
}
html.dark  table,
html.dark  table td {
  border: 1px solid #575b61;
}
html.dark  code,
html.dark  .code {
  color: black;
}
html.dark  a {
  color: #98C379;
}
html.dark  a:visited {
  color: #709059;
}
html.dark  a:hover {
  color: #7CCD42;
}
html.dark  a:active {
  color: #35432A;
}
html.colorful  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
}
html.colorful  .outer-wrap-header,
html.colorful  .outer-wrap-footer {
  background-color: #42755A;
}
html.colorful  .site-header {
  color: #CC9933;
}
html.colorful  .site-logo-text a {
  text-decoration: none;
  color: #CC9933;
}
html.colorful  .breadcrumb-wrap a {
  color: #000;
}
html.colorful  .breadcrumb-wrap a:hover {
  color: #8D1DC2;
}
html.colorful  .breadcrumb-wrap a:active {
  color: #591D75;
}
html.colorful  .main a {
  color: #CC9933;
  background-color: #8D1DC2;
  border-radius: 2px;
  padding: 3px;
  margin: 3px;
}
html.colorful  .main a:hover {
  color: #CC9933;
  background-color: #591D75;
}
html.colorful  .main a:active {
  color: #CC9933;
  background-color: #591D75;
}
html.colorful  .toc a {
  color: #000;
}
html.colorful  .toc a:hover {
  color: #8D1DC2;
}
html.colorful  .toc a:active {
  color: #591D75;
}
html.colorful  .toc li.selected a {
  background-color: #CC9933;
  border-radius: 2px;
}
html.colorful  .footer {
  color: #CC9933;
}
html.colorful  .footer a {
  color: #000;
}
html.colorful  .footer a:hover {
  color: #8D1DC2;
}
html.colorful  .footer a:active {
  color: #591D75;
}
html.colorful  .footer a:visited {
  color: #fff;
}
html.typographic  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
}
html.typographic  .outer-wrap-header,
html.typographic  .outer-wrap-footer {
  background-color: #2b2b2b;
}
html.typographic  .site-header {
  color: #afafaf;
}
html.typographic  .site-logo-text a {
  text-decoration: none;
  color: inherit;
}
html.typographic  h1,
html.typographic  h2,
html.typographic  h3,
html.typographic  h4,
html.typographic  h5,
html.typographic  h6 {
  font: 100.01%/1.5 'Press Start 2P', cursive;
}
html.typographic  .breadcrumb-wrap a {
  color: black;
}
html.typographic  .breadcrumb-wrap a:hover {
  color: #3f3fab;
}
html.typographic  .breadcrumb-wrap a:active {
  color: blue;
}
html.typographic  .footer {
  color: #afafaf;
}
html.typographic  .footer a {
  color: #a5a5c5;
}
html.typographic  .footer a:hover {
  color: #fff;
}
html.typographic  .footer a:active {
  color: #6a6aff;
}
html.typographic  .footer a:visited {
  color: #7070b5;
}
html.tresexniotio  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
  background-color: #2d3238;
  background-image: url("../img/karlskronaAtDusk.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: fixed;
  background-size: cover;
  color: #acb8bf;
}
html.tresexniotio  .outer-wrap-header,
html.tresexniotio  .outer-wrap-footer {
  background-color: #22252d;
}
html.tresexniotio  .inner-wrap-main,
html.tresexniotio  .inner-wrap-flash,
html.tresexniotio  .inner-wrap-breadcrumb {
  background-color: rgba(45, 50, 56, 0.75);
}
html.tresexniotio  .inner-wrap-main {
  background-image: url("../img/detail_tr.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: local;
}
html.tresexniotio  .site-header {
  color: #98C379;
}
html.tresexniotio  .site-header a {
  text-decoration: none;
}
html.tresexniotio  .site-header a:visited {
  color: #98C379;
}
html.tresexniotio  .site-logo-text a {
  color: #d19a66;
}
html.tresexniotio  .site-logo-text a:visited {
  color: #d19a66;
}
html.tresexniotio  h1,
html.tresexniotio  h2,
html.tresexniotio  h3,
html.tresexniotio  h4,
html.tresexniotio  h5,
html.tresexniotio  h6,
html.tresexniotio  th {
  color: #d19a66;
}
html.tresexniotio  table,
html.tresexniotio  table td {
  border: 1px solid #575b61;
}
html.tresexniotio  code,
html.tresexniotio  .code {
  color: black;
}
html.tresexniotio  a {
  color: #98C379;
}
html.tresexniotio  a:visited {
  color: #709059;
}
html.tresexniotio  a:hover {
  color: #7CCD42;
}
html.tresexniotio  a:active {
  color: #35432A;
}
html.fematta  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
  background-color: #2d3238;
  color: #acb8bf;
}
html.fematta  .sidebar {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 14.58333333%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}
html.fematta  .main.has-sidebar {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 81.25%;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
}
html.fematta  .inner-wrap {
  max-width: 100%;
}
html.fematta  .outer-wrap-header {
  background-color: #22252d;
  background: -webkit-linear-gradient(#22252d, #5b5e67);
  background: -o-linear-gradient(#22252d, #5b5e67);
  background: -moz-linear-gradient(#22252d, #5b5e67);
  background: linear-gradient(#22252d, #5b5e67);
}
html.fematta  .outer-wrap-footer {
  background-color: #22252d;
  background: -webkit-linear-gradient(#5b5e67, #22252d);
  background: -o-linear-gradient(#5b5e67, #22252d);
  background: -moz-linear-gradient(#5b5e67, #22252d);
  background: linear-gradient(#5b5e67, #22252d);
}
html.fematta  .site-header {
  color: #98C379;
}
html.fematta  .site-header a {
  text-decoration: none;
}
html.fematta  .site-header a:visited {
  color: #98C379;
}
html.fematta  .site-logo-text a {
  color: #d19a66;
}
html.fematta  .site-logo-text a:visited {
  color: #d19a66;
}
html.fematta  h1,
html.fematta  h2,
html.fematta  h3,
html.fematta  h4,
html.fematta  h5,
html.fematta  h6,
html.fematta  th {
  color: #d19a66;
}
html.fematta  table,
html.fematta  table td {
  border: 1px solid #575b61;
}
html.fematta  code,
html.fematta  .code {
  color: black;
}
html.fematta  a {
  color: #98C379;
}
html.fematta  a:visited {
  color: #709059;
}
html.fematta  a:hover {
  color: #7CCD42;
}
html.fematta  a:active {
  color: #35432A;
}
html.fyrasjunio  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
  background-color: #2d3238;
  color: #acb8bf;
}
html.fyrasjunio  .outer-wrap-header,
html.fyrasjunio  .outer-wrap-footer {
  background-color: #22252d;
}
html.fyrasjunio  .inner-wrap-footer {
  background-image: url("../img/footerbg.png");
  background-repeat: no-repeat;
  padding-top: 90px;
}
html.fyrasjunio  .site-header {
  color: #98C379;
}
html.fyrasjunio  .site-header a {
  text-decoration: none;
}
html.fyrasjunio  .site-header a:visited {
  color: #98C379;
}
html.fyrasjunio  .site-logo-text a {
  color: #d19a66;
}
html.fyrasjunio  .site-logo-text a:visited {
  color: #d19a66;
}
html.fyrasjunio  .main {
  background-color: #41464D;
  transform: skewY(-5deg);
  margin-top: 48px;
  margin-bottom: 48px;
  padding-bottom: 48px;
}
html.fyrasjunio  .main article {
  transform: skewY(5deg);
  margin-top: -58px;
}
html.fyrasjunio  .main .byline {
  transform: skewY(5deg);
}
html.fyrasjunio  .main.has-sidebar article {
  transform: skewY(5deg);
  margin-top: -24px;
}
html.fyrasjunio  .main .next-previous {
  transform: skewY(5deg);
}
html.fyrasjunio  .main .next-previous:first-of-type {
  margin-top: -58px;
}
html.fyrasjunio  ul.toc {
  background-color: #41464D;
  transform: skewY(-5deg);
  padding-top: 24px;
  padding-bottom: 24px;
}
html.fyrasjunio  ul.toc li {
  transform: skewY(5deg);
}
html.fyrasjunio  h1,
html.fyrasjunio  h2,
html.fyrasjunio  h3,
html.fyrasjunio  h4,
html.fyrasjunio  h5,
html.fyrasjunio  h6,
html.fyrasjunio  th {
  color: #d19a66;
}
html.fyrasjunio  table,
html.fyrasjunio  table td {
  border: 1px solid #575b61;
}
html.fyrasjunio  code,
html.fyrasjunio  .code {
  color: black;
}
html.fyrasjunio  a {
  color: #98C379;
}
html.fyrasjunio  a:visited {
  color: #709059;
}
html.fyrasjunio  a:hover {
  color: #7CCD42;
}
html.fyrasjunio  a:active {
  color: #35432A;
}
html.fosc  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
  background-color: #2d3238;
  color: #acb8bf;
}
html.fosc  .outer-wrap-header,
html.fosc  .outer-wrap-footer {
  background-color: #22252d;
}
html.fosc  .inner-wrap-footer {
  background-image: url("../img/footerbg.png");
  background-repeat: no-repeat;
  padding-top: 90px;
}
html.fosc  .site-header {
  color: #98C379;
}
html.fosc  .site-header a {
  text-decoration: none;
}
html.fosc  .site-header a:visited {
  color: #98C379;
}
html.fosc  .site-logo-text a {
  color: #d19a66;
}
html.fosc  .site-logo-text a:visited {
  color: #d19a66;
}
html.fosc  .main {
  background-color: #41464D;
  transform: skewY(-5deg);
  margin-top: 48px;
  margin-bottom: 48px;
  padding-bottom: 48px;
}
html.fosc  .main article {
  transform: skewY(5deg);
  margin-top: -58px;
}
html.fosc  .main .byline {
  transform: skewY(5deg);
}
html.fosc  .main.has-sidebar article {
  transform: skewY(5deg);
  margin-top: -24px;
}
html.fosc  .main .next-previous {
  transform: skewY(5deg);
}
html.fosc  .main .next-previous:first-of-type {
  margin-top: -58px;
}
html.fosc  ul.toc {
  background-color: #41464D;
  transform: skewY(-5deg);
  padding-top: 24px;
  padding-bottom: 24px;
}
html.fosc  ul.toc li {
  transform: skewY(5deg);
}
html.fosc  h1,
html.fosc  h2,
html.fosc  h3,
html.fosc  h4,
html.fosc  h5,
html.fosc  h6,
html.fosc  th {
  color: #d19a66;
}
html.fosc  table,
html.fosc  table td {
  border: 1px solid #575b61;
}
html.fosc  code,
html.fosc  .code {
  color: black;
}
html.fosc  a {
  color: #98C379;
}
html.fosc  a:visited {
  color: #709059;
}
html.fosc  a:hover {
  color: #7CCD42;
}
html.fosc  a:active {
  color: #35432A;
}
html.baun  body {
  font: 100.01%/1.5 'Source Sans Pro', sans-serif;
  background-color: #2d3238;
  color: #acb8bf;
}
html.baun  .outer-wrap-header,
html.baun  .outer-wrap-footer {
  background-color: #22252d;
}
html.baun  .site-header {
  color: #98C379;
}
html.baun  .site-header a {
  text-decoration: none;
}
html.baun  .site-header a:visited {
  color: #98C379;
}
html.baun  .site-logo-text a {
  color: #d19a66;
}
html.baun  .site-logo-text a:visited {
  color: #d19a66;
}
html.baun  .main,
html.baun  .sidebar {
  background-color: #41464D;
}
html.baun  h1,
html.baun  h2,
html.baun  h3,
html.baun  h4,
html.baun  h5,
html.baun  h6,
html.baun  th {
  color: #d19a66;
  text-decoration: underline;
}
html.baun  table,
html.baun  table td {
  border: 1px solid #575b61;
}
html.baun  code,
html.baun  .code {
  color: black;
}
html.baun  a {
  color: #98C379;
}
html.baun  a:visited {
  color: #709059;
}
html.baun  a:hover {
  color: #7CCD42;
}
html.baun  a:active {
  color: #35432A;
}
html.vgrid .inner-wrap {
  background: url(../img/grid/grid960x12x60x20.png) repeat-y fixed center center;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
@media (min-width: 960px) {
  html.vgrid .inner-wrap {
    background-size: 960px auto;
  }
}
html.hgrid .inner-wrap {
  background: url(../img/grid/hgrid960x24.png) repeat-y;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
@media (min-width: 960px) {
  html.hgrid .inner-wrap {
    background-size: 960px auto;
  }
}
/** --------------------------------------------------------------
 *  Logo images
 */
.logo-1 {
  position: absolute;
  top: 70px;
  left: -140px;
}
.site-logo-text-icon img {
  vertical-align: bottom;
}