/*
	Based on Industrious by TEMPLATED
	templated.co (at)templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
	** THE ORIGINAL WORK HAS BEEN MODIFIED **
*/

/* Basic */
@-ms-viewport {
  width: device-width; }
body {
  -ms-overflow-style: scrollbar; }

@media screen and (max-width: 480px) {
  html, body {
    min-width: 320px; } }
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background: #ffffff; }
  body.is-preload *, body.is-preload *:before, body.is-preload *:after {
    animation: none !important;
    transition: none !important; }

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  -webkit-text-size-adjust: none; }

mark {
  background-color: transparent;
  color: inherit; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input, select, textarea {
  appearance: none; }

/* Typography */
html { font-size: 62.5%; }

  /*
  font-size: 13pt; }
  @media screen and (max-width: 1680px) {
    html {
      font-size: 12pt; } }
  @media screen and (max-width: 980px) {
    html {
      font-size: 11pt; } }
  @media screen and (max-width: 480px) {
    html {
      font-size: 10pt; } }
  */

body {
  background: #fff7ea; color: #363638; }

body, input, select, textarea {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
  font-size:1.8rem;
  line-height: 1.6; }

a {
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  color: #ba2731;
  border-bottom: dotted 1px transparent;
  text-decoration: none; }

  a:hover {
	border-bottom-color: inherit; }

strong, b {
  font-weight: 600; }

em, i {
  font-style: italic; }

small { font-size:smaller; }

p {
  margin: 0 0 1em 0; }

header.special {
  /*text-align: center;*/
  margin-bottom: 4rem; }
  header.special h1 { line-height:1; margin-bottom:0.5rem;}
  header.special p {
    font-size:2.4rem;
    /*max-width: 75%;
    margin-left: auto;
    margin-right: auto;*/ }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.5;
  hyphens:manual;
  margin: 0 0 1.5rem 0; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none; border-bottom: none; }

h1 {
  font-size: 3.6rem; }

h2 {
  font-size: 2.8rem;
  line-height: 1.3; }

.frontpage h2 { font-size:3.2rem; }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.6rem; }

h6 {
  font-size: 1.4rem; }

@media screen and (max-width: 736px) {
  h1 {
    font-size: 3.6rem;
    line-height: 1.3; }

  h2, .frontpage h2 {
    font-size:2.4rem;
    line-height: 1.5; }

  h3 {
    font-size: 2rem; }

  h4 {
  font-size: 1.8rem; } }

@media screen and (max-width: 480) {
  body, input, select, textarea {
    font-size:1.6rem;
  }
}
sub {
  font-size: 0.8rem;
  position: relative;
  top: 0.5rem; }

sup {
  font-size: 0.8rem;
  position: relative;
  top: -0.5rem; }

blockquote {
  border-left: solid 0.5rem;
  font-style: italic;
  margin: 0 0 2rem 0;
  padding: 1rem 0 1rem 2rem; }

code {
  border-radius: 4px;
  border: solid 1px;
  font-family: "Courier New", monospace;
  font-size: 0.9rem;
  margin: 0 0.25rem;
  padding: 0.25rem 0.65rem; }

pre {
  -webkit-overflow-scrolling: touch;
  font-family: "Courier New", monospace;
  font-size: 0.9rem;
  margin: 0 0 2rem 0; }
  pre code {
    display: block;
    line-height: 1.75;
    padding: 1rem 1.5rem;
    overflow-x: auto; }

hr {
  border: 0;
  border-bottom: solid 1px;
  margin: 2rem 0; }
  hr.major {
    margin: 4rem 0; }

blockquote {
  border-left-color: rgba(0, 0, 0, 0.25); }

code {
  background: rgba(0, 0, 0, 0.075);
  border-color: rgba(0, 0, 0, 0.25); }

hr {
  border-bottom-color: rgba(0, 0, 0, 0.25); }

 /* Misc */
.bolder { font-weight:500; }
.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }
.uppercase { text-transform:uppercase; }

/* Inner */
.inner {
  position:relative;
  margin: 0 auto;
  width: 144rem;
  max-width:100%; padding: 0 2.5rem; }

@media screen and (max-width: 480px) {
  .inner { padding: 0 1.5rem; }
}

/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  appearance: none;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  border: 0;
  border-radius: 3rem;
  cursor: pointer;
  display: inline-block;
  font-weight: 400; font-size:1.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; }
  input[type="submit"].small,
  input[type="reset"].small,
  input[type="button"].small,
  button.small,
  .button.small {
    font-size: 1.4rem;
    height: 2.4375rem;
    line-height: 2.4375rem;
    padding: 0 1.25rem; }
  input[type="submit"].large,
  input[type="reset"].large,
  input[type="button"].large,
  button.large,
  .button.large {
    font-size: 2rem;
    height: 4.0625rem;
    line-height: 4.0625rem;
    padding: 0 2rem; }
  input[type="submit"].wide,
  input[type="reset"].wide,
  input[type="button"].wide,
  button.wide,
  .button.wide {
    min-width: 13rem; }
  input[type="submit"].icon:before,
  input[type="reset"].icon:before,
  input[type="button"].icon:before,
  button.icon:before,
  .button.icon:before {
    margin-right: 0.5rem; }
  input[type="submit"].fit,
  input[type="reset"].fit,
  input[type="button"].fit,
  button.fit,
  .button.fit {
    width: 100%; }
  input[type="submit"].disabled, input[type="submit"]:disabled,
  input[type="reset"].disabled,
  input[type="reset"]:disabled,
  input[type="button"].disabled,
  input[type="button"]:disabled,
  button.disabled,
  button:disabled,
  .button.disabled,
  .button:disabled {
    pointer-events: none;
    opacity: 0.25; }

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #363638;
  color: #363638; }
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  button:hover,
  .button:hover {
    box-shadow: inset 0 0 0 1px #385BD8;
    color: #385BD8; }
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    button:hover:active,
    .button:hover:active {
	  box-shadow: inset 0 0 0 1px #B0B1F3;
	  color: #B0B1F3; }
  input[type="submit"].primary,
  input[type="reset"].primary,
  input[type="button"].primary,
  button.primary,
  .button.primary {
	padding: 0 2rem;
    box-shadow: none;
    background-color: #B0B1F3;
    color: #000 !important; }
    input[type="submit"].primary:hover,
    input[type="reset"].primary:hover,
    input[type="button"].primary:hover,
    button.primary:hover,
    .button.primary:hover {
      background-color: #E2E1F7;
      box-shadow: none; }
      input[type="submit"].primary:hover:active,
      input[type="reset"].primary:hover:active,
      input[type="button"].primary:hover:active,
      button.primary:hover:active,
      .button.primary:hover:active {
        background-color: #B0B1F3; }
  input[type="submit"].green,
  input[type="reset"].green,
  input[type="button"].green,
  button.green,
  .button.green {
    padding: 0 2rem;
    box-shadow: none;
    background-color: #7FBF7F;
    color: #fff; }
    input[type="submit"].green:hover,
    input[type="reset"].green:hover,
    input[type="button"].green:hover,
    button.green:hover,
    .green:hover {
      background-color: #DFF3DF;
      box-shadow: none;
      color: #363638 !important; }
      input[type="submit"].green:hover:active,
      input[type="reset"].green:hover:active,
      input[type="button"].green:hover:active,
      button.green:hover:active,
      .button.green:hover:active {
        background-color: #BBF0B9;
        box-shadow: none; }
  input[type="submit"].red,
  input[type="reset"].red,
  input[type="button"].red,
  button.red,
  .button.red {
    padding: 0 2rem;
    box-shadow: none;
    background-color: #F36863;
    color: #fff; }
    input[type="submit"].red:hover,
    input[type="reset"].red:hover,
    input[type="button"].red:hover,
    button.red:hover,
    .red:hover {
      background-color: rgba(243,104,99,0.65);
      box-shadow: none;
      /*color: #363638 !important;*/ }
      input[type="submit"].red:hover:active,
      input[type="reset"].red:hover:active,
      input[type="button"].red:hover:active,
      button.green:hover:active,
      .button.green:hover:active {
        background-color: rgba(243,104,99,0.9);
        box-shadow: none; }
  input[type="submit"].special,
  input[type="reset"].special,
  input[type="button"].special,
  button.special,
  .button.special {
    color: #363638;
    padding: 0 2rem;
    box-shadow: inset 0 0 0 1px #363638;
    background-color: transparent;
  }
    input[type="submit"].special:hover,
    input[type="reset"].special:hover,
    input[type="button"].special:hover,
    button.special:hover,
    .button.special:hover {
      color: #363638;
      box-shadow: inset 0 0 0 1px #363638;
      background-color: rgba(0,0,0,0.05); }
      input[type="submit"].special:hover:active,
      input[type="reset"].special:hover:active,
      input[type="button"].special:hover:active,
      button.special:hover:active,
      .button.special:hover:active {
        color: #363638;
        box-shadow: inset 0 0 0 1px #363638;
        background-color: rgba(0,0,0,0.1); }
  input[type="submit"].special.red,
  input[type="reset"].special.red,
  input[type="button"].special.red,
  button.special.red,
  .button.special.red {
    color: #fff;
    box-shadow: inset 0 0 0 1px #fff;
  }
    input[type="submit"].special.red:hover,
    input[type="reset"].special.red:hover,
    input[type="button"].special.red:hover,
    button.special.red:hover,
    .button.special.red:hover {
      color: #fff;
      box-shadow: inset 0 0 0 1px #fff;
      background-color: rgba(255,255,255,0.2); }
      input[type="submit"].special.red:hover:active,
      input[type="reset"].special.red:hover:active,
      input[type="button"].special.red:hover:active,
      button.special.red:hover:active,
      .button.special.red:hover:active {
        color: #fff;
        box-shadow: inset 0 0 0 1px #fff;
        background-color: rgba(255,255,255,0.35); }

/* Form */

#login { max-width:50rem; }
#login .inputwrapper, #recover .inputwrapper { border-radius: 4px; margin-bottom:1rem; padding-left:3rem; position:relative; background:#fff; border:1px solid rgba(0,0,0,.25); }
#login .inputwrapper input { border:none !important; box-shadow: none !important; }
#login .inputwrapper:has(> input:focus) { border-color:#f36863; }
#login .inputwrapper > :not(input), #recover .inputwrapper  > :not(input) { font-size:2rem; position:absolute; left:1rem; top:1rem; }
#login .commands { margin-top: 2rem }
#login div.error { color: #f36863; text-transform:none; font-style:italic; font-size:1.6rem; }

form {
  margin: 0 0 2rem 0; }

#orderform input[type="number"]  { width:10rem; display:inline-block; margin-left:1.5rem; }
#orderform input#DIcode { width:10rem; display:inline-block; margin:0 1rem; }

.inputwrapper, .select-wrapper { display:inline-block; position:relative; width:100%; text-align:left; margin-bottom:1rem; }
.inputwrapper.search:before, .select-wrapper:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family:'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    color: #f36863;
  }
.inputwrapper.search:before, .select-wrapper:before {
    content: '\f078';
    font-size:2rem;
    display: block;
    height: 2em;
    line-height: 4rem;
    pointer-events: none;
    position: absolute;
    right: 0rem;
    text-align: center;
    width: 2em;
}
.inputwrapper.search:before { content: '\f002'; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"],
select,
textarea {
  appearance: none;
  border-radius: 4px;
  border: none;
  border: solid 1px;
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 1rem;
  font-size:1.6rem;
  text-decoration: none;
  width: 100%; }
  input[type="text"]:invalid,
  input[type="password"]:invalid,
  input[type="email"]:invalid,
  input[type="tel"]:invalid,
  input[type="search"]:invalid,
  input[type="url"]:invalid,
  input[type="number"]:invalid,
  select:invalid,
  textarea:invalid {
    box-shadow: none; }

label, .label {
  display: block;
  margin: 0 0 0.5rem 0; }
.inline { display:inline-block; }
.leftfield { line-height: 3.8rem; }
.description { display:inline-block; margin-top:1rem; font-size:1.6rem; }

@media screen and (max-width: 480px) {
  .leftfield { line-height:initial; }
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"] {
  height: 4rem; }

select {
  height: 4rem;
  padding-right: 4rem;
  text-overflow: ellipsis; }
  select:focus::-ms-value {
    background-color: transparent; }
  select::-ms-expand {
    display: none; }

  select option {
  color: #363638; font-size:1.6rem;
  background-color: #ffffff; }

textarea {
  padding: 0.75rem 1rem; }

input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  display: block;
  float: left;
  margin-right: -2rem;
  opacity: 0;
  width: 1rem;
  z-index: -1; }
  input[type="checkbox"][required], input[type="radio"][required] { appearance: auto; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    padding-left: 2.825rem;
    /*padding-right: 0.875rem;*/
    position: relative; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 6 Pro";
      font-style: normal;
      font-weight: normal;
      text-transform: none !important; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      border-radius: 4px;
      border: solid 1px;
      content: '';
      display: inline-block;
      height: 1.95rem;
      left: 0;
      line-height: 1.9rem;
      position: absolute;
      text-align: center;
      top:0.2rem;
      width: 1.95rem; }
  input[type="checkbox"]:checked + label:before,
  input[type="radio"]:checked + label:before {
    content: '\f00c'; }

input[type="checkbox"] + label:before {
  border-radius: 4px; }

input[type="radio"] + label:before {
  border-radius: 100%; }

::placeholder {
  color: #363638 !important;
  opacity: .9; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"],
select,
textarea {
  background-color: #fff; /*#fff7ea;*/
  border-color: rgba(0, 0, 0, 0.25); }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="search"]:focus,
  input[type="url"]:focus,
  input[type="number"]:focus,
  select:focus,
  textarea:focus {
    border-color: #f36863;
    box-shadow: 0 0 0 1px #f36863; }

input[type="checkbox"] + label { color: #363638; }
input[type="radio"] + label {
  color: #363638; margin-right:2rem; }
  input[type="checkbox"] + label:before,
  input[type="radio"] + label:before {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.25); }
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  background-color: #f36863;
  border-color: #f36863;
  color: #ffffff; }
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
  border-color: #f36863;
  box-shadow: 0 0 0 1px #f36863; }

/* List */
ol {
  list-style: decimal outside;
  margin: 0 0 2rem 0;
  padding-left: 1.25rem; }
  ol li {
    padding-left: 0.25rem; }

ul {
  list-style: disc outside;
  margin: 0 0 2rem 2.5rem;
  /*padding-left: 1rem;*/ }
  ul li {
    margin-bottom:0.5rem; /*padding-left: 0.325rem;*/ }
  ul.plain {
    list-style: none;
    padding-left: 0; }
    ul.plain li {
      margin-bottom: 1rem; }
      ul.plain li .icon {
        border-radius: 4px;
        color: #ffffff;
        display: inline-block;
        margin-right: 1rem;
        text-align: center;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        background: rgba(0, 0, 0, 0.5); }
  ul.alt {
    list-style: none;
    padding-left: 0; margin:0; }
    ul.alt li {
      border-top: solid 1px;
      padding: 0.75rem 0; }
      ul.alt li:first-child {
        border-top: 0;
        padding-top: 0; }
      ul.alt li:last-child {
        padding-bottom: 0; }

dl {
  margin: 0 0 2rem 0; }
  dl dt {
    display: block;
    font-weight: 600;
    margin: 0 0 1rem 0; }
  dl dd {
    margin-left: 1.5rem; }

ul.alt li {
  border-top-color: rgba(54, 54, 54, 0.2); }

/* Table */
.table-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto; }

table {
  margin: 0 0 2rem 0;
  width: 100%; }
  table tbody tr {
    border: solid 1px;
    border-left: 0;
    border-right: 0; }
  table td {
    padding: 0.75rem 0.75rem; }
  table th {
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0 0.75rem 0.75rem 0.75rem;
    text-align: left; }
  table thead {
    border-bottom: solid 2px; }
  table tfoot {
    border-top: solid 2px; }
  table.alt {
    border-collapse: separate; }
    table.alt tbody tr td {
      border: solid 1px;
      border-left-width: 0;
      border-top-width: 0; }
      table.alt tbody tr td:first-child {
        border-left-width: 1px; }
    table.alt tbody tr:first-child td {
      border-top-width: 1px; }
    table.alt thead {
      border-bottom: 0; }
    table.alt tfoot {
      border-top: 0; }

table tbody tr {
  border-color: rgba(0, 0, 0, 0.25); }
  table tbody tr:nth-child(2n + 1) {
    background-color: rgba(0, 0, 0, 0.075); }
table th {
  color: #555555; }
table thead {
  border-bottom-color: rgba(0, 0, 0, 0.25); }
table tfoot {
  border-top-color: rgba(0, 0, 0, 0.25); }
table.alt tbody tr td {
  border-color: rgba(0, 0, 0, 0.25); }

/* Highlights */
.highlights {
  width: 100%;
  margin: 2.5rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  row-gap: 3rem;
  column-gap:3%; }

  .highlights.fourcols { column-gap:2%; }

  .highlights > * {
    flex-shrink: 1;
    flex-grow: 0;
    width:31.3333%; }

    .highlights.fourcols > * {
      width:23.5%;
    }

.highlights .content {
  border-radius: 3rem;
  height: 100%;
  padding: 0;
  position:relative;
  background: #ffffff;
  /*box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025);*/
  box-shadow:0 16px 32px rgba(15,17,17,.05),0 8px 16px rgba(15,17,17,.05);
  transition: .2s ease-in-out;
}

.highlights .content:hover {
	box-shadow: 0 32px 64px rgba(15,17,17,.05),0 16px 32px rgba(15,17,17,.05);
	transform: scale(1.02);
}

.highlights .innercontent { padding:3rem; }
.highlights .innercontent small > span:first-of-type { margin-right:1rem; }
.highlights .innercontent i { margin-right:0.5rem; }

.highlights .content > a { border-bottom:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
.highlights .content .readmore { transition: border-color 0.2s ease-in-out; color: #ba2731; border-bottom: dotted 1px transparent; }
.highlights .content:hover .readmore { border-bottom-color:inherit; }

@media screen and (max-width: 1200px) {
  .highlights.fourcols > * { width:49%; }
}

@media screen and (max-width: 980px) {
    .highlights > *, .highlights.fourcols > * {
      /*width: 47%;*/ width: 80%; margin-left:auto; margin-right:auto;}
}

@media screen and (max-width: 736px) {
    .highlights > *, .highlights.fourcols > * {
      width: 100%; }
}

  /*.highlights > * {
    width: 33.3333333333%; }
  .highlights > * {
    padding: 1.5rem;
    width: calc(33.3333333333% + 1rem); }
  .highlights > :nth-child(-n + 3) {
    padding-top: 0; }
  .highlights > :nth-last-child(-n + 3) {
    padding-bottom: 0; }
  .highlights > :nth-child(3n + 1) {
    padding-left: 0; }
  .highlights > :nth-child(3n) {
    padding-right: 0; }
  .highlights > :nth-child(3n + 1),
  .highlights > :nth-child(3n) {
    width: calc(33.3333333333% + -0.5rem); }
  .highlights .content {
    border-radius: 20px;
    height: 100%;
    padding: 3rem;
    text-align: center; }
    .highlights .content .icon {
      font-size: 5rem; }
  .highlights > div > :last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    .highlights > * {
      width: 50%; }
    .highlights > * {
      padding: 1rem;
      width: calc(33.3333333333% + 0.6666666667rem); }
    .highlights > :nth-child(-n + 3) {
      padding-top: 1rem; }
    .highlights > :nth-last-child(-n + 3) {
      padding-bottom: 1rem; }
    .highlights > :nth-child(3n + 1) {
      padding-left: 1rem; }
    .highlights > :nth-child(3n) {
      padding-right: 1rem; }
    .highlights > :nth-child(3n + 1),
    .highlights > :nth-child(3n) {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .highlights > * {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .highlights > :nth-child(-n + 2) {
      padding-top: 0; }
    .highlights > :nth-last-child(-n + 2) {
      padding-bottom: 0; }
    .highlights > :nth-child(2n + 1) {
      padding-left: 0; }
    .highlights > :nth-child(2n) {
      padding-right: 0; }
    .highlights > :nth-child(2n + 1),
    .highlights > :nth-child(2n) {
      width: calc(50% + 0rem); }
    .highlights .content {
      padding: 2rem; } }
  @media screen and (max-width: 736px) {
    .highlights > * {
      width: 100%; }
    .highlights > * {
      padding: 1rem;
      width: calc(33.3333333333% + 0.6666666667rem); }
    .highlights > :nth-child(-n + 3) {
      padding-top: 1rem; }
    .highlights > :nth-last-child(-n + 3) {
      padding-bottom: 1rem; }
    .highlights > :nth-child(3n + 1) {
      padding-left: 1rem; }
    .highlights > :nth-child(3n) {
      padding-right: 1rem; }
    .highlights > :nth-child(3n + 1),
    .highlights > :nth-child(3n) {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .highlights > * {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .highlights > :nth-child(-n + 2) {
      padding-top: 1rem; }
    .highlights > :nth-last-child(-n + 2) {
      padding-bottom: 1rem; }
    .highlights > :nth-child(2n + 1) {
      padding-left: 1rem; }
    .highlights > :nth-child(2n) {
      padding-right: 1rem; }
    .highlights > :nth-child(2n + 1),
    .highlights > :nth-child(2n) {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .highlights > * {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .highlights > :nth-child(-n + 1) {
      padding-top: 0; }
    .highlights > :nth-last-child(-n + 1) {
      padding-bottom: 0; }
    .highlights > :nth-child(1n + 1) {
      padding-left: 0; }
    .highlights > :nth-child(1n) {
      padding-right: 0; }
    .highlights > :nth-child(1n + 1),
    .highlights > :nth-child(1n) {
      width: calc(100% + 1rem); } }
*/

/* Testimonials */
.testimonials {
  margin: 2.5rem 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }
  .testimonials > * {
    flex-shrink: 1;
    flex-grow: 0; }
  .testimonials > * {
    width: 33.3333333333%; }
  .testimonials > * {
    padding: 1.5rem;
    width: calc(33.3333333333% + 1rem); }
  .testimonials > :nth-child(-n + 3) {
    padding-top: 0; }
  .testimonials > :nth-last-child(-n + 3) {
    padding-bottom: 0; }
  .testimonials > :nth-child(3n + 1) {
    padding-left: 0; }
  .testimonials > :nth-child(3n) {
    padding-right: 0; }
  .testimonials > :nth-child(3n + 1),
  .testimonials > :nth-child(3n) {
    width: calc(33.3333333333% + -0.5rem); }
  .testimonials .content {
    border-radius: 4px;
    height: 100%;
    padding: 3rem; }
    .testimonials .content .author {
      display: flex;
      align-items: center; }
      .testimonials .content .author blockquote {
        margin: 0; }
      .testimonials .content .author .image {
        margin-right: 2rem;
        width: 20%; }
        .testimonials .content .author .image img {
          border-radius: 100%;
          max-width: 100%; }
    .testimonials .content .credit {
      font-size: 0.75rem; }
    .testimonials .content p:last-child {
      margin: 0; }
  .testimonials > div > :last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    .testimonials > * {
      width: 50%; }
    .testimonials > * {
      padding: 1rem;
      width: calc(33.3333333333% + 0.6666666667rem); }
    .testimonials > :nth-child(-n + 3) {
      padding-top: 1rem; }
    .testimonials > :nth-last-child(-n + 3) {
      padding-bottom: 1rem; }
    .testimonials > :nth-child(3n + 1) {
      padding-left: 1rem; }
    .testimonials > :nth-child(3n) {
      padding-right: 1rem; }
    .testimonials > :nth-child(3n + 1),
    .testimonials > :nth-child(3n) {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .testimonials > * {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .testimonials > :nth-child(-n + 2) {
      padding-top: 0; }
    .testimonials > :nth-last-child(-n + 2) {
      padding-bottom: 0; }
    .testimonials > :nth-child(2n + 1) {
      padding-left: 0; }
    .testimonials > :nth-child(2n) {
      padding-right: 0; }
    .testimonials > :nth-child(2n + 1),
    .testimonials > :nth-child(2n) {
      width: calc(50% + 0rem); }
    .testimonials .content {
      padding: 2rem; } }
  @media screen and (max-width: 736px) {
    .testimonials > * {
      width: 100%; }
    .testimonials > * {
      padding: 1rem;
      width: calc(33.3333333333% + 0.6666666667rem); }
    .testimonials > :nth-child(-n + 3) {
      padding-top: 1rem; }
    .testimonials > :nth-last-child(-n + 3) {
      padding-bottom: 1rem; }
    .testimonials > :nth-child(3n + 1) {
      padding-left: 1rem; }
    .testimonials > :nth-child(3n) {
      padding-right: 1rem; }
    .testimonials > :nth-child(3n + 1),
    .testimonials > :nth-child(3n) {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .testimonials > * {
      padding: 1rem;
      width: calc(50% + 1rem); }
    .testimonials > :nth-child(-n + 2) {
      padding-top: 1rem; }
    .testimonials > :nth-last-child(-n + 2) {
      padding-bottom: 1rem; }
    .testimonials > :nth-child(2n + 1) {
      padding-left: 1rem; }
    .testimonials > :nth-child(2n) {
      padding-right: 1rem; }
    .testimonials > :nth-child(2n + 1),
    .testimonials > :nth-child(2n) {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .testimonials > * {
      padding: 1rem;
      width: calc(100% + 2rem); }
    .testimonials > :nth-child(-n + 1) {
      padding-top: 0; }
    .testimonials > :nth-last-child(-n + 1) {
      padding-bottom: 0; }
    .testimonials > :nth-child(1n + 1) {
      padding-left: 0; }
    .testimonials > :nth-child(1n) {
      padding-right: 0; }
    .testimonials > :nth-child(1n + 1),
    .testimonials > :nth-child(1n) {
      width: calc(100% + 1rem); } }

.testimonials .content {
  background: #ffffff;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); }
  .testimonials .content .credit strong {
    color: #ce1b28; }

/* Actions */
ul.actions {
  display: flex;
  cursor: default;
  list-style: none;
  margin-left: -1rem;
  padding-left: 0; }
  ul.actions li {
    padding: 0 0 0 1rem;
    vertical-align: middle; }
  ul.actions.special {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: calc(100% + 1rem); }
  ul.actions.stacked {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0; }
    ul.actions.stacked li {
      padding: 1.3rem 0 0 0; }
      ul.actions.stacked li:first-child {
        padding-top: 0; }
  ul.actions.fit {
    width: calc(100% + 1rem); }
    ul.actions.fit li {
      -moz-flex-grow: 1;
      -webkit-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      -moz-flex-shrink: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-shrink: 1;
      flex-shrink: 1;
      width: 100%; }
      ul.actions.fit li > * {
        width: 100%; }
    ul.actions.fit.stacked {
      width: 100%; }
  @media screen and (max-width: 480px) {
    ul.actions:not(.fixed) {
      flex-direction: column;
      margin-left: 0;
      width: 100% !important; }
      ul.actions:not(.fixed) li {
        flex-grow: 1;
        flex-shrink: 1;
        padding: 1rem 0 0 0;
        text-align: center;
        width: 100%; }
        ul.actions:not(.fixed) li > * {
          width: 100%; }
        ul.actions:not(.fixed) li:first-child {
          padding-top: 0; }
        ul.actions:not(.fixed) li input[type="submit"],
        ul.actions:not(.fixed) li input[type="reset"],
        ul.actions:not(.fixed) li input[type="button"],
        ul.actions:not(.fixed) li button,
        ul.actions:not(.fixed) li .button {
          width: 100%; }
          ul.actions:not(.fixed) li input[type="submit"].icon:before,
          ul.actions:not(.fixed) li input[type="reset"].icon:before,
          ul.actions:not(.fixed) li input[type="button"].icon:before,
          ul.actions:not(.fixed) li button.icon:before,
          ul.actions:not(.fixed) li .button.icon:before {
            margin-left: -0.5rem; } }

/* Grid */
.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box; }
  .row > * {
    box-sizing: border-box; }
  .row.gtr-uniform > * > :last-child {
    margin-bottom: 0; }

.row > .imp {
  order: -1; }
.row > .col-1 {
  width: 8.3333333333%; }
.row > .off-1 {
  margin-left: 8.3333333333%; }
.row > .col-2 {
  width: 16.6666666667%; }
.row > .off-2 {
  margin-left: 16.6666666667%; }
.row > .col-3 {
  width: 25%; }
.row > .off-3 {
  margin-left: 25%; }
.row > .col-4 {
  width: 33.3333333333%; }
.row > .off-4 {
  margin-left: 33.3333333333%; }
.row > .col-5 {
  width: 41.6666666667%; }
.row > .off-5 {
  margin-left: 41.6666666667%; }
.row > .col-6 {
  width: 50%; }
.row > .off-6 {
  margin-left: 50%; }
.row > .col-7 {
  width: 58.3333333333%; }
.row > .off-7 {
  margin-left: 58.3333333333%; }
.row > .col-8 {
  width: 66.6666666667%; }
.row > .off-8 {
  margin-left: 66.6666666667%; }
.row > .col-9 {
  width: 75%; }
.row > .off-9 {
  margin-left: 75%; }
.row > .col-10 {
  width: 83.3333333333%; }
.row > .off-10 {
  margin-left: 83.3333333333%; }
.row > .col-11 {
  width: 91.6666666667%; }
.row > .off-11 {
  margin-left: 91.6666666667%; }
.row > .col-12 {
  width: 100%; }
.row > .off-12 {
  margin-left: 100%; }
.row.gtr-0 {
  margin-top: 0;
  margin-left: 0rem; }
  .row.gtr-0 > * {
    padding: 0 0 0 0rem; }
  .row.gtr-0.gtr-uniform {
    margin-top: 0rem; }
    .row.gtr-0.gtr-uniform > * {
      padding-top: 0rem; }
.row.gtr-25 {
  margin-top: 0;
  margin-left: -0.75rem; }
  .row.gtr-25 > * {
    padding: 0 0 0 0.75rem; }
  .row.gtr-25.gtr-uniform {
    margin-top: -0.75rem; }
    .row.gtr-25.gtr-uniform > * {
      padding-top: 0.75rem; }
.row.gtr-50 {
  margin-top: 0;
  margin-left: -1.5rem; }
  .row.gtr-50 > * {
    padding: 0 0 0 1.5rem; }
  .row.gtr-50.gtr-uniform {
    margin-top: -1.5rem; }
    .row.gtr-50.gtr-uniform > * {
      padding-top: 1.5rem; }
.row {
  margin-top: 0;
  margin-left: -3rem; }
  .row > * {
    padding: 0 0 0 3rem; }
  .row.gtr-uniform {
    margin-top: -3rem; }
    .row.gtr-uniform > * {
      padding-top: 3rem; }
.row.gtr-150 {
  margin-top: 0;
  margin-left: -4.5rem; }
  .row.gtr-150 > * {
    padding: 0 0 0 4.5rem; }
  .row.gtr-150.gtr-uniform {
    margin-top: -4.5rem; }
    .row.gtr-150.gtr-uniform > * {
      padding-top: 4.5rem; }
.row.gtr-200 {
  margin-top: 0;
  margin-left: -6rem; }
  .row.gtr-200 > * {
    padding: 0 0 0 6rem; }
  .row.gtr-200.gtr-uniform {
    margin-top: -6rem; }
    .row.gtr-200.gtr-uniform > * {
      padding-top: 6rem; }

@media screen and (max-width: 1680px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box; }
    .row > * {
      box-sizing: border-box; }
    .row.gtr-uniform > * > :last-child {
      margin-bottom: 0; }

  .row > .imp-xlarge {
    order: -1; }
  .row > .col-1-xlarge {
    width: 8.3333333333%; }
  .row > .off-1-xlarge {
    margin-left: 8.3333333333%; }
  .row > .col-2-xlarge {
    width: 16.6666666667%; }
  .row > .off-2-xlarge {
    margin-left: 16.6666666667%; }
  .row > .col-3-xlarge {
    width: 25%; }
  .row > .off-3-xlarge {
    margin-left: 25%; }
  .row > .col-4-xlarge {
    width: 33.3333333333%; }
  .row > .off-4-xlarge {
    margin-left: 33.3333333333%; }
  .row > .col-5-xlarge {
    width: 41.6666666667%; }
  .row > .off-5-xlarge {
    margin-left: 41.6666666667%; }
  .row > .col-6-xlarge {
    width: 50%; }
  .row > .off-6-xlarge {
    margin-left: 50%; }
  .row > .col-7-xlarge {
    width: 58.3333333333%; }
  .row > .off-7-xlarge {
    margin-left: 58.3333333333%; }
  .row > .col-8-xlarge {
    width: 66.6666666667%; }
  .row > .off-8-xlarge {
    margin-left: 66.6666666667%; }
  .row > .col-9-xlarge {
    width: 75%; }
  .row > .off-9-xlarge {
    margin-left: 75%; }
  .row > .col-10-xlarge {
    width: 83.3333333333%; }
  .row > .off-10-xlarge {
    margin-left: 83.3333333333%; }
  .row > .col-11-xlarge {
    width: 91.6666666667%; }
  .row > .off-11-xlarge {
    margin-left: 91.6666666667%; }
  .row > .col-12-xlarge {
    width: 100%; }
  .row > .off-12-xlarge {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0rem; }
    .row.gtr-0 > * {
      padding: 0 0 0 0rem; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0rem; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0rem; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.75rem; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.75rem; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.75rem; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.75rem; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -1.5rem; }
    .row.gtr-50 > * {
      padding: 0 0 0 1.5rem; }
    .row.gtr-50.gtr-uniform {
      margin-top: -1.5rem; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 1.5rem; }
  .row {
    margin-top: 0;
    margin-left: -3rem; }
    .row > * {
      padding: 0 0 0 3rem; }
    .row.gtr-uniform {
      margin-top: -3rem; }
      .row.gtr-uniform > * {
        padding-top: 3rem; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -4.5rem; }
    .row.gtr-150 > * {
      padding: 0 0 0 4.5rem; }
    .row.gtr-150.gtr-uniform {
      margin-top: -4.5rem; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 4.5rem; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -6rem; }
    .row.gtr-200 > * {
      padding: 0 0 0 6rem; }
    .row.gtr-200.gtr-uniform {
      margin-top: -6rem; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 6rem; } }
@media screen and (max-width: 1280px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box; }
    .row > * {
      box-sizing: border-box; }
    .row.gtr-uniform > * > :last-child {
      margin-bottom: 0; }

  .row > .imp-large {
    order: -1; }
  .row > .off-0-large {
  margin-left: 0; }
  .row > .col-1-large {
    width: 8.3333333333%; }
  .row > .off-1-large {
    margin-left: 8.3333333333%; }
  .row > .col-2-large {
    width: 16.6666666667%; }
  .row > .off-2-large {
    margin-left: 16.6666666667%; }
  .row > .col-3-large {
    width: 25%; }
  .row > .off-3-large {
    margin-left: 25%; }
  .row > .col-4-large {
    width: 33.3333333333%; }
  .row > .off-4-large {
    margin-left: 33.3333333333%; }
  .row > .col-5-large {
    width: 41.6666666667%; }
  .row > .off-5-large {
    margin-left: 41.6666666667%; }
  .row > .col-6-large {
    width: 50%; }
  .row > .off-6-large {
    margin-left: 50%; }
  .row > .col-7-large {
    width: 58.3333333333%; }
  .row > .off-7-large {
    margin-left: 58.3333333333%; }
  .row > .col-8-large {
    width: 66.6666666667%; }
  .row > .off-8-large {
    margin-left: 66.6666666667%; }
  .row > .col-9-large {
    width: 75%; }
  .row > .off-9-large {
    margin-left: 75%; }
  .row > .col-10-large {
    width: 83.3333333333%; }
  .row > .off-10-large {
    margin-left: 83.3333333333%; }
  .row > .col-11-large {
    width: 91.6666666667%; }
  .row > .off-11-large {
    margin-left: 91.6666666667%; }
  .row > .col-12-large {
    width: 100%; }
  .row > .off-12-large {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0rem; }
    .row.gtr-0 > * {
      padding: 0 0 0 0rem; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0rem; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0rem; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.375rem; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.375rem; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.375rem; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.375rem; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -0.75rem; }
    .row.gtr-50 > * {
      padding: 0 0 0 0.75rem; }
    .row.gtr-50.gtr-uniform {
      margin-top: -0.75rem; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 0.75rem; }
  .row {
    margin-top: 0;
    margin-left: -1.5rem; }
    .row > * {
      padding: 0 0 0 1.5rem; }
    .row.gtr-uniform {
      margin-top: -1.5rem; }
      .row.gtr-uniform > * {
        padding-top: 1.5rem; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -2.25rem; }
    .row.gtr-150 > * {
      padding: 0 0 0 2.25rem; }
    .row.gtr-150.gtr-uniform {
      margin-top: -2.25rem; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 2.25rem; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -3rem; }
    .row.gtr-200 > * {
      padding: 0 0 0 3rem; }
    .row.gtr-200.gtr-uniform {
      margin-top: -3rem; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 3rem; } }
@media screen and (max-width: 980px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box; }
    .row > * {
      box-sizing: border-box; }
    .row.gtr-uniform > * > :last-child {
      margin-bottom: 0; }
  .row > .center-medium {
    text-align:center; }
  .row > .imp-medium {
    order: -1; }
  .row > .off-0-medium {
    margin-left: 0; }
  .row > .col-1-medium {
    width: 8.3333333333%; }
  .row > .off-1-medium {
    margin-left: 8.3333333333%; }
  .row > .col-2-medium {
    width: 16.6666666667%; }
  .row > .off-2-medium {
    margin-left: 16.6666666667%; }
  .row > .col-3-medium {
    width: 25%; }
  .row > .off-3-medium {
    margin-left: 25%; }
  .row > .col-4-medium {
    width: 33.3333333333%; }
  .row > .off-4-medium {
    margin-left: 33.3333333333%; }
  .row > .col-5-medium {
    width: 41.6666666667%; }
  .row > .off-5-medium {
    margin-left: 41.6666666667%; }
  .row > .col-6-medium {
    width: 50%; }
  .row > .off-6-medium {
    margin-left: 50%; }
  .row > .col-7-medium {
    width: 58.3333333333%; }
  .row > .off-7-medium {
    margin-left: 58.3333333333%; }
  .row > .col-8-medium {
    width: 66.6666666667%; }
  .row > .off-8-medium {
    margin-left: 66.6666666667%; }
  .row > .col-9-medium {
    width: 75%; }
  .row > .off-9-medium {
    margin-left: 75%; }
  .row > .col-10-medium {
    width: 83.3333333333%; }
  .row > .off-10-medium {
    margin-left: 83.3333333333%; }
  .row > .col-11-medium {
    width: 91.6666666667%; }
  .row > .off-11-medium {
    margin-left: 91.6666666667%; }
  .row > .col-12-medium {
    width: 100%; }
  .row > .off-12-medium {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0rem; }
    .row.gtr-0 > * {
      padding: 0 0 0 0rem; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0rem; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0rem; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.375rem; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.375rem; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.375rem; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.375rem; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -0.75rem; }
    .row.gtr-50 > * {
      padding: 0 0 0 0.75rem; }
    .row.gtr-50.gtr-uniform {
      margin-top: -0.75rem; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 0.75rem; }
  .row {
    margin-top: 0;
    margin-left: -1.5rem; }
    .row > * {
      padding: 0 0 0 1.5rem; }
    .row.gtr-uniform {
      margin-top: -1.5rem; }
      .row.gtr-uniform > * {
        padding-top: 1.5rem; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -2.25rem; }
    .row.gtr-150 > * {
      padding: 0 0 0 2.25rem; }
    .row.gtr-150.gtr-uniform {
      margin-top: -2.25rem; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 2.25rem; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -3rem; }
    .row.gtr-200 > * {
      padding: 0 0 0 3rem; }
    .row.gtr-200.gtr-uniform {
      margin-top: -3rem; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 3rem; } }
@media screen and (max-width: 736px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box; }
    .row > * {
      box-sizing: border-box; }
    .row.gtr-uniform > * > :last-child {
      margin-bottom: 0; }

  .row > .imp-small {
    order: -1; }
    .row > .off-0-small {
    margin-left: 0; }
  .row > .col-1-small {
    width: 8.3333333333%; }
  .row > .off-1-small {
    margin-left: 8.3333333333%; }
  .row > .col-2-small {
    width: 16.6666666667%; }
  .row > .off-2-small {
    margin-left: 16.6666666667%; }
  .row > .col-3-small {
    width: 25%; }
  .row > .off-3-small {
    margin-left: 25%; }
  .row > .col-4-small {
    width: 33.3333333333%; }
  .row > .off-4-small {
    margin-left: 33.3333333333%; }
  .row > .col-5-small {
    width: 41.6666666667%; }
  .row > .off-5-small {
    margin-left: 41.6666666667%; }
  .row > .col-6-small {
    width: 50%; }
  .row > .off-6-small {
    margin-left: 50%; }
  .row > .col-7-small {
    width: 58.3333333333%; }
  .row > .off-7-small {
    margin-left: 58.3333333333%; }
  .row > .col-8-small {
    width: 66.6666666667%; }
  .row > .off-8-small {
    margin-left: 66.6666666667%; }
  .row > .col-9-small {
    width: 75%; }
  .row > .off-9-small {
    margin-left: 75%; }
  .row > .col-10-small {
    width: 83.3333333333%; }
  .row > .off-10-small {
    margin-left: 83.3333333333%; }
  .row > .col-11-small {
    width: 91.6666666667%; }
  .row > .off-11-small {
    margin-left: 91.6666666667%; }
  .row > .col-12-small {
    width: 100%; }
  .row > .off-12-small {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0rem; }
    .row.gtr-0 > * {
      padding: 0 0 0 0rem; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0rem; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0rem; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.3125rem; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.3125rem; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.3125rem; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.3125rem; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -0.625rem; }
    .row.gtr-50 > * {
      padding: 0 0 0 0.625rem; }
    .row.gtr-50.gtr-uniform {
      margin-top: -0.625rem; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 0.625rem; }
  .row {
    margin-top: 0;
    margin-left: -1.25rem; }
    .row > * {
      padding: 0 0 0 1.25rem; }
    .row.gtr-uniform {
      margin-top: -1.25rem; }
      .row.gtr-uniform > * {
        padding-top: 1.25rem; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -1.875rem; }
    .row.gtr-150 > * {
      padding: 0 0 0 1.875rem; }
    .row.gtr-150.gtr-uniform {
      margin-top: -1.875rem; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 1.875rem; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -2.5rem; }
    .row.gtr-200 > * {
      padding: 0 0 0 2.5rem; }
    .row.gtr-200.gtr-uniform {
      margin-top: -2.5rem; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 2.5rem; } }
@media screen and (max-width: 480px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box; }
    .row > * {
      box-sizing: border-box; }
    .row.gtr-uniform > * > :last-child {
      margin-bottom: 0; }

  .row > .imp-xsmall {
    order: -1; }
  .row > .col-1-xsmall {
    width: 8.3333333333%; }
  .row > .off-1-xsmall {
    margin-left: 8.3333333333%; }
  .row > .col-2-xsmall {
    width: 16.6666666667%; }
  .row > .off-2-xsmall {
    margin-left: 16.6666666667%; }
  .row > .col-3-xsmall {
    width: 25%; }
  .row > .off-3-xsmall {
    margin-left: 25%; }
  .row > .col-4-xsmall {
    width: 33.3333333333%; }
  .row > .off-4-xsmall {
    margin-left: 33.3333333333%; }
  .row > .col-5-xsmall {
    width: 41.6666666667%; }
  .row > .off-5-xsmall {
    margin-left: 41.6666666667%; }
  .row > .col-6-xsmall {
    width: 50%; }
  .row > .off-6-xsmall {
    margin-left: 50%; }
  .row > .col-7-xsmall {
    width: 58.3333333333%; }
  .row > .off-7-xsmall {
    margin-left: 58.3333333333%; }
  .row > .col-8-xsmall {
    width: 66.6666666667%; }
  .row > .off-8-xsmall {
    margin-left: 66.6666666667%; }
  .row > .col-9-xsmall {
    width: 75%; }
  .row > .off-9-xsmall {
    margin-left: 75%; }
  .row > .col-10-xsmall {
    width: 83.3333333333%; }
  .row > .off-10-xsmall {
    margin-left: 83.3333333333%; }
  .row > .col-11-xsmall {
    width: 91.6666666667%; }
  .row > .off-11-xsmall {
    margin-left: 91.6666666667%; }
  .row > .col-12-xsmall {
    width: 100%; }
  .row > .off-12-xsmall {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0rem; }
    .row.gtr-0 > * {
      padding: 0 0 0 0rem; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0rem; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0rem; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.3125rem; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.3125rem; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.3125rem; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.3125rem; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -0.625rem; }
    .row.gtr-50 > * {
      padding: 0 0 0 0.625rem; }
    .row.gtr-50.gtr-uniform {
      margin-top: -0.625rem; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 0.625rem; }
  .row {
    margin-top: 0;
    margin-left: -1.25rem; }
    .row > * {
      padding: 0 0 0 1.25rem; }
    .row.gtr-uniform {
      margin-top: -1.25rem; }
      .row.gtr-uniform > * {
        padding-top: 1.25rem; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -1.875rem; }
    .row.gtr-150 > * {
      padding: 0 0 0 1.875rem; }
    .row.gtr-150.gtr-uniform {
      margin-top: -1.875rem; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 1.875rem; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -2.5rem; }
    .row.gtr-200 > * {
      padding: 0 0 0 2.5rem; }
    .row.gtr-200.gtr-uniform {
      margin-top: -2.5rem; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 2.5rem; } }
/* Icon */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative; }
  .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family:'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: normal;
    text-transform: none !important; }
  .icon > .label {
    display: none; }

/* Icons */
ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0; }
  ul.icons li {
    display: inline-block;
    padding: 0 1rem 0 0; }
    ul.icons li:last-child {
      padding-right: 0; }
    ul.icons li .icon:before {
      font-size: 2rem; }

/* Image */
.image {
  border-radius: 3rem;
  border: 0;
  display: inline-block;
  position: relative; }
  .image img {
    border-radius: 3rem;
    display: block; }
  .image.left, .image.right {
    max-width: 40%; }
    .image.left img, .image.right img {
      width: 100%; }
  .image.left {
    float: left;
    margin: 0 2rem 2rem 0;
    top: 0.25rem; }
  .image.right {
    float: right;
    margin: 0 0 2rem 2rem;
    top: 0.25rem; }
  .image.fit {
    display: block;
    margin: 0 0 2rem 0;
    width: 100%; }
    .image.fit img {
      width: 100%; }
  .image.main {
    display: block;
    margin: 0 0 6rem 0;
    width: 100%; }
    .image.main img {
      width: 100%; }

    .image figcaption { font-size:1.2rem; font-style:italic; }
    .image figcaption a { color:inherit; }
    .image.round figcaption, .image.card figcaption { position:absolute; bottom:0; right:0.5rem; z-index:-1; }
    .image.round figcaption { bottom:10%; right:30%; }

  .image.round {
    display: block;
    margin: 0;
    width: 100%; }
    .image.round img {
	  border-radius: 50%;
      width: 100%; }
      .image.round.with_symbol_left:after { position:absolute; content:''; bottom:7%; left:2%; width:10rem; height:10rem; background-image: url('../gfx/symbol.svg'); background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
      .image.round.with_symbol_right:after { position:absolute; content:''; top:7%; right:2%; width:10rem; height:10rem; background-image: url('../gfx/symbol.svg'); background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }


  .image.card {
	border-radius:0;
    display: block;
    margin: 0;
    width: 100%; }
    .image.card img {
	  border-radius:0;
	  border-top-left-radius:3rem; border-top-right-radius:3rem;
      width: 100%; }
      .image.card.with_symbol_right:after { position:absolute; content:''; bottom:-12%; right:10%; width:6rem; height:6rem; background-image: url('../gfx/symbol.svg'); background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

  .image.nomargin { margin:0; }

  @media screen and (max-width: 736px) {
    .image.main { margin: 0 0 3rem 0; }
  }

/* Wrappers */
.wrapper {
  padding: 8rem 0 6rem 0 ;
  position: relative;
  z-index: 1; }
  .wrapper.mini {
  padding: 4rem 0 3rem 0 ; }
  @media screen and (max-width: 1280px) {
    .wrapper {
      padding: 6rem 0 4rem 0 ; }
    .wrapper.mini {
      padding: 3rem 0 2rem 0 ; }
  }
  @media screen and (max-width: 736px) {
    .wrapper {
      padding: 4rem 0 4rem 0 ; } }
  @media screen and (max-width: 480px) {
    .wrapper {
      padding: 3rem 0 3rem 0 ; } }

/* Hero */
.hero {
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding:22rem 0 4rem;
  overflow:hidden;
  position:relative;
  width:100%;

}
.hero > .inner { align-items:center; display:flex; justify-content:center; }
.hero > .inner * { text-align:center; color:#fff; }

.hero h1 {
  font-size: 4.2rem; text-transform: uppercase; margin-bottom:0.5rem; font-weight:600; line-height:1.2; letter-spacing:0.1rem; }
.hero header { margin-bottom:4rem; }
.hero p {
  font-size: 1.8rem; font-weight:400; font-style:italic; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-bottom:0.5rem; }
.hero header p { font-size:2.4rem; letter-spacing:0.05rem; }
.hero .content a { color:rgba(255,255,255,0.8); border-bottom-width:0px; }
.hero .content a:hover { color:rgba(255,255,255,1); }

.sclist { background:linear-gradient(180deg, #F36863 35rem, rgba(243,104,99,0) 0, rgba(243,104,99,0) 100%); }
.sclist > .inner { display:flex; align-items:stretch; justify-content:space-evenly; flex-wrap:wrap; gap:2rem 3%; }
.sclist a.sc { display:block; position:relative; color:#fff; padding:0 4rem; border-left:1px solid rgba(255,255,255,0.8); border-bottom-width:0px; flex-shrink: 1 flex-grow: 0; width:31.3333%;}
.sclist a.sc:last-child { border-right:1px solid rgba(255,255,255,0.8); }
sclist a.sc > div > i { }

@media screen and (max-width: 980px) {
  .sclist a.sc { padding:0 2rem; }
}
@media screen and (max-width: 736px) {
  .sclist { background:linear-gradient(180deg, #F36863 65rem, rgba(243,104,99,0) 0, rgba(243,104,99,0) 100%); }
  .sclist a.sc { width:100%; padding-bottom:2rem; border-left-width:0px; border-bottom:1px solid rgba(255,255,255,0.8); }
  .sclist a.sc:last-child { border-right-width:0px; border-bottom-width:0px; }
}

/* Banner */
#banner {
  align-items: center;
  display:flex;
  justify-content:center;
  /*background-image: url("../../images/banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
  border-top: 0;
  height: 56rem !important;
  min-height: 35rem;
  padding:2rem 0;
  overflow: hidden;
  position: relative;
  width: 100%; }

  #banner > .inner {
    display:flex;
    align-items:flex-start;
    justify-content:space-evenly;
    transform: scale(1.0);
    transition: opacity 1s ease, transform 1s ease;
    opacity: 1;
    position: relative;
    z-index: 3;
  }

  #banner .content { background:#E2E1F7; border-radius:3rem; width:46%; padding:3rem 5rem 5rem; }
  #banner > .image, #banner .unslider { width:28%; }
  #banner > .inner > :last-child {
      margin-bottom: 0; }
  #banner h1, #banner h2 {
    font-size: 4.2rem;
    margin-bottom: 1rem; color:#0a0a5f; font-weight:600; }
  #banner p {
    font-size: 2rem; color:#0a0a5f; font-weight:500; }

  @media screen and (max-width: 1280px) {
    #banner video {
      display: none; } }
  @media screen and (max-width: 980px) {
    #banner { height:auto !important; min-height:45rem; padding:0; }
    #banner > .inner { padding-top:3rem; padding-bottom:3rem; flex-direction: column; row-gap:2rem; align-items:center; }
    #banner .content { width:100%; }
    #banner > .image, #banner .unslider { width:50%; }
   }
  @media screen and (max-width: 736px) {
    #banner { height: auto !important; min-height: 30rem; }
      #banner .inner {
        width: 100%; }
      #banner h1 {
        font-size: 3rem;
        margin-bottom: 0.5rem;
        padding-bottom: 0; }
      #banner p {
        font-size: 1.8rem; }
      #banner br {
        display: none; }

    #banner > .image, #banner .unslider { width:75%; }
  }
  @media screen and (max-width: 576px) {
    #banner > .image, #banner .unslider { width:100%; }
  }
  @media screen and (max-width: 480px) {
    #banner p {
      font-size: 1.6rem; } }
  body.is-preload #banner .inner {
    transform: scale(0.99);
    opacity: 0; }
  body.is-preload #banner:before {
    opacity: 1; }

/* CTA */
#cta, .cta {
  color: #363638;
  position: relative;
  z-index: 1; }
  #cta *, .cta * {
    color: inherit; }

    .cta a:not(.button) { color:#BA2731; }
    .cta.transparent { background-color:transparent; }
    .cta.white { background-color: #FFF; }
    .cta.grey { background-color: #E2E2E3; }
    .cta.red { background-color: #F36863; color: #FFF; }
    .cta.blue { background-color: #B0B1F3; }

    .cta.red a:not(.button) { color:#FFF; text-decoration:underline; border-bottom-width:0px; }
    .cta.blue a:not(.button) { color:#363638; text-decoration:underline; border-bottom-width:0px; }

    .cta a:not(.button):hover { text-decoration:none; }

/* box */
.box { margin-top:6rem; background-color: #e2e1f7; padding:3rem; border-radius:3rem; color:#0a0a5f; }

/* Footer */
#footer {
  background-color: #fff;
  padding: 8rem 0 6rem 0 ;
  font-size: 1.4rem; }

  #footer .logo { width:15rem; margin:0 0 3rem 0; }
  #footer .logo a {
    text-decoration:none; border-bottom:none;
    display:block;
    height:0; padding-bottom:37.6395%;
    text-indent:-999em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  #footer header { margin-bottom:1rem; }
  #footer header > * { margin-bottom:0; }
  #footer h2 { font-size: 2.2rem; line-height:1.1;font-weight:400; }
  #footer header p { font-size:1.25rem; }

  #footer a { color:#363638; }
  #footer a:hover { color:#ba2731; }

  #footer .content {
    display: flex;
    /*align-items: center;*/
	gap:4rem;
  }

  #footer .content > div { width:30%; flex-shrink:2; }
  #footer .content > div:first-child { flex-shrink:1; }
  #footer .content > div:last-child { }

  #footer .contact { line-height:1.8; }
  #footer .contact > i { margin-right:1.2rem; }

  #footer .social { margin-top:4rem; }
  #footer .social a { margin-left:1.2rem; color:#ba2731; font-size:3.5rem; border-bottom:none; }
  #footer .social a:hover { color:#363638; }
  #footer .social a:first-child { margin-left:0; }

  #footer .links a { border-bottom:none; }

  #footer .copyright {
    border-top: 1px solid rgba(54,54,56,0.35);
    font-size: 1.4rem;
    opacity: 0.65;
    padding: 4rem 0 2rem;
    margin-top:4rem; }

  #footer .copyright .container { display:flex; align-items:center; justify-content:space-between; }
  #footer .copy a { color:#ba2731; }
  #footer .terms * { margin-left:2rem; }
  #footer .terms a:hover { color:#000; opacity:1.0; }

  @media screen and (max-width: 1280px) {

  }

  @media screen and (max-width: 980px) {
	#footer { padding: 6rem 0 4rem 0 ; }
    #footer .content { flex-wrap: wrap; }
    #footer .content > div { width:45%; }
    #footer .content > div:first-child { order:3; flex-grow:2; }
  }

  @media screen and (max-width: 736px) {
    #footer .content > div { width: 100%; }
  }

  @media screen and (max-width: 480px) {
    #footer { padding: 4rem 0 2rem 0 ; }
  }

/* Flags */
  .flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
  }
  .flag-icon:before {
    content: "\00a0";
  }
  .flag-icon.flag-icon-squared {
    width: 1em;
  }
  .flag-icon.flag-icon-rounded {
    width: 1em; border-radius:50%;
  }
  .flag-icon-gb {
    background-image: url(../flags/4x3/gb.svg);
  }
  .flag-icon-gb.flag-icon-squared, .flag-icon-gb.flag-icon-rounded {
    background-image: url(../flags/1x1/gb.svg);
  }
  .flag-icon-no {
    background-image: url(../flags/4x3/no.svg);
  }
  .flag-icon-no.flag-icon-squared, .flag-icon-no.flag-icon-rounded {
    background-image: url(../flags/1x1/no.svg);
  }

/* Header */
body {
  padding-top: 12rem; }
  /*body:before {
    content: ' ';
    background-image: url(../../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.05; }*/

@keyframes reveal-header {
	0% {
		top: -12rem;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

#header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  background: #fff;
  cursor: default;
  height: 12rem;
  left:0;
  line-height: 12rem;
  position: fixed;
  top: 0;
  width:100%;
  z-index: 10001; }

  #header .inner {  }

  #header .container {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	column-gap:2rem;
    margin-left: -9.3rem;
  }

  #header a { border-bottom: none; }
  #header .lang { margin-left:1.5rem; display:inline-block; }
  #header .lang > a { color:#363638; margin-left:0.5rem; }
  #header .lang > a:hover { color:#BA2731; }
  #header .lang > a.active { font-weight:600; }

  #header .logo { width:20rem; margin:0 3rem 0 0; }
  #header .logo a {
    text-decoration:none; border-bottom:none;
    display:block;
    height:0; padding-bottom:37.6395%;
    text-indent:-999em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }

#nav { flex-grow:2; height:100%; display:inline-block; text-align:center; }

#nav a {
	transition: color 0.2s ease-in-out;
    position:relative;
	display: inline-block;
	padding: 0 0.75em;
	color: #363638;
	text-decoration: none;
    font-weight:400;
    text-transform:none;
}

#nav a:after { content:''; position:absolute; bottom:3.5rem; height:0; left:20%; right:20%; width:0; border-bottom: 0px solid #BA2731; transition: all 0.2s ease-in-out; }

#nav a.active:after { /*border-bottom-color:#BA2731;*/ }
#nav a:hover:after, #nav a.active:after {
	border-bottom-width:3px; width:60%;
}
#nav a.frontpage { display:none; }
#header .lang i { display:none; }

#navtoggle {
	transition: color 0.2s ease-in-out;
	display:none;
	z-index: 10003;
    margin:0 0 0 1.5rem; padding:0;
    font-weight:500; color: #363638;
    text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	/*text-transform: uppercase;*/
}

#navtoggle:hover {
	color: #BA2731;
}

#navtoggle > :not(span) { font-size:2rem; margin-right:0.8rem; position:relative; top:0.1rem; }

#menu a:not(.close) { display:block; position:relative; color:#363638; border-bottom:none; padding:1rem 0; }
#menu a:hover { color: #BA2731; }
#menu a.active { font-weight:500; }
#menu a.active:before { content:''; position:absolute; left:-1.2rem; top:calc(50% - 0.25rem); background:#BA2731; width:5px; height:5px; border-radius: 50%; }
#menu a:not(.close) { border-top:1px solid rgba(54, 54, 56, 0.2); }
#menu a:not(.close):first-child, #menu a.frontpage { border:none; }
#menu .close:hover { color:#BA2731; }

#menu .lang { display:none; margin-top:2rem; text-align:center; }
#menu .lang a { display:inline-block; border:none; margin-right:2rem; margin-top:1rem; }
#menu .lang a > img { display:inline-block; height:1.4rem; margin-right:0.7rem; position:relative; top:0.2rem; }
#menu .lang a.active:before { display:none; }
#menu .lang i { margin-right:0.5rem; }

#header.reveal {
	animation: reveal-header 0.5s ease;
    box-shadow:0 8px 16px rgba(15,17,17,.05),0 4px 8px rgba(15,17,17,.05);
}

#header.alt {
	animation: none;
	box-shadow:none;
	overflow: hidden;
	position: absolute;
}

@media screen and (max-width: 1560px) {
  #header .container { margin-left:0; }
}

@media screen and (max-width: 1200px) {
  #nav { display: none; }
  #navtoggle { display: inline-block; }
  #header .container { justify-content:space-between; }
}

@media screen and (max-width: 980px) {
  body {
    padding-top: 8rem; }

  #header {
    height: 8rem;
    line-height: 8rem; }

    /*#header .container { justify-content:space-between; }*/

    #header .logo { width:15rem; }
  /*
  #nav { display: none; }
  #navtoggle { display: inline-block; }
  */
}

@media screen and (max-width: 576px) {
  #header .lang { display: none; }
  #menu .lang { display:block; }
}

@media screen and (max-width: 480px) {
  #header {
    min-width: 320px; }
  #navtoggle > span { display:none; }
  #header .logo { width:12rem; margin:0 2rem 0 0; }
  #header .links .button.primary { font-size:1.6rem; }
}

/* Heading */
#heading {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  background-color: #111111;
  color: rgba(255, 255, 255, 0.5);
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../../images/banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0;
  display: -ms-flexbox;
  height: 15rem !important;
  min-height: 15rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }
  #heading input, #heading select, #heading textarea {
    color: #ffffff; }
  #heading a {
    color: #ce1b28; }
  #heading strong, #heading b {
    color: #ffffff; }
  #heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 {
    color: #ffffff; }
  #heading blockquote {
    border-left-color: rgba(255, 255, 255, 0.25); }
  #heading code {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }
  #heading hr {
    border-bottom-color: rgba(255, 255, 255, 0.25); }
  #heading input[type="submit"],
  #heading input[type="reset"],
  #heading input[type="button"],
  #heading button,
  #heading .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff !important; }
    #heading input[type="submit"]:hover,
    #heading input[type="reset"]:hover,
    #heading input[type="button"]:hover,
    #heading button:hover,
    #heading .button:hover {
      box-shadow: inset 0 0 0 1px #ce1b28;
      color: #ce1b28 !important; }
      #heading input[type="submit"]:hover:active,
      #heading input[type="reset"]:hover:active,
      #heading input[type="button"]:hover:active,
      #heading button:hover:active,
      #heading .button:hover:active {
        background-color: rgba(206, 27, 40, 0.25); }
    #heading input[type="submit"].primary,
    #heading input[type="reset"].primary,
    #heading input[type="button"].primary,
    #heading button.primary,
    #heading .button.primary {
      box-shadow: none;
      background-color: #ce1b28;
      color: #ffffff !important; }
      #heading input[type="submit"].primary:hover,
      #heading input[type="reset"].primary:hover,
      #heading input[type="button"].primary:hover,
      #heading button.primary:hover,
      #heading .button.primary:hover {
        background-color: #e2212f;
        box-shadow: none; }
        #heading input[type="submit"].primary:hover:active,
        #heading input[type="reset"].primary:hover:active,
        #heading input[type="button"].primary:hover:active,
        #heading button.primary:hover:active,
        #heading .button.primary:hover:active {
          background-color: #b71824; }
  #heading label {
    color: #ffffff; }
  #heading input[type="text"],
  #heading input[type="password"],
  #heading input[type="email"],
  #heading input[type="tel"],
  #heading input[type="search"],
  #heading input[type="url"],
  #heading select,
  #heading textarea {
    background-color: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }
    #heading input[type="text"]:focus,
    #heading input[type="password"]:focus,
    #heading input[type="email"]:focus,
    #heading input[type="tel"]:focus,
    #heading input[type="search"]:focus,
    #heading input[type="url"]:focus,
    #heading select:focus,
    #heading textarea:focus {
      border-color: #ce1b28;
      box-shadow: 0 0 0 1px #ce1b28; }
  #heading select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); }
    #heading select option {
      color: rgba(255, 255, 255, 0.5);
      background-color: #111111; }
  #heading input[type="checkbox"] + label,
  #heading input[type="radio"] + label {
    color: rgba(255, 255, 255, 0.5); }
    #heading input[type="checkbox"] + label:before,
    #heading input[type="radio"] + label:before {
      background: rgba(255, 255, 255, 0.075);
      border-color: rgba(255, 255, 255, 0.25); }
  #heading input[type="checkbox"]:checked + label:before,
  #heading input[type="radio"]:checked + label:before {
    background-color: #ce1b28;
    border-color: #ce1b28;
    color: #ffffff; }
  #heading input[type="checkbox"]:focus + label:before,
  #heading input[type="radio"]:focus + label:before {
    border-color: #ce1b28;
    box-shadow: 0 0 0 1px #ce1b28; }
  #heading ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #heading :-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #heading ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #heading :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  #heading ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25); }
  #heading table tbody tr {
    border-color: rgba(255, 255, 255, 0.25); }
    #heading table tbody tr:nth-child(2n + 1) {
      background-color: rgba(255, 255, 255, 0.075); }
  #heading table th {
    color: #ffffff; }
  #heading table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25); }
  #heading table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25); }
  #heading table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25); }
  #heading .highlights .content {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  #heading .testimonials .content {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
    #heading .testimonials .content .credit strong {
      color: #ce1b28; }
  #heading:before {
    background: linear-gradient(135deg, #ce1b28 0%, #111111 74%);
    content: ' ';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  #heading h1 {
    margin-bottom: 0;
    position: relative;
    z-index: 2; }
  @media screen and (max-width: 980px) {
    #heading {
      padding: 2rem; } }

/* Main */
.cfGMLl { display:none; }

#main .content {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025);
  margin-bottom: 2rem;
  padding: 3rem; }
  @media screen and (max-width: 980px) {
    #main .content {
      padding: 2rem; } }
  @media screen and (max-width: 480px) {
    #main .content {
      padding: 1.5rem; } }


/* order */

.helpdesk { display:flex; justify-content:flex-end; align-items:flex-start; flex-wrap:nowrap; gap:1rem; margin-bottom:2rem; }
.helpdesk i { color:#7FBF7F; font-size:3.6rem; padding-top:0.2rem; }
.helpdesk a { display:flex; flex-direction:column; position:relative; border-bottom-color:transparent; }
.helpdesk .txt { color:#363638; line-height:1; }
.helpdesk a:hover .num { border-bottom:1px dotted #ba2731; }
.helpdesk a:before { position:absolute; content:""; }

.txtwrapper { padding:3rem 0 2rem; border-top:1px solid #bbb; display:flex; align-items:center; gap:0 2rem;  }
.txtwrapper > :first-child { width:20%; max-width:15rem; min-width:8rem; color:#B0B1F3; font-size:4rem; }
.order .cta { padding:3rem 0 0 calc(20%); border-top:1px solid #bbb; }

.steps { padding:5rem 0 2rem; border-bottom:1px solid #bbb; /*#B0B1F3;*/ }
ul[role="tablist"] { list-style:none; display:flex; flex-wrap:nowrap; margin:0; gap:0 3rem; }
li[role="tab"] > * { outline:none; }
li[role="tab"] a { display:flex; flex-direction:column; align-items:center; gap:1rem 0; border-bottom:0; }
li[role="tab"] .title { display:block; font-style:italic; color:#363638; font-size:1.4rem; text-transform:uppercase; }
li[role="tab"].current .title { font-style:normal; }
.number { display:inline-block; background:#E2E1F7; color:#fff; padding:1rem 2rem; line-height:3rem; border-radius:50%; z-index:100; }
.current .number { background:#B0B1F3; }
.done .number { background: #B0B1F3; }
.error .number { background: #da4645; }
.audible { display:none; }

#order h2 { display:none; }
#order legend.header { margin-bottom:2rem; font-weight:500; font-size:2.4rem; }
#order { font-size:1.6rem; }
#order .more { font-size:1.5rem; /*color:#f36863;*/ }
#order .more span > i { margin-left:0.7rem; }
#order span.error { font-size:1.4rem; margin-left:0.7rem; }
#order span.red, #order span.error { color:#F36863; /*#da4645;*/ }
#order.Paper .online, #order.Papir .online { display:none; }
#order.Online .paper { display:none; }

ul[role="menu"] { list-style:none; display:flex; flex-wrap:nowrap; margin:0; gap:0 2rem; }
.actions .disabled { display:none; }

.formdivider { display:block; height:2.5rem; }
.more .symbol > i { font-size:1.8rem; }
#article #order i.symbol { font-size:1.8rem; color:#ba2731; cursor:pointer; margin:0 0 0 0.7rem; }

#order label, #order .inputwrapper { margin-bottom:1.5rem; }
#order #user .inputwrapper { margin-bottom:0; }
#order .label > p, #order label > p { display:inline; margin-bottom:0; }
#order label + .explanation { margin:0 0.7rem; }
#order .inputwrapper > * { display:inline-block; }
#order .paper.select-wrapper, #order .paper .select-wrapper { width:auto; }
#order .trigger { display:block; margin-bottom:0.5rem; }
#order input[type="number"] { width:8rem; margin-right:0.7rem; }


/* cart */

#cart .voucher label { display:inline-block; }
#cart .voucher input[type="text"] { display:inline-block; width:auto; }

/* Articles, etc */
.content .text img { max-width: 100%; }
div.anchor { position:relative; height:0; line-height:0; padding:0; margin:0; }

#article, .articlelist, #contact { background:transparent; background: linear-gradient(180deg, #F36863 35rem, rgba(243,104,99,0) 0, rgba(243,104,99,0) 100%); }
.articlelist .category { color:#649864; text-transform:uppercase; }
#article .content{ width:98rem; max-width:100%; background:#fff; border-radius:3rem; padding:6rem; margin:0 auto; }
#order .content { width:auto; padding:6rem 0; }
#article .category { font-size:2.2rem; color:#649864; text-transform:uppercase; margin-bottom:1rem; }
#article .content  small > span:first-of-type { margin-right:1rem; }
#article .content  i { margin-right:0.5rem; }
.intro { margin-bottom: 6rem; }
.price { margin-right:2.5rem; }

#article .info { display:flex; flex-direction: column; row-gap:2rem; margin-top:6rem; }

#article .info > * { width:100%; }
#article .info .infoimage { width:25%; }
#article .button > i { margin-left:2rem; }

#contact .content { background:#fff; border-radius:3rem; padding:6rem; margin:0 auto; }
#contact .contactinfo { background:#e2e2e3; border-radius:3rem; padding:3rem 5rem 5rem; }
#contact .contactinfo .text {  }

@media screen and (max-width: 980px) {
  #article .content, #contact .content { padding:4rem 2.5rem; }
  #order .content { padding:4rem 0; }
  #contact .contactinfo { padding:3rem 2.5rem; }
  .intro { margin-bottom: 4rem; }
  .txtwrapper > :first-child { font-size:3rem; min-width:6rem; }
  .order .cta { padding-left:calc(20% + 2rem); }
}
@media screen and (max-width: 736px) {
  .intro { margin-bottom: 3rem; }
}
@media screen and (max-width: 480px) {
  #contact .contactinfo { background:#fff; padding:3rem 0rem 0rem; }
  #order label, #order .inputwrapper { margin-bottom:0.5rem; }
}

/* Menu */
#menu {
  background-color: #fff;
  transform: translateX(40rem);
  transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  -webkit-overflow-scrolling: touch;
  box-shadow: none;
  height: 100%;
  max-width: 100%;
  overflow-y: auto;
  padding: 6rem 3rem 3rem;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 40rem;
  z-index: 10003; }

  #menu .close {
	color: #363638; font-size:2rem;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    line-height: 3.25rem;
    padding-right: 1.25rem;
    position: absolute;
    right: 2.5rem;
    text-align: right;
    top: 3rem;
    vertical-align: middle;
    width: 5rem; }

    .overlay { position:fixed; top:0; right:0; bottom:0; left:0; width:100vw; height:100vh; background:rgba(54,54,56,0.5); z-index:10002; transition: opacity 0.5s ease-in-out; opacity:0; display:none; }

    @media screen and (max-width: 736px) {
      #menu .close {
        top: 2rem; right:2rem;
        height: 4rem;
        line-height: 4rem; }
      #menu {
        padding: 4rem 2rem 2rem; } }

body.is-menu-visible #menu {
  transform: translateX(0);
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
  visibility: visible; }

body.is-menu-visible .overlay {
  display:block; opacity:1; animation: overlay 0.5s ease-in-out forwards;
}


