@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), url('/academy/wp-content/themes/academy/fonts/Roboto-Light.woff2') format('woff2'), url('/academy/wp-content/themes/academy/fonts/Roboto-Light.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), url('/academy/wp-content/themes/academy/fonts/Roboto-Regular.woff2') format('woff2'), url('/academy/wp-content/themes/academy/fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), url('/academy/wp-content/themes/academy/fonts/Roboto-Medium.woff2') format('woff2'), url('/academy/wp-content/themes/academy/fonts/Roboto-Medium.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), url('/academy/wp-content/themes/academy/fonts/Roboto-Bold.woff2') format('woff2'), url('/academy/wp-content/themes/academy/fonts/Roboto-Bold.woff') format('woff');
}
/* Object colors */
/* WP.One */
/* Font */
/* Border colors */
/* Shadows */
/* Status colors */
/* Notice colors */
/* Social colors */
/* Animation speeds */
/* Border radius */
/* Icon sizes */
/* Font sizes */
/* Lineheight */
/* Form */
/* Menu */
/* Grid */
/* Block padding */
/* Bubble */
/* Z-index */
/* Media queries */
/* Cross browser mixins */
/* Shadows */
/* text-shadow for headings */
/* Links */
/* Default  */
/* Meer opvallen */
/* Minder opvallen */
/* Niet opvallen */
/* Widen up the hover area for more forgiving mouse movement paths */
/* Labels (small) */
/* Icons */
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 {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  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: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body {
  box-sizing: border-box;
  overflow-x: clip;
}
body {
  background-color: #ffffff;
}
@media (min-width: 1025px ) {
  body.full-width-navigation .main-header {
    position: relative;
  }
  body.full-width-navigation .main-header::before {
    background-color: #ffffff;
    content: '';
    display: flex;
    height: 100%;
    left: calc(-50vw + 50%);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -100;
  }
}
*::before,
*::after {
  box-sizing: border-box;
}
/* Block shadows */
.block-shadow-ambient {
  /* default voor witte blokken */
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.block-shadow-elevation {
  /* default voor witte blokken met elevation */
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
.block-shadow-elevation-hover {
  /* voor witte aanklikbare blokken met elevation en hover */
  /* default voor witte blokken met elevation */
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
.block-shadow-elevation-hover:hover {
  background-color: #ddf7ff;
}
/* Block paddings */
.block-padding-small {
  padding: 20px;
}
.block-padding-large {
  padding: 30px;
}
@media (max-width: 768px ) {
  body.pop-in-opened {
    overflow: hidden;
  }
}
@media (max-width: 1024px ) {
  body.basket-footer-open {
    overflow: hidden;
  }
}
@media (max-width: 768px ), (min-width: 1025px ) and (max-width: 1279px ) {
  body.onboarding-open {
    overflow: hidden;
  }
}
/* Start Mixins */
/* End Mixins */
/* Start container */
.container,
.container-center {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1536px;
}
/* End container */
/* Start grid-row and col */
.grid-row {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 100%;
}
.grid-row.container {
  min-width: auto;
}
.grid-row.align-center {
  align-items: center;
}
.grid-row.justify-center {
  justify-content: center;
}
.grid-row.space-between {
  justify-content: space-between;
}
.grid-row .col {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
.grid-row.no-row-gutter-left-right {
  flex-grow: 1;
}
.grid-row.no-row-gutter-left-right.no-col-gutter {
  padding-left: 0;
  padding-right: 0;
}
.grid-row.no-col-gutter > .col {
  padding: 0;
}
.grid-row.no-col-gutter-bottom > .col {
  padding-bottom: 0;
}
/* End grid-row and col */
/* Start col-box and equalheight */
.col-box,
.col-box-basic {
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
}
.col-box .box-footer,
.col-box-basic .box-footer {
  padding-top: 24px;
}
.col-box-basic {
  /* default voor witte blokken */
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.equalheight .col {
  display: flex;
}
.equalheight .col-box,
.equalheight .col-box-basic {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.equalheight .box-content,
.equalheight .box-footer {
  width: 100%;
}
.equalheight .box-content {
  flex-grow: 1;
}
/* End col-box and equalheight */
/* changeable-order: give every col an ordernumber */
.changeable-order .col:nth-child(1) {
  order: 1;
}
.changeable-order .col:nth-child(2) {
  order: 2;
}
.changeable-order .col:nth-child(3) {
  order: 3;
}
.changeable-order .col:nth-child(4) {
  order: 4;
}
.changeable-order .col:nth-child(5) {
  order: 5;
}
.changeable-order .col:nth-child(6) {
  order: 6;
}
.changeable-order .col:nth-child(7) {
  order: 7;
}
.changeable-order .col:nth-child(8) {
  order: 8;
}
.changeable-order .col:nth-child(9) {
  order: 9;
}
.changeable-order .col:nth-child(10) {
  order: 10;
}
.changeable-order .col:nth-child(11) {
  order: 11;
}
.changeable-order .col:nth-child(12) {
  order: 12;
}
/* Mobile min width */
.grid-row .col-mob-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.grid-row .col-mob-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.grid-row .col-mob-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.grid-row .col-mob-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.grid-row .col-mob-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.grid-row .col-mob-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.grid-row .col-mob-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.grid-row .col-mob-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.grid-row .col-mob-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.grid-row .col-mob-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.grid-row .col.col-mob-order-1 {
  order: 1;
}
.grid-row .col.col-mob-order-2 {
  order: 2;
}
.grid-row .col.col-mob-order-3 {
  order: 3;
}
.grid-row .col.col-mob-order-4 {
  order: 4;
}
.grid-row .col.col-mob-order-5 {
  order: 5;
}
.grid-row .col.col-mob-order-6 {
  order: 6;
}
.grid-row .col.col-mob-order-7 {
  order: 7;
}
.grid-row .col.col-mob-order-8 {
  order: 8;
}
.grid-row .col.col-mob-order-9 {
  order: 9;
}
.grid-row .col.col-mob-order-10 {
  order: 10;
}
.grid-row .col.col-mob-order-11 {
  order: 11;
}
.grid-row .col.col-mob-order-12 {
  order: 12;
}
.col-all-order-first {
  order: -1;
}
.col-all-last {
  order: 999;
}
@media (max-width: 532px ) {
  .col-mob-order-first {
    order: -1;
  }
  .col-mob-last {
    order: 999;
  }
}
@media (min-width: 533px ) {
  .grid-row .col-tab-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-row .col-tab-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .grid-row .col-tab-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .grid-row .col-tab-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-row .col-tab-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .grid-row .col-tab-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .grid-row .col-tab-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-row .col-tab-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .grid-row .col-tab-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .grid-row .col-tab-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-row .col.col-tab-order-1 {
    order: 1;
  }
  .grid-row .col.col-tab-order-2 {
    order: 2;
  }
  .grid-row .col.col-tab-order-3 {
    order: 3;
  }
  .grid-row .col.col-tab-order-4 {
    order: 4;
  }
  .grid-row .col.col-tab-order-5 {
    order: 5;
  }
  .grid-row .col.col-tab-order-6 {
    order: 6;
  }
  .grid-row .col.col-tab-order-7 {
    order: 7;
  }
  .grid-row .col.col-tab-order-8 {
    order: 8;
  }
  .grid-row .col.col-tab-order-9 {
    order: 9;
  }
  .grid-row .col.col-tab-order-10 {
    order: 10;
  }
  .grid-row .col.col-tab-order-11 {
    order: 11;
  }
  .grid-row .col.col-tab-order-12 {
    order: 12;
  }
}
@media (max-width: 768px ) {
  .col-tab-s-order-first {
    order: -1;
  }
  .col-tab-s-last {
    order: 999;
  }
}
@media (min-width: 769px ) {
  .grid-row .col-tab-l-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .grid-row .col-tab-l-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-row .col-tab-l-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .grid-row .col-tab-l-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .grid-row .col-tab-l-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-row .col-tab-l-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .grid-row .col-tab-l-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .grid-row .col-tab-l-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-row .col-tab-l-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .grid-row .col-tab-l-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .grid-row .col-tab-l-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-row .col.col-tab-l-order-1 {
    order: 1;
  }
  .grid-row .col.col-tab-l-order-2 {
    order: 2;
  }
  .grid-row .col.col-tab-l-order-3 {
    order: 3;
  }
  .grid-row .col.col-tab-l-order-4 {
    order: 4;
  }
  .grid-row .col.col-tab-l-order-5 {
    order: 5;
  }
  .grid-row .col.col-tab-l-order-6 {
    order: 6;
  }
  .grid-row .col.col-tab-l-order-7 {
    order: 7;
  }
  .grid-row .col.col-tab-l-order-8 {
    order: 8;
  }
  .grid-row .col.col-tab-l-order-9 {
    order: 9;
  }
  .grid-row .col.col-tab-l-order-10 {
    order: 10;
  }
  .grid-row .col.col-tab-l-order-11 {
    order: 11;
  }
  .grid-row .col.col-tab-l-order-12 {
    order: 12;
  }
}
@media (max-width: 1024px ) {
  .col-tab-l-order-first {
    order: -1;
  }
  .col-tab-l-last {
    order: 999;
  }
}
@media (min-width: 1025px ) {
  .grid-row .col-desk-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .grid-row .col-desk-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-row .col-desk-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .grid-row .col-desk-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .grid-row .col-desk-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-row .col-desk-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .grid-row .col-desk-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .grid-row .col-desk-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-row .col-desk-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .grid-row .col-desk-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .grid-row .col-desk-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-row .col.col-desk-order-1 {
    order: 1;
  }
  .grid-row .col.col-desk-order-2 {
    order: 2;
  }
  .grid-row .col.col-desk-order-3 {
    order: 3;
  }
  .grid-row .col.col-desk-order-4 {
    order: 4;
  }
  .grid-row .col.col-desk-order-5 {
    order: 5;
  }
  .grid-row .col.col-desk-order-6 {
    order: 6;
  }
  .grid-row .col.col-desk-order-7 {
    order: 7;
  }
  .grid-row .col.col-desk-order-8 {
    order: 8;
  }
  .grid-row .col.col-desk-order-9 {
    order: 9;
  }
  .grid-row .col.col-desk-order-10 {
    order: 10;
  }
  .grid-row .col.col-desk-order-11 {
    order: 11;
  }
  .grid-row .col.col-desk-order-12 {
    order: 12;
  }
}
@media (min-width: 1280px ) {
  .grid-row .col-desk-l-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .grid-row .col-desk-l-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-row .col-desk-l-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .grid-row .col-desk-l-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .grid-row .col-desk-l-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-row .col-desk-l-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .grid-row .col-desk-l-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .grid-row .col-desk-l-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-row .col-desk-l-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .grid-row .col-desk-l-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .grid-row .col-desk-l-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-row .col.col-desk-l-order-1 {
    order: 1;
  }
  .grid-row .col.col-desk-l-order-2 {
    order: 2;
  }
  .grid-row .col.col-desk-l-order-3 {
    order: 3;
  }
  .grid-row .col.col-desk-l-order-4 {
    order: 4;
  }
  .grid-row .col.col-desk-l-order-5 {
    order: 5;
  }
  .grid-row .col.col-desk-l-order-6 {
    order: 6;
  }
  .grid-row .col.col-desk-l-order-7 {
    order: 7;
  }
  .grid-row .col.col-desk-l-order-8 {
    order: 8;
  }
  .grid-row .col.col-desk-l-order-9 {
    order: 9;
  }
  .grid-row .col.col-desk-l-order-10 {
    order: 10;
  }
  .grid-row .col.col-desk-l-order-11 {
    order: 11;
  }
  .grid-row .col.col-desk-l-order-12 {
    order: 12;
  }
}
@media screen and (max-width: 320px ) {
  .container-center {
    padding-left: 24px;
    padding-right: 24px;
  }
  .grid-row {
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .grid-row .col {
    padding-bottom: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .grid-row.gutter-m {
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .grid-row.gutter-m .col {
    padding-bottom: 12px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .grid-row.gutter-s {
    padding-bottom: 18px;
    padding-left: 21px;
    padding-right: 21px;
  }
  .grid-row.gutter-s .col {
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
  }
  .grid-row .col .grid-row:not(.padding-large-left-right) {
    margin-bottom: -24px;
    margin-left: -24px;
    margin-right: -24px;
  }
  .grid-row.no-row-gutter-left-right:not(.no-col-gutter) {
    margin-left: -24px;
    margin-right: -24px;
  }
  .grid-row.no-row-gutter-bottom {
    margin-bottom: -24px;
  }
  .grid-row.no-col-gutter:not(.no-row-gutter-left-right) {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 321px ) and (max-width: 1535px ) {
  .container-center {
    padding-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row {
    padding-bottom: -webkit-calc(0px  +  0  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(0px  +  0  * ((100vw -  320px ) / 1216 ));
    padding-left: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row .col {
    padding-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-left: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row.gutter-m {
    padding-bottom: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-left: -webkit-calc(18px  +  15  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(18px  +  15  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(18px  +  15  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(18px  +  15  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row.gutter-m .col {
    padding-bottom: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-left: -webkit-calc(6px  +  5  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(6px  +  5  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(6px  +  5  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(6px  +  5  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row.gutter-s {
    padding-bottom: -webkit-calc(18px  +  15  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(18px  +  15  * ((100vw -  320px ) / 1216 ));
    padding-left: -webkit-calc(21px  +  17.5  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(21px  +  17.5  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(21px  +  17.5  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(21px  +  17.5  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row.gutter-s .col {
    padding-bottom: -webkit-calc(6px  +  5  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(6px  +  5  * ((100vw -  320px ) / 1216 ));
    padding-left: -webkit-calc(3px  +  2.5  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(3px  +  2.5  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(3px  +  2.5  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(3px  +  2.5  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row .col .grid-row:not(.padding-large-left-right) {
    margin-bottom: -webkit-calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-left: -webkit-calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-right: -webkit-calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-right: calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row.no-row-gutter-left-right:not(.no-col-gutter) {
    margin-left: -webkit-calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-right: -webkit-calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-right: calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row.no-row-gutter-bottom {
    margin-bottom: -webkit-calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
  }
  .grid-row.no-col-gutter:not(.no-row-gutter-left-right) {
    padding-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px ) {
  .container-center {
    padding-left: 44px;
    padding-right: 44px;
  }
  .grid-row {
    padding-bottom: 0px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .grid-row .col {
    padding-bottom: 44px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .grid-row.gutter-m {
    padding-bottom: 22px;
    padding-left: 33px;
    padding-right: 33px;
  }
  .grid-row.gutter-m .col {
    padding-bottom: 22px;
    padding-left: 11px;
    padding-right: 11px;
  }
  .grid-row.gutter-s {
    padding-bottom: 33px;
    padding-left: 38.5px;
    padding-right: 38.5px;
  }
  .grid-row.gutter-s .col {
    padding-bottom: 11px;
    padding-left: 5.5px;
    padding-right: 5.5px;
  }
  .grid-row .col .grid-row:not(.padding-large-left-right) {
    margin-bottom: -44px;
    margin-left: -44px;
    margin-right: -44px;
  }
  .grid-row.no-row-gutter-left-right:not(.no-col-gutter) {
    margin-left: -44px;
    margin-right: -44px;
  }
  .grid-row.no-row-gutter-bottom {
    margin-bottom: -44px;
  }
  .grid-row.no-col-gutter:not(.no-row-gutter-left-right) {
    padding-left: 44px;
    padding-right: 44px;
  }
}
.custom-select-container {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  width: 100%;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.custom-select-container.is-disabled {
  cursor: default;
  opacity: 0.5;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.custom-select-container.is-disabled .custom-select-opener {
  color: #999999;
}
.custom-select-container.is-open {
  z-index: 999;
}
.custom-select-container.is-open .custom-select-opener {
  border-color: #1356d9;
}
.custom-select-container.is-open .custom-select-panel {
  display: block;
  overflow-y: auto;
  z-index: 10;
}
.custom-select-container select {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
}
.custom-select-container .custom-select-opener {
  background-color: #ffffff;
  display: block;
  outline: none;
  overflow: hidden;
  position: relative;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.custom-select-container .custom-select-opener:focus {
  border-color: #1356d9;
}
.custom-select-container .custom-select-opener span {
  display: block;
  height: 44px;
  line-height: 44px;
  margin: 0 44px 0 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-select-container .custom-select-opener::after {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10;
}
.custom-select-container .custom-select-panel {
  background: #ffffff;
  display: none;
  left: -1px;
  max-height: 300px;
  min-width: 100%;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  z-index: -1;
  /* default voor witte blokken met elevation */
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
.custom-select-container .custom-select-option {
  line-height: 20px;
  min-height: 20px;
  padding: 10px 30px;
  white-space: nowrap;
}
.custom-select-container .custom-select-option:hover,
.custom-select-container .custom-select-option.is-selected {
  padding-left: 10px;
}
.custom-select-container .custom-select-option:hover::before,
.custom-select-container .custom-select-option.is-selected::before {
  line-height: 12px;
  padding-right: 4px;
  vertical-align: middle;
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
html.touch .custom-select-container select {
  height: 100%;
  opacity: 0;
  visibility: visible;
  width: 100%;
  z-index: 10;
}
html.touch .custom-select-panel {
  display: none;
}
/* Background colors */
.bg-white {
  background-color: #ffffff;
}
.bg-blue-light {
  background-color: #e8f5ff;
}
.bg-aqua-light {
  background-color: #bbfcff;
}
.bg-gray-body {
  background-color: #f7f7f7;
}
.bg-gray-footer {
  background-color: #fafafa;
}
.bg-img {
  background-color: #999999;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-gradient {
  position: relative;
}
.bg-gradient::before {
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.bg-gradient.v1::before {
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(66, 66, 66, 0.5) 99.94%);
}
.bg-gradient.gradient-gray-left-right::before {
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 25%, rgba(66, 66, 66, 0) 50%);
}
.bg-blue-gradient {
  background: #092259;
  background: linear-gradient(114deg, #092259 50%, #203a99 100%);
}
.bg-wordpress-gradient {
  background: #205e73;
  background: linear-gradient(114deg, #205e73 50%, #184a5b 100%);
}
.bg-wpone-gradient {
  background: linear-gradient(90deg, #3da4de 0%, #2c48b8 51.09%, #7205a6 97.92%);
}
.bg-highlight {
  border-radius: 4px;
  color: #ffffff;
  min-width: auto;
  background: #092259;
  background: linear-gradient(114deg, #092259 50%, #203a99 100%);
  /* default voor witte blokken */
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.bg-highlight.bg-highlight-wordpress {
  background: #205e73;
  background: linear-gradient(114deg, #205e73 50%, #184a5b 100%);
}
.bg-highlight .title {
  color: #ffffff;
}
.bg-highlight a:hover {
  color: #e8f5ff;
}
.bg-highlight ul li::before {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.bg-highlight .teaser-title {
  color: #bbfcff;
}
@media screen and (max-width: 320px ) {
  .bg-highlight {
    margin-left: 24px;
    margin-right: 24px;
  }
  .bg-highlight.padding-large-top,
  .bg-highlight.padding-large-top-bottom {
    margin-top: 48px;
    padding-bottom: 0;
    padding-top: 24px;
  }
  .bg-highlight.padding-large-top-bottom {
    margin-bottom: 48px;
  }
  .bg-highlight.padding-large-left-right {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media screen and (min-width: 321px ) and (max-width: 1535px ) {
  .bg-highlight {
    margin-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-right: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-right: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .bg-highlight.padding-large-top,
  .bg-highlight.padding-large-top-bottom {
    padding-bottom: -webkit-calc(1px  +  43  * ((100vw -  321px ) / 1215 ));
    padding-bottom: calc(1px  +  43  * ((100vw -  321px ) / 1215 ));
    margin-top: -webkit-calc(48px  +  52  * ((100vw -  320px ) / 1216 ));
    margin-top: calc(48px  +  52  * ((100vw -  320px ) / 1216 ));
    padding-top: -webkit-calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
    padding-top: calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
  }
  .bg-highlight.padding-large-top-bottom {
    margin-bottom: -webkit-calc(1px  +  47  * ((100vw -  100px ) / 1436 ));
    margin-bottom: calc(1px  +  47  * ((100vw -  100px ) / 1436 ));
  }
  .bg-highlight.padding-large-left-right {
    margin-left: -webkit-calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
    margin-right: -webkit-calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
    margin-right: calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px ) {
  .bg-highlight {
    margin-left: 44px;
    margin-right: 44px;
  }
  .bg-highlight.padding-large-top,
  .bg-highlight.padding-large-top-bottom {
    margin-top: 100px;
    padding-bottom: 44px;
    padding-top: 88px;
  }
  .bg-highlight.padding-large-top-bottom {
    margin-bottom: 100px;
  }
  .bg-highlight.padding-large-left-right {
    margin-left: 88px;
    margin-right: 88px;
  }
}
.bubble,
.bubble img {
  border-radius: 50%;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.bubble.bubble-left,
.bubble.bubble-left img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 50%;
}
button {
  background: transparent;
  border: none;
  box-sizing: border-box;
  display: block;
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  font-size: inherit;
  letter-spacing: 0;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button:focus {
  outline: none;
}
.button {
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  min-height: 48px;
  outline: none;
  padding: 0 19px;
  position: relative;
  text-decoration: none;
  -webkit-touch-callout: none;
  white-space: nowrap;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 46px;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* Primary */
  /* Secondary */
  /* CTA */
  /* Transparent */
  /* Delete */
  /* Social */
}
.button:focus {
  outline: none;
}
.button:hover a {
  color: inherit;
  text-decoration: none;
}
.button:hover,
.button:focus,
.button:active {
  text-decoration: none;
}
.button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.button.button-justified {
  width: 100%;
}
.button.button-ellipsis .btn-text {
  display: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.button a {
  border-radius: 50px;
  display: block;
  text-decoration: none;
}
.button .btn-text {
  display: inline-flex;
  text-align: left;
  text-shadow: none;
}
.button .btn-text::first-letter {
  text-transform: uppercase;
}
.button .svg-icon {
  height: 24px;
  margin: 0;
  width: 24px;
}
.button .svg-icon svg {
  height: inherit;
  width: inherit;
}
.button:not(.icon-right) hn-svg-icon:not([class*='hide-on-']) + .btn-text,
.button:not(.icon-right) .svg-icon:not([class*='hide-on-']) + .btn-text,
.button:not(.icon-right) .btn-text + .svg-icon {
  padding-left: 10px;
}
.button:not(.icon-right) .btn-text + .svg-icon {
  margin-left: auto;
}
.button.icon-right .svg-icon {
  margin-left: auto;
  order: 1;
  padding-left: 10px;
}
.button,
.button.button-blue {
  background: #1356d9;
  border: 1px solid #1356d9;
  color: #ffffff;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color, border-color;
}
.button.icon-stroke *,
.button.button-blue.icon-stroke * {
  transition: stroke 0.3s;
}
.button.icon-fill *,
.button.button-blue.icon-fill * {
  transition: fill 0.3s;
}
.button:hover,
.button.button-blue:hover,
.button:focus,
.button.button-blue:focus,
.button:active,
.button.button-blue:active {
  background-color: #092259;
  border-color: #092259;
  color: #ffffff;
}
.button:hover.icon-stroke *,
.button.button-blue:hover.icon-stroke *,
.button:focus.icon-stroke *,
.button.button-blue:focus.icon-stroke *,
.button:active.icon-stroke *,
.button.button-blue:active.icon-stroke * {
  stroke: #ffffff;
}
.button:hover.icon-fill *,
.button.button-blue:hover.icon-fill *,
.button:focus.icon-fill *,
.button.button-blue:focus.icon-fill *,
.button:active.icon-fill *,
.button.button-blue:active.icon-fill * {
  fill: #ffffff;
}
.button.icon-fill *,
.button.button-blue.icon-fill * {
  fill: #ffffff;
}
.button.button-white {
  background: #ffffff;
  border-color: #f5f7fa;
  color: #1356d9;
  /* Alternative */
}
.button.button-white.icon-stroke * {
  stroke: #1356d9;
}
.button.button-white.icon-fill * {
  fill: #1356d9;
}
.button.button-white:hover,
.button.button-white:focus,
.button.button-white:active {
  background: #1356d9;
  border-color: #1356d9;
  color: #ffffff;
}
.button.button-white:hover.icon-stroke *,
.button.button-white:focus.icon-stroke *,
.button.button-white:active.icon-stroke * {
  stroke: #ffffff;
}
.button.button-white:hover.icon-fill *,
.button.button-white:focus.icon-fill *,
.button.button-white:active.icon-fill * {
  fill: #ffffff;
}
.button.button-white.button-alt .btn-text,
.button.button-white.buttonprio-low .btn-text {
  color: #2b2b2b;
}
.button.button-white.button-alt:hover,
.button.button-white.buttonprio-low:hover,
.button.button-white.button-alt:focus,
.button.button-white.buttonprio-low:focus,
.button.button-white.button-alt:active,
.button.button-white.buttonprio-low:active {
  background: #ffffff;
  border-color: #f5f7fa;
  color: #1356d9;
}
.button.button-white.button-alt:hover.icon-stroke *,
.button.button-white.buttonprio-low:hover.icon-stroke *,
.button.button-white.button-alt:focus.icon-stroke *,
.button.button-white.buttonprio-low:focus.icon-stroke *,
.button.button-white.button-alt:active.icon-stroke *,
.button.button-white.buttonprio-low:active.icon-stroke * {
  stroke: #1356d9;
}
.button.button-white.button-alt:hover.icon-fill *,
.button.button-white.buttonprio-low:hover.icon-fill *,
.button.button-white.button-alt:focus.icon-fill *,
.button.button-white.buttonprio-low:focus.icon-fill *,
.button.button-white.button-alt:active.icon-fill *,
.button.button-white.buttonprio-low:active.icon-fill * {
  fill: #1356d9;
}
.button.button-white.button-alt:hover .btn-text,
.button.button-white.buttonprio-low:hover .btn-text,
.button.button-white.button-alt:focus .btn-text,
.button.button-white.buttonprio-low:focus .btn-text,
.button.button-white.button-alt:active .btn-text,
.button.button-white.buttonprio-low:active .btn-text {
  color: #1356d9;
}
.button.button-orange {
  background: #de7812;
  border-color: #de7812;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color, border-color;
}
.button.button-orange.icon-stroke * {
  transition: stroke 0.3s;
}
.button.button-orange.icon-fill * {
  transition: fill 0.3s;
}
.button.button-orange:hover,
.button.button-orange:focus,
.button.button-orange:active {
  background-color: #9d5814;
  border-color: #9d5814;
  color: #ffffff;
}
.button.button-orange:hover.icon-stroke *,
.button.button-orange:focus.icon-stroke *,
.button.button-orange:active.icon-stroke * {
  stroke: #ffffff;
}
.button.button-orange:hover.icon-fill *,
.button.button-orange:focus.icon-fill *,
.button.button-orange:active.icon-fill * {
  fill: #ffffff;
}
.button.button-transparent {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  color: #2b2b2b;
}
.button.button-transparent.icon-stroke * {
  stroke: #2b2b2b;
}
.button.button-transparent.icon-fill * {
  fill: #2b2b2b;
}
.button.button-transparent:hover,
.button.button-transparent:focus,
.button.button-transparent:active {
  background-color: transparent;
  border-color: transparent;
  color: #1356d9;
}
.button.button-transparent:hover.icon-stroke *,
.button.button-transparent:focus.icon-stroke *,
.button.button-transparent:active.icon-stroke * {
  stroke: #1356d9;
}
.button.button-transparent:hover.icon-fill *,
.button.button-transparent:focus.icon-fill *,
.button.button-transparent:active.icon-fill * {
  fill: #1356d9;
}
.button.button-red {
  background: #c13734;
  border-color: #c13734;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color, border-color;
}
.button.button-red.icon-stroke * {
  transition: stroke 0.3s;
}
.button.button-red.icon-fill * {
  transition: fill 0.3s;
}
.button.button-red:hover,
.button.button-red:focus,
.button.button-red:active {
  background-color: #852624;
  border-color: #852624;
  color: #ffffff;
}
.button.button-red:hover.icon-stroke *,
.button.button-red:focus.icon-stroke *,
.button.button-red:active.icon-stroke * {
  stroke: #ffffff;
}
.button.button-red:hover.icon-fill *,
.button.button-red:focus.icon-fill *,
.button.button-red:active.icon-fill * {
  fill: #ffffff;
}
.button.button-social {
  background: #ffffff;
  border-color: #f5f7fa;
  color: #2b2b2b;
}
.button.button-social.icon-stroke * {
  stroke: #2b2b2b;
}
.button.button-social.icon-fill * {
  fill: #2b2b2b;
}
.button.button-social .svg-icon.icon-fill-facebook::before {
  background: #3b5998;
}
.button.button-social .svg-icon.icon-fill-linkedin::before {
  background: #007bb6;
}
.button.button-social .svg-icon.icon-fill-youtube::before {
  background: #cd201f;
}
.button.button-social .svg-icon.icon-fill-google::before {
  background: #dd4b39;
}
.button.button-social .svg-icon.icon-fill-github::before {
  background: #000000;
}
.button.button-social:hover,
.button.button-social:focus,
.button.button-social:active {
  background: #1356d9;
  border-color: #1356d9;
  color: #ffffff;
}
.button.button-social:hover.icon-stroke *,
.button.button-social:focus.icon-stroke *,
.button.button-social:active.icon-stroke * {
  stroke: #ffffff;
}
.button.button-social:hover.icon-fill *,
.button.button-social:focus.icon-fill *,
.button.button-social:active.icon-fill * {
  fill: #ffffff;
}
.button.button-social:hover .svg-icon *,
.button.button-social:focus .svg-icon *,
.button.button-social:active .svg-icon * {
  fill: #ffffff;
}
/* Icons in buttons */
.hide-icon .svg-icon {
  display: none;
}
/* Multiple buttons in a row */
.button-holder {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
  min-width: 0;
}
.button-holder .button {
  margin: 0 5px 10px;
}
.button-holder.align-left {
  justify-content: flex-start;
}
.button-holder.align-right {
  justify-content: flex-end;
  width: 100%;
}
/* Button mixins */
/* Media queries */
@media (max-width: 532px ) {
  .button-holder {
    margin-left: 0;
    margin-right: 0;
  }
  .button:not(.mob-button-inline) {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .button.mob-button-inline {
    margin-left: 0;
    margin-right: 10px;
  }
}
.card {
  background: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  /* default voor witte blokken met elevation */
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
.card section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: auto;
}
.card .card-thumbnail {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.card .card-thumbnail .thumbnail {
  padding-bottom: 52.2%;
}
.card .card-thumbnail a {
  text-decoration: none;
}
.card .card-thumbnail img {
  height: auto;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}
.card .card-thumbnail .post-type {
  bottom: 15px;
  color: #ffffff;
  font-size: 14px;
  left: 25px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  z-index: 100;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 3px 12px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.card .card-thumbnail:not(.thumbnail-no-shadow)::after {
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 99;
  background: transparent;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65) 100%);
}
.card .card-box {
  box-sizing: border-box;
  flex-grow: 1;
  padding: 30px;
  width: 100%;
}
.card .card-box h4 {
  word-break: break-word;
}
.card .card-box .more-link {
  text-decoration: none;
}
.card .card-box .more-link span::before {
  display: inline;
  vertical-align: middle;
}
.card .card-footer {
  box-sizing: border-box;
  padding: 0 30px 30px;
  width: 100%;
}
.card .card-footer .button {
  z-index: 100;
}
.card .card-meta {
  color: #999999;
}
.card.swiper-slide {
  height: auto;
}
.card-link {
  align-items: center;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
}
/* Clickable banner link */
.clickable-banner-link {
  background-color: #ffffff;
  filter: alpha(opacity=1);
  /* workaround to make clickable in IE */
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 100;
}
.clickable-banner-link:hover + section .card-thumbnail img {
  transform: scale(1.05);
}
.launcher-live-chat {
  border: none;
  border-radius: 999rem;
  bottom: 4px;
  min-height: auto;
  opacity: 0;
  padding: 12px;
  position: fixed;
  right: 10px;
  z-index: 999999;
}
.launcher-live-chat .svg-icon * {
  stroke-width: 3px;
}
.webshop-shown .launcher-live-chat {
  display: none;
}
.webshop-shown .block-chat {
  display: none;
}
.block-chat {
  flex-grow: 0;
}
.block-chat .col-chat {
  display: flex;
  justify-content: center;
}
.block-chat .inner-chat-block {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  position: relative;
}
.block-chat .img-text {
  width: 100%;
}
@media (max-width: 532px ) {
  .block-chat .inner-chat-block {
    flex-direction: column;
    padding: 44px 0;
    width: 100%;
  }
  .block-chat img {
    margin-top: -24px;
  }
  .block-chat .img-text {
    align-items: center;
    display: flex;
  }
  .block-chat .button {
    margin-top: 24px;
  }
}
@media (min-width: 533px ) {
  .block-chat .inner-chat-block {
    align-items: center;
    display: flex;
    padding: 20px 0 20px 112px;
  }
  .block-chat img {
    left: 0;
    position: absolute;
    top: -25px;
  }
  .block-chat .button {
    margin-left: 24px;
  }
}
.domainchecker .input-group {
  display: flex;
}
.domainchecker .input-group-addon {
  background-color: #ffffff;
}
.domainchecker input[type='search'] {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e3e7eB;
  border-radius: 4px;
  color: #2b2b2b;
  flex-grow: 1;
  min-width: 0;
  outline: none;
}
.domainchecker input[type='search']::-webkit-input-placeholder {
  color: #999999;
}
.domainchecker input[type='search']:-ms-input-placeholder {
  color: #999999;
}
.domainchecker input[type='search']::-ms-input-placeholder {
  color: #999999;
}
.domainchecker input[type='search']::placeholder {
  color: #999999;
}
.domainchecker .input-group-btn {
  flex-shrink: 0;
}
@media (max-width: 532px ) {
  .domainchecker .input-group {
    flex-wrap: nowrap;
  }
  .domainchecker .input-group input[type='search'] {
    line-height: 48px;
  }
  .domainchecker .input-group:not(.mob-checker-one-row) {
    flex-wrap: wrap;
  }
  .domainchecker .input-group:not(.mob-checker-one-row) input[type='search'] {
    margin: 0 0 10px;
  }
  .domainchecker .input-group:not(.mob-checker-one-row) .input-group-btn {
    width: 100%;
  }
  .domainchecker .input-group.mob-checker-one-row input[type='search'] {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0;
    margin-right: 0;
  }
  .domainchecker .input-group.mob-checker-one-row .input-group-btn {
    background: #ffffff;
    border: 1px solid #e3e7eB;
    border-left: none;
    border-radius: 0 4px 4px 0;
    padding: 2px;
  }
  .domainchecker .input-group.mob-checker-one-row .svg-icon {
    padding: 0;
  }
  .domainchecker .input-group.mob-checker-one-row .btn-text {
    display: none;
  }
  .domainchecker .input-group .input-group-addon {
    border-left: 1px solid #e3e7eB;
  }
}
@media (min-width: 533px ) {
  .domainchecker input[type='search'] {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0;
  }
  .domainchecker .input-group-btn {
    background: #ffffff;
    border: 1px solid #e3e7eB;
    border-left: none;
    border-radius: 0 4px 4px 0;
    padding: 2px;
  }
}
html.modal-open:not(.modal-block-overlay) {
  overflow: hidden;
}
html.modal-open:not(.modal-block-overlay) body {
  overflow-y: scroll;
}
html.modal-open:not(.modal-block-overlay) .button-live-chat {
  z-index: -100;
}
html.modal-open.modal-block-overlay .modal {
  z-index: 100;
}
.modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1100;
  /* START Specific CSS */
  /* END Specific CSS */
}
.modal.display-none {
  display: none;
  opacity: 0;
}
.modal.open {
  opacity: 1;
  visibility: visible;
}
.modal.open > .modal-dialog {
  opacity: 1;
  transform: translateY(0);
}
.modal.closed {
  opacity: 0;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
  visibility: hidden;
}
.modal.closed > .modal-dialog {
  opacity: 0;
  transform: translateY(-25px);
  transition: opacity linear 0.3s, transform linear 0.3s;
}
.modal .modal-dialog {
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 600px;
  flex-flow: column;
  height: auto;
  max-height: calc(100vh - 44px * 2);
  max-width: calc(100% - 20px);
  opacity: 0;
  overflow-y: auto;
  position: relative;
  transform: translateY(-25px);
  transition: opacity linear 0.3s, transform linear 0.3s;
  /* default voor witte blokken */
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.modal .modal-dialog.dialog-medium {
  flex: 0 0 800px;
}
.modal .modal-dialog.dialog-large {
  flex: 0 0 1000px;
}
.modal .modal-dialog .modal-close-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.modal .modal-dialog .modal-close-icon:hover {
  cursor: pointer;
}
.modal .modal-dialog .modal-close-icon:not(.gutter-padding-half) {
  padding: 20px 20px 20px 10px;
}
.modal .modal-dialog .modal-close-icon .btn-text {
  padding-right: 10px;
}
.modal .modal-dialog .modal-header {
  padding: 20px 54px 20px 30px;
}
.modal .modal-dialog .modal-header,
.modal .modal-dialog .modal-footer {
  display: flex;
  flex-shrink: 0;
}
.modal .modal-dialog .modal-footer {
  background-color: #ffffff;
  padding: 20px 30px;
  position: relative;
}
.modal .modal-dialog .modal-footer .button:not(:first-child) {
  margin-left: 10px;
}
.modal .modal-content {
  box-sizing: border-box;
  overflow-y: scroll;
  width: 100%;
}
.modal .modal-content:not(.gutter-padding) {
  padding: 30px;
}
.modal .modal-content.content-scrollable {
  padding-bottom: 0;
}
.modal .modal-content.content-scrollable::after {
  content: '';
  display: block;
  margin-bottom: 25px;
}
.modal .modal-content.content-scrollable + .modal-footer::before {
  background: linear-gradient(to top, #ffffff 40%, rgba(255, 255, 255, 0) 100%);
  bottom: 80px;
  content: '';
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}
.modal .modal-header + .modal-content {
  padding-top: 0;
}
.modal .modal-footer .button-holder {
  flex-wrap: nowrap;
  margin: 0;
}
.modal .modal-footer .button-holder .button {
  margin-bottom: 0;
}
@media (max-width: 768px ) {
  .modal.modal-fullscreen-mob .modal-dialog {
    border: none;
    border-radius: initial;
    box-shadow: none;
    flex: 100%;
    height: 100vh;
    max-height: none;
    max-width: 100%;
    overflow-y: inherit;
    transition: none;
    width: 100%;
  }
  .modal.modal-fullscreen-mob .modal-overlay {
    background-color: #ffffff;
  }
  .modal.modal-fullscreen-mob .modal-content {
    flex-grow: 1;
  }
  .modal.modal-fullscreen-mob .modal-content .modal-footer {
    z-index: 100;
  }
}
.modal.one-cent-conditions img {
  height: auto;
  max-width: 540px;
  width: 100%;
}
/* Keyframes fade in/out animation */
@keyframes animation-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Keyframes loader animation */
@keyframes animation-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Inputs, textareas, placeholders */
/* Radio buttons, checkboxes */
/* Dropdowns */
/* Domaincheckers */
button,
input,
optgroup,
select,
textarea {
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  margin: 0;
}
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}
input {
  /* Remove clear button on all search fields */
}
input::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
input::-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
input::placeholder {
  color: #999999;
  opacity: 1;
}
input[type='text']::-ms-clear,
input[type='number']::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
input[type='text']::-ms-reveal,
input[type='number']::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}
.form-input {
  max-width: 100%;
  width: 100%;
  /* Domainchecker and search */
  /* Give all holders a margin-bottom */
  /* Add margin right for .form-inline */
}
.form-input input:not([type]),
.form-input input[type='text'],
.form-input input[type='password'],
.form-input input[type='number'],
.form-input input[type='email'],
.form-input input[type='url'],
.form-input input[type='tel'],
.form-input input[type='datetime-local'],
.form-input input[type='date'],
.form-input textarea,
.form-input select:not(.custom-select) {
  border-radius: 4px;
  height: 48px;
  padding: 10px 19px;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
.form-input input:not([type]):focus,
.form-input input[type='text']:focus,
.form-input input[type='password']:focus,
.form-input input[type='number']:focus,
.form-input input[type='email']:focus,
.form-input input[type='url']:focus,
.form-input input[type='tel']:focus,
.form-input input[type='datetime-local']:focus,
.form-input input[type='date']:focus,
.form-input textarea:focus,
.form-input select.label-top:not(.custom-select):focus,
.form-input input:not([type]):not(:focus):not(:placeholder-shown),
.form-input input[type='text']:not(:focus):not(:placeholder-shown),
.form-input input[type='password']:not(:focus):not(:placeholder-shown),
.form-input input[type='number']:not(:focus):not(:placeholder-shown),
.form-input input[type='email']:not(:focus):not(:placeholder-shown),
.form-input input[type='url']:not(:focus):not(:placeholder-shown),
.form-input input[type='tel']:not(:focus):not(:placeholder-shown),
.form-input input[type='datetime-local']:not(:focus):not(:placeholder-shown),
.form-input input[type='date']:not(:focus):not(:placeholder-shown),
.form-input textarea:not(:focus):not(:placeholder-shown),
.form-input select.label-top:not(.custom-select):not(:focus):not(:placeholder-shown) {
  padding-bottom: 0;
}
.form-input input:not([type]):focus + label,
.form-input input[type='text']:focus + label,
.form-input input[type='password']:focus + label,
.form-input input[type='number']:focus + label,
.form-input input[type='email']:focus + label,
.form-input input[type='url']:focus + label,
.form-input input[type='tel']:focus + label,
.form-input input[type='datetime-local']:focus + label,
.form-input input[type='date']:focus + label,
.form-input textarea:focus + label,
.form-input select.label-top:not(.custom-select):focus + label,
.form-input input:not([type]):not(:focus):not(:placeholder-shown) + label,
.form-input input[type='text']:not(:focus):not(:placeholder-shown) + label,
.form-input input[type='password']:not(:focus):not(:placeholder-shown) + label,
.form-input input[type='number']:not(:focus):not(:placeholder-shown) + label,
.form-input input[type='email']:not(:focus):not(:placeholder-shown) + label,
.form-input input[type='url']:not(:focus):not(:placeholder-shown) + label,
.form-input input[type='tel']:not(:focus):not(:placeholder-shown) + label,
.form-input input[type='datetime-local']:not(:focus):not(:placeholder-shown) + label,
.form-input input[type='date']:not(:focus):not(:placeholder-shown) + label,
.form-input textarea:not(:focus):not(:placeholder-shown) + label,
.form-input select.label-top:not(.custom-select):not(:focus):not(:placeholder-shown) + label {
  top: 8px;
}
.form-input input[type='search'] {
  padding-left: 19px;
  padding-right: 19px;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
.form-input textarea {
  height: 180px;
  padding-top: 22px;
}
.form-input textarea:focus + label,
.form-input textarea:not(:focus):not(:placeholder-shown) + label {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-bottom: 2px;
  padding-top: 10px;
}
.form-input select:not(.custom-select) {
  height: 46px;
  -moz-padding-start: 15px;
  /* Firefox fix for alignment of text in select */
}
.form-input .select-holder,
.form-input .number-input-control {
  box-sizing: border-box;
  height: 48px;
}
.form-input .select-holder .custom-select-container .custom-select-opener span,
.form-input .number-input-control .custom-select-container .custom-select-opener span {
  height: 46px;
  line-height: 48px -2;
}
.form-input label {
  padding: 0 19px;
  top: 11px;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
.form-input .checkbox-custom,
.form-input .form-group,
.form-input .radio-custom,
.form-input .select-holder,
.form-input .prepostfix-holder {
  margin-bottom: 20px;
}
.form-input.form-inline {
  flex-wrap: nowrap;
}
.form-input.form-inline .checkbox-custom,
.form-input.form-inline .form-group,
.form-input.form-inline .radio-custom,
.form-input.form-inline .select-holder,
.form-input.form-inline .prepostfix-holder {
  margin: 0 20px 0 0;
}
.form-input.form-inline .checkbox-custom:last-of-type,
.form-input.form-inline .form-group:last-of-type,
.form-input.form-inline .radio-custom:last-of-type,
.form-input.form-inline .select-holder:last-of-type,
.form-input.form-inline .prepostfix-holder:last-of-type {
  margin-right: 0;
}
.form-input .input-group-addon {
  padding: 10px 19px 0;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
.form-input .form-row {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.form-input .form-group {
  flex: 1 1 auto;
  position: relative;
}
.form-input .form-group ul ~ span {
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.form-input .form-group.error input:not([type='checkbox']),
.form-input .form-group.warning input:not([type='checkbox']),
.form-input .form-group.error textarea,
.form-input .form-group.warning textarea,
.form-input .form-group.error .select-holder,
.form-input .form-group.warning .select-holder,
.form-input .form-group.error .select-holder select:not(.custom-select),
.form-input .form-group.warning .select-holder select:not(.custom-select) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-input .form-group.error ul,
.form-input .form-group.warning ul {
  border: 1px solid;
  border-radius: 0 0 4px 4px;
  color: #ffffff;
  list-style: none;
  padding: 2px 19px;
}
.form-input .form-group.error .checkbox-custom,
.form-input .form-group.warning .checkbox-custom {
  flex-direction: column;
}
.form-input .form-group.error .checkbox-custom ul,
.form-input .form-group.warning .checkbox-custom ul {
  background-color: transparent;
  border-color: transparent;
  padding-left: 0;
}
.form-input .form-group.error .select-holder,
.form-input .form-group.warning .select-holder {
  margin-bottom: 0;
}
.form-input .form-group.error input:not([type='checkbox']),
.form-input .form-group.error textarea {
  border-color: #c13734;
}
.form-input .form-group.error ul {
  background-color: #c13734;
  border-color: #c13734;
}
.form-input .form-group.error .checkbox-custom ul {
  color: #c13734;
}
.form-input .form-group.warning input:not([type='checkbox']),
.form-input .form-group.warning textarea {
  border-color: #ec9b00;
}
.form-input .form-group.warning ul {
  background-color: #ec9b00;
  border-color: #ec9b00;
}
.form-input .form-group.warning .checkbox-custom ul {
  color: #ec9b00;
}
.form-input .form-group.success ul {
  color: #3e993e;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.form-input .form-group.success ul li span {
  align-items: center;
  display: flex;
  float: left;
  height: 25px;
  margin-right: 5px;
}
.form-input .form-group > label {
  box-sizing: border-box;
  color: #999999;
  left: 1px;
  max-width: 98%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  transition: 0.1s ease-in-out all;
  white-space: nowrap;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit),
.form-input .form-group textarea {
  border: 1px solid #cecece;
  box-shadow: none;
  box-sizing: border-box;
  display: block;
  outline: none;
  transition: border-color 0.15s ease-in-out 0s;
  width: 100%;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):focus + label,
.form-input .form-group textarea:focus + label,
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):not(:focus):not(:placeholder-shown) + label,
.form-input .form-group textarea:not(:focus):not(:placeholder-shown) + label {
  color: #999999;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):focus:required + label::after,
.form-input .form-group textarea:focus:required + label::after {
  color: #c13734;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):active:not([disabled]),
.form-input .form-group textarea:active:not([disabled]),
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):focus:not([disabled]),
.form-input .form-group textarea:focus:not([disabled]) {
  border-color: #1356d9;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):active:not([disabled]) + label,
.form-input .form-group textarea:active:not([disabled]) + label,
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):focus:not([disabled]) + label,
.form-input .form-group textarea:focus:not([disabled]) + label {
  color: #1356d9;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):active:not([disabled]).valid ~ div,
.form-input .form-group textarea:active:not([disabled]).valid ~ div,
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):focus:not([disabled]).valid ~ div,
.form-input .form-group textarea:focus:not([disabled]).valid ~ div {
  border-color: #1356d9;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):required + label::after,
.form-input .form-group textarea:required + label::after {
  color: #999999;
  content: '*';
  padding-left: 5px;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):disabled,
.form-input .form-group textarea:disabled {
  background-color: #f7f7f7;
  opacity: 0.8;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit):disabled + label,
.form-input .form-group textarea:disabled + label {
  opacity: 0.8;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit).valid,
.form-input .form-group textarea.valid {
  padding-right: 62px;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit).valid ~ div,
.form-input .form-group textarea.valid ~ div {
  border-left: 1px solid #cecece;
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit).valid ~ div .svg-icon,
.form-input .form-group textarea.valid ~ div .svg-icon {
  height: 100%;
  padding: 0 10px;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit).error,
.form-input .form-group textarea.error {
  border-color: #c13734;
}
.form-input .form-group input:not([type='checkbox']):not([type='radio']):not(.hidden-submit).warning,
.form-input .form-group textarea.warning {
  border-color: #ec9b00;
}
.form-input .form-group textarea:focus + label,
.form-input .form-group textarea:not(:focus):not(:placeholder-shown) + label {
  background: #ffffff;
  top: 1px;
  width: 95%;
}
/* Set form (or custom checkbox/radio within a holder) inline */
.form-inline {
  display: flex;
}
@media (max-width: 359px) {
  /* Fix width for non responsive Google recaptcha */
  .form-input .g-recaptcha {
    transform: scale(0.9);
    transform-origin: 0 0;
  }
}
@media (max-width: 768px ) {
  .form-input .form-row {
    flex-direction: column;
  }
}
@media (min-width: 769px ) {
  .form-row > div:not(:last-child) {
    margin: 0 20px 20px 0;
  }
}
.checkbox-custom {
  align-items: flex-start;
  display: flex;
  height: auto;
  padding: 0 0 0 30px;
  position: relative;
}
.checkbox-custom input[type='checkbox'] {
  box-sizing: border-box;
  cursor: pointer;
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 20px;
  z-index: 100;
}
.checkbox-custom input[type='checkbox']:checked + label::before {
  border-color: #1356d9;
}
.checkbox-custom input[type='checkbox']:checked + label::after {
  left: 2px;
  line-height: 20px;
  position: absolute;
  top: 2px;
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231356d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.checkbox-custom input[type='checkbox']:disabled {
  cursor: default;
}
.checkbox-custom input[type='checkbox']:disabled + label {
  color: #c2c2c2;
  cursor: default;
}
.checkbox-custom input[type='checkbox']:disabled + label::before {
  background: #f7f7f7;
  border-color: #cecece;
}
.checkbox-custom input[type='checkbox']:checked:disabled + label::after {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c2c2c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.checkbox-custom input[type='checkbox']:required + label span {
  font-size: 18px;
  position: absolute;
}
.checkbox-custom input[type='checkbox'] + label {
  cursor: pointer;
  padding: 0;
}
.checkbox-custom input[type='checkbox'] + label::before {
  background: #ffffff;
  border: 1px solid #cecece;
  content: '';
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}
body.user-is-tabbing .checkbox-custom input[type='checkbox']:focus + label::before {
  border: 1px solid #1356d9;
}
/* Checkbox style without real checkbox */
.hn-checkbox {
  background: #ffffff;
  border: 1px solid #cecece;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  vertical-align: middle;
  width: 20px;
}
.hn-checkbox.checked {
  border-color: #1356d9;
}
.hn-checkbox.checked::after {
  left: 1px;
  line-height: 20px;
  position: absolute;
  top: 1px;
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231356d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.hn-checkbox.disabled {
  background: #f7f7f7;
  border-color: #cecece;
  color: #c2c2c2;
  cursor: default;
}
.hn-checkbox.checked.disabled::after {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c2c2c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.radio-custom {
  padding: 0 0 0 30px;
  position: relative;
}
.radio-custom input[type='radio'] {
  cursor: pointer;
  height: 0;
  left: 3px;
  margin: -6px 0 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 0;
}
.radio-custom input[type='radio'] + label {
  cursor: pointer;
  padding: 0;
}
.radio-custom input[type='radio'] + label::before {
  border-radius: 50px;
  content: '';
  display: inline-block;
  font-size: 11px;
  height: 8px;
  left: 5px;
  line-height: 1;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  transition: 0.5s ease all;
  width: 8px;
}
.radio-custom input[type='radio'] + label::after {
  background-color: #ffffff;
  border: 1px solid #cecece;
  border-radius: 50px;
  content: '';
  display: inline-block;
  height: 18px;
  left: 0;
  margin: -9px 0 0;
  position: absolute;
  top: 50%;
  width: 18px;
}
.radio-custom input[type='radio']:checked + label::before {
  background: #1356d9;
  z-index: 100;
}
.radio-custom input[type='radio']:checked + label::after {
  border-color: #1356d9;
}
.radio-custom input[type='radio']:disabled + label {
  color: #999999;
  opacity: 0.8;
}
.radio-custom input[type='radio']:disabled + label::after {
  background-color: #f7f7f7;
}
/* Radio button alternative styling */
body.user-is-tabbing .radio-custom input[type='radio']:focus + label::after {
  border: 1px solid #1356d9;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}
/* Select (no-js version) */
.form-input .select-holder {
  border: 1px solid #cecece;
  border-radius: 4px;
  display: flex;
  max-width: 100%;
  position: relative;
}
.form-input .select-holder > label {
  color: #999999;
  padding: 0 15px;
  pointer-events: none;
  position: absolute;
  transition: 0.1s ease-in-out all;
}
.form-input .select-holder select:not(.custom-select) {
  background: #ffffff;
  border: none;
  cursor: pointer;
  font-weight: 300;
  line-height: normal;
  outline: none;
  padding-right: 48px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-input .select-holder select:not(.custom-select).label-top + label {
  color: #999999;
  left: 0;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
}
.form-input .select-holder::after {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  content: '';
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  z-index: 100;
}
.form-input .select-holder:focus:not([disabled]),
.form-input .select-holder:hover:not([disabled]) {
  border-color: #1356d9;
}
.form-input .select-holder[disabled] {
  color: #999999;
  opacity: 0.8;
}
.form-input .select-holder[disabled]::after {
  background-color: #f7f7f7;
  opacity: 0.8;
}
.form-input .select-holder[disabled] select {
  background-color: #f7f7f7;
  cursor: default;
}
@media all and (-ms-high-contrast: none) {
  .form-input .select-holder select:not(.custom-select) {
    padding-right: 0;
  }
  .form-input .select-holder::after {
    display: none;
  }
}
/* The small inputs have no label, so override the padding within */
.form-input.input-small .select-holder select:not(.custom-select).label-top {
  padding-top: 0;
}
body.user-is-tabbing div.select-holder:focus-within {
  border: 1px solid #1356d9;
}
.form-input .form-group.number-input-control {
  border: 1px solid #cecece;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  max-width: 166px;
  min-width: 166px;
}
.form-input .form-group.number-input-control input[type='number']::-webkit-inner-spin-button,
.form-input .form-group.number-input-control input[type='number']::-webkit-outer-spin-button {
  margin: 0;
}
.form-input .form-group.number-input-control input[type='number'] {
  border: none;
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  text-align: center;
  width: 55px;
  -moz-appearance: textfield;
  appearance: textfield;
}
.form-input .form-group.number-input-control input[type='number']::-webkit-inner-spin-button,
.form-input .form-group.number-input-control input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.form-input .form-group.number-input-control .control {
  color: #2b2b2b;
  flex: 0 0 55px;
  margin: -1px;
}
.form-input .form-group.number-input-control .control.disabled,
.form-input .form-group.number-input-control .control[disabled] {
  background-color: #f7f7f7;
  border: 1px solid #cecece;
  color: #c2c2c2;
  opacity: 0.8;
}
.form-input .form-group.number-input-control .control.add {
  border-bottom-right-radius: 4px;
  border-left: 1px solid #cecece;
  border-top-right-radius: 4px;
}
.form-input .form-group.number-input-control .control.subtract {
  border-bottom-left-radius: 4px;
  border-right: 1px solid #cecece;
  border-top-left-radius: 4px;
}
.form-input .form-group.number-input-control .control.add:not([disabled]),
.form-input .form-group.number-input-control .control.subtract:not([disabled]) {
  cursor: pointer;
}
.form-input .form-group.number-input-control .control.add:not([disabled]):hover,
.form-input .form-group.number-input-control .control.subtract:not([disabled]):hover {
  border: 1px solid #1356d9;
  color: #1356d9;
}
body.user-is-tabbing .number-input-control button:focus,
body.user-is-tabbing .number-input-control input:focus {
  border: 1px solid #1356d9;
}
.toggle-custom {
  box-sizing: border-box;
  flex-shrink: 0;
  height: 20px;
  padding: 1px;
  position: relative;
  width: 48px;
  /* Toggle on */
}
.default .toggle-custom {
  height: 25px;
  padding: 0;
}
.default .toggle-custom input[type='checkbox'] + .toggle-slider::after {
  top: calc(50% - 2px);
  transform: translate3d(0, -50%, 0) scale(0.65);
}
.default .toggle-custom input[type='checkbox']:checked + .toggle-slider {
  background: #bee5be;
  border-color: #3e993e;
}
.default .toggle-custom input[type='checkbox']:checked + .toggle-slider::before {
  background: #3e993e;
  left: -14px;
  transform: translate3d(28px, 0, 0) scale(0.5);
}
.default .toggle-custom input[type='checkbox']:checked + .toggle-slider::after {
  left: -2px;
  top: 50%;
  transform: translate3d(28px, -50%, 0) scale(1);
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.default .toggle-custom .toggle-slider {
  background-color: #f7f7f7;
  border: 1px solid #cecece;
}
.default .toggle-custom .toggle-slider::before {
  align-items: center;
  background: #c2c2c2;
  display: flex;
  height: 40px;
  justify-content: center;
  left: -8px;
  top: -9px;
  transform: scale(0.5);
  width: 40px;
}
.default .toggle-custom .toggle-slider::after {
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.65);
  transition: transform 0.2s ease-out;
  width: 20px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.toggle-custom input[type='checkbox'] {
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.toggle-custom .toggle-slider {
  background: #c2c2c2;
  border-radius: 50px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  height: 100%;
  position: relative;
  transition: background 0.2s;
  width: 100%;
}
.toggle-custom .toggle-slider::before {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  content: '';
  display: block;
  height: 20px;
  left: -1px;
  position: absolute;
  top: -2px;
  transition: transform 0.2s ease-out;
  width: 20px;
}
.toggle-custom .toggle-slider > span {
  display: block;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 13px;
  margin-top: -6px;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  top: 50%;
  transition: opacity 0.2s;
  vertical-align: middle;
}
.toggle-custom .toggle-slider > span.on {
  left: 5px;
  opacity: 0;
}
.toggle-custom .toggle-slider > span.off {
  opacity: 1;
  right: 6px;
}
.toggle-custom input[type='checkbox']:checked + .toggle-slider,
.toggle-custom.toggle-on .toggle-slider {
  background-color: #82c517;
}
.toggle-custom input[type='checkbox']:checked + .toggle-slider::before,
.toggle-custom.toggle-on .toggle-slider::before {
  transform: translate3d(28px, 0, 0);
}
.toggle-custom input[type='checkbox']:checked + .toggle-slider span.on,
.toggle-custom.toggle-on .toggle-slider span.on {
  opacity: 1;
}
.toggle-custom input[type='checkbox']:checked + .toggle-slider span.off,
.toggle-custom.toggle-on .toggle-slider span.off {
  opacity: 0;
}
.toggle-custom input[type='checkbox']:disabled + .toggle-slider {
  opacity: 0.4;
}
.toggle-custom.toggle-bg-gray input[type='checkbox']:checked + .toggle-slider,
.toggle-custom.toggle-bg-gray.toggle-on .toggle-slider {
  background-color: #666666;
}
/* Toggle with label */
.toggle-holder {
  align-items: center;
  display: flex;
}
.toggle-holder .toggle-custom {
  margin-right: 10px;
}
.toggle-holder .toggle-custom + label {
  cursor: pointer;
  padding: 0;
}
body.user-is-tabbing .toggle-holder input:focus ~ .toggle-slider {
  background: #666666;
}
body.user-is-tabbing .toggle-holder input:focus:checked ~ .toggle-slider {
  background: #aed876;
}
body.user-is-tabbing .toggle-holder .toggle-bg-gray input:focus ~ .toggle-slider {
  background: #2b2b2b;
}
body.user-is-tabbing .toggle-holder .toggle-bg-gray input:focus:checked ~ .toggle-slider {
  background: #666666;
}
@media (min-width: 533px ) {
  /* Toggle large */
  .toggle-custom.toggle-large {
    height: 26px;
    width: 58px;
    /* Toggle on */
  }
  .toggle-custom.toggle-large .toggle-slider::before {
    height: 26px;
    width: 26px;
  }
  .toggle-custom.toggle-large .toggle-slider > span {
    font-size: 10px;
  }
  .toggle-custom.toggle-large .toggle-slider > span.on {
    left: 6px;
  }
  .toggle-custom.toggle-large .toggle-slider > span.off {
    right: 8px;
  }
  .toggle-custom.toggle-large input[type='checkbox']:checked + .toggle-slider::before,
  .toggle-custom.toggle-large.toggle-on .toggle-slider::before {
    transform: translate3d(32px, 0, 0);
  }
}
.svg-icon {
  margin-left: auto;
  margin-right: auto;
  /* center horizontal */
  justify-content: center;
  /* center horizontal */
  align-items: center;
  display: flex;
}
/* Colors outline icons */
.icon-stroke-blue * {
  stroke: #1356d9;
}
.icon-stroke-white * {
  stroke: #ffffff;
}
.icon-stroke-yellow * {
  stroke: #fecb2f;
}
.icon-stroke-green * {
  stroke: #3e993e;
}
.icon-stroke-red * {
  stroke: #c13734;
}
.icon-stroke-gray1 * {
  stroke: #2b2b2b;
}
.icon-stroke-gray3 * {
  stroke: #999999;
}
.icon-stroke-facebook * {
  stroke: #3b5998;
}
.icon-stroke-linkedin * {
  stroke: #007bb6;
}
.icon-stroke-youtube * {
  stroke: #cd201f;
}
.icon-stroke-google * {
  stroke: #dd4b39;
}
.icon-stroke-github * {
  stroke: #000000;
}
/* Colors fill icons */
.icon-fill-blue * {
  fill: #1356d9;
}
.icon-fill-white * {
  fill: #ffffff;
}
.icon-fill-yellow * {
  fill: #fecb2f;
}
.icon-fill-green * {
  fill: #3e993e;
}
.icon-fill-red * {
  fill: #c13734;
}
.icon-fill-gray1 * {
  fill: #2b2b2b;
}
.icon-fill-gray3 * {
  fill: #999999;
}
.icon-fill-facebook * {
  fill: #3b5998;
}
.icon-fill-linkedin * {
  fill: #007bb6;
}
.icon-fill-youtube * {
  fill: #cd201f;
}
.icon-fill-google * {
  fill: #dd4b39;
}
.icon-fill-github * {
  fill: #000000;
}
/* Spinner */
.spinner {
  transform: translateZ(0);
  animation: animation-rotate 1s infinite linear both;
}
.icon-fill-blue .spinner .a {
  fill: #e8f5ff;
}
.icon-fill-white .spinner .a {
  opacity: 0.35;
}
.icon-fill-gray3 .spinner .a {
  fill: #c2c2c2;
}
/* Shadows */
.icon-shadow svg {
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0 2px 12px rgba(43, 43, 43, 0.4));
}
/* Sizes */
.icon-xsmall {
  height: 16px;
  width: 16px;
}
.icon-small {
  height: 24px;
  width: 24px;
}
.icon-medium {
  height: 48px;
  width: 48px;
}
.icon-large {
  height: 60px;
  width: 60px;
}
/* Alignment */
.icon-align-left {
  margin-left: 0;
  margin-right: 0;
}
/* Media queries */
@media (max-width: 532px ) {
  .icon-medium,
  .icon-large {
    height: 32px;
    width: 32px;
  }
}
.icon-text {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.icon-text .svg-icon {
  order: 0;
}
.icon-text .svg-icon svg {
  height: inherit;
  width: inherit;
}
.icon-text.icon-right .svg-icon {
  order: 1;
}
/* Icon text sizes */
.icon-text-xlarge,
.icon-text-large {
  font-size: 16px;
  line-height: 16px;
  margin-right: 16px;
  padding: 14px 0;
}
.icon-text-xlarge .svg-icon,
.icon-text-large .svg-icon {
  height: 16px;
  margin: 0 8px 0 0;
  width: 16px;
}
.icon-text-xlarge.icon-right .svg-icon,
.icon-text-large.icon-right .svg-icon {
  margin: 0 0 0 8px;
}
.icon-text-xlarge:last-child,
.icon-text-large:last-child,
.icon-text-xlarge:only-child,
.icon-text-large:only-child {
  margin-right: 0;
}
.icon-text-medium,
.icon-text-small,
.icon-text-xsmall {
  font-size: 14px;
  line-height: 14px;
  margin-right: 14px;
  padding: 12px 0;
}
.icon-text-medium .svg-icon,
.icon-text-small .svg-icon,
.icon-text-xsmall .svg-icon {
  height: 14px;
  margin: 0 7px 0 0;
  width: 14px;
}
.icon-text-medium.icon-right .svg-icon,
.icon-text-small.icon-right .svg-icon,
.icon-text-xsmall.icon-right .svg-icon {
  margin: 0 0 0 7px;
}
.icon-text-medium:last-child,
.icon-text-small:last-child,
.icon-text-xsmall:last-child,
.icon-text-medium:only-child,
.icon-text-small:only-child,
.icon-text-xsmall:only-child {
  margin-right: 0;
}
.heading-icon {
  align-items: center;
  display: flex;
}
.heading-icon h1,
.heading-icon h2,
.heading-icon h3 {
  margin-bottom: 0;
}
.icon-small.icon-right-margin {
  margin: 0 12px 0 0;
}
.icon-small.icon-bottom-margin {
  margin: 0 0 12px;
}
/* Media queries */
@media (max-width: 532px ) {
  .icon-medium.icon-right-margin,
  .icon-large.icon-right-margin {
    margin: 0 12px 0 0;
  }
  .icon-medium.icon-bottom-margin,
  .icon-large.icon-bottom-margin {
    margin: 0 0 12px;
  }
}
@media (min-width: 533px ) and (max-width: 1024px ) {
  .icon-text-xlarge {
    font-size: 21px;
    line-height: 21px;
    margin-right: 21px;
    padding: 19px 0;
  }
  .icon-text-xlarge .svg-icon {
    height: 21px;
    margin: 0 10.5px 0 0;
    width: 21px;
  }
  .icon-text-xlarge.icon-right .svg-icon {
    margin: 0 0 0 10.5px;
  }
  .icon-text-large {
    font-size: 18px;
    line-height: 18px;
    margin-right: 18px;
    padding: 16px 0;
  }
  .icon-text-large .svg-icon {
    height: 18px;
    margin: 0 9px 0 0;
    width: 18px;
  }
  .icon-text-large.icon-right .svg-icon {
    margin: 0 0 0 9px;
  }
  .icon-text-medium {
    font-size: 16px;
    line-height: 16px;
    margin-right: 16px;
    padding: 14px 0;
  }
  .icon-text-medium .svg-icon {
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px;
  }
  .icon-text-medium.icon-right .svg-icon {
    margin: 0 0 0 8px;
  }
}
@media (min-width: 533px ) {
  .icon-medium.icon-bottom-margin {
    margin: 0 0 12px;
  }
  .icon-large.icon-bottom-margin {
    margin: 0 0 24px;
  }
  .icon-medium.icon-right-margin,
  .icon-large.icon-right-margin {
    margin: 0 24px 0 0;
  }
}
@media (min-width: 1025px ) {
  .icon-text-xlarge {
    font-size: 24px;
    line-height: 24px;
    margin-right: 24px;
    padding: 22px 0;
  }
  .icon-text-xlarge .svg-icon {
    height: 24px;
    margin: 0 12px 0 0;
    width: 24px;
  }
  .icon-text-xlarge.icon-right .svg-icon {
    margin: 0 0 0 12px;
  }
  .icon-text-large {
    font-size: 21px;
    line-height: 21px;
    margin-right: 21px;
    padding: 19px 0;
  }
  .icon-text-large .svg-icon {
    height: 21px;
    margin: 0 10.5px 0 0;
    width: 21px;
  }
  .icon-text-large.icon-right .svg-icon {
    margin: 0 0 0 10.5px;
  }
  .icon-text-medium {
    font-size: 18px;
    line-height: 18px;
    margin-right: 18px;
    padding: 16px 0;
  }
  .icon-text-medium .svg-icon {
    height: 18px;
    margin: 0 9px 0 0;
    width: 18px;
  }
  .icon-text-medium.icon-right .svg-icon {
    margin: 0 0 0 9px;
  }
  .icon-text-small {
    font-size: 16px;
    line-height: 16px;
    margin-right: 16px;
    padding: 14px 0;
  }
  .icon-text-small .svg-icon {
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px;
  }
  .icon-text-small.icon-right .svg-icon {
    margin: 0 0 0 8px;
  }
}
.info-label {
  background: #999999;
  border-radius: 4px;
  color: #ffffff;
  cursor: default;
  display: inline-block;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
  padding: 0 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  white-space: nowrap;
}
.info-label.label-inverted {
  background: #ececec;
  color: #999999;
  font-weight: 500;
  text-shadow: none;
}
.info-label.label-gray {
  background: #999999;
}
.info-label.label-gray.label-inverted {
  background: #ececec;
  color: #999999;
}
.info-label.label-orange {
  background: #de7812;
}
.info-label.label-orange.label-inverted {
  background: #faecd1;
  color: #de7812;
}
.info-label.label-yellow {
  background: #fecb2f;
  color: #533700;
  text-shadow: none;
}
.info-label.label-yellow.label-inverted {
  background: #fff1c7;
}
.info-label.label-green {
  background-color: #3e993e;
}
.info-label.label-green.label-inverted {
  background: #f1f8f1;
  color: #3e993e;
}
.info-label.label-red {
  background: #c13734;
}
.info-label.label-red.label-inverted {
  background: #f8edec;
  color: #c13734;
}
.info-label.label-cta-red {
  background: #db2d2b;
}
.info-label.label-cta-red.label-inverted {
  background: #fee0df;
  color: #db2d2b;
}
.info-label.label-cta-green {
  background: #22be29;
}
.info-label.label-cta-green.label-inverted {
  background: #d7f6d8;
  color: #22be29;
}
.info-label.label-blue {
  background: #1356d9;
}
.info-label.label-blue.label-inverted {
  background: #e4eaf6;
  color: #1356d9;
}
@media (min-width: 1025px ) {
  .info-label.label-large {
    height: 24px;
    padding: 0 8px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 24px;
  }
}
a {
  color: inherit;
  cursor: pointer;
  outline: none;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #1356d9;
  text-decoration: underline;
}
.linkprio-high {
  color: #1356d9;
  text-decoration: underline;
}
.linkprio-high:hover,
.linkprio-high:active,
.linkprio-high:focus {
  color: inherit;
}
.linkprio-low {
  text-decoration: none;
}
.linkprio-low:hover,
.linkprio-low:active,
.linkprio-low:focus {
  text-decoration: underline;
}
.linkprio-none {
  text-decoration: none;
}
.linkprio-none:hover,
.linkprio-none:active,
.linkprio-none:focus {
  text-decoration: none;
}
/* Clickable area */
.clickablearea {
  background-color: #ffffff;
  filter: alpha(opacity=1);
  /* workaround to make clickable in IE */
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 320px ) {
  .text-large ul,
  .text-default ul,
  body ul {
    padding-left: 16px;
  }
  .text-small ul {
    padding-left: 14px;
  }
  .text-xsmall ul {
    padding-left: 12px;
  }
  ol {
    padding-left: 24px;
  }
}
@media screen and (min-width: 321px ) and (max-width: 1535px ) {
  .text-large ul,
  .text-default ul,
  body ul {
    padding-left: -webkit-calc(16px  +  4  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(16px  +  4  * ((100vw -  320px ) / 1216 ));
  }
  .text-small ul {
    padding-left: -webkit-calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
  }
  .text-xsmall ul {
    padding-left: -webkit-calc(12px  +  4  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(12px  +  4  * ((100vw -  320px ) / 1216 ));
  }
  ol {
    padding-left: -webkit-calc(24px  +  4  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(24px  +  4  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px ) {
  .text-large ul,
  .text-default ul,
  body ul {
    padding-left: 20px;
  }
  .text-small ul {
    padding-left: 18px;
  }
  .text-xsmall ul {
    padding-left: 16px;
  }
  ol {
    padding-left: 28px;
  }
}
ol {
  box-sizing: border-box;
  list-style-type: decimal;
  width: 100%;
}
ul {
  list-style-type: disc;
  max-width: 100%;
  text-align: left;
}
.list-style-none ul,
.list-style-check ul,
.list-style-alert ul,
.list-style-info ul,
.list-style-dash ul,
.list-style-border ul,
.list-style-chevron ul,
ul.list-style-none,
ul.list-style-check,
ul.list-style-alert,
ul.list-style-info,
ul.list-style-dash,
ul.list-style-border,
ul.list-style-chevron {
  list-style: none;
  padding-left: 0;
}
/* Streepjes */
.list-style-dash li {
  padding-left: 12px;
}
.list-style-dash li::before {
  content: '-';
  display: inline-block;
  margin-left: -12px;
  width: 12px;
}
/* Borders */
.list-style-border li:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
.list-style-check li,
.list-style-alert li,
.list-style-info li,
.list-style-chevron li {
  box-sizing: border-box;
  padding-left: 24px;
}
.list-style-check li::before,
.list-style-alert li::before,
.list-style-info li::before,
.list-style-chevron li::before {
  display: inline-block;
  margin-left: -24px;
  vertical-align: middle;
  width: 24px;
}
.list-style-check li span,
.list-style-alert li span,
.list-style-info li span,
.list-style-chevron li span {
  display: inline-block;
  vertical-align: top;
}
/* Check marks */
.list-style-check li::before {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.list-style-check.list-icon-green li::before {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2382c517' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.list-style-check.list-icon-white li::before {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-check' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.bg-img .list-style-check.list-icon-white li::before,
.list-style-check.bg-img.list-icon-white li::before {
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0 2px 12px rgba(43, 43, 43, 0.4));
}
/* Alert */
.list-style-alert li::before {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-alert-triangle' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12' y2='17'/%3E%3C/svg%3E");
}
.list-style-alert.list-icon-yellow li::before {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-alert-triangle' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fecb2f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12' y2='17'/%3E%3C/svg%3E");
}
.list-style-alert.list-icon-red li::before {
  content: url("data:image/svg+xml,%3Csvg class='feather feather-alert-triangle' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c13734' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12' y2='17'/%3E%3C/svg%3E");
}
/* Info */
.list-style-info li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='8'/%3E%3C/svg%3E");
}
/* Chevrons */
.list-style-chevron li::before {
  line-height: normal;
  margin-left: -30px;
  width: 30px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
}
/* Genummerd Steps Style */
.ol-style-steps {
  list-style: none;
  padding-left: 0;
}
.ol-style-steps li {
  counter-increment: step;
  display: flex;
  position: relative;
}
.ol-style-steps li::before {
  align-items: center;
  background: #e8f5ff;
  border-radius: 100%;
  color: #1356d9;
  content: counter(step);
  display: inline-flex;
  flex: 0 0 auto;
  height: 30px;
  justify-content: center;
  margin: 0 20px 0 0;
  width: 30px;
  z-index: 100;
}
.ol-style-steps li .step {
  display: flex;
  flex-flow: column;
  width: 100%;
}
.ol-style-steps li .step .title {
  margin-bottom: 0;
  padding-top: 7px;
}
.ol-style-steps li .step .content {
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
.ol-style-steps li::after {
  border: solid 1px #e8f5ff;
  content: '';
  display: block;
  height: 100%;
  left: 14px;
  position: absolute;
  top: 20px;
}
.ol-style-steps li:last-of-type::after {
  border: none;
}
.ol-style-steps.horizontal {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
@media (max-width: 532px ) {
  .ol-style-steps.horizontal li::before {
    margin-top: 5px;
  }
}
@media (min-width: 533px ) {
  .ol-style-steps.horizontal {
    flex-flow: row;
  }
  .ol-style-steps.horizontal li {
    flex: 1 1 200px;
    justify-content: center;
  }
  .ol-style-steps.horizontal li::before {
    left: 15px;
    position: absolute;
  }
  .ol-style-steps.horizontal li .step {
    padding: 40px 0 0;
  }
  .ol-style-steps.horizontal li .step .title {
    margin-bottom: 0;
  }
  .ol-style-steps.horizontal li .step .title,
  .ol-style-steps.horizontal li .step .content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ol-style-steps.horizontal li::after {
    height: 0;
    left: 15px;
    min-height: 0;
    top: 15px;
    width: 100%;
  }
  .ol-style-steps.horizontal li:last-of-type::after {
    border: none;
  }
}
.fastlane-dropdown-menu {
  box-sizing: border-box;
  margin-right: 12px;
}
.fastlane-dropdown-menu .fastlane-dropdown-link {
  border: none;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  line-height: 23px;
  outline: none;
  padding: 6px 12px;
  position: relative;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  align-items: center;
  display: flex;
}
.fastlane-dropdown-menu .fastlane-dropdown-link .icon-chevron {
  margin-left: 4px;
}
.fastlane-dropdown-menu .dropdown-content {
  box-sizing: border-box;
  left: auto;
  opacity: 0;
  position: absolute;
  right: 24px;
  top: 100%;
  transition: opacity 0.1s linear 0.1s, visibility 0s linear 0.1s;
  visibility: hidden;
  width: 800px;
  z-index: 100;
}
.fastlane-dropdown-menu .dropdown-content:hover {
  transition: opacity 0.2s linear 0.2s, visibility linear 0.2s;
}
.fastlane-dropdown-menu .dropdown-content .grid-row {
  margin: 0 auto;
  max-width: 1536px;
  min-width: 0;
}
.fastlane-dropdown-menu .dropdown-content .submenu-links {
  background-color: #ffffff;
  border-bottom: 1px solid #f7f7f7;
  border-top: 1px solid #f7f7f7;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  display: flex;
}
.fastlane-dropdown-menu .dropdown-content ul {
  box-sizing: border-box;
  padding-right: 44px;
}
.fastlane-dropdown-menu .dropdown-content ul li:not(:last-child) {
  margin-bottom: 11.5px;
}
.fastlane-dropdown-menu .dropdown-content ul a {
  border-radius: 4px;
  display: block;
  padding: 10px;
}
.fastlane-dropdown-menu .dropdown-content ul a:hover {
  background-color: #e8f5ff;
}
.fastlane-dropdown-menu:hover .fastlane-dropdown-link,
.fastlane-dropdown-menu.active .fastlane-dropdown-link {
  background: #e8f5ff;
  color: #1356d9;
}
.fastlane-dropdown-menu:hover .fastlane-dropdown-link::before,
.fastlane-dropdown-menu.active .fastlane-dropdown-link::before,
.fastlane-dropdown-menu:hover .fastlane-dropdown-link::after,
.fastlane-dropdown-menu.active .fastlane-dropdown-link::after {
  background-color: #ffffff;
  bottom: -20px;
  content: '';
  filter: alpha(opacity=1);
  /* workaround to make clickable in IE */
  opacity: 0;
  position: absolute;
  z-index: 100;
}
.fastlane-dropdown-menu:hover .fastlane-dropdown-link::before,
.fastlane-dropdown-menu.active .fastlane-dropdown-link::before {
  left: -12px;
  right: -12px;
  top: 0;
}
.fastlane-dropdown-menu:hover .fastlane-dropdown-link::after,
.fastlane-dropdown-menu.active .fastlane-dropdown-link::after {
  height: 30px;
  left: -100px;
  right: -100px;
}
.fastlane-dropdown-menu:hover .fastlane-dropdown-link::after,
.fastlane-dropdown-menu.active .fastlane-dropdown-link::after {
  right: -24px;
}
.fastlane-dropdown-menu.active .fastlane-dropdown-link .icon-chevron {
  transform: rotate(180deg);
}
.fastlane-dropdown-menu.active .dropdown-content {
  opacity: 1;
  visibility: visible;
}
.webshop-shown .fastlane-dropdown-menu .fastlane-dropdown-link {
  background: #e8f5ff;
  color: #1356d9;
}
body.page-checkout .filled-basket .global-navigation .fastlane-dropdown-menu {
  display: none;
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .fastlane-dropdown-menu .fastlane-dropdown-link {
    font-size: 14px;
    letter-spacing: 0.34px;
    line-height: 23px;
  }
}
.global-navigation .submenu-checker {
  margin: 0 auto;
  max-width: 640px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.price-overview .price-block {
  display: flex;
  margin-bottom: 50px;
}
.price-overview .price-free,
.price-overview .price-holder {
  margin: 0 auto;
}
.price:not(.price-free) {
  font-size: 0;
  position: relative;
}
.price:not(.price-free) span {
  display: inline-block;
  white-space: nowrap;
}
.price:not(.price-free) .price-crossed {
  color: #999999;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 26px;
}
.price:not(.price-free) .euro,
.price:not(.price-free) .comma,
.price:not(.price-free) .cent,
.price:not(.price-free) .from,
.price:not(.price-free) .period,
.price:not(.price-free) .star {
  font-size: 24px;
  letter-spacing: 0.2px;
  line-height: 40px;
}
.price:not(.price-free) .from {
  margin-right: 7px;
}
.price:not(.price-free) .star {
  margin-left: 7px;
}
.price:not(.price-free) .price-crossed,
.price:not(.price-free) .cent {
  margin-right: 10px;
}
.price.price-free span {
  font-size: 30px;
  letter-spacing: 0.16px;
  line-height: 50px;
}
.price.price-has-cent,
.price.price-has-dash {
  font-size: 0;
}
.price-crossed {
  text-decoration: line-through;
}
.price-holder {
  font-size: 0;
}
.price-holder .price-crossed {
  margin-right: 10px;
}
.price-holder span {
  display: inline-block;
  white-space: nowrap;
}
.price-holder span.period {
  margin-left: 5px;
}
.price-balloon {
  align-content: center;
  background-color: #db2d2b;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 130px;
  justify-content: center;
  position: absolute;
  text-align: center;
  top: 0;
  width: 130px;
  z-index: 100;
}
.price-balloon.balloon-white {
  background-color: #ffffff;
  color: #1356d9;
}
.price-balloon .cent {
  position: relative;
  top: -6px;
  font-size: 28px;
  letter-spacing: 0.17px;
}
.price-balloon .price-before {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  text-transform: uppercase;
}
.price-balloon .price-crossed {
  display: flex;
}
.price-balloon .price-crossed::before {
  border-color: #ffffff;
}
.price-balloon .price-crossed .cent {
  top: auto;
}
.price-balloon .period {
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.34px;
}
.price-balloon .period sup {
  text-transform: initial;
}
.price-balloon .price-no-discount {
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0.6;
  text-transform: uppercase;
}
.price-balloon .product-price {
  display: flex;
  justify-content: center;
}
.price-balloon:not(.text-first):not(.price-offer):not(.sale) > span.product-price {
  align-items: flex-end;
  display: flex;
  flex: 0 0 55%;
  justify-content: center;
  font-size: 45px;
  letter-spacing: 0.11px;
}
.price-balloon:not(.text-first):not(.price-offer):not(.sale) > span.period {
  display: flex;
}
.price-balloon:not(.text-first):not(.price-offer):not(.sale) > span .from {
  position: relative;
  top: 9px;
  font-size: 16px;
  letter-spacing: 0.3px;
}
.price-balloon.price-offer > span.price-no-discount {
  align-items: flex-end;
  flex: 0 0 40%;
  font-size: 21px;
  letter-spacing: 0.23px;
}
.price-balloon.price-offer > span.product-price {
  flex: 1 1 auto;
  margin-top: 15px;
  font-size: 36px;
  letter-spacing: 0.13px;
}
.price-balloon.text-first > span.price-before {
  line-height: 20px;
  padding: 10px 0;
  font-size: 14px;
  letter-spacing: 0.34px;
}
.price-balloon.text-first > span.product-price {
  flex: 0 0 30%;
  font-size: 45px;
  letter-spacing: 0.11px;
}
.price-balloon.sale > span.price-before {
  padding: 15px 10px 0;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 12px;
}
.price-balloon.sale > span.price-no-discount {
  flex: 0 0 auto;
  padding: 4px 0;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 12px;
}
.price-balloon.sale > span.product-price {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 4px 0 10px;
  font-size: 32px;
  letter-spacing: 0.15px;
}
.price-balloon.sale > span.product-price .from {
  position: relative;
  top: 9px;
  font-size: 16px;
  letter-spacing: 0.3px;
}
.price-balloon.sale > span.period {
  display: flex;
  padding: 0 10px 15px;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 12px;
}
@media (max-width: 768px ) {
  .price-balloon {
    transform: scale(0.75);
  }
  .price-balloon .cent {
    font-size: 21px;
  }
  .price-balloon:not(.text-first):not(.price-offer):not(.sale) > span.product-price {
    font-size: 36px;
  }
}
@media (min-width: 1025px ) {
  .price-balloon.sale > span.price-no-discount {
    padding: 10px 0;
  }
  .price-balloon.sale > span.product-price {
    font-size: 42px;
    padding: 4px 0 15px;
  }
  .price-balloon.sale > span.period {
    padding: 0 10px 15px;
  }
}
.notice {
  align-items: stretch;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  padding: 0;
}
.notice .notice-icon {
  align-items: flex-start;
  display: flex;
  flex-shrink: 0;
  margin: 0;
}
.notice .notice-icon::before {
  height: 24px;
  width: 24px;
}
.notice .close {
  cursor: pointer;
  height: 24px;
  position: absolute;
  width: 24px;
}
.notice .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice .notice-content {
  box-sizing: border-box;
  flex-grow: 1;
  position: relative;
  text-align: left;
}
.notice .notice-content a:not(.button) {
  color: #ffffff;
  text-decoration: underline;
}
.notice .notice-content a:not(.button):hover {
  color: rgba(255, 255, 255, 0.85);
}
.notice .notice-content code,
.notice .notice-content pre {
  color: #2b2b2b;
  font-family: 'Courier New', 'Courier', 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-size: inherit;
  margin: 0;
  white-space: pre-wrap;
}
.notice .notice-content code table td,
.notice .notice-content pre table td {
  min-width: 50px;
  padding: 6px;
  vertical-align: top;
  word-break: break-word;
}
.notice .notice-title {
  display: block;
  font-weight: 500;
}
.notice.colors-inverted {
  padding: 0;
}
.notice.colors-inverted .notice-content {
  background: #ffffff;
}
.notice.colors-inverted .notice-content::before {
  color: #ffffff;
}
.notice.colors-inverted a:hover {
  opacity: 0.65;
}
.notice.colors-alt {
  border-radius: 4px;
}
.notice:not(.colors-inverted) .notice-icon {
  padding-right: 0;
}
.notice.notice-alert {
  background: #c13734;
}
.notice.notice-alert .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12' y2='16'/%3E%3C/svg%3E");
}
.notice.notice-alert.colors-inverted {
  border: 1px solid #c13734;
}
.notice.notice-alert.colors-inverted .notice-content,
.notice.notice-alert.colors-inverted a:not(.button) {
  color: #c13734;
}
.notice.notice-alert.colors-inverted .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c13734' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-alert.colors-alt {
  background: #fbf1f1;
  color: #c13734;
}
.notice.notice-alert.colors-alt a:not(.button) {
  color: #c13734;
}
.notice.notice-alert.colors-alt .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c13734' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12' y2='16'/%3E%3C/svg%3E");
}
.notice.notice-alert.colors-alt .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c13734' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-warning {
  background: #ec9b00;
}
.notice.notice-warning .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-triangle'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");
}
.notice.notice-warning.colors-inverted {
  border: 1px solid #ec9b00;
}
.notice.notice-warning.colors-inverted .notice-content,
.notice.notice-warning.colors-inverted a:not(.button) {
  color: #ec9b00;
}
.notice.notice-warning.colors-inverted .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ec9b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-warning.colors-alt {
  background: #fef8e6;
  color: #533700;
}
.notice.notice-warning.colors-alt a {
  color: #533700;
}
.notice.notice-warning.colors-alt a:hover {
  color: #ec9b00;
}
.notice.notice-warning.colors-alt .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ec9b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-triangle'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");
}
.notice.notice-warning.colors-alt .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ec9b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-success {
  background: #3e993e;
}
.notice.notice-success .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");
}
.notice.notice-success.colors-inverted {
  border: 1px solid #3e993e;
}
.notice.notice-success.colors-inverted .notice-content,
.notice.notice-success.colors-inverted a:not(.button) {
  color: #3e993e;
}
.notice.notice-success.colors-inverted .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233e993e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-success.colors-alt {
  background: #f1f8f1;
  color: #3a8e3a;
}
.notice.notice-success.colors-alt a:not(.button) {
  color: #3a8e3a;
}
.notice.notice-success.colors-alt .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233e993e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-circle'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");
}
.notice.notice-success.colors-alt .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233e993e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-info {
  background: #1356d9;
}
.notice.notice-info .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='8'/%3E%3C/svg%3E");
}
.notice.notice-info.colors-inverted {
  border: 1px solid #1356d9;
}
.notice.notice-info.colors-inverted .notice-content,
.notice.notice-info.colors-inverted a:not(.button) {
  color: #1356d9;
}
.notice.notice-info.colors-inverted .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231356d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-info.colors-alt {
  background: #e8f5ff;
  color: #1356d9;
}
.notice.notice-info.colors-alt a:not(.button) {
  color: #1356d9;
}
.notice.notice-info.colors-alt .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231356d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='8'/%3E%3C/svg%3E");
}
.notice.notice-info.colors-alt .close::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231356d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.notice.notice-code {
  background: #f7f7f7;
  color: #2b2b2b;
}
.notice.notice-code .notice-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-code'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E");
}
.notice.notice-coupon-code {
  background-color: #092259;
}
.notice.notice-coupon-code .svg-icon * {
  stroke: #de7812;
}
.notice.notice-coupon-code .notice-content {
  align-items: center;
  display: flex;
  justify-content: center;
}
.notice.notice-coupon-code .notice-content .close {
  display: flex;
  margin-left: 10px;
  position: relative;
  right: auto;
  top: auto;
}
.notice.notice-coupon-code .notice-title {
  align-items: center;
  display: flex;
}
.notice.notice-small .notice-content {
  padding: 10px;
}
.notice.notice-small .notice-icon {
  padding: 10px 0 10px 10px;
}
.notice.notice-small.colors-inverted .notice-icon {
  padding-right: 10px;
}
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday {
  background-color: #2b2b2b;
  position: relative;
}
@media screen and (max-width: 320px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday {
    padding-right: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday {
    padding-right: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday {
    padding-right: 44px;
  }
}
@media screen and (max-width: 320px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday {
    padding-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday {
    padding-left: 44px;
    padding-right: 44px;
  }
}
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday::before {
  background-color: #2b2b2b;
  content: '';
  display: flex;
  height: 100%;
  left: calc(-50vw + 50%);
  position: absolute;
  top: 0;
  width: 100vw;
}
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .notice-content {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 320px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .button {
    margin-left: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .button {
    margin-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .button {
    margin-left: 44px;
  }
}
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .button-red {
  background-color: #db2d2b;
  border-color: #db2d2b;
}
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .block-text .button {
  background: #db2d2b;
  border-color: #db2d2b;
}
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .block-text .button:hover,
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .block-text .button:focus,
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice.notice-black-friday .block-text .button:active {
  background-color: #9f1c1b;
  border-color: #9f1c1b;
}
@media (max-width: 532px ) {
  .notice .notice-content {
    padding: 10px;
  }
  .notice .notice-content .close {
    right: 10px;
    top: 8px;
  }
  .notice .notice-icon {
    padding: 8px 10px;
  }
}
@media (min-width: 533px ) {
  .notice .notice-content .close {
    right: 24px;
    top: 24px;
  }
}
@media (min-width: 533px ) and (max-width: 1024px ) {
  .notice .notice-content {
    padding: 24px;
  }
  .notice .notice-icon {
    padding: 23px 24px;
  }
}
@media (min-width: 1025px ) {
  .notice .notice-content,
  .notice .notice-icon {
    padding: 24px;
  }
}
.notification-shown:not(.webshop-shown),
.top-notice-shown-on-webshop {
  margin-top: 100px;
}
.notification-shown:not(.webshop-shown).webshop-shown .notice-menu-holder div[class$='notice-container'],
.top-notice-shown-on-webshop.webshop-shown .notice-menu-holder div[class$='notice-container'] {
  display: none;
}
.notification-shown:not(.webshop-shown) .notice-menu-holder .notice,
.top-notice-shown-on-webshop .notice-menu-holder .notice {
  min-height: 100px;
  padding: 10px;
}
.notification-shown.boost-notification-shown:not(.webshop-shown) {
  margin-top: 200px;
}
.notification-shown.black-friday-notice-shown:not(.webshop-shown) {
  margin-top: 100px;
}
@media screen and (min-width: 321px) and (max-width: 1024px) {
  .notification-shown:not(.webshop-shown),
  .top-notice-shown-on-webshop {
    margin-top: -webkit-calc(100px  +  -45  * ((100vw -  320px ) / 704 ));
    margin-top: calc(100px  +  -45  * ((100vw -  320px ) / 704 ));
  }
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice,
  .top-notice-shown-on-webshop .notice-menu-holder .notice {
    min-height: -webkit-calc(100px  +  -45  * ((100vw -  320px ) / 704 ));
    min-height: calc(100px  +  -45  * ((100vw -  320px ) / 704 ));
  }
  .notification-shown.boost-notification-shown:not(.webshop-shown) {
    margin-top: -webkit-calc(200px  +  -90  * ((100vw -  320px ) / 704 ));
    margin-top: calc(200px  +  -90  * ((100vw -  320px ) / 704 ));
  }
  .notification-shown.black-friday-notice-shown:not(.webshop-shown) {
    margin-top: -webkit-calc(100px  +  -22  * ((100vw -  320px ) / 704 ));
    margin-top: calc(100px  +  -22  * ((100vw -  320px ) / 704 ));
  }
}
@media (min-width: 1025px ) {
  .notification-shown:not(.webshop-shown),
  .top-notice-shown-on-webshop {
    margin-top: 0;
  }
  .notification-shown:not(.webshop-shown) .notice-menu-holder .notice,
  .top-notice-shown-on-webshop .notice-menu-holder .notice {
    min-height: 55px;
  }
  .notification-shown:not(.webshop-shown).webshop-hidden .fastlane-dropdown-menu:not(.on-click) .dropdown-content,
  .top-notice-shown-on-webshop.webshop-hidden .fastlane-dropdown-menu:not(.on-click) .dropdown-content,
  .notification-shown:not(.webshop-shown).webshop-enabled.top-notice-shown-on-webshop .fastlane-dropdown-menu:not(.on-click) .dropdown-content,
  .top-notice-shown-on-webshop.webshop-enabled.top-notice-shown-on-webshop .fastlane-dropdown-menu:not(.on-click) .dropdown-content {
    top: 195px;
  }
  .notification-shown .notice-menu-holder .notice {
    position: relative;
  }
  .notification-shown .notice-menu-holder .notice::before {
    content: '';
    display: flex;
    height: 100%;
    left: calc(-50vw + 50%);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -100;
  }
  .notification-shown .notice-menu-holder .notice.notice-alert::before {
    background-color: #c13734;
  }
  .notification-shown .notice-menu-holder .notice.notice-warning::before {
    background-color: #ec9b00;
  }
  .notification-shown .notice-menu-holder .notice.notice-succes::before {
    background-color: #3e993e;
  }
  .notification-shown .notice-menu-holder .notice.notice-info::before {
    background-color: #1356d9;
  }
  .notification-shown .notice-menu-holder .notice.notice-coupon-code::before {
    background-color: #092259;
  }
  .notification-shown.boost-notification-shown:not(.webshop-shown) {
    margin-top: 0;
  }
  .notification-shown.boost-notification-shown:not(.webshop-shown).webshop-hidden .fastlane-dropdown-menu:not(.on-click) .dropdown-content {
    top: 250px;
  }
  .notification-shown.black-friday-notice-shown:not(.webshop-shown) {
    margin-top: 0;
  }
}
/* Text */
html,
body {
  color: #2b2b2b;
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  font-variant-ligatures: none;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
}
strong,
b {
  font-weight: 500;
}
/* Font-sizes */
.h-size-14 {
  font-weight: 500;
  margin-bottom: 7px;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.text-small {
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.text-small li:not(:last-child) {
  margin-bottom: 8px;
}
.text-small .list-style-border li:not(:last-child) {
  padding-bottom: 8px;
}
.text-xxsmall {
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 20px;
}
.text-xxsmall li:not(:last-child) {
  margin-bottom: 7px;
}
.text-xxsmall .list-style-border li:not(:last-child) {
  padding-bottom: 7px;
}
/* Text colors */
.text-white {
  color: #ffffff;
}
.text-blue {
  color: #1356d9;
}
.text-orange {
  color: #de7812;
}
.text-gray1 {
  color: #2b2b2b;
}
.text-gray2 {
  color: #666666;
}
.text-gray3 {
  color: #999999;
}
.text-gray4 {
  color: #c2c2c2;
}
/* Text align */
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
/* Text shadow */
.text-shadow h1,
.text-shadow h2,
.text-shadow h3,
.text-shadow h4,
.text-shadow h5 {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 3px 10px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.text-shadow p,
.text-shadow ul,
.text-shadow a {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 3px 12px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.text-shadow .notice h2,
.text-shadow .popin h2,
.text-shadow .pop-in h2,
.text-shadow .notice p,
.text-shadow .popin p,
.text-shadow .pop-in p,
.text-shadow .notice ul,
.text-shadow .popin ul,
.text-shadow .pop-in ul,
.text-shadow .notice li,
.text-shadow .popin li,
.text-shadow .pop-in li,
.text-shadow .notice a,
.text-shadow .popin a,
.text-shadow .pop-in a {
  text-shadow: none;
}
.bg-img.heading-white h1,
.bg-parallax.heading-white h1,
.heading-white .col-bg-img h1,
.bg-img.heading-white h2,
.bg-parallax.heading-white h2,
.heading-white .col-bg-img h2,
.bg-img.heading-white h3,
.bg-parallax.heading-white h3,
.heading-white .col-bg-img h3,
.bg-img.heading-white h4,
.bg-parallax.heading-white h4,
.heading-white .col-bg-img h4,
.bg-img.heading-white h5,
.bg-parallax.heading-white h5,
.heading-white .col-bg-img h5 {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 3px 10px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.bg-img h1.heading-white,
.bg-img h2.heading-white,
.bg-img h3.heading-white,
.bg-img h4.heading-white,
.bg-img h5.heading-white {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 3px 10px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.bg-img.text-white p,
.bg-parallax.text-white p,
.text-white .col-bg-img p,
.bg-img.text-white ul,
.bg-parallax.text-white ul,
.text-white .col-bg-img ul,
.bg-img.text-white a,
.bg-parallax.text-white a,
.text-white .col-bg-img a {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 3px 12px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.bg-img.text-white .button a,
.bg-parallax.text-white .button a,
.text-white .col-bg-img .button a {
  text-shadow: none;
}
/* Headings */
h1,
h2,
h3,
h4,
h5 {
  color: #2b2b2b;
}
.heading-white h1,
.heading-white h2,
.heading-white h3,
.heading-white h4,
.heading-white h5,
h1.heading-white,
h2.heading-white,
h3.heading-white,
h4.heading-white,
h5.heading-white {
  color: #ffffff;
}
.heading-align-left h1,
.heading-align-left h2,
.heading-align-left h3,
.heading-align-left h4,
.heading-align-left h5,
h1.heading-align-left,
h2.heading-align-left,
h3.heading-align-left,
h4.heading-align-left,
h5.heading-align-left {
  text-align: left;
}
.heading-align-right h1,
.heading-align-right h2,
.heading-align-right h3,
.heading-align-right h4,
.heading-align-right h5,
h1.heading-align-right,
h2.heading-align-right,
h3.heading-align-right,
h4.heading-align-right,
h5.heading-align-right {
  text-align: right;
}
/* With line */
.h-with-line {
  align-items: center;
  display: flex;
  margin: 0;
  position: relative;
  width: 100%;
}
.h-with-line::after {
  background: #e2e2e2;
  content: '';
  display: block;
  flex-grow: 1;
  height: 1px;
  margin-left: 20px;
}
/* Blockquote */
blockquote.default-quote {
  margin-bottom: 10px;
}
blockquote.default-quote p {
  quotes: '\201C' '\201D' '\2018' '\2019';
}
blockquote.default-quote p::before {
  content: open-quote;
}
blockquote.default-quote p::after {
  content: close-quote;
}
/* Break text */
.break-text {
  overflow-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/* Media queries */
@media screen and (max-width: 320px ) {
  /* Font-sizes */
  body {
    font-size: 14px;
    letter-spacing: 0.34px;
    line-height: 23px;
  }
  body li:not(:last-child) {
    margin-bottom: 8px;
  }
  body .list-style-border li:not(:last-child) {
    padding-bottom: 8px;
  }
  h1 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 21px;
    letter-spacing: 0.23px;
    line-height: 35px;
  }
  h2 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.27px;
    line-height: 30px;
  }
  h3 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
  h4,
  h5 {
    font-weight: 500;
    margin-bottom: 7px;
    font-size: 14px;
    letter-spacing: 0.34px;
    line-height: 23px;
  }
  .h-size-60,
  .h-size-48 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 21px;
    letter-spacing: 0.23px;
    line-height: 35px;
  }
  .h-size-36,
  .h-size-30,
  .h-size-24 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.27px;
    line-height: 30px;
  }
  .h-size-21 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
  .h-size-18,
  .h-size-16 {
    font-weight: 500;
    margin-bottom: 7px;
    font-size: 14px;
    letter-spacing: 0.34px;
    line-height: 23px;
  }
  .text-large,
  .text-default,
  .price-holder .price-crossed,
  .price-holder span .euro,
  .price-holder span .comma,
  .price-holder span .cent,
  .price-holder span.period,
  .price-holder span.star {
    font-size: 14px;
    letter-spacing: 0.34px;
    line-height: 23px;
  }
  .text-large li:not(:last-child),
  .text-default li:not(:last-child) {
    margin-bottom: 8px;
  }
  .text-large .list-style-border li:not(:last-child),
  .text-default .list-style-border li:not(:last-child) {
    padding-bottom: 8px;
  }
  .text-xsmall {
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 20px;
  }
  .text-xsmall li:not(:last-child) {
    margin-bottom: 7px;
  }
  .text-xsmall .list-style-border li:not(:last-child) {
    padding-bottom: 7px;
  }
  /* Margins and paddings based on lineheight */
  p:not(:last-child),
  ul:not(:last-child),
  ol:not(:last-child) {
    margin-bottom: 23px;
  }
}
@media screen and (min-width: 321px ) and (max-width: 1535px ) {
  /* Font-sizes */
  body {
    font-size: -webkit-calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    line-height: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  body li:not(:last-child) {
    margin-bottom: -webkit-calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
  }
  body .list-style-border li:not(:last-child) {
    padding-bottom: -webkit-calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
  }
  h1 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(21px  +  27  * ((100vw -  320px ) / 1216 ));
    font-size: calc(21px  +  27  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.23px  +  -0.13  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.23px  +  -0.13  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(35px  +  44  * ((100vw -  320px ) / 1216 ));
    line-height: calc(35px  +  44  * ((100vw -  320px ) / 1216 ));
  }
  h2 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  1  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  1  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(18px  +  12  * ((100vw -  320px ) / 1216 ));
    font-size: calc(18px  +  12  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.27px  +  -0.11  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.27px  +  -0.11  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(30px  +  20  * ((100vw -  320px ) / 1216 ));
    line-height: calc(30px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  h3 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  0  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  0  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(16px  +  5  * ((100vw -  320px ) / 1216 ));
    font-size: calc(16px  +  5  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.3px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.3px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(26px  +  9  * ((100vw -  320px ) / 1216 ));
    line-height: calc(26px  +  9  * ((100vw -  320px ) / 1216 ));
  }
  h4 {
    font-weight: 500;
    margin-bottom: -webkit-calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
    font-size: calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.34px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.34px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(23px  +  7  * ((100vw -  320px ) / 1216 ));
    line-height: calc(23px  +  7  * ((100vw -  320px ) / 1216 ));
  }
  h5 {
    font-weight: 500;
    margin-bottom: -webkit-calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    line-height: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-60 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  4  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  4  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(21px  +  39  * ((100vw -  320px ) / 1216 ));
    font-size: calc(21px  +  39  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.23px  +  -0.15  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.23px  +  -0.15  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(35px  +  64  * ((100vw -  320px ) / 1216 ));
    line-height: calc(35px  +  64  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-48 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(21px  +  27  * ((100vw -  320px ) / 1216 ));
    font-size: calc(21px  +  27  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.23px  +  -0.13  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.23px  +  -0.13  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(35px  +  44  * ((100vw -  320px ) / 1216 ));
    line-height: calc(35px  +  44  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-36 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(18px  +  18  * ((100vw -  320px ) / 1216 ));
    font-size: calc(18px  +  18  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.27px  +  -0.14  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.27px  +  -0.14  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(30px  +  29  * ((100vw -  320px ) / 1216 ));
    line-height: calc(30px  +  29  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-30 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  1  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  1  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(18px  +  12  * ((100vw -  320px ) / 1216 ));
    font-size: calc(18px  +  12  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.27px  +  -0.11  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.27px  +  -0.11  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(30px  +  20  * ((100vw -  320px ) / 1216 ));
    line-height: calc(30px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-24 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  0  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  0  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(18px  +  6  * ((100vw -  320px ) / 1216 ));
    font-size: calc(18px  +  6  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.27px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.27px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(30px  +  10  * ((100vw -  320px ) / 1216 ));
    line-height: calc(30px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-21 {
    font-weight: 500;
    margin-bottom: -webkit-calc(8px  +  0  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  0  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(16px  +  5  * ((100vw -  320px ) / 1216 ));
    font-size: calc(16px  +  5  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.3px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.3px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(26px  +  9  * ((100vw -  320px ) / 1216 ));
    line-height: calc(26px  +  9  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-18 {
    font-weight: 500;
    margin-bottom: -webkit-calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
    font-size: calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.34px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.34px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(23px  +  7  * ((100vw -  320px ) / 1216 ));
    line-height: calc(23px  +  7  * ((100vw -  320px ) / 1216 ));
  }
  .h-size-16 {
    font-weight: 500;
    margin-bottom: -webkit-calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    font-size: -webkit-calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    line-height: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .text-large,
  .price-holder span .euro,
  .price-holder span .comma,
  .price-holder span .cent,
  .price-holder span.period,
  .price-holder span.star {
    font-size: -webkit-calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
    font-size: calc(14px  +  4  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.34px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.34px  +  -0.07  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(23px  +  7  * ((100vw -  320px ) / 1216 ));
    line-height: calc(23px  +  7  * ((100vw -  320px ) / 1216 ));
  }
  .text-large li:not(:last-child) {
    margin-bottom: -webkit-calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .text-large .list-style-border li:not(:last-child) {
    padding-bottom: -webkit-calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(8px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .text-default,
  .price-holder .price-crossed {
    font-size: -webkit-calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: calc(14px  +  2  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.34px  +  -0.04  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    line-height: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .text-default li:not(:last-child) {
    margin-bottom: -webkit-calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
  }
  .text-default .list-style-border li:not(:last-child) {
    padding-bottom: -webkit-calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
  }
  .text-xsmall {
    font-size: -webkit-calc(12px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: calc(12px  +  2  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.4px  +  -0.06  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.4px  +  -0.06  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(20px  +  3  * ((100vw -  320px ) / 1216 ));
    line-height: calc(20px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .text-xsmall li:not(:last-child) {
    margin-bottom: -webkit-calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
  }
  .text-xsmall .list-style-border li:not(:last-child) {
    padding-bottom: -webkit-calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(7px  +  1  * ((100vw -  320px ) / 1216 ));
  }
  /* Margins and paddings based on lineheight */
  p:not(:last-child),
  ul:not(:last-child),
  ol:not(:last-child) {
    margin-bottom: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px ) {
  /* Font-sizes */
  body {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
  body li:not(:last-child) {
    margin-bottom: 10px;
  }
  body .list-style-border li:not(:last-child) {
    padding-bottom: 10px;
  }
  h1 {
    font-weight: 500;
    margin-bottom: 11px;
    font-size: 48px;
    letter-spacing: 0.1px;
    line-height: 79px;
  }
  h2 {
    font-weight: 500;
    margin-bottom: 9px;
    font-size: 30px;
    letter-spacing: 0.16px;
    line-height: 50px;
  }
  h3 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 21px;
    letter-spacing: 0.23px;
    line-height: 35px;
  }
  h4 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.27px;
    line-height: 30px;
  }
  h5 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
  .h-size-60 {
    font-weight: 500;
    margin-bottom: 12px;
    font-size: 60px;
    letter-spacing: 0.08px;
    line-height: 99px;
  }
  .h-size-48 {
    font-weight: 500;
    margin-bottom: 11px;
    font-size: 48px;
    letter-spacing: 0.1px;
    line-height: 79px;
  }
  .h-size-36 {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 36px;
    letter-spacing: 0.13px;
    line-height: 59px;
  }
  .h-size-30 {
    font-weight: 500;
    margin-bottom: 9px;
    font-size: 30px;
    letter-spacing: 0.16px;
    line-height: 50px;
  }
  .h-size-24 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 24px;
    letter-spacing: 0.2px;
    line-height: 40px;
  }
  .h-size-21 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 21px;
    letter-spacing: 0.23px;
    line-height: 35px;
  }
  .h-size-18 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.27px;
    line-height: 30px;
  }
  .h-size-16 {
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
  .text-large,
  .price-holder span .euro,
  .price-holder span .comma,
  .price-holder span .cent,
  .price-holder span.period,
  .price-holder span.star {
    font-size: 18px;
    letter-spacing: 0.27px;
    line-height: 30px;
  }
  .text-large li:not(:last-child) {
    margin-bottom: 11px;
  }
  .text-large .list-style-border li:not(:last-child) {
    padding-bottom: 11px;
  }
  .text-default,
  .price-holder .price-crossed {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
  .text-default li:not(:last-child) {
    margin-bottom: 10px;
  }
  .text-default .list-style-border li:not(:last-child) {
    padding-bottom: 10px;
  }
  .text-xsmall {
    font-size: 14px;
    letter-spacing: 0.34px;
    line-height: 23px;
  }
  .text-xsmall li:not(:last-child) {
    margin-bottom: 8px;
  }
  .text-xsmall .list-style-border li:not(:last-child) {
    padding-bottom: 8px;
  }
  /* Margins and paddings based on lineheight */
  p:not(:last-child),
  ul:not(:last-child),
  ol:not(:last-child) {
    margin-bottom: 26px;
  }
}
@media (min-width: 533px ) {
  h1,
  h2,
  .h-size-60,
  .h-size-48,
  .h-size-36,
  .h-size-30 {
    font-weight: 400;
  }
}
.hostnet-swiper {
  display: block;
  min-width: 100%;
  position: relative;
  touch-action: pan-y;
  width: 100%;
}
.hostnet-swiper .swiper-android .swiper-slide,
.hostnet-swiper .swiper-ios .swiper-slide,
.hostnet-swiper .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.hostnet-swiper .swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.hostnet-swiper .swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
}
.hostnet-swiper .swiper-slide {
  flex: 1 0 auto;
  position: relative;
  transition-property: transform;
}
.hostnet-swiper .swiper-pagination {
  cursor: pointer;
  display: flex;
  height: 14px;
  justify-content: center;
  margin: 0 6px;
}
.hostnet-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #c2c2c2;
  border-radius: 50%;
  height: 14px;
  margin: 0 6px;
  width: 14px;
}
.hostnet-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2b2b2b;
}
.hostnet-swiper .swiper-pagination.swiper-number-bullets {
  height: 48px;
}
.hostnet-swiper .swiper-pagination.swiper-number-bullets .swiper-pagination-number {
  box-sizing: border-box;
  gap: 10px;
  padding: 11px 19px;
}
.hostnet-swiper .swiper-pagination.swiper-number-bullets .swiper-pagination-number-active {
  background-color: #e8f5ff;
  color: #1356d9;
}
.hostnet-swiper .swiper-button-lock,
.hostnet-swiper .swiper-pagination-lock {
  display: none;
}
@media (max-width: 532px ) {
  .hostnet-swiper {
    margin-left: -8px;
    margin-right: -8px;
  }
  .hostnet-swiper .swiper-wrapper {
    height: auto;
  }
  .hostnet-swiper .swiper-wrapper.grid-row {
    margin: 0 !important;
    padding: 0 !important;
  }
  .hostnet-swiper .swiper-slide {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 533px ) and (max-width: 1024px ) {
  .hostnet-swiper.disable-for-tablet .swiper-wrapper {
    flex-wrap: wrap;
    transform: translate3d(0, 0, 0) !important;
  }
  .hostnet-swiper.disable-for-tablet .swiper-button,
  .hostnet-swiper.disable-for-tablet .swiper-pagination {
    display: none;
  }
}
@media (min-width: 769px ) and (max-width: 1024px ) {
  .hostnet-swiper.disable-for-tablet-large .swiper-wrapper {
    flex-wrap: wrap;
    transform: translate3d(0, 0, 0) !important;
  }
  .hostnet-swiper.disable-for-tablet-large .swiper-button,
  .hostnet-swiper.disable-for-tablet-large .swiper-pagination {
    display: none;
  }
}
@media (min-width: 1025px ) {
  .hostnet-swiper.disable-for-desktop .swiper-wrapper {
    flex-wrap: wrap;
    transform: translate3d(0, 0, 0) !important;
  }
  .hostnet-swiper.disable-for-desktop .swiper-button,
  .hostnet-swiper.disable-for-desktop .swiper-pagination {
    display: none;
  }
}
@media (min-width: 1280px ) {
  .hostnet-swiper.disable-for-desktop-large .swiper-wrapper {
    flex-wrap: wrap;
    transform: translate3d(0, 0, 0) !important;
  }
  .hostnet-swiper.disable-for-desktop-large .swiper-button,
  .hostnet-swiper.disable-for-desktop-large .swiper-pagination {
    display: none;
  }
}
.toast-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  min-height: 103px;
  padding: 24px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 348px;
  z-index: 999999;
}
.toast-container .toast {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  overflow: hidden;
  pointer-events: all;
  position: relative;
  transform: scale(0.7) translateY(-30px);
  transition: all 0.25s;
}
.toast-container .toast + .toast {
  margin-bottom: -50px;
}
.toast-container .toast:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.toast-container .toast:hover > * {
  cursor: pointer;
}
.toast-container .toast.visible {
  margin: 0 0 5px;
  opacity: 1;
  transform: scale(1) translateY(0);
}
.toast-container .toast.remove {
  opacity: 0;
  transform: scale(1) translateY(0) translateX(25px);
}
.toast-container .toast > .notice {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.toast-container .toast .notice-content {
  margin: 0;
  padding: 12px;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.toast-container .toast .notice-icon {
  margin: 0;
  padding: 12px;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
@media (max-width: 532px ) {
  .toast-container {
    bottom: 0;
    flex-direction: column;
    max-width: 100%;
    min-height: 75px;
    padding: 10px 10px 5px;
    top: auto;
    width: 348px;
  }
  .toast-container .toast.remove {
    transform: scale(1) translateY(25px) translateX(0);
  }
}
.no-border {
  border: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-radius {
  border-radius: 0 !important;
}
.no-margin,
.card-link .svg-icon {
  margin: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.hide {
  display: none;
}
.hide-prio {
  display: none !important;
}
@media (max-width: 532px ) {
  .no-margin-mob {
    margin: 0 !important;
  }
  .no-margin-bottom-mob {
    margin-bottom: 0 !important;
  }
  .no-margin-left-mob {
    margin-left: 0 !important;
  }
  .no-margin-right-mob {
    margin-right: 0 !important;
  }
  .no-margin-top-mob {
    margin-top: 0 !important;
  }
  .no-padding-mob {
    padding: 0 !important;
  }
  .no-padding-bottom-mob {
    padding-bottom: 0 !important;
  }
  .no-padding-left-mob {
    padding-left: 0 !important;
  }
  .no-padding-right-mob {
    padding-right: 0 !important;
  }
  .no-padding-top-mob {
    padding-top: 0 !important;
  }
  .hide-on-mobile {
    display: none !important;
  }
}
@media (max-width: 414px ) {
  .hide-on-mobile-small {
    display: none !important;
  }
}
@media (min-width: 415px ) and (max-width: 532px ) {
  .hide-on-mobile-large {
    display: none !important;
  }
}
@media (min-width: 533px ) and (max-width: 1024px ) {
  .no-margin-tab {
    margin: 0 !important;
  }
  .no-margin-bottom-tab {
    margin-bottom: 0 !important;
  }
  .no-margin-left-tab {
    margin-left: 0 !important;
  }
  .no-margin-right-tab {
    margin-right: 0 !important;
  }
  .no-margin-top-tab {
    margin-top: 0 !important;
  }
  .no-padding-tab {
    padding: 0 !important;
  }
  .no-padding-bottom-tab {
    padding-bottom: 0 !important;
  }
  .no-padding-left-tab {
    padding-left: 0 !important;
  }
  .no-padding-right-tab {
    padding-right: 0 !important;
  }
  .no-padding-top-tab {
    padding-top: 0 !important;
  }
  .hide-on-tablet {
    display: none !important;
  }
}
@media (min-width: 533px ) and (max-width: 768px ) {
  .no-margin-tab-s {
    margin: 0 !important;
  }
  .no-margin-bottom-tab-s {
    margin-bottom: 0 !important;
  }
  .no-margin-left-tab-s {
    margin-left: 0 !important;
  }
  .no-margin-right-tab-s {
    margin-right: 0 !important;
  }
  .no-margin-top-tab-s {
    margin-top: 0 !important;
  }
  .no-padding-tab-s {
    padding: 0 !important;
  }
  .no-padding-bottom-tab-s {
    padding-bottom: 0 !important;
  }
  .no-padding-left-tab-s {
    padding-left: 0 !important;
  }
  .no-padding-right-tab-s {
    padding-right: 0 !important;
  }
  .no-padding-top-tab-s {
    padding-top: 0 !important;
  }
  .hide-on-tablet-small {
    display: none !important;
  }
}
@media (min-width: 769px ) and (max-width: 1024px ) {
  .no-margin-tab-l {
    margin: 0 !important;
  }
  .no-margin-bottom-tab-l {
    margin-bottom: 0 !important;
  }
  .no-margin-left-tab-l {
    margin-left: 0 !important;
  }
  .no-margin-right-tab-l {
    margin-right: 0 !important;
  }
  .no-margin-top-tab-l {
    margin-top: 0 !important;
  }
  .no-padding-tab-l {
    padding: 0 !important;
  }
  .no-padding-bottom-tab-l {
    padding-bottom: 0 !important;
  }
  .no-padding-left-tab-l {
    padding-left: 0 !important;
  }
  .no-padding-right-tab-l {
    padding-right: 0 !important;
  }
  .no-padding-top-tab-l {
    padding-top: 0 !important;
  }
  .hide-on-tablet-large {
    display: none !important;
  }
}
@media (min-width: 1025px ) {
  .no-margin-desk {
    margin: 0 !important;
  }
  .no-margin-bottom-desk {
    margin-bottom: 0 !important;
  }
  .no-margin-left-desk {
    margin-left: 0 !important;
  }
  .no-margin-right-desk {
    margin-right: 0 !important;
  }
  .no-margin-top-desk {
    margin-top: 0 !important;
  }
  .no-padding-desk {
    padding: 0 !important;
  }
  .no-padding-bottom-desk {
    padding-bottom: 0 !important;
  }
  .no-padding-left-desk {
    padding-left: 0 !important;
  }
  .no-padding-right-desk {
    padding-right: 0 !important;
  }
  .no-padding-top-desk {
    padding-top: 0 !important;
  }
  .hide-on-desktop {
    display: none !important;
  }
}
@media (min-width: 1025px ) and (max-width: 1279px ) {
  .hide-on-desktop-small {
    display: none !important;
  }
}
@media (min-width: 1280px ) {
  .hide-on-desktop-large {
    display: none !important;
  }
}
.border-radius {
  border-radius: 4px;
}
.center-content-vertically {
  align-items: center;
  display: flex;
}
.center-content {
  justify-content: center;
  /* center horizontal */
  align-items: center;
  display: flex;
}
.gutter-small-padding-top {
  padding-top: 24px;
}
.gutter-small-padding-bottom {
  padding-bottom: 24px;
}
.gutter-small-padding-left {
  padding-left: 24px;
}
.gutter-small-padding-right {
  padding-right: 24px;
}
.gutter-small-padding {
  padding: 24px;
}
.gutter-small-margin-top {
  margin-top: 24px;
}
.gutter-small-margin-bottom {
  margin-bottom: 24px;
}
.gutter-small-margin-left {
  margin-left: 24px;
}
.gutter-small-margin-right {
  margin-right: 24px;
}
.gutter-small-margin {
  margin: 24px;
}
@media screen and (max-width: 320px ) {
  .gutter-padding-top {
    padding-top: 24px;
  }
  .gutter-padding-bottom {
    padding-bottom: 24px;
  }
  .gutter-padding-left {
    padding-left: 24px;
  }
  .gutter-padding-right {
    padding-right: 24px;
  }
  .gutter-padding {
    padding: 24px;
  }
  .gutter-padding-top-half {
    padding-top: 12px;
  }
  .gutter-padding-bottom-half {
    padding-bottom: 12px;
  }
  .gutter-padding-left-half {
    padding-left: 12px;
  }
  .gutter-padding-right-half {
    padding-right: 12px;
  }
  .gutter-padding-half {
    padding: 12px;
  }
  .gutter-margin-top {
    margin-top: 24px;
  }
  .gutter-margin-bottom {
    margin-bottom: 24px;
  }
  .gutter-margin-left {
    margin-left: 24px;
  }
  .gutter-margin-right {
    margin-right: 24px;
  }
  .gutter-margin {
    margin: 24px;
  }
  .gutter-margin-top-half {
    margin-top: 12px;
  }
  .gutter-margin-bottom-half {
    margin-bottom: 12px;
  }
  .gutter-margin-left-half {
    margin-left: 12px;
  }
  .gutter-margin-right-half {
    margin-right: 12px;
  }
  .gutter-margin-half {
    margin: 12px;
  }
  .lineheight-padding-top {
    padding-top: 23px;
  }
  .lineheight-padding-bottom {
    padding-bottom: 23px;
  }
  .lineheight-margin-top {
    margin-top: 23px;
  }
  .lineheight-margin-bottom {
    margin-bottom: 23px;
  }
  .padding-large-top-bottom,
  .padding-large-bottom {
    padding-bottom: 24px;
  }
  .padding-large-top-bottom,
  .padding-large-top {
    padding-top: 48px;
  }
  .padding-large-left-right.grid-row {
    padding-left: 12px;
    padding-right: 12px;
  }
  .padding-large-left-right:not(.grid-row) {
    padding-left: 24px;
    padding-right: 24px;
  }
  .padding-xlarge-left-right.grid-row {
    padding-left: 12px;
    padding-right: 12px;
  }
  .padding-xlarge-left-right:not(.grid-row) {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 321px ) and (max-width: 1535px ) {
  .gutter-padding-top {
    padding-top: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-top: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-bottom {
    padding-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-left {
    padding-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-right {
    padding-right: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding {
    padding: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-top-half {
    padding-top: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-top: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-bottom-half {
    padding-bottom: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-left-half {
    padding-left: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-right-half {
    padding-right: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-padding-half {
    padding: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    padding: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-top {
    margin-top: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-top: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-bottom {
    margin-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-left {
    margin-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-right {
    margin-right: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-right: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin {
    margin: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-top-half {
    margin-top: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    margin-top: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-bottom-half {
    margin-bottom: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-left-half {
    margin-left: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-right-half {
    margin-right: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    margin-right: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .gutter-margin-half {
    margin: -webkit-calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
    margin: calc(12px  +  10  * ((100vw -  320px ) / 1216 ));
  }
  .lineheight-padding-top {
    padding-top: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    padding-top: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .lineheight-padding-bottom {
    padding-bottom: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .lineheight-margin-top {
    margin-top: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    margin-top: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .lineheight-margin-bottom {
    margin-bottom: -webkit-calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(23px  +  3  * ((100vw -  320px ) / 1216 ));
  }
  .padding-large-top-bottom,
  .padding-large-bottom {
    padding-bottom: -webkit-calc(24px  +  32  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(24px  +  32  * ((100vw -  320px ) / 1216 ));
  }
  .padding-large-top-bottom,
  .padding-large-top {
    padding-top: -webkit-calc(48px  +  52  * ((100vw -  320px ) / 1216 ));
    padding-top: calc(48px  +  52  * ((100vw -  320px ) / 1216 ));
  }
  .padding-large-left-right.grid-row {
    padding-left: -webkit-calc(12px  +  54  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(12px  +  54  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(12px  +  54  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(12px  +  54  * ((100vw -  320px ) / 1216 ));
  }
  .padding-large-left-right:not(.grid-row) {
    padding-left: -webkit-calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(24px  +  64  * ((100vw -  320px ) / 1216 ));
  }
  .padding-xlarge-left-right.grid-row {
    padding-left: -webkit-calc(12px  +  142  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(12px  +  142  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(12px  +  142  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(12px  +  142  * ((100vw -  320px ) / 1216 ));
  }
  .padding-xlarge-left-right:not(.grid-row) {
    padding-left: -webkit-calc(24px  +  152  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(24px  +  152  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(24px  +  152  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(24px  +  152  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px ) {
  .gutter-padding-top {
    padding-top: 44px;
  }
  .gutter-padding-bottom {
    padding-bottom: 44px;
  }
  .gutter-padding-left {
    padding-left: 44px;
  }
  .gutter-padding-right {
    padding-right: 44px;
  }
  .gutter-padding {
    padding: 44px;
  }
  .gutter-padding-top-half {
    padding-top: 22px;
  }
  .gutter-padding-bottom-half {
    padding-bottom: 22px;
  }
  .gutter-padding-left-half {
    padding-left: 22px;
  }
  .gutter-padding-right-half {
    padding-right: 22px;
  }
  .gutter-padding-half {
    padding: 22px;
  }
  .gutter-margin-top {
    margin-top: 44px;
  }
  .gutter-margin-bottom {
    margin-bottom: 44px;
  }
  .gutter-margin-left {
    margin-left: 44px;
  }
  .gutter-margin-right {
    margin-right: 44px;
  }
  .gutter-margin {
    margin: 44px;
  }
  .gutter-margin-top-half {
    margin-top: 22px;
  }
  .gutter-margin-bottom-half {
    margin-bottom: 22px;
  }
  .gutter-margin-left-half {
    margin-left: 22px;
  }
  .gutter-margin-right-half {
    margin-right: 22px;
  }
  .gutter-margin-half {
    margin: 22px;
  }
  .lineheight-padding-top {
    padding-top: 26px;
  }
  .lineheight-padding-bottom {
    padding-bottom: 26px;
  }
  .lineheight-margin-top {
    margin-top: 26px;
  }
  .lineheight-margin-bottom {
    margin-bottom: 26px;
  }
  .padding-large-top-bottom,
  .padding-large-bottom {
    padding-bottom: 56px;
  }
  .padding-large-top-bottom,
  .padding-large-top {
    padding-top: 100px;
  }
  .padding-large-left-right.grid-row {
    padding-left: 66px;
    padding-right: 66px;
  }
  .padding-large-left-right:not(.grid-row) {
    padding-left: 88px;
    padding-right: 88px;
  }
  .padding-xlarge-left-right.grid-row {
    padding-left: 154px;
    padding-right: 154px;
  }
  .padding-xlarge-left-right:not(.grid-row) {
    padding-left: 176px;
    padding-right: 176px;
  }
}
.hn-tooltip {
  background: #2b2b2b;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  display: none;
  padding: 4px 8px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  z-index: 1100;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 18px;
  /* From bottom to top */
  /* From top to bottom */
  /* From side to side */
}
.hn-tooltip .hn-tooltip-inner {
  display: block;
  min-width: 150px;
}
.hn-tooltip::before {
  background: #2b2b2b;
  content: ' ';
  display: block;
  height: 8px;
  position: absolute;
  right: auto;
  transform: rotate(45deg);
  width: 8px;
  z-index: 100;
}
.hn-tooltip.bottom {
  margin: 10px 0 0;
}
.hn-tooltip.bottom.right::before {
  right: 10px;
  top: -4px;
}
.hn-tooltip.bottom.left::before {
  left: 10px;
  top: -4px;
}
.hn-tooltip.bottom.center::before {
  left: 50%;
  top: -4px;
}
.hn-tooltip.top {
  margin: 0 0 10px;
}
.hn-tooltip.top::before {
  bottom: -4px;
  top: auto;
}
.hn-tooltip.top.right::before {
  right: 10px;
}
.hn-tooltip.top.left::before {
  left: 10px;
}
.hn-tooltip.top.center::before {
  left: 50%;
}
.hn-tooltip.middle {
  margin-top: 10px;
}
.hn-tooltip.middle.left {
  margin: 0 0 0 10px;
}
.hn-tooltip.middle.left::before {
  left: -4px;
  right: auto;
}
.hn-tooltip.middle.right {
  margin: 0 10px 0 0;
}
.hn-tooltip.middle.right::before {
  left: auto;
  right: -4px;
}
.hn-tooltip.middle::before {
  top: 10px;
}
@media (max-width: 532px ) {
  .hn-tooltip .hn-tooltip-inner {
    max-width: 200px;
  }
}
@media (min-width: 533px ) {
  .hn-tooltip .hn-tooltip-inner {
    max-width: 320px;
  }
}
.tooltip {
  align-items: center;
  display: inline-flex;
}
.tooltip.tooltip-dotted,
.tooltip .tooltip-dotted {
  border-bottom: 1px dotted #c2c2c2;
}
.tooltip .svg-icon {
  margin: 0 0 0 7px;
  pointer-events: none;
}
* {
  box-sizing: border-box;
}
@media (min-width: 1025px ) {
  .grid-row .col.large-content-max-width {
    max-width: 860px;
  }
}
.sticky-block-container {
  height: 100%;
}
.sticky-block-container .sticky-block {
  position: sticky;
  top: 0;
}
.notice.notice-coupon-code .svg-icon {
  flex-shrink: 0;
}
.domainchecker {
  background-image: url("data:image/svg+xml,%3Csvg width='159' height='192' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.275 71.663c-30.073 11.886-38.436 42.809-26.86 72.1 11.576 29.29 43.415 38.532 73.488 26.646 30.074-11.885 46.993-40.396 35.418-69.686-11.576-29.29-51.972-40.945-82.046-29.06Z' fill='%23F7F7F7'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='17' y='35' width='142' height='136'%3E%3Cpath d='M96.312 170.78c39.082 0 62.219-31.874 62.219-70.957 0-39.082-31.683-64.27-70.766-64.27C48.683 35.554 17 60.742 17 99.824c0 39.083 40.23 70.957 79.312 70.957Z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M64.067 72.162c-4.042 8.63-1.012 8.992-.627 9.004h.02a.14.14 0 0 1-.02 0h.04c-.247-.002-.5.012-.758.05-1.91.272-3.311 1.53-3.129 2.808.183 1.278 1.88 2.094 3.79 1.822a4.935 4.935 0 0 0 1.48-.46c.466 1.071 1.175 2.78 2.6 4.225a361.828 361.828 0 0 0-.515 6.608l-.034.499-.032.499c-.106 1.66-.192 3.296-.236 4.736 4.702 2.114 8.357-.767 8.357-.767l-1.373-8.945c.54.032 1.115.033 1.725-.002.404-.024 14.974.586 8.931-13.475-1.606-3.74-.718-6.696-2.16-8.395 0 0-13.755-7.397-18.059 1.793Z' fill='%23F18A6D'/%3E%3Cpath d='M82.126 70.369s1.736-12.534-6.81-14.138c-8.546-1.606-2.269 6.79-2.269 6.79s-5.244-7.21-7.881-4.793c-2.636 2.416 2.416 7.031 1.932 6.943-.483-.088-2.79-5.252-4.305-2.681-1.517 2.57-.33 5.383-.33 5.383s-8.745 3.602-2.88 11.709c2.35 1.077 6.195 2.725 6.195 2.725s1.473-1.78 1.011-1.713c-.462.065-3.922-3.285-3.922-3.285s1.705-10.051 8.844-9.501c7.141.55 10.415 2.56 10.415 2.56Z' fill='%233C305A'/%3E%3Cpath d='M63.48 61.504c-.586-.133-1.3-.209-1.676.195-.359.42-.264 1.096-.127 1.687.118.614.328 1.204.57 1.774.18.411.401.809.659 1.178a.634.634 0 0 0-.163.059 9.214 9.214 0 0 0-.852.52c-.266.2-.567.358-.812.587-.255.215-.473.47-.698.713-.238.234-.41.523-.62.777-.211.254-.37.55-.556.82-.18.262-.336.546-.49.825-.162.275-.194.608-.316.896a5.515 5.515 0 0 0-.332.895c-.038.154-.066.31-.095.463l-.04.472c-.022.314-.08.624-.062.937.006.319-.022.638-.018.956.02.318.09.63.13.945l.083.469.139.454.261.913c.098.3.185.608.305.901.127.29.266.577.426.85.156.274.364.51.565.735.201.213.42.447.678.466.252.021.462-.158.647-.37.185-.216.357-.467.499-.74.064-.117-.082-.187-.147-.08-.145.26-.275.525-.454.72-.183.197-.367.294-.515.273-.16-.008-.38-.172-.562-.38a4.325 4.325 0 0 1-.49-.738c-.145-.269-.232-.57-.346-.856-.107-.29-.204-.589-.288-.884l-.227-.894-.129-.443a7.882 7.882 0 0 1-.072-.453c-.03-.304-.069-.608-.081-.91l.017-.91c-.013-.299.033-.593.06-.89l.04-.297.025-.146.118-.433c.078-.288.172-.573.3-.843.122-.271.172-.578.333-.834.152-.26.274-.538.45-.784l.276-.382c.093-.126.188-.25.292-.368.206-.236.373-.507.604-.725.22-.229.479-.416.72-.62.228-.217.48-.407.725-.608.253-.188.507-.378.771-.552.075-.046.13-.1.165-.154.401.5.877.934 1.422 1.26.23.134.364.14.368.099.025-.035-.064-.111-.278-.24a5.606 5.606 0 0 1-1.462-1.298.187.187 0 0 0-.126-.165 6.1 6.1 0 0 1-.713-1.232 8.262 8.262 0 0 1-.534-1.75c-.134-.588-.174-1.225.1-1.524.25-.302.907-.282 1.474-.153.293.066.585.155.876.259l.097.036-.077-.128-.065-.118-.168-.058a8.54 8.54 0 0 0-.3-.093l-.303-.08Zm10.314-5.98c-.657-.03-1.35.127-1.916.507-.57.38-.928 1.016-1.04 1.662-.09.654.002 1.297.172 1.913l-.01-.043.237.198c.097.083.193.167.288.252l.179.162-.065-.162a7.27 7.27 0 0 1-.091-.258l-.081-.26c-.15-.567-.23-1.147-.146-1.7.102-.544.387-1.035.844-1.339.925-.62 2.251-.49 3.35-.075l.43.168.403.228c.28.134.504.355.757.533.454.42.882.878 1.221 1.411.499.727.9 1.524 1.253 2.35l.1.241-.004.015c-.06.232-.1.573-.066 1.022l.014.154c.072.678.243 1.331.46 1.964.11.317.236.626.379.932.166.355.335.582.507.875l.525.836.282.42c.052.071.102.14.17.22.05.046.047.077.208.173.016.007 0 .002.042.018a.408.408 0 0 0 .392-.069c.09-.062.151-.26.141-.303a.838.838 0 0 0-.014-.148c-.107-.416-.236-.673-.366-.992l-.392-.888c-.511-1.164-.94-2.385-1.41-3.604-.471-1.215-.999-2.424-1.762-3.523-.362-.56-.832-1.052-1.332-1.5-.278-.191-.526-.427-.834-.572l-.443-.245-.472-.181a6.068 6.068 0 0 0-1.91-.392Zm7.53 10.21.035.054c.035.054.07.11.102.163l.526.81.274.389a3.05 3.05 0 0 0 .164.202l.017.015-.005-.002-.007-.004-.016-.005-.031-.012a.215.215 0 0 0-.165.025c-.044.034-.057.039-.082.074a.187.187 0 0 0-.032.096l-.001.01c0-.001 0-.002 0 0l-.002.003c-.058-.221-.213-.56-.337-.839l-.402-.888-.037-.091Zm-1.17-3.195.048.128c.374 1.047.705 2.124 1.16 3.157l-.038-.093-.07-.108a5.937 5.937 0 0 1-.198-.326l-.08-.158c-.137-.285-.261-.578-.371-.875a8.445 8.445 0 0 1-.467-1.838l.017.113Zm-8.45-2.364.036.094c.142.34.309.672.496.996l.044.073-.159-.167c-.109-.112-.22-.223-.33-.333l-.27-.26-.26-.242.04.105c.337.82.8 1.593 1.338 2.288l.182.229c.8.972 1.622 1.904 2.536 2.78.19.144.317.337.624.39.126-.023.131-.158.123-.207a.957.957 0 0 0-.037-.181 2.636 2.636 0 0 0-.13-.33l-.001-.004a26.796 26.796 0 0 0-1.353-1.962c-.766-1.02-1.58-2.017-2.496-2.908a20.371 20.371 0 0 0-.278-.264l-.105-.097Zm3.34 4.638.284.299c.107.108.214.215.322.319.079.074.16.144.236.2.038.031.077.055.104.07l.008.007.006.003-.01-.001a.928.928 0 0 0-.076 0c-.098.003-.225.139-.224.19-.014.046-.009.053-.01.047a.538.538 0 0 0-.024-.092 1.804 1.804 0 0 0-.066-.18l-.03-.068-.244-.382c-.085-.13-.171-.259-.26-.388l-.017-.024Zm-2.764-3.475.164.174a26.12 26.12 0 0 1 1.797 2.18c.186.25.371.504.552.76l.25.36-.031-.032a36.059 36.059 0 0 1-1.52-1.767l-.294-.36a10.992 10.992 0 0 1-.818-1.147l-.1-.168Zm-7.536.583.032.053c.041.063.084.126.127.188l.023.032-.051-.022c-.096-.04-.192-.08-.288-.117l-.193-.073.038.065c.278.446.61.86.976 1.234l.159.157c.456.447.953.852 1.472 1.222.26.181.529.366.823.457.07.013.154.03.197-.01.046-.036.05-.115.045-.187-.016-.15-.07-.3-.127-.447-.2-.476-.469-.923-.749-1.353l.013.019-.376-.21a21.249 21.249 0 0 0-1.197-.603l-.407-.185a19.224 19.224 0 0 0-.29-.126l-.227-.094Zm.182.273.235.103c.674.304 1.343.658 1.973 1.039l-.057-.036.12.198c.155.26.303.529.43.797l.117.268c.031.08.06.165.08.24l.004.018-.09-.044a3.822 3.822 0 0 1-.428-.273l-.104-.077c-.492-.37-.982-.792-1.413-1.22a7.696 7.696 0 0 1-.756-.86l-.11-.153Zm14.962-1.234c.141.023.125.517.25 1.466l.017.113-.145-.392c-.092-.241-.186-.481-.283-.72l-.048-.115.017-.058c.065-.208.146-.306.192-.294Zm-14.486-3.647c-.63.076-1.225.456-1.516 1.023-.299.564-.314 1.233-.201 1.849.097.515.28 1.009.523 1.472l.044.08.13.045c.1.036.198.074.296.113l.066.026-.088-.14a5.055 5.055 0 0 1-.597-1.435l-.045-.215c-.101-.567-.075-1.16.176-1.626.244-.465.714-.768 1.267-.834 1.11-.156 2.344.292 3.407.878.86.486 1.646 1.1 2.383 1.774l.014.013-.067-.17a8.06 8.06 0 0 1-.184-.56l-.01-.043-.058-.047a13.495 13.495 0 0 0-1.564-1.105l-.332-.192a5.907 5.907 0 0 0-.86-.42l-.441-.185-.46-.133a4.337 4.337 0 0 0-1.883-.168Z' fill='%23fff' fill-opacity='.6'/%3E%3Cpath d='M82.893 89.494s2.95-2.852 8.815-4.404c-1.832 1.694-3.182 3.622-3.182 3.622s2.58.295 3.17 2.017c.588 1.721-4.24 4.392-4.24 4.392l-4.563-5.627Z' fill='%23F18A6D'/%3E%3Cpath d='M79.12 103.143c7.087 7.225 12.29 14.743 15.612 22.556 3.322 7.813-1.743 6.637-15.196-3.529l-.415-19.027Z' fill='%23514D4C'/%3E%3Cpath d='m92.945 92.156-7.105 2.812c-1.355-.13 1.294 7.334 4.135 15.344l.316.891c2.322 6.551 4.677 13.29 5.005 16.402-5.853-2.839-8.688-8.733-11.791-15.2-1.49-5.509-3.922-10.586-7.882-12.951.309-.393.49-.893.48-1.432l-.016-.842a2.264 2.264 0 0 0-2.301-2.212l-8.28.16a2.264 2.264 0 0 0-2.214 2.301l.017.843c.01.494.18.95.46 1.317-7.55 4.319-18.689 20.05-15.24 76.052.74 12.018 40.633-1.214 40.633-1.214l-2.683-33.404c1.144.43 2.329.783 3.555 1.047 43.966 9.482 2.911-49.914 2.911-49.914Z' fill='%2327D7E0'/%3E%3Cpath d='M72.78 139.545s-3.185-.654-7.213.853c1.934.352 3.74 1.075 3.74 1.075s-1.224 1.329-.578 2.759c.646 1.429 4.74 1.139 4.74 1.139l-.69-5.826ZM52.722 103.457l-.08.126c-.289.463-.552.927-.907 1.59l-.636 1.206-.23.447a50.605 50.605 0 0 0-1.138 2.379l-.258.587c-.212.487-.406.96-.672 1.637l-.484 1.25a83.39 83.39 0 0 0-1.119 3.211l-.503 1.516-.276.858-.06.192-.204.672-.416 1.45c-.148.523-.264.945-.374 1.365l-.321 1.264a100.89 100.89 0 0 0-.393 1.649l-.189.837c-.087.388-.165.764-.257 1.242l-.73 3.87c-.086.47-.154.853-.216 1.23l-.23 1.429c-.116.742-.226 1.49-.33 2.245l-.063.502-.062.537-.355 3.371-.108 1.105-.269 3.018-.077.974-.053.823-.031.624-.146 3.754-.038 1.207-.07 2.998-.009.582-.003.542.002.688.016 1.033.034 1.571.034 2.498.015.578.02.528c.06 1.183.136 2.327.233 3.441l.082.831c.107 1.036.213 1.812.36 2.603.08.433.194.771.326.985.139.243.384.377.468.192a.45.45 0 0 0 .054-.296l-.019-.181-.049-.379a27.445 27.445 0 0 0-.02-.145l-.097-.623c-.09-.61-.156-1.213-.233-2.088l-.081-.976-.026-.358c-.02-.303-.036-.623-.052-1.003l-.061-1.569-.141-3.04-.02-.588-.077-2.872-.011-.824c-.006-.844-.004-1.696.004-2.559l.01-.865c.005-.322.014-.646.027-1.03l.051-1.223.053-1.359.048-1.99.02-.531.007-.164.026-.474.026-.379c.015-.196.033-.404.054-.638l.179-1.878.21-2.783c.024-.28.048-.535.074-.786l.22-2.13.139-1.167.07-.516.078-.537.428-2.737.15-.921c.05-.313.105-.631.161-.956l.177-.998.42-2.27c.054-.287.104-.535.157-.787l.295-1.356c.11-.489.222-.975.338-1.46l.237-.972.122-.471c.057-.217.12-.449.197-.723l.727-2.56.319-1.094c.077-.26.15-.499.22-.73l.731-2.317c.113-.351.213-.653.314-.948l.153-.44.147-.401c.239-.629.503-1.28.819-2.026l.38-.883a51 51 0 0 1 1.405-3.074 42.538 42.538 0 0 1 1.67-2.962c.325-.535.017-.732-.313-.2Zm10.267 12.893.303.79c2.257 5.894 5.827 11.398 10.35 16.461a72.502 72.502 0 0 0 8.926 8.409 62.322 62.322 0 0 0 2.942 2.206l.356.247.165.113.384.258.386.247-.385-5.008-.054-.083-.154-.085-.34-.198-.363-.221c-.19-.117-.391-.245-.604-.383l-.442-.292c-1.523-1.019-3.232-2.306-5.087-3.881-5.301-4.502-10.707-10.408-15.9-17.886l-.483-.694Zm34.694 11.762-.442-.132c-.29-.091-.576-.188-.868-.293l-.48-.165-.267-.081-.144-.036a1.35 1.35 0 0 0-.127-.024.598.598 0 0 0-.28.012.365.365 0 0 0-.147.124l-.018.038-.023.09-.007.055-.004.161.001.223c.007.263.03.548.072.987l.078.808c.056.501.116.796.236 1.123.036.099.13.147.222.113a.2.2 0 0 0 .122-.202l-.026-.341-.016-.18-.063-.599-.066-.557-.092-.833-.032-.411-.005-.191c.085.014.201.044.327.086l.084.028.548.2.254.089c.437.144.794.21 1.128.193.162-.005.2-.235.035-.285Z' fill='%23514D4C'/%3E%3Cpath d='m71.515 146.399 1.014-7.057 13.887.731c2.783 1.497 5.842 2.368 9.179 2.611-2.56 7.35-24.08 3.715-24.08 3.715Z' fill='%23514D4C'/%3E%3C/g%3E%3Cpath d='M127.407 42.841a2.05 2.05 0 1 1 .71-4.04 2.05 2.05 0 0 1-.71 4.04Zm3.572-8.537.453-2.571c3.878-.24 7.047-3.144 7.57-6.968.57-4.165-2.247-8.129-6.412-9.025-2.226-.48-4.482-.053-6.351 1.197a7.938 7.938 0 0 0-3.441 5.264 1.948 1.948 0 0 0 1.586 2.254 1.948 1.948 0 0 0 2.261-1.576 4.096 4.096 0 0 1 1.776-2.713 4.334 4.334 0 0 1 3.35-.625c2.18.47 3.656 2.53 3.36 4.693-.275 2.015-1.975 3.539-4.042 3.622-1.744.071-3.172 1.308-3.472 3.01l-.486 2.76a1.948 1.948 0 0 0 1.586 2.253 1.95 1.95 0 0 0 2.262-1.575Zm7.72 17.168a1.923 1.923 0 0 0-1.391-3.585 20.736 20.736 0 0 1-11.1 1.08c-11.278-1.989-18.835-12.782-16.846-24.06 1.988-11.277 12.781-18.834 24.059-16.845 11.277 1.988 18.834 12.781 16.846 24.059-.711 4.032-2.602 7.746-5.47 10.74a1.923 1.923 0 0 0 2.777 2.66c3.396-3.545 5.637-7.948 6.48-12.733a24.452 24.452 0 0 0-4.077-18.392 24.453 24.453 0 0 0-15.889-10.122c-6.474-1.141-13.006.307-18.392 4.078a24.457 24.457 0 0 0-10.122 15.888 24.457 24.457 0 0 0 4.078 18.392 24.452 24.452 0 0 0 15.888 10.122c4.433.782 8.983.339 13.159-1.282ZM87.765 59.282c1.7 0 3.077-1.072 3.077-2.393 0-1.322-1.377-2.393-3.077-2.393-1.699 0-3.076 1.071-3.076 2.393 0 1.321 1.377 2.393 3.076 2.393ZM99.388 54.496c2.455 0 4.445-1.837 4.445-4.103 0-2.265-1.99-4.102-4.445-4.102-2.454 0-4.444 1.837-4.444 4.102 0 2.266 1.99 4.103 4.444 4.103Z' fill='%23205E73'/%3E%3C/svg%3E");
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 150px;
}
@media screen and (max-width: 320px) {
  .domainchecker {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .domainchecker {
    margin-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .domainchecker {
    margin-bottom: 44px;
  }
}
.domainchecker .input-group {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 24px;
}
.domainchecker .input-group .svg-icon {
  box-sizing: content-box;
}
.navigation {
  position: relative;
}
.global-navigation {
  align-items: center;
  border-bottom: 1px solid #f7f7f7;
  border-top: 1px solid #f7f7f7;
  display: flex;
  height: 70px;
  justify-content: flex-start;
}
.global-navigation .global-menu {
  align-items: center;
  display: flex;
}
.global-navigation .global-menu .menu-link {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  margin-bottom: 0;
  padding: 6px 12px;
  position: relative;
}
.global-navigation .global-menu .menu-link .icon-chevron {
  margin-left: 6px;
}
.global-navigation .global-menu .menu-link.active {
  background-color: #e8f5ff;
  color: #1356d9;
}
.global-navigation .global-menu .menu-link.active .icon-chevron {
  transform: rotate(180deg);
}
.global-navigation .global-menu .menu-link:first-child {
  margin-left: -12px;
}
@media (max-width: 1024px ) {
  .global-navigation {
    justify-content: center;
  }
}
@media (max-width: 532px ) {
  .global-navigation .global-menu .menu-link {
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 20px;
  }
}
.global-submenu .submenu-content {
  background-color: #ffffff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: none;
  position: absolute;
  top: 140px;
  width: 100%;
  z-index: 1010;
}
.global-submenu .submenu-content.active {
  display: block;
}
@media (max-width: 1024px ) {
  .mobile-menu {
    background: #ffffff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: -320px;
    overflow: auto;
    position: fixed;
    top: 0;
    transition: transform 0.3s ease-in-out;
    width: 320px;
    z-index: 1010;
  }
  .mobile-menu .menu-default,
  .mobile-menu .menu-other {
    border-top: 1px solid #e2e2e2;
    margin-bottom: 0;
    padding: 10px 0;
  }
  .mobile-menu .mobile-tabs {
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: flex-end;
    min-height: 65px;
    z-index: 100;
  }
  .mobile-menu .mobile-tabs .tab {
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    margin: 0;
    padding: 5px 20px;
    position: relative;
  }
  .mobile-menu .mobile-tabs .tab.menu-tab-button {
    cursor: pointer;
  }
  .mobile-menu .menu-li {
    list-style: none;
    margin-bottom: 0;
  }
  .mobile-menu .menu-item {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 50px;
  }
  .mobile-menu .menu-item:hover {
    color: #2b2b2b;
  }
  .mobile-menu .menu-item span {
    flex-grow: 1;
    padding: 0 20px;
  }
  .menu-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.3s;
    visibility: hidden;
    z-index: 100;
  }
  .mobile-menu-open .mobile-menu {
    transform: translateX(100%);
  }
  .mobile-menu-open .menu-overlay {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1025px ) {
  .mobile-menu {
    align-items: center;
    display: flex;
  }
  .mobile-menu ul {
    align-items: center;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .mobile-menu ul li {
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 20px;
  }
  .mobile-menu ul li .svg-icon {
    display: none;
  }
  .mobile-menu ul li a {
    text-decoration: none;
  }
  .mobile-menu ul li.current-app {
    color: #1356d9;
  }
  .mobile-menu ul li:not(.menu-hostnet)::before {
    color: #999999;
    content: '|';
    font-weight: 100;
    padding-left: 6px;
    padding-right: 6px;
  }
}
.universal-navigation-custom {
  align-items: center;
  display: flex;
  height: 70px;
  justify-content: space-between;
  position: relative;
}
.universal-navigation-custom .js-open-menu-button {
  min-height: auto;
  padding: 6px 9px;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 20px;
}
@media screen and (max-width: 320px) {
  .universal-navigation-custom .js-open-menu-button {
    margin-left: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .universal-navigation-custom .js-open-menu-button {
    margin-left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .universal-navigation-custom .js-open-menu-button {
    margin-left: 44px;
  }
}
.universal-navigation-custom .logo {
  align-items: center;
  color: #000000;
  display: flex;
  left: 50%;
  position: absolute;
  text-decoration: none;
  transform: translateX(-50%);
}
.universal-navigation-custom .logo svg {
  height: 24px;
  width: 142px;
}
.universal-navigation-custom .logo .spacer {
  border-left: 1px solid #e2e2e2;
  display: block;
  height: 20px;
  margin: 6px 10px 0;
}
.universal-navigation-custom .logo .sub-title {
  margin-top: 6px;
}
@media (max-width: 1024px ) {
  .universal-navigation-custom {
    height: 50px;
  }
  .universal-navigation-custom .logo svg {
    height: 20px;
    width: 120px;
  }
  .universal-navigation-custom .logo .sub-title {
    margin-top: 4px;
  }
}
footer.footer-expanded {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
footer.footer-expanded a {
  text-decoration: none;
}
footer.footer-expanded a:hover,
footer.footer-expanded a:active,
footer.footer-expanded a:focus {
  text-decoration: underline;
}
footer.footer-expanded .footer-links {
  padding-bottom: 24px;
  padding-top: 24px;
  width: 100%;
}
footer.footer-expanded .footer-links li:not(:last-child)::after {
  color: #999999;
  content: '|';
  font-weight: 100;
  padding-left: 6px;
  padding-right: 6px;
}
footer.footer-expanded .footer-links .col {
  padding-bottom: 0;
}
footer.footer-expanded .footer-links a:hover {
  color: #999999;
}
footer.footer-expanded .footer-links .links-left li {
  display: inline-block;
  margin: 0;
  white-space: nowrap;
}
footer.footer-expanded .footer-links .links-left li:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0;
}
footer.footer-expanded .footer-links .links-right a {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
footer.footer-expanded .footer-links .links-right a:not(:first-child) {
  margin-left: 24px;
}
footer.footer-expanded .footer-links .links-right a svg {
  width: 100%;
}
footer.footer-expanded .footer-links .links-right a svg path {
  fill: #000000;
  transition: fill 0.2s;
}
footer.footer-expanded .footer-links .links-right a:hover svg path {
  fill: #999999;
}
footer.footer-expanded .footer-menu,
footer.footer-expanded .payment-info {
  background-color: #ffffff;
}
footer.footer-expanded .payment-options > div {
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: block;
  float: left;
  height: 28px;
  margin-right: 16px;
  overflow: hidden;
}
footer.footer-expanded .payment-options > div:not(.lazy-bg) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 365 36' width='365' height='36'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%23FFF' d='M330 3h29.418v29.418H330z'/%3E%3Cpath fill='%230077A6' d='M331.295 30.12h-.084c0-.042-.021-.105-.021-.126 0-.021 0-.063-.064-.063H331v.19h-.063v-.443h.19c.084 0 .147.021.147.105 0 .063-.021.085-.042.105.02.022.042.043.042.085v.084c0 .021 0 .021.02.021v.042zm-.084-.316c0-.063-.042-.063-.063-.063H331v.127h.126c.043 0 .085-.022.085-.064zm.358.085a.472.472 0 00-.485-.464.467.467 0 00-.463.464c0 .273.21.484.463.484.274 0 .485-.21.485-.484zm-.064 0c0 .231-.189.4-.42.4a.387.387 0 01-.4-.4.4.4 0 01.4-.4c.23 0 .42.19.42.4zm25.938-8.506c0 .632-.4.926-1.115.926h-1.369v-.632h1.369c.126 0 .231-.02.273-.062a.268.268 0 00.085-.19.32.32 0 00-.085-.21c-.042-.043-.126-.064-.252-.064-.653-.02-1.474.021-1.474-.905 0-.421.274-.884 1.01-.884h1.411v.631h-1.305c-.126 0-.21 0-.274.042a.302.302 0 00-.105.232c0 .105.063.168.147.21.085.022.169.043.274.043h.379c.4 0 .653.084.821.231.126.148.21.337.21.632zm-2.968-.632c-.169-.147-.421-.231-.821-.231h-.38c-.104 0-.189-.022-.273-.042-.084-.043-.147-.106-.147-.211s.02-.169.105-.232c.063-.042.147-.042.274-.042h1.305v-.631h-1.41c-.758 0-1.011.463-1.011.884 0 .926.821.884 1.474.905.126 0 .21.021.252.063a.322.322 0 01.085.211.268.268 0 01-.085.19.479.479 0 01-.273.062H352.2v.632h1.369c.715 0 1.115-.294 1.115-.926 0-.295-.084-.484-.21-.632zm-2.695.948h-1.663v-.59h1.621v-.59h-1.621v-.547h1.663v-.61h-2.358v2.947h2.358v-.61zm-3.116-2.19c-.232-.126-.505-.147-.863-.147h-1.621v2.947h.716v-1.074h.758c.252 0 .4.022.505.127.126.147.126.4.126.59v.357h.695v-.568c0-.274-.021-.4-.105-.548a.821.821 0 00-.358-.252c.19-.063.505-.316.505-.78 0-.336-.126-.526-.358-.652zm-4-.147h-2.253l-.905.968-.863-.968H337.8v2.947h2.8l.906-.968.863.968h1.369v-.99h.884c.61 0 1.221-.168 1.221-.989 0-.8-.632-.968-1.179-.968zm3.432 1.221c-.106.042-.21.042-.337.042l-.863.021v-.674h.863c.126 0 .253 0 .337.063a.268.268 0 01.147.253.368.368 0 01-.147.295zm-3.432.147h-.926v-.758h.926c.253 0 .421.106.421.358 0 .253-.168.4-.421.4zm-2.716.105l1.095-1.157v2.379l-1.095-1.222zm-1.705.864h-1.748v-.59h1.558v-.59h-1.558v-.547h1.769l.779.864-.8.863zm15.242-4.464h-1.01l-1.327-2.21v2.21h-1.43l-.275-.652h-1.474l-.273.652h-.821c-.337 0-.78-.084-1.032-.337-.231-.252-.358-.59-.358-1.115 0-.443.063-.843.379-1.158.21-.232.59-.337 1.074-.337h.673v.631h-.673c-.253 0-.4.043-.548.169-.126.126-.19.358-.19.674 0 .315.064.547.19.694.105.106.295.148.484.148h.316l1.01-2.316h1.054l1.179 2.779v-2.78h1.094l1.243 2.043v-2.042h.715v2.947zm-8.358-2.947h-.715v2.947h.715v-2.947zm-1.495.126c-.231-.126-.484-.126-.842-.126h-1.62v2.947h.694v-1.074h.758c.252 0 .42.022.526.127.126.147.105.4.105.568v.38h.716v-.59c0-.253-.021-.38-.126-.527a.88.88 0 00-.337-.252.836.836 0 00.505-.78c0-.336-.147-.526-.379-.673zm-2.968 2.21h-1.642v-.589h1.62v-.61h-1.62v-.527h1.642v-.61h-2.358v2.947h2.358v-.61zm-2.885-2.336h-1.157l-.864 2-.926-2h-1.137v2.779l-1.2-2.78h-1.053l-1.263 2.948h.758l.274-.652h1.473l.274.652h1.432V14.92l1.031 2.316h.61l1.033-2.316v2.316h.715v-2.947zm11.412 1.663l-.485-1.158-.484 1.158h.969zm-6.106-.463c-.105.063-.21.063-.358.063h-.863V14.9h.863c.126 0 .274 0 .358.042.084.063.126.147.126.273 0 .127-.042.232-.126.274zm-11.622.463l.485-1.158.484 1.158h-.969zm23.812-10.906h-25.117v10.611l.863-1.958h1.832l.253.485v-.485h2.147l.484 1.053.463-1.053h6.843c.316 0 .59.064.8.232v-.232h1.874v.232c.315-.169.715-.232 1.179-.232h2.715l.253.485v-.485h2l.295.485v-.485h1.958v4.127h-1.979l-.379-.632v.632h-2.463l-.274-.674h-.61l-.274.674h-1.284c-.506 0-.885-.127-1.137-.253v.253h-3.053v-.948c0-.126-.021-.147-.105-.147h-.105v1.095h-5.896v-.527l-.21.527h-1.242l-.21-.506v.506h-2.38l-.252-.674h-.611l-.274.674h-1.221v12.442h25.117V22.71c-.274.126-.653.19-1.032.19h-1.831v-.253c-.21.169-.59.253-.948.253h-5.768v-.948c0-.126-.021-.126-.127-.126h-.105v1.074h-1.895v-1.116c-.315.147-.673.147-.99.147h-.21v.969h-2.316l-.547-.632-.61.632h-3.727v-4.127h3.79l.547.632.59-.632h2.547c.294 0 .779.042.99.253v-.253h2.273c.232 0 .674.042.969.253v-.253h3.431v.253c.19-.169.548-.253.864-.253h1.915v.253c.211-.147.506-.253.885-.253h1.305V5.045z'/%3E%3C/g%3E%3Cpath d='M0 0h39.41v35.379H0z'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M3.278 3.28v28.836H20.09c11.09 0 15.899-6.21 15.899-14.446 0-8.204-4.81-14.39-15.9-14.39H3.279z'/%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M5.095 5.099h14.997c10.179 0 14.08 5.558 14.08 12.57 0 8.408-5.448 12.627-14.08 12.627H5.095V5.1zm1.454 1.454v22.29h13.543c8.176 0 12.625-3.81 12.625-11.174 0-7.568-4.823-11.117-12.625-11.117H6.549z'/%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M8.366 19.309h4.335v7.716H8.366z'/%3E%3Ccircle cx='10.533' cy='15.421' r='2.694' fill='%23000' fill-rule='nonzero'/%3E%3Cpath fill='%23D50072' fill-rule='nonzero' d='M21.793 16.681v1.25h-3.09v-5.014h2.991v1.25h-1.741v.58h1.646v1.249h-1.646v.686h1.84zm.54 1.25l1.512-5.016h1.777l1.511 5.017h-1.3l-.284-.97h-1.633l-.284.97h-1.299zm1.949-2.218h.904l-.415-1.417h-.075l-.414 1.417zm3.48-2.797h1.249v3.766h1.85c-.508-6.833-5.882-8.31-10.769-8.31h-5.208v4.546h.771c1.405 0 2.278.953 2.278 2.487 0 1.582-.852 2.527-2.278 2.527h-.77v9.096h5.208c7.94 0 10.706-3.688 10.804-9.097H27.76v-5.015zm-12.879 1.251v2.515h.772c.535 0 1.029-.155 1.029-1.278 0-1.096-.55-1.237-1.029-1.237h-.772z'/%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%23231F20' d='M173.653 29.798v.177h.103a.08.08 0 00.056-.022.101.101 0 00.02-.068.096.096 0 00-.02-.066.073.073 0 00-.056-.023h-.103v.002zm.06-.047a.112.112 0 01.073.02.07.07 0 01.026.058.066.066 0 01-.02.05.1.1 0 01-.059.024l.081.092h-.062l-.074-.091h-.024v.091h-.052v-.244h.113-.001zm-.015.329a.208.208 0 00.188-.124.209.209 0 000-.16.211.211 0 00-.109-.109.212.212 0 00-.16 0 .206.206 0 00-.066.044.209.209 0 000 .29.207.207 0 00.147.06v-.001zm0-.467a.27.27 0 01.247.161.26.26 0 01-.143.345.268.268 0 01-.353-.143.26.26 0 01.144-.345.268.268 0 01.106-.02l-.001.002zm-24.72-.943c0-.466.304-.849.803-.849.477 0 .798.366.798.849 0 .482-.321.848-.798.848-.499 0-.804-.383-.804-.848zm2.144 0v-1.326h-.576v.323c-.183-.239-.46-.388-.837-.388-.742 0-1.325.582-1.325 1.391 0 .81.582 1.392 1.325 1.392.377 0 .654-.15.837-.388v.321h.576V28.67zm19.47 0c0-.466.305-.849.804-.849.477 0 .798.366.798.849 0 .482-.321.848-.798.848-.5 0-.804-.383-.804-.848zm2.145 0v-2.39h-.576v1.387c-.183-.239-.46-.388-.837-.388-.743 0-1.326.582-1.326 1.391 0 .81.583 1.392 1.326 1.392.377 0 .654-.15.837-.388v.321h.576V28.67zm-14.463-.876c.371 0 .61.233.67.643h-1.374c.061-.383.293-.643.704-.643zm.011-.517c-.776 0-1.32.565-1.32 1.392 0 .842.566 1.391 1.359 1.391.4 0 .765-.1 1.086-.37l-.282-.428a1.263 1.263 0 01-.771.277c-.371 0-.71-.172-.793-.649h1.968c.006-.071.011-.144.011-.221-.005-.826-.516-1.392-1.258-1.392zm6.957 1.392c0-.466.305-.849.804-.849.476 0 .798.366.798.849 0 .482-.322.848-.798.848-.499 0-.804-.383-.804-.848zm2.145 0v-1.325h-.576v.323c-.183-.239-.46-.388-.837-.388-.742 0-1.325.582-1.325 1.391 0 .81.582 1.392 1.325 1.392.377 0 .654-.15.837-.388v.321h.576V28.67zm-5.4 0c0 .804.56 1.391 1.415 1.391.399 0 .665-.089.952-.316l-.277-.466a1.165 1.165 0 01-.694.24c-.46-.007-.798-.34-.798-.85s.338-.842.798-.848c.25 0 .477.083.694.239l.277-.466c-.288-.227-.554-.316-.952-.316-.855 0-1.414.588-1.414 1.392zm7.429-1.392a.782.782 0 00-.699.388v-.32h-.57v2.649h.576v-1.485c0-.439.189-.683.565-.683a.934.934 0 01.36.067l.178-.543a1.225 1.225 0 00-.41-.072zm-15.445.278c-.277-.183-.66-.277-1.08-.277-.672 0-1.104.321-1.104.848 0 .432.322.699.914.782l.273.038c.315.045.465.128.465.278 0 .204-.21.321-.604.321-.4 0-.687-.127-.882-.277l-.27.45c.316.232.715.343 1.147.343.765 0 1.209-.36 1.209-.865 0-.465-.35-.709-.926-.792l-.272-.04c-.25-.032-.449-.082-.449-.26 0-.193.188-.31.505-.31.338 0 .665.128.826.227l.25-.465-.002-.001zm7.435-.277a.78.78 0 00-.698.388v-.322h-.571v2.65h.576v-1.485c0-.439.189-.683.565-.683a.934.934 0 01.36.067l.178-.543a1.225 1.225 0 00-.41-.072zm-4.917.066h-.942v-.804h-.583v.804h-.537v.527h.537v1.209c0 .614.239.98.92.98.25 0 .539-.077.721-.204l-.166-.494c-.172.1-.36.15-.51.15-.288 0-.382-.177-.382-.443V27.87h.942v-.527zm-8.615 2.65v-1.662c0-.627-.399-1.048-1.042-1.054-.338-.005-.687.1-.932.472-.182-.294-.47-.472-.875-.472-.283 0-.56.083-.776.394v-.328h-.577v2.65h.581v-1.47c0-.46.255-.704.65-.704.382 0 .575.25.575.699v1.475h.583v-1.47c0-.46.266-.704.648-.704.394 0 .581.25.581.699v1.474l.584.002z'/%3E%3Cpath fill='%23F79410' d='M174.935 22.588v-1.795h-.216l-.249 1.232-.247-1.232h-.216v1.795h.153v-1.352l.233 1.166h.158l.233-1.17v1.356h.151zm-1.366 0V21.1h.276v-.302h-.704v.302h.275v1.488h.153z'/%3E%3Cpath fill='%23FF5F00' d='M162.513 22.842h-8.732V7.15h8.732z'/%3E%3Cpath fill='%23EB001B' d='M154.335 14.996a9.963 9.963 0 013.811-7.846 9.937 9.937 0 00-6.167-2.134c-5.511 0-9.979 4.468-9.979 9.98 0 5.512 4.468 9.98 9.979 9.98a9.936 9.936 0 006.167-2.133 9.964 9.964 0 01-3.811-7.847'/%3E%3Cpath fill='%23F79E1B' d='M174.293 14.996c0 5.512-4.467 9.98-9.979 9.98a9.94 9.94 0 01-6.168-2.133 9.962 9.962 0 003.813-7.847 9.962 9.962 0 00-3.813-7.846 9.94 9.94 0 016.168-2.134c5.512 0 9.98 4.468 9.98 9.98'/%3E%3C/g%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%23003087' d='M226.171 8.562c-.996-1.134-2.795-1.62-5.098-1.62h-6.682a.957.957 0 00-.946.806l-2.78 17.647a.573.573 0 00.566.663h4.125l1.037-6.572-.033.206a.954.954 0 01.942-.807h1.96c3.851 0 6.867-1.564 7.748-6.089.026-.134.048-.264.068-.391.262-1.673-.002-2.811-.906-3.842'/%3E%3Cpath fill='%23009CDE' d='M276.673 16.96c-.252 1.656-1.516 1.656-2.74 1.656h-.695l.488-3.092a.384.384 0 01.38-.324h.32c.832 0 1.618 0 2.024.474.242.284.315.705.223 1.286m-.532-4.32h-4.613a.642.642 0 00-.634.54L269.03 25.01a.385.385 0 00.38.444h2.367c.22 0 .408-.16.443-.378l.53-3.355a.641.641 0 01.632-.54h1.46c3.039 0 4.792-1.47 5.25-4.385.206-1.274.008-2.276-.588-2.977-.656-.771-1.819-1.179-3.362-1.179'/%3E%3Cpath fill='%23003087' d='M243.771 16.96c-.252 1.656-1.516 1.656-2.74 1.656h-.696l.489-3.092a.384.384 0 01.379-.324h.32c.832 0 1.618 0 2.024.474.243.284.316.705.224 1.286m-.532-4.32h-4.613a.642.642 0 00-.634.541l-1.864 11.828a.384.384 0 00.38.444h2.202c.316 0 .584-.23.633-.54l.504-3.192a.64.64 0 01.633-.541h1.46c3.039 0 4.792-1.47 5.25-4.385.206-1.274.008-2.276-.588-2.977-.656-.77-1.82-1.179-3.363-1.179m10.71 8.568c-.214 1.262-1.215 2.11-2.493 2.11-.641 0-1.154-.207-1.484-.597-.327-.387-.45-.938-.346-1.551.199-1.252 1.217-2.126 2.475-2.126.628 0 1.136.208 1.473.602.338.397.472.95.375 1.562m3.078-4.3h-2.209a.385.385 0 00-.38.325l-.097.617-.154-.223c-.479-.694-1.545-.927-2.61-.927-2.44 0-4.525 1.85-4.93 4.443-.211 1.295.088 2.531.822 3.394.674.793 1.636 1.123 2.782 1.123 1.968 0 3.058-1.263 3.058-1.263l-.098.614a.384.384 0 00.38.444h1.989a.641.641 0 00.633-.541l1.194-7.561a.385.385 0 00-.38-.445'/%3E%3Cpath fill='%23009CDE' d='M286.851 21.206c-.214 1.262-1.215 2.11-2.493 2.11-.64 0-1.154-.207-1.484-.597-.327-.387-.45-.938-.346-1.551.199-1.252 1.217-2.126 2.476-2.126.627 0 1.136.208 1.472.602.339.397.472.951.375 1.562m3.078-4.3h-2.209a.385.385 0 00-.38.325l-.097.617-.154-.223c-.478-.694-1.545-.927-2.61-.927-2.44 0-4.524 1.85-4.93 4.443-.211 1.295.09 2.531.823 3.394.674.793 1.636 1.123 2.782 1.123 1.968 0 3.059-1.263 3.059-1.263l-.099.614a.383.383 0 00.379.444h1.988a.642.642 0 00.634-.541l1.194-7.561a.385.385 0 00-.38-.445'/%3E%3Cpath fill='%23003087' d='M268.792 16.908h-2.22a.638.638 0 00-.53.281l-3.063 4.51-1.298-4.334a.642.642 0 00-.615-.458h-2.182a.385.385 0 00-.364.51l2.445 7.176-2.3 3.244a.385.385 0 00.314.607h2.219c.21 0 .406-.103.526-.276l7.383-10.657a.384.384 0 00-.315-.603'/%3E%3Cpath fill='%23009CDE' d='M292.533 12.965l-1.894 12.044a.385.385 0 00.38.445h1.904c.315 0 .584-.23.633-.542l1.867-11.828a.384.384 0 00-.38-.445h-2.13a.384.384 0 00-.38.325'/%3E%3Cpath fill='%23003087' d='M226.171 8.562c-.996-1.134-2.795-1.62-5.098-1.62h-6.682a.957.957 0 00-.946.806l-2.78 17.647a.573.573 0 00.566.663h4.125l1.037-6.572-.033.206a.954.954 0 01.942-.807h1.96c3.851 0 6.867-1.564 7.748-6.089.026-.134.048-.264.068-.391.262-1.673-.002-2.811-.906-3.842'/%3E%3Cpath fill='%23003087' d='M217.505 12.427a.837.837 0 01.826-.706h5.24c.62 0 1.198.04 1.727.125.289.046.575.11.856.191.32.09.63.213.923.368.263-1.673-.001-2.811-.906-3.843-.996-1.134-2.795-1.62-5.098-1.62h-6.682c-.47 0-.871.342-.945.807l-2.782 17.645a.573.573 0 00.566.663h4.126l1.036-6.572 1.113-7.058z'/%3E%3Cpath fill='%23009CDE' d='M227.077 12.404c-.02.131-.043.261-.068.391-.88 4.525-3.896 6.09-7.747 6.09H217.3c-.47 0-.87.343-.941.807l-1.004 6.365-.286 1.806a.502.502 0 00.496.58h3.478c.412 0 .761-.3.826-.706l.034-.177.655-4.154.042-.23a.837.837 0 01.827-.706h.52c3.369 0 6.007-1.367 6.777-5.326.322-1.654.155-3.035-.695-4.005-.27-.301-.593-.55-.953-.735'/%3E%3Cpath fill='%23012169' d='M226.155 12.036a6.06 6.06 0 00-.416-.107 7.355 7.355 0 00-.441-.083 10.802 10.802 0 00-1.728-.127h-5.239c-.412 0-.762.3-.826.707l-1.113 7.06-.032.205a.953.953 0 01.94-.807h1.962c3.85 0 6.866-1.564 7.747-6.09.026-.133.048-.263.068-.39a4.757 4.757 0 00-.922-.368'/%3E%3C/g%3E%3Cg fill='%23233A7B' fill-rule='nonzero'%3E%3Cpath d='M84.086 24.842h-3.268l2.042-12.55h3.268l-2.042 12.55zm-6.017-12.55l-3.115 8.632-.369-1.859-1.099-5.643s-.133-1.13-1.55-1.13h-5.15l-.06.212s1.575.328 3.418 1.435l2.839 10.903h3.404l5.199-12.55h-3.517zm25.701 12.55h3l-2.615-12.55h-2.627c-1.213 0-1.509.934-1.509.934l-4.873 11.616h3.406l.682-1.864h4.153l.383 1.864zm-3.595-4.44l1.716-4.696.966 4.696h-2.682zm-4.773-5.092l.466-2.696s-1.439-.547-2.939-.547c-1.621 0-5.472.709-5.472 4.155 0 3.242 4.52 3.283 4.52 4.986 0 1.703-4.055 1.398-5.392.324l-.486 2.818s1.459.709 3.688.709c2.23 0 5.594-1.155 5.594-4.297 0-3.263-4.56-3.567-4.56-4.986 0-1.42 3.182-1.237 4.58-.466z'/%3E%3Cpath d='M74.586 19.065l-1.1-5.644s-.133-1.13-1.55-1.13h-5.15l-.06.213s2.475.513 4.85 2.435c2.27 1.837 3.01 4.126 3.01 4.126z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: block;
  float: left;
  height: 28px;
  overflow: hidden;
}
footer.footer-expanded .payment-options > div:last-child {
  margin-right: 0;
}
footer.footer-expanded .payment-options > div.ideal {
  background-position: 0 0;
  width: 30px;
}
footer.footer-expanded .payment-options > div.visa {
  background-position: -50px 0;
  width: 35px;
}
footer.footer-expanded .payment-options > div.mastercard {
  background-position: -116px 0;
  height: 30px;
  width: 30px;
}
footer.footer-expanded .payment-options > div.american-express {
  background-position: -255px 0;
  width: 26px;
}
.webshop-shown footer.footer-expanded .footer-links {
  background-color: #f7f7f7;
}
@media (min-width: 533px ) {
  footer .links-left ul li {
    padding-right: 5px;
  }
  footer .links-left ul li a {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px;
  }
  footer .columns-container {
    margin: 0 -24px -24px;
  }
  footer .columns-container .columns-item {
    padding: 0 24px 24px;
  }
  footer .payment-info {
    overflow: hidden;
  }
  footer .payment-info .col {
    padding-bottom: 0;
  }
}
@media (max-width: 768px ) {
  footer .collapse-banner .collapse-heading .collapse-title {
    margin: 0;
    padding: 12px 0;
  }
  footer .collapse-banner .collapse-heading .collapse-title::after {
    top: 12px;
  }
  footer .collapse-banner .collapse-content ul {
    padding-bottom: 12px;
  }
  footer .payment-options {
    display: flex;
    padding: 44px 0;
  }
  footer .btw {
    padding-bottom: 44px;
  }
  body:not(.webshop-shown) footer .footer-links {
    border-top: 1px solid #e2e2e2;
  }
  body:not(.webshop-shown) footer .footer-links li {
    display: block;
  }
  body:not(.webshop-shown) footer .footer-links li::after {
    content: '';
  }
  body:not(.webshop-shown) footer .footer-links a {
    text-decoration: underline;
  }
  body:not(.webshop-shown) footer .footer-links ul {
    margin: 24px 0 44px;
  }
  body.webshop-shown footer .footer-menu,
  body.webshop-shown footer .links-right,
  body.webshop-shown footer .payment-info {
    display: none;
  }
  body.webshop-shown.basket-step:not(.page-checkout) footer {
    padding-bottom: 178px;
  }
}
@media (min-width: 769px ) {
  footer .footer-links {
    background-color: #fafafa;
  }
  footer .columns-container {
    column-count: 3;
  }
  footer .payment-options {
    float: left;
    padding: 24px 0;
  }
  footer .btw {
    float: right;
    padding: 24px 0;
  }
  footer .payment-border {
    border-top: 1px solid #e2e2e2;
    width: 100%;
  }
  body.page-checkout footer .footer-menu,
  body.page-checkout footer .payment-border {
    display: none;
  }
}
@media (max-width: 1024px ) {
  body.webshop-shown:not(.page-checkout) footer {
    padding-bottom: 72px;
  }
  body.webshop-shown.page-detailed-footer footer {
    padding-bottom: 120px;
  }
  body.webshop-shown.page-price-list footer {
    padding-bottom: 145px;
  }
}
@media (min-width: 769px ) and (max-width: 1024px ) {
  footer .footer-links .links-left ul {
    margin-bottom: 24px;
  }
}
@media (min-width: 980px) {
  footer .columns-container {
    column-count: 4;
  }
}
@media (min-width: 1025px ) {
  footer .links-right {
    text-align: center;
  }
}
@media (min-width: 1186px) {
  footer .columns-container {
    column-count: 5;
  }
}
.columns-container {
  column-gap: 0;
}
@media (min-width: 533px ) {
  .columns-container {
    display: block;
  }
  .columns-item {
    box-sizing: border-box;
    break-inside: avoid;
    width: 100%;
  }
}
.collapse-banner .collapse-title {
  padding-right: 28px;
}
@media (max-width: 532px ) {
  .collapse-banner.collapse-banner-complete {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .collapse-banner:not(:last-child) {
    padding-bottom: 12px;
  }
  .collapse-banner:not(:first-child) .collapse-heading {
    border-top: 1px solid #e2e2e2;
    padding-top: 12px;
  }
  .collapse-banner .collapse-heading {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
    width: 100%;
  }
  .collapse-banner .collapse-heading .svg-icon {
    margin: 0 12px 0 0;
  }
  .collapse-banner .collapse-title {
    flex-grow: 1;
    position: relative;
    text-align: left;
  }
  .collapse-banner .collapse-title::after {
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  }
  .collapse-banner.active .collapse-title::after {
    transform: rotate(180deg);
  }
  .collapse-banner:not(.active):not(.collapsed-with-js) .collapse-content {
    display: none;
  }
  .collapse-banner .collapse-content {
    padding-right: 12px;
    text-align: left;
  }
  .collapse-banner .collapse-content.align-with-icon-medium {
    padding-left: 60px;
  }
  .collapse-banner .collapse-content.align-with-icon-large {
    padding-left: 72px;
  }
  .collapse-banner:not(:first-child) .collapse-heading .svg-icon {
    margin-top: 12px;
  }
  .collapse-banner .collapse-heading {
    flex-direction: column;
  }
  .collapse-banner .collapse-heading .svg-icon:not(.icon-xsmall) {
    margin: 0 0 12px 0;
  }
  .collapse-banner .collapse-heading .svg-icon.icon-xsmall {
    margin: 0 6px 0 0;
  }
  .collapse-banner .collapse-heading .collapse-title {
    padding-bottom: 12px;
  }
  .collapse-banner .collapse-content[class*='align-with-icon-'] {
    padding-left: 0;
  }
}
@media (min-width: 533px ) {
  .collapse-banner .collapse-heading {
    align-items: center;
  }
}
@media (min-width: 533px ) and (max-width: 1024px ) {
  .collapse-banner.collapse-on-tablet.collapse-banner-complete {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .collapse-banner.collapse-on-tablet:not(:last-child) {
    padding-bottom: 24px;
  }
  .collapse-banner.collapse-on-tablet:not(:first-child) .collapse-heading {
    border-top: 1px solid #e2e2e2;
    padding-top: 24px;
  }
  .collapse-banner.collapse-on-tablet .collapse-heading {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
    width: 100%;
  }
  .collapse-banner.collapse-on-tablet .collapse-heading .svg-icon {
    margin: 0 24px 0 0;
  }
  .collapse-banner.collapse-on-tablet .collapse-title {
    flex-grow: 1;
    position: relative;
    text-align: left;
  }
  .collapse-banner.collapse-on-tablet .collapse-title::after {
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  }
  .collapse-banner.collapse-on-tablet.active .collapse-title::after {
    transform: rotate(180deg);
  }
  .collapse-banner.collapse-on-tablet:not(.active):not(.collapsed-with-js) .collapse-content {
    display: none;
  }
  .collapse-banner.collapse-on-tablet .collapse-content {
    padding-right: 24px;
    text-align: left;
  }
  .collapse-banner.collapse-on-tablet .collapse-content.align-with-icon-medium {
    padding-left: 72px;
  }
  .collapse-banner.collapse-on-tablet .collapse-content.align-with-icon-large {
    padding-left: 84px;
  }
}
@media (min-width: 533px ) and (max-width: 768px ) {
  .collapse-banner.collapse-on-tablet-small.collapse-banner-complete {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .collapse-banner.collapse-on-tablet-small:not(:last-child) {
    padding-bottom: 24px;
  }
  .collapse-banner.collapse-on-tablet-small:not(:first-child) .collapse-heading {
    border-top: 1px solid #e2e2e2;
    padding-top: 24px;
  }
  .collapse-banner.collapse-on-tablet-small .collapse-heading {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
    width: 100%;
  }
  .collapse-banner.collapse-on-tablet-small .collapse-heading .svg-icon {
    margin: 0 24px 0 0;
  }
  .collapse-banner.collapse-on-tablet-small .collapse-title {
    flex-grow: 1;
    position: relative;
    text-align: left;
  }
  .collapse-banner.collapse-on-tablet-small .collapse-title::after {
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  }
  .collapse-banner.collapse-on-tablet-small.active .collapse-title::after {
    transform: rotate(180deg);
  }
  .collapse-banner.collapse-on-tablet-small:not(.active):not(.collapsed-with-js) .collapse-content {
    display: none;
  }
  .collapse-banner.collapse-on-tablet-small .collapse-content {
    padding-right: 24px;
    text-align: left;
  }
  .collapse-banner.collapse-on-tablet-small .collapse-content.align-with-icon-medium {
    padding-left: 72px;
  }
  .collapse-banner.collapse-on-tablet-small .collapse-content.align-with-icon-large {
    padding-left: 84px;
  }
}
@media (min-width: 1025px ) and (max-width: 1279px ) {
  .collapse-banner.collapse-on-desktop-small.collapse-banner-complete {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .collapse-banner.collapse-on-desktop-small:not(:last-child) {
    padding-bottom: 24px;
  }
  .collapse-banner.collapse-on-desktop-small:not(:first-child) .collapse-heading {
    border-top: 1px solid #e2e2e2;
    padding-top: 24px;
  }
  .collapse-banner.collapse-on-desktop-small .collapse-heading {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
    width: 100%;
  }
  .collapse-banner.collapse-on-desktop-small .collapse-heading .svg-icon {
    margin: 0 24px 0 0;
  }
  .collapse-banner.collapse-on-desktop-small .collapse-title {
    flex-grow: 1;
    position: relative;
    text-align: left;
  }
  .collapse-banner.collapse-on-desktop-small .collapse-title::after {
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  }
  .collapse-banner.collapse-on-desktop-small.active .collapse-title::after {
    transform: rotate(180deg);
  }
  .collapse-banner.collapse-on-desktop-small:not(.active):not(.collapsed-with-js) .collapse-content {
    display: none;
  }
  .collapse-banner.collapse-on-desktop-small .collapse-content {
    padding-right: 24px;
    text-align: left;
  }
  .collapse-banner.collapse-on-desktop-small .collapse-content.align-with-icon-medium {
    padding-left: 72px;
  }
  .collapse-banner.collapse-on-desktop-small .collapse-content.align-with-icon-large {
    padding-left: 84px;
  }
}
@media (min-width: 1280px ) {
  .collapse-banner.collapse-on-desktop-large.collapse-banner-complete {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .collapse-banner.collapse-on-desktop-large:not(:last-child) {
    padding-bottom: 24px;
  }
  .collapse-banner.collapse-on-desktop-large:not(:first-child) .collapse-heading {
    border-top: 1px solid #e2e2e2;
    padding-top: 24px;
  }
  .collapse-banner.collapse-on-desktop-large .collapse-heading {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
    width: 100%;
  }
  .collapse-banner.collapse-on-desktop-large .collapse-heading .svg-icon {
    margin: 0 24px 0 0;
  }
  .collapse-banner.collapse-on-desktop-large .collapse-title {
    flex-grow: 1;
    position: relative;
    text-align: left;
  }
  .collapse-banner.collapse-on-desktop-large .collapse-title::after {
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  }
  .collapse-banner.collapse-on-desktop-large.active .collapse-title::after {
    transform: rotate(180deg);
  }
  .collapse-banner.collapse-on-desktop-large:not(.active):not(.collapsed-with-js) .collapse-content {
    display: none;
  }
  .collapse-banner.collapse-on-desktop-large .collapse-content {
    padding-right: 24px;
    text-align: left;
  }
  .collapse-banner.collapse-on-desktop-large .collapse-content.align-with-icon-medium {
    padding-left: 72px;
  }
  .collapse-banner.collapse-on-desktop-large .collapse-content.align-with-icon-large {
    padding-left: 84px;
  }
}
.error404 .page-header {
  align-items: center;
  display: flex;
}
.error404 .page-header .header-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 532px ) {
  .error404 .page-header {
    min-height: 360px;
  }
  .error404 .page-header .header-bg {
    background-image: url('/wp-content/themes/academy/images/404-bg-mob.jpg');
  }
}
@media (min-width: 533px ) and (max-width: 1024px ) {
  .error404 .page-header {
    min-height: 450px;
  }
  .error404 .page-header .header-bg {
    background-image: url('/wp-content/themes/academy/images/404-bg-tablet.jpg');
  }
}
@media (min-width: 1025px ) {
  .error404 .page-header {
    min-height: 540px;
  }
  .error404 .page-header .header-bg {
    background-image: url('/wp-content/themes/academy/images/404-bg-desk.jpg');
  }
}
article header + p {
  font-weight: 500;
}
article header picture {
  display: block;
}
article header img {
  border-radius: 4px;
  display: block;
  height: auto;
  width: 100%;
}
article header .author-content {
  align-items: center;
}
article header .author-content .author-avatar {
  flex: 0 0 50px;
  height: 50px;
}
article .date-time {
  display: flex;
  white-space: nowrap;
}
article .date-time time,
article .date-time > div {
  display: inline-flex;
}
article .date-time time svg,
article .date-time > div svg {
  margin-right: 10px;
}
article .meta-content {
  display: flex;
  justify-content: space-between;
}
article .meta-tags a {
  text-decoration: none;
}
article .meta-tags span:not(:last-of-type) {
  margin: 0 6px 6px 0;
}
article .info-label {
  cursor: pointer;
}
article .entry-info-amount,
article .entry-info-desc {
  margin-right: 5px;
}
article em {
  font-style: italic;
}
@media (max-width: 768px ) {
  article .date-time {
    justify-content: space-between;
    margin-top: 24px;
  }
  article .meta-content {
    flex-direction: column;
  }
}
@media (min-width: 769px ) {
  article .meta-content {
    align-items: center;
  }
}
.on-this-page .title,
.on-this-page .linkprio-low {
  align-items: center;
  display: flex;
}
.on-this-page .svg-icon {
  height: 24px;
  margin: 0 10px 0 0;
  width: 24px;
}
.on-this-page .collapse-list:not(.active) .text-less {
  display: none;
}
.on-this-page .collapse-list.active .svg-icon {
  transform: rotate(180deg);
}
.on-this-page .collapse-list.active .text-more {
  display: none;
}
.on-this-page .collapsible-content {
  display: none;
  overflow: hidden;
}
@media screen and (max-width: 320px) {
  .on-this-page ul:not(:last-of-type) {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .on-this-page ul:not(:last-of-type) {
    margin-bottom: -webkit-calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .on-this-page ul:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.on-this-page ul:not(:last-of-type) li:last-child {
  border-bottom: 1px solid #e2e2e2;
}
@media screen and (max-width: 320px) {
  .on-this-page ul:not(:last-of-type) li:last-child {
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .on-this-page ul:not(:last-of-type) li:last-child {
    padding-bottom: -webkit-calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
    padding-bottom: calc(8px  +  2  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .on-this-page ul:not(:last-of-type) li:last-child {
    padding-bottom: 10px;
  }
}
@media (min-width: 1025px ) {
  .post-margin-left {
    margin-left: 25%;
  }
  .buttons-contact .button {
    width: 100%;
  }
}
.article-search .form-input .form-option {
  flex: 1 1 auto;
}
@media (max-width: 768px ) {
  .article-search .form-input {
    flex-direction: column;
  }
  .article-search .form-input .form-option {
    margin: 0 0 12px 0;
  }
  .article-search .form-input .form-button,
  .article-search .form-input .form-button .button {
    width: 100%;
  }
}
@media (min-width: 769px ) {
  .article-search .form-input .form-button {
    margin-left: auto;
  }
}
.button .svg-icon {
  box-sizing: content-box;
}
.comments-area .comment-list,
.comments-area .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comments-area .children {
  margin: 40px 0 40px 40px;
}
.comments-area .comment-awaiting-moderation {
  background: #e8f5ff;
  color: #1356d9;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
}
.comments-area .comment {
  background: #f7f7f7;
}
@media screen and (max-width: 320px) {
  .comments-area .comment:not(:last-of-type) {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .comments-area .comment:not(:last-of-type) {
    margin-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .comments-area .comment:not(:last-of-type) {
    margin-bottom: 44px;
  }
}
.comments-area .comment.odd {
  background: #ffffff;
}
.comments-area .comment.bypostauthor {
  background: #e8f5ff;
}
.comments-area .comment.bypostauthor .author::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='47' viewBox='0 0 72 47' style='width: 100%25;'%3E%3Cpath fill='%2343C7F3' d='M45.54,32.9673625 C45.539999,36.4381275 46.9194391,39.7665931 49.3745782,42.2198566 C51.8297172,44.6731201 55.159236,46.050016 58.63,46.0473664 L71.71,46.0473664 L71.71,32.9673625 C71.8416313,28.2062927 69.3768339,23.7494524 65.274167,21.3301059 C61.1715001,18.9107594 56.0784999,18.9107594 51.975833,21.3301059 C47.8731661,23.7494524 45.4083687,28.2062927 45.54,32.9673625 L45.54,32.9673625 Z'%3E%3C/path%3E%3Cpath fill='%2327D7E0' d='M11.91,23.2673625 C11.91,35.8484091 22.1089534,46.0473625 34.69,46.0473625 L57.48,46.0473625 L57.48,23.2673625 C57.6529291,15.013279 53.3483508,7.31109817 46.2275339,3.13332779 C39.1067169,-1.0444426 30.2832831,-1.0444426 23.1624661,3.13332779 C16.0416492,7.31109817 11.7370709,15.013279 11.91,23.2673625 L11.91,23.2673625 Z'%3E%3C/path%3E%3Cpath fill='%231356D9' d='M0,28.5373625 C0.00548655235,38.1938883 7.82349789,46.0253172 17.48,46.0473625 L35,46.0473625 L35,28.5373625 C34.4571194,19.2698821 26.7833676,12.0324967 17.5,12.0324967 C8.2166324,12.0324967 0.542880607,19.2698821 0,28.5373625 L0,28.5373625 Z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 15px;
  content: '';
  display: inline-block;
  height: 15px;
  margin-right: 12px;
  width: 23px;
}
.comments-area .comment .comment-author {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  min-height: 50px;
  overflow: hidden;
  padding-left: 70px;
  position: relative;
  text-align: left;
}
.comments-area .comment .comment-author img {
  left: 0;
  position: absolute;
  top: 0;
}
.comments-area .comment .comment-author-date {
  display: flex;
  justify-content: space-between;
}
.comments-area .comment .comment-reply {
  margin-top: 25px;
}
.comment-respond .form-group ul {
  display: none;
}
.comment-respond .required {
  color: #c13734;
}
.comment-respond .comment-form-checkbox label {
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.comment-respond .form-submit {
  clear: both;
}
.comment-respond .form-submit .button {
  float: none;
}
.comment-respond-inline {
  background: #e8f5ff;
  border: 1px solid #e2e2e2;
  border-top: none;
}
@media screen and (max-width: 320px) {
  .comment-respond-inline {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .comment-respond-inline {
    margin-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .comment-respond-inline {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 320px) {
  .comment-respond-inline {
    margin-top: -24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .comment-respond-inline {
    margin-top: -webkit-calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
    margin-top: calc(-24px  +  -20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .comment-respond-inline {
    margin-top: -44px;
  }
}
@media screen and (max-width: 320px) {
  .comment-respond-inline {
    padding: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .comment-respond-inline {
    padding: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .comment-respond-inline {
    padding: 44px;
  }
}
.comment-respond-inline .comment-reply-title small a {
  display: block;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.block-split-view-illustration .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.block-split-view-illustration .col:first-child .col-box {
  padding: 0;
}
.block-split-view-illustration .col:nth-child(2) .col-box {
  display: none;
}
.block-split-view-illustration .col .block-img-container {
  display: flex;
}
@media screen and (max-width: 320px) {
  .block-split-view-illustration .col .block-img-container {
    height: 148px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .block-split-view-illustration .col .block-img-container {
    height: -webkit-calc(148px  +  126  * ((100vw -  320px ) / 1216 ));
    height: calc(148px  +  126  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .block-split-view-illustration .col .block-img-container {
    height: 274px;
  }
}
.block-split-view-illustration .col .block-img-container .block-img {
  background-image: url('/wp-content/themes/academy/images/academy-home.svg');
}
.block-split-view-illustration .block-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 100%;
}
@media screen and (max-width: 320px) {
  .block-split-view-illustration .block-img {
    height: 130px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .block-split-view-illustration .block-img {
    height: -webkit-calc(130px  +  190  * ((100vw -  320px ) / 1216 ));
    height: calc(130px  +  190  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .block-split-view-illustration .block-img {
    height: 320px;
  }
}
.important-themes .col-box {
  padding: 0;
}
@media screen and (max-width: 320px) {
  .important-themes .col-box a {
    padding: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .important-themes .col-box a {
    padding: -webkit-calc(24px  +  6  * ((100vw -  320px ) / 1216 ));
    padding: calc(24px  +  6  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .important-themes .col-box a {
    padding: 30px;
  }
}
.important-themes .icon-text .btn-text {
  margin-left: 15px;
}
.meta-entry {
  position: relative;
}
.meta-entry .title-comment-reactions {
  align-items: center;
  display: flex;
}
.meta-entry .title-comment-reactions .info-label {
  margin-left: 12px;
}
.author-content {
  display: flex;
}
.author-content .author-avatar {
  flex: 0 0 100px;
  height: 100px;
}
.author-links {
  display: flex;
  margin-top: 6px;
}
.author-links a {
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-right: 12px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 24px;
}
.author-links a.x {
  background: #000000;
}
.author-links a.facebook {
  background: #3b5998;
}
.author-links a.linkedin {
  background: #007bb6;
}
.author-links a.googleplus {
  background: #dd4b39;
}
.author-links a.url {
  background: #f7f7f7;
  color: #000000;
}
.author-links a:hover {
  opacity: 0.7;
}
.author-links a:last-child {
  margin-right: 0;
}
.search-small.article-search form .btn-text,
.search-small.article-search form .search-tags-dropdown {
  display: none;
}
.search-small.article-search form .button,
.search-small.article-search form .button-holder {
  margin: 0;
}
.search-small.article-search form .button-holder {
  min-width: auto;
}
.swiper-container {
  width: 100%;
}
@media screen and (max-width: 320px) {
  .swiper-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .swiper-container {
    padding-left: -webkit-calc(16px  +  50  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(16px  +  50  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(16px  +  50  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(16px  +  50  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .swiper-container {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media screen and (max-width: 320px) {
  .swiper-container .swiper-title,
  .swiper-container .swiper-slide,
  .swiper-container .swiper-buttons {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .swiper-container .swiper-title,
  .swiper-container .swiper-slide,
  .swiper-container .swiper-buttons {
    padding-left: -webkit-calc(6px  +  16  * ((100vw -  320px ) / 1216 ));
    padding-left: calc(6px  +  16  * ((100vw -  320px ) / 1216 ));
    padding-right: -webkit-calc(6px  +  16  * ((100vw -  320px ) / 1216 ));
    padding-right: calc(6px  +  16  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .swiper-container .swiper-title,
  .swiper-container .swiper-slide,
  .swiper-container .swiper-buttons {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.swiper-container .swiper-wrapper {
  height: auto;
}
.swiper-container .swiper-slide {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 100%;
  height: auto;
  position: relative;
  width: 100% !important;
  /* Override the width calculated by swiper js */
}
.swiper-container .swiper-buttons {
  align-items: center;
  display: flex;
}
.swiper-container .swiper-buttons .swiper-button {
  background: none;
  cursor: pointer;
  flex: 0 0 30px;
  height: 30px;
  left: auto;
  margin-top: 5px;
  position: relative;
  right: auto;
  text-align: center;
  top: auto;
  width: 30px;
}
.swiper-container .swiper-buttons .swiper-button.swiper-button-disabled {
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.swiper-container .swiper-pagination {
  position: relative;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  display: none;
  justify-content: center;
  margin-right: 12px;
  opacity: 1;
  padding: 22px;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
  display: inline-flex;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e8f5ff;
  color: #1356d9;
}
.swiper-container .thumbnail-default {
  position: relative;
}
.swiper-container .thumbnail-default a {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 414px ) {
  .swiper-container .swiper-pagination {
    display: flex;
    justify-content: center;
    width: 100% !important;
  }
  .swiper-container .swiper-pagination .swiper-pagination-bullet {
    padding: 7%;
  }
}
@media (min-width: 415px) {
  .swiper-container .swiper-pagination {
    width: auto !important;
  }
}
@media (min-width: 769px ) and (max-width: 1024px ) {
  .swiper-container .swiper-slide {
    flex-basis: 50%;
    width: 50% !important;
    /* Override the width calculated by swiper js */
  }
}
@media (min-width: 1025px ) {
  .swiper-container .swiper-slide {
    flex-basis: 33.33%;
    width: 33.33% !important;
    /* Override the width calculated by swiper js */
  }
}
.tabs .mobile-tab-toggle {
  display: none;
}
.tabs .tab-menu {
  display: flex;
  list-style: none;
  margin: 0;
}
.tabs .tab-menu li {
  cursor: pointer;
  height: 75px;
  line-height: 75px;
  margin: 0;
  padding: 0 10px;
}
.tabs .tab-menu li.active {
  border-bottom: 4px solid #1356d9;
  cursor: default;
  padding-left: 10px;
}
.tabs .tab-menu li.disabled {
  cursor: default;
  pointer-events: none;
}
.tabs .tab-menu li[data-tab='tab-content-'] {
  order: 0;
}
.tabs .tab-menu li[data-tab='tab-content-artikelen'] {
  order: 10;
}
.tabs .tab-menu li[data-tab='tab-content-videos'] {
  order: 20;
}
.tabs .tab-menu li[data-tab='tab-content-cases'] {
  order: 30;
}
.tabs .tab-content {
  background-color: #f7f7f7;
  display: none;
}
.tabs .tab-content.active {
  display: block;
}
@media (max-width: 768px ) {
  .tabs .mobile-tab-toggle {
    display: flex;
    height: 50px;
    line-height: 50px;
  }
  .tabs .mobile-tab-toggle .mobile-tab {
    flex: 1 1 auto;
  }
  .tabs .mobile-tab-toggle .mobile-tab-current {
    cursor: pointer;
    text-align: right;
  }
  .tabs .mobile-tab-toggle .mobile-tab-current .icon {
    margin: 0 0 -6px;
  }
  .tabs .mobile-tab-toggle .mobile-tab-current .feather-chevron-up {
    display: none;
  }
  .tabs .mobile-tab-toggle .mobile-tab-current .feather-chevron-down {
    display: inline;
  }
  .tabs .mobile-tab-toggle .active .feather-chevron-up {
    display: inline;
  }
  .tabs .mobile-tab-toggle .active .feather-chevron-down {
    display: none;
  }
  .tabs .tab-menu {
    display: none;
    margin-bottom: 20px;
  }
  .tabs .tab-menu.active {
    display: block;
  }
  .tabs .tab-menu li {
    height: auto;
    line-height: normal;
    margin-bottom: 10px;
    padding: 0;
  }
  .tabs .tab-menu li.active {
    border: none;
    border-left: 2px solid #1356d9;
    color: #1356d9;
  }
}
.theme-chooser {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.theme-chooser .theme {
  padding-right: 24px;
  width: 25%;
}
@media (max-width: 1024px ) {
  .theme-chooser .theme {
    margin-bottom: 24px;
  }
}
@media (max-width: 532px ) {
  .theme-chooser .theme {
    width: 100%;
  }
}
@media (min-width: 533px ) and (max-width: 1024px ) {
  .theme-chooser .theme {
    width: 50%;
  }
}
.services ul {
  column-count: 3;
}
.services ul li {
  padding-right: 44px;
}
.services ul li:not(:last-child) {
  margin-bottom: 11.5px;
}
.theme-chooser a,
.services a {
  border-radius: 4px;
  display: block;
  padding: 10px;
  text-decoration: none;
}
.theme-chooser a:hover,
.services a:hover {
  background-color: #e8f5ff;
}
.page-header {
  overflow: hidden;
  position: relative;
}
.page-header .entry-header {
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
.page-header .entry-header h1 {
  color: #ffffff;
  padding: 0;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3), 0 3px 10px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.page-header .entry-header a {
  color: #ffffff;
}
.page-header .entry-header .button a:hover {
  color: #000000;
}
.page-header .entry-header .entry-header-intro,
.page-header .entry-header .entry-header-highlight {
  color: #ffffff;
  flex: 1 1 100%;
  position: relative;
  z-index: 100;
}
.page-header .entry-header .entry-header-intro {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 3px 12px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.page-header .entry-header .entry-highlight {
  align-items: flex-end;
  display: flex;
  overflow: hidden;
  padding-bottom: 56.03%;
  position: relative;
}
.page-header .entry-header .entry-highlight .highlight-label {
  background: #de7812;
  display: block;
  flex: initial;
  padding: 6px 12px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.page-header .entry-header .entry-highlight .black-bar {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  cursor: pointer;
  display: flex;
  padding: 25px;
  position: absolute;
  width: 100%;
}
.page-header .entry-header .entry-highlight .black-bar .button {
  z-index: 100;
}
.page-header .entry-header .entry-highlight .black-bar div:nth-of-type(1) {
  flex-grow: 2;
  padding-right: 20px;
}
.page-header .entry-header .entry-highlight .black-bar div:nth-of-type(2) {
  flex-grow: 1;
}
.page-header .entry-header .entry-highlight .black-bar div:nth-of-type(2) .button {
  float: right;
}
.page-header .entry-header.alternative {
  justify-content: space-between;
}
.page-header .entry-header.alternative .entry-header-intro {
  text-align: left;
}
@media (max-width: 768px ) {
  .page-header .entry-header {
    flex-direction: column;
  }
  .page-header .entry-header .entry-header-intro,
  .page-header .entry-header .entry-header-highlight {
    width: 100%;
  }
}
.page-header .entry-header-bg {
  background-position: center center;
  background-size: cover;
  height: 110%;
  left: -5%;
  position: absolute;
  top: -5%;
  width: 110%;
  z-index: 99;
}
[class*='-template-default'] .page-header .entry-header {
  height: 455px;
}
.tag-header .entry-header-intro {
  text-align: left;
}
.tag-header .entry-header-intro h1 {
  padding: 0;
}
.tag-header .entry-header-highlight .entry-highlight a {
  text-decoration: none;
}
.tag-header .tag-label {
  display: inline-block;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 3px 12px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.campagne-block {
  align-items: flex-start;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
  position: relative;
  text-decoration: none;
  /* default voor witte blokken */
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.campagne-block:hover {
  text-decoration: none;
}
.campagne-block .price-balloon {
  top: 16px;
}
.campagne-block .price-balloon.balloon-white {
  background-color: #ffffff;
  color: #2b2b2b;
}
.campagne-block .price-balloon.balloon-white .price-no-discount {
  color: #999999;
  opacity: 1;
}
.campagne-block .price-balloon.balloon-white .price-no-discount .price-crossed::before {
  border-color: #999999;
}
.campagne-block .title {
  margin-top: 270px;
  max-width: 325px;
}
.campagne-block .img-icons {
  display: flex;
  margin-bottom: 20px;
}
.campagne-block .img-icons .icon {
  background-size: 100% auto;
  height: 42px;
  width: 42px;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0 2px 12px rgba(43, 43, 43, 0.4));
}
.campagne-block .img-icons .icon:not(:last-child) {
  margin-right: 5px;
}
.campagne-block .img-icons .icon.icon-word {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/icons/office365-word.png');
}
.campagne-block .img-icons .icon.icon-excel {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/icons/office365-excel.png');
}
.campagne-block .img-icons .icon.icon-powerpoint {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/icons/office365-powerpoint.png');
}
.campagne-block .img-icons .icon.icon-one-note {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/icons/office365-one-note.png');
}
.campagne-block .img-icons .icon.icon-access {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/icons/office365-access.png');
}
.campagne-block .img-icons .icon.icon-outlook {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/icons/office365-outlook.png');
}
.campagne-block.campagne-office {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/office-campagne.jpg');
}
.campagne-block.campagne-tech .tech {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/tech-campagne-v2.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 214px;
  left: 24px;
  max-width: 320px;
  position: absolute;
  top: 44px;
  width: 80%;
}
.campagne-block.campagne-tech .price-balloon {
  right: 24px;
}
.campagne-block.campagne-fun {
  overflow: hidden;
}
.campagne-block.campagne-fun .screen {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/fun-screen.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  left: 0;
  max-width: 320px;
  position: absolute;
  top: 44px;
  width: 80%;
}
.campagne-block.campagne-fun .confetti-container {
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 10px;
}
.campagne-block.campagne-fun .price-balloon {
  right: 16px;
}
.campagne-block.campagne-site {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/site-campagne.svg');
}
.campagne-block.campagne-store {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/store-campagne.svg');
}
.campagne-block.campagne-online {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/online-campagne.svg');
}
@media (min-width: 769px ) and (max-width: 1024px ) {
  .campagne-block {
    background-position: right;
    background-size: 75% auto;
  }
}
.campaign-block {
  align-items: flex-start;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
  max-width: 475px;
  position: relative;
  /* default voor witte blokken */
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.campaign-block,
.campaign-block:hover {
  color: #2b2b2b;
  text-decoration: none;
}
.campaign-block .content-top {
  padding: 44px 24px 0 24px;
}
.campaign-block .content-bottom {
  padding: 0 24px 44px 24px;
}
@media screen and (max-width: 320px) {
  .campaign-block .subtitle {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .campaign-block .subtitle {
    font-size: -webkit-calc(16px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: calc(16px  +  2  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.3px  +  -0.03  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.3px  +  -0.03  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(26px  +  4  * ((100vw -  320px ) / 1216 ));
    line-height: calc(26px  +  4  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .campaign-block .subtitle {
    font-size: 18px;
    letter-spacing: 0.27px;
    line-height: 30px;
  }
}
.campaign-block .title {
  font-weight: 700;
}
@media screen and (max-width: 320px) {
  .campaign-block .title {
    font-size: 30px;
    letter-spacing: 0.16px;
    line-height: 50px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .campaign-block .title {
    font-size: -webkit-calc(30px  +  14  * ((100vw -  320px ) / 1216 ));
    font-size: calc(30px  +  14  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.16px  +  -0.05  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.16px  +  -0.05  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(50px  +  14  * ((100vw -  320px ) / 1216 ));
    line-height: calc(50px  +  14  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .campaign-block .title {
    font-size: 44px;
    letter-spacing: 0.11px;
    line-height: 64px;
  }
}
.campaign-block img {
  max-width: 425px;
  width: 100%;
}
.campaign-block.campaign-wsb {
  background-image: url('https://www.hostnet.nl/academy/wp-content/themes/academy/images/campaign-wsb.svg');
}
@media (min-width: 1025px ) {
  .campaign-block .title br {
    display: none;
  }
}
.wrapper-campaign.campaign-eu .campaign-block {
  background: linear-gradient(180deg, #ddf7ff 0%, #ffffff 43.37%), #ffffff;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 1025px) {
  .wrapper-campaign.campaign-eu .campaign-block {
    height: 510px;
  }
}
@media screen and (min-width: 1026px) and (max-width: 1535px) {
  .wrapper-campaign.campaign-eu .campaign-block {
    height: -webkit-calc(510px  +  140  * ((100vw -  1025px ) / 511 ));
    height: calc(510px  +  140  * ((100vw -  1025px ) / 511 ));
  }
}
@media screen and (min-width: 1536px) {
  .wrapper-campaign.campaign-eu .campaign-block {
    height: 650px;
  }
}
.wrapper-campaign.campaign-eu .img-eu-world {
  bottom: 0;
  max-width: none;
  position: absolute;
}
.wrapper-campaign.campaign-eu .content-bottom,
.wrapper-campaign.campaign-eu .content-top {
  padding: 20px;
  z-index: 1;
}
.wrapper-campaign.campaign-eu .logo-hostnet {
  height: auto;
  width: 118px;
}
.wrapper-campaign.campaign-eu .wrapper-price-balloon {
  left: 20px;
  position: absolute;
  right: 20px;
}
@media screen and (max-width: 1025px) {
  .wrapper-campaign.campaign-eu .wrapper-price-balloon {
    top: 175px;
  }
}
@media screen and (min-width: 1026px) and (max-width: 1279px) {
  .wrapper-campaign.campaign-eu .wrapper-price-balloon {
    top: -webkit-calc(175px  +  -9  * ((100vw -  1025px ) / 255 ));
    top: calc(175px  +  -9  * ((100vw -  1025px ) / 255 ));
  }
}
@media screen and (min-width: 1280px) {
  .wrapper-campaign.campaign-eu .wrapper-price-balloon {
    top: 166px;
  }
}
.wrapper-campaign.campaign-eu .price-balloon {
  transform-origin: top right;
}
.wrapper-campaign.campaign-eu .price-balloon .price-crossed,
.wrapper-campaign.campaign-eu .price-balloon .price-crossed .cent {
  font-size: 24px;
}
.wrapper-campaign.campaign-eu .price-balloon.balloon-logo {
  background-color: #ffffff;
  height: 116px;
  width: 116px;
}
.wrapper-campaign.campaign-eu .price-balloon.balloon-logo img {
  margin: 0 auto;
  width: 68px;
}
.wrapper-campaign.campaign-eu .price-balloon.price-offer {
  right: 0;
}
.wrapper-campaign.campaign-eu .content-bottom {
  align-items: flex-end;
  display: flex;
  margin-top: auto;
  width: 100%;
}
@media (max-width: 414px ) {
  .wrapper-campaign.campaign-eu .content-top,
  .wrapper-campaign.campaign-eu .content-bottom {
    padding: 20px;
  }
}
@media (max-width: 532px ) {
  .wrapper-campaign.campaign-eu {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1024px ) {
  .wrapper-campaign.campaign-eu .campaign-block {
    height: 314px;
    max-width: 314px;
  }
  .wrapper-campaign.campaign-eu .wrapper-price-balloon {
    top: 37px;
  }
  .wrapper-campaign.campaign-eu .price-balloon.price-offer {
    transform: scale(0.82);
  }
  .wrapper-campaign.campaign-eu .price-balloon.balloon-logo {
    right: 96px;
    top: 36px;
    transform: scale(0.61);
  }
  .wrapper-campaign.campaign-eu .img-eu-world {
    max-width: 94%;
    right: 0;
  }
}
@media (min-width: 1025px ) and (max-width: 1279px ) {
  .wrapper-campaign.campaign-eu .price-balloon {
    transform: scale(0.78);
  }
  .wrapper-campaign.campaign-eu .price-balloon.balloon-logo {
    right: 84px;
  }
  .wrapper-campaign.campaign-eu .price-balloon.price-offer {
    top: 20px;
  }
}
@media (min-width: 1280px ) {
  .wrapper-campaign.campaign-eu .wrapper-price-balloon {
    top: 125px;
  }
  .wrapper-campaign.campaign-eu .price-balloon.balloon-logo {
    right: 114px;
    top: 32px;
  }
  .wrapper-campaign.campaign-eu .price-balloon.price-offer {
    top: 48px;
  }
}
.page-content {
  align-items: stretch;
  display: flex;
  position: relative;
  width: 100%;
}
.page-content .post-global {
  background: #ffffff;
  position: relative;
  z-index: 100;
}
.page-content .post-global .entry-content {
  position: relative;
}
.page-content .post-global .entry-content .entry-article {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.page-content .post-global .entry-content .entry-article p:first-child {
  font-weight: 500;
}
@media screen and (max-width: 320px) {
  .page-content .post-global .entry-content .entry-article p:first-child {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .page-content .post-global .entry-content .entry-article p:first-child {
    font-size: -webkit-calc(16px  +  2  * ((100vw -  320px ) / 1216 ));
    font-size: calc(16px  +  2  * ((100vw -  320px ) / 1216 ));
    letter-spacing: -webkit-calc(0.3px  +  -0.03  * ((100vw -  320px ) / 1216 ));
    letter-spacing: calc(0.3px  +  -0.03  * ((100vw -  320px ) / 1216 ));
    line-height: -webkit-calc(26px  +  4  * ((100vw -  320px ) / 1216 ));
    line-height: calc(26px  +  4  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .page-content .post-global .entry-content .entry-article p:first-child {
    font-size: 18px;
    letter-spacing: 0.27px;
    line-height: 30px;
  }
}
.page-content .post-global .entry-content .entry-article figure,
.page-content .post-global .entry-content .entry-article img.size-full,
.page-content .post-global .entry-content .entry-article img.size-large,
.page-content .post-global .entry-content .entry-article img.size-medium,
.page-content .post-global .entry-content .entry-article img.size-small,
.page-content .post-global .entry-content .entry-article figure img {
  border-radius: 4px;
  height: auto;
  max-width: 100%;
  width: auto !important;
}
.page-content .post-global .entry-content .entry-article iframe {
  max-width: 100%;
}
.entry-info {
  background: rgba(255, 255, 255, 0.4);
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.entry-info .entry-info-item {
  border: none;
  color: #ffffff;
  text-align: left;
}
.entry-info .entry-info-label {
  color: #c2c2c2;
  display: block;
}
.entry-info .entry-info-amount,
.entry-info .entry-info-desc {
  display: inline-block;
}
.entry-info .entry-info-desc {
  margin-left: 4px;
}
.related-posts .col {
  display: flex;
}
.related-posts .related-post {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 24px;
  position: relative;
  width: 100%;
}
.related-posts .related-post:hover {
  background-color: #e8f5ff;
}
.related-posts .related-post section {
  display: flex;
  height: 100%;
}
.related-posts .related-post .thumbnail {
  border-radius: 4px;
  flex: 0 0 100px;
  height: 100px;
  margin-right: 24px;
  overflow: hidden;
  width: 100px;
}
.related-posts .related-post .thumbnail img {
  height: auto;
  margin-left: -25%;
  width: 150%;
}
.related-posts .related-post .thumbnail.thumbnail-default {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  display: flex;
}
.related-posts .related-post .title {
  flex-grow: 1;
}
.related-posts .related-post .card-content {
  display: flex;
  flex-direction: column;
}
.indicator-wrapper {
  background: #f7f7f7;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 6px;
  z-index: 990;
}
.indicator-wrapper .indicator {
  background: #1356d9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 0;
  position: relative;
  width: 6px;
}
.indicator-wrapper .indicator-percentage {
  background: #e8f5ff;
  border-radius: 24px;
  bottom: -8px;
  color: #1356d9;
  height: 24px;
  overflow: hidden;
  position: absolute;
  right: -50px;
  text-align: center;
  width: 44px;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 20px;
}
.block-featured .svg-icon {
  margin-bottom: 8px;
}
.product-banner {
  background-color: #e8f5ff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-banner .svg-icon-text {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
}
.product-banner .svg-icon-text .svg-icon {
  flex-shrink: 0;
}
.product-banner .svg-icon-text .svg-icon svg {
  width: 100%;
}
.product-banner .svg-icon-text > span {
  max-width: 395px;
}
@media (max-width: 532px ) {
  .product-banner .button-holder {
    width: 100%;
  }
}
@media (min-width: 533px ) {
  .product-banner.featured-tld {
    flex-wrap: nowrap;
  }
  .product-banner.featured-tld .button-holder {
    min-width: auto;
  }
}
a.product-card {
  text-decoration: none;
}
a.product-card:active,
a.product-card:hover {
  color: #2b2b2b;
}
.product-card .box {
  margin-bottom: 10px;
  position: relative;
}
.product-card .box.box-small {
  height: 130px;
  margin-left: -12px;
  min-width: 112px;
  padding-right: 12px;
  width: 112px;
}
.product-card .box.box-medium {
  height: 140px;
  margin-left: -14px;
  min-width: 134px;
  padding-right: 14px;
  width: 134px;
}
.product-card .box img {
  width: 100%;
}
.product-card .box .price-balloon {
  transform: scale(0.7) translate(50%, -22%);
}
@media (min-width: 533px ) {
  .product-card-single .usps ul {
    column-count: 2;
  }
}
@media (min-width: 769px ) {
  .product-card-single {
    display: flex;
  }
  .product-card-single .card-content {
    flex-grow: 1;
    padding-left: 26px;
  }
  .product-card-single.has-priceballoon .card-content {
    padding-left: 44px;
  }
}
.block-related-posts .posts-container {
  border-left: 4px solid #1356d9;
  padding-left: 10px;
}
.block-related-posts .related-post {
  align-items: stretch;
  border-radius: 4px;
  display: flex;
  flex-wrap: nowrap;
  padding: 24px;
  position: relative;
  text-decoration: none;
}
.block-related-posts .related-post:hover {
  color: #2b2b2b;
  text-decoration: none;
}
.block-related-posts .related-post:hover .thumbnail img {
  transform: scale(1.05);
}
.block-related-posts .related-post + .related-post {
  margin-top: 12px;
}
.block-related-posts .related-post .thumbnail {
  border-radius: 4px;
  flex: 0 0 180px;
  overflow: hidden;
  position: relative;
  width: 180px;
}
.block-related-posts .related-post .thumbnail img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}
.block-related-posts .related-post .thumbnail .post-type {
  bottom: 15px;
  color: #ffffff;
  left: 15px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  z-index: 100;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 3px 12px rgba(0, 0, 0, 0.4), 0 5px 50px #2b2b2b;
}
.block-related-posts .related-post .thumbnail::after {
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 99;
  background: transparent;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.65) 100%);
}
.block-related-posts .related-post .content {
  box-sizing: border-box;
  flex: 1 1 auto;
  padding-left: 24px;
}
.block-related-posts .related-post .card-link {
  flex: 1 0 100%;
  margin-top: 10px;
  width: 100%;
}
@media (max-width: 532px ) {
  .block-related-posts .related-post {
    padding: 12px;
  }
  .block-related-posts .related-post .content {
    padding-left: 0;
  }
  .block-related-posts .related-post .card-text {
    display: flex;
    flex-wrap: nowrap;
  }
  .block-related-posts .related-post .thumbnail {
    flex-basis: 75px;
    height: 75px;
    margin-right: 12px;
    width: 75px;
  }
}
@media screen and (max-width: 320px) {
  .wp-block-yoast-faq-block,
  .wp-block-yoast-how-to-block,
  .wp-block-media-text,
  .wp-block-table,
  .wp-block-code {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .wp-block-yoast-faq-block,
  .wp-block-yoast-how-to-block,
  .wp-block-media-text,
  .wp-block-table,
  .wp-block-code {
    margin-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .wp-block-yoast-faq-block,
  .wp-block-yoast-how-to-block,
  .wp-block-media-text,
  .wp-block-table,
  .wp-block-code {
    margin-bottom: 44px;
  }
}
.wp-block-button {
  display: inline-block;
}
.wp-block-button a,
.wp-block-button a.broken_link,
.wp-block-button .wp-block-button__link {
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-family: 'Roboto', Arial, Verdana, sans-serif;
  min-height: 48px;
  outline: none;
  padding: 0 19px;
  position: relative;
  text-decoration: none;
  -webkit-touch-callout: none;
  white-space: nowrap;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 46px;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* Primary */
  /* Secondary */
  /* CTA */
  /* Transparent */
  /* Delete */
  /* Social */
}
.wp-block-button a:focus,
.wp-block-button a.broken_link:focus,
.wp-block-button .wp-block-button__link:focus {
  outline: none;
}
.wp-block-button a:hover a,
.wp-block-button a.broken_link:hover a,
.wp-block-button .wp-block-button__link:hover a {
  color: inherit;
  text-decoration: none;
}
.wp-block-button a:hover,
.wp-block-button a.broken_link:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button a:focus,
.wp-block-button a.broken_link:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button a:active,
.wp-block-button a.broken_link:active,
.wp-block-button .wp-block-button__link:active {
  text-decoration: none;
}
.wp-block-button a[disabled],
.wp-block-button a.broken_link[disabled],
.wp-block-button .wp-block-button__link[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.wp-block-button a.button-justified,
.wp-block-button a.broken_link.button-justified,
.wp-block-button .wp-block-button__link.button-justified {
  width: 100%;
}
.wp-block-button a.button-ellipsis .btn-text,
.wp-block-button a.broken_link.button-ellipsis .btn-text,
.wp-block-button .wp-block-button__link.button-ellipsis .btn-text {
  display: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wp-block-button a a,
.wp-block-button a.broken_link a,
.wp-block-button .wp-block-button__link a {
  border-radius: 50px;
  display: block;
  text-decoration: none;
}
.wp-block-button a .btn-text,
.wp-block-button a.broken_link .btn-text,
.wp-block-button .wp-block-button__link .btn-text {
  display: inline-flex;
  text-align: left;
  text-shadow: none;
}
.wp-block-button a .btn-text::first-letter,
.wp-block-button a.broken_link .btn-text::first-letter,
.wp-block-button .wp-block-button__link .btn-text::first-letter {
  text-transform: uppercase;
}
.wp-block-button a .svg-icon,
.wp-block-button a.broken_link .svg-icon,
.wp-block-button .wp-block-button__link .svg-icon {
  height: 24px;
  margin: 0;
  width: 24px;
}
.wp-block-button a .svg-icon svg,
.wp-block-button a.broken_link .svg-icon svg,
.wp-block-button .wp-block-button__link .svg-icon svg {
  height: inherit;
  width: inherit;
}
.wp-block-button a:not(.icon-right) hn-svg-icon:not([class*='hide-on-']) + .btn-text,
.wp-block-button a.broken_link:not(.icon-right) hn-svg-icon:not([class*='hide-on-']) + .btn-text,
.wp-block-button .wp-block-button__link:not(.icon-right) hn-svg-icon:not([class*='hide-on-']) + .btn-text,
.wp-block-button a:not(.icon-right) .svg-icon:not([class*='hide-on-']) + .btn-text,
.wp-block-button a.broken_link:not(.icon-right) .svg-icon:not([class*='hide-on-']) + .btn-text,
.wp-block-button .wp-block-button__link:not(.icon-right) .svg-icon:not([class*='hide-on-']) + .btn-text,
.wp-block-button a:not(.icon-right) .btn-text + .svg-icon,
.wp-block-button a.broken_link:not(.icon-right) .btn-text + .svg-icon,
.wp-block-button .wp-block-button__link:not(.icon-right) .btn-text + .svg-icon {
  padding-left: 10px;
}
.wp-block-button a:not(.icon-right) .btn-text + .svg-icon,
.wp-block-button a.broken_link:not(.icon-right) .btn-text + .svg-icon,
.wp-block-button .wp-block-button__link:not(.icon-right) .btn-text + .svg-icon {
  margin-left: auto;
}
.wp-block-button a.icon-right .svg-icon,
.wp-block-button a.broken_link.icon-right .svg-icon,
.wp-block-button .wp-block-button__link.icon-right .svg-icon {
  margin-left: auto;
  order: 1;
  padding-left: 10px;
}
.wp-block-button a,
.wp-block-button a.broken_link,
.wp-block-button .wp-block-button__link,
.wp-block-button a.button-blue,
.wp-block-button a.broken_link.button-blue,
.wp-block-button .wp-block-button__link.button-blue {
  background: #1356d9;
  border: 1px solid #1356d9;
  color: #ffffff;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color, border-color;
}
.wp-block-button a.icon-stroke *,
.wp-block-button a.broken_link.icon-stroke *,
.wp-block-button .wp-block-button__link.icon-stroke *,
.wp-block-button a.button-blue.icon-stroke *,
.wp-block-button a.broken_link.button-blue.icon-stroke *,
.wp-block-button .wp-block-button__link.button-blue.icon-stroke * {
  transition: stroke 0.3s;
}
.wp-block-button a.icon-fill *,
.wp-block-button a.broken_link.icon-fill *,
.wp-block-button .wp-block-button__link.icon-fill *,
.wp-block-button a.button-blue.icon-fill *,
.wp-block-button a.broken_link.button-blue.icon-fill *,
.wp-block-button .wp-block-button__link.button-blue.icon-fill * {
  transition: fill 0.3s;
}
.wp-block-button a:hover,
.wp-block-button a.broken_link:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button a.button-blue:hover,
.wp-block-button a.broken_link.button-blue:hover,
.wp-block-button .wp-block-button__link.button-blue:hover,
.wp-block-button a:focus,
.wp-block-button a.broken_link:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button a.button-blue:focus,
.wp-block-button a.broken_link.button-blue:focus,
.wp-block-button .wp-block-button__link.button-blue:focus,
.wp-block-button a:active,
.wp-block-button a.broken_link:active,
.wp-block-button .wp-block-button__link:active,
.wp-block-button a.button-blue:active,
.wp-block-button a.broken_link.button-blue:active,
.wp-block-button .wp-block-button__link.button-blue:active {
  background-color: #092259;
  border-color: #092259;
  color: #ffffff;
}
.wp-block-button a:hover.icon-stroke *,
.wp-block-button a.broken_link:hover.icon-stroke *,
.wp-block-button .wp-block-button__link:hover.icon-stroke *,
.wp-block-button a.button-blue:hover.icon-stroke *,
.wp-block-button a.broken_link.button-blue:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-blue:hover.icon-stroke *,
.wp-block-button a:focus.icon-stroke *,
.wp-block-button a.broken_link:focus.icon-stroke *,
.wp-block-button .wp-block-button__link:focus.icon-stroke *,
.wp-block-button a.button-blue:focus.icon-stroke *,
.wp-block-button a.broken_link.button-blue:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-blue:focus.icon-stroke *,
.wp-block-button a:active.icon-stroke *,
.wp-block-button a.broken_link:active.icon-stroke *,
.wp-block-button .wp-block-button__link:active.icon-stroke *,
.wp-block-button a.button-blue:active.icon-stroke *,
.wp-block-button a.broken_link.button-blue:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-blue:active.icon-stroke * {
  stroke: #ffffff;
}
.wp-block-button a:hover.icon-fill *,
.wp-block-button a.broken_link:hover.icon-fill *,
.wp-block-button .wp-block-button__link:hover.icon-fill *,
.wp-block-button a.button-blue:hover.icon-fill *,
.wp-block-button a.broken_link.button-blue:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-blue:hover.icon-fill *,
.wp-block-button a:focus.icon-fill *,
.wp-block-button a.broken_link:focus.icon-fill *,
.wp-block-button .wp-block-button__link:focus.icon-fill *,
.wp-block-button a.button-blue:focus.icon-fill *,
.wp-block-button a.broken_link.button-blue:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-blue:focus.icon-fill *,
.wp-block-button a:active.icon-fill *,
.wp-block-button a.broken_link:active.icon-fill *,
.wp-block-button .wp-block-button__link:active.icon-fill *,
.wp-block-button a.button-blue:active.icon-fill *,
.wp-block-button a.broken_link.button-blue:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-blue:active.icon-fill * {
  fill: #ffffff;
}
.wp-block-button a.icon-fill *,
.wp-block-button a.broken_link.icon-fill *,
.wp-block-button .wp-block-button__link.icon-fill *,
.wp-block-button a.button-blue.icon-fill *,
.wp-block-button a.broken_link.button-blue.icon-fill *,
.wp-block-button .wp-block-button__link.button-blue.icon-fill * {
  fill: #ffffff;
}
.wp-block-button a.button-white,
.wp-block-button a.broken_link.button-white,
.wp-block-button .wp-block-button__link.button-white {
  background: #ffffff;
  border-color: #f5f7fa;
  color: #1356d9;
  /* Alternative */
}
.wp-block-button a.button-white.icon-stroke *,
.wp-block-button a.broken_link.button-white.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white.icon-stroke * {
  stroke: #1356d9;
}
.wp-block-button a.button-white.icon-fill *,
.wp-block-button a.broken_link.button-white.icon-fill *,
.wp-block-button .wp-block-button__link.button-white.icon-fill * {
  fill: #1356d9;
}
.wp-block-button a.button-white:hover,
.wp-block-button a.broken_link.button-white:hover,
.wp-block-button .wp-block-button__link.button-white:hover,
.wp-block-button a.button-white:focus,
.wp-block-button a.broken_link.button-white:focus,
.wp-block-button .wp-block-button__link.button-white:focus,
.wp-block-button a.button-white:active,
.wp-block-button a.broken_link.button-white:active,
.wp-block-button .wp-block-button__link.button-white:active {
  background: #1356d9;
  border-color: #1356d9;
  color: #ffffff;
}
.wp-block-button a.button-white:hover.icon-stroke *,
.wp-block-button a.broken_link.button-white:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white:hover.icon-stroke *,
.wp-block-button a.button-white:focus.icon-stroke *,
.wp-block-button a.broken_link.button-white:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white:focus.icon-stroke *,
.wp-block-button a.button-white:active.icon-stroke *,
.wp-block-button a.broken_link.button-white:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white:active.icon-stroke * {
  stroke: #ffffff;
}
.wp-block-button a.button-white:hover.icon-fill *,
.wp-block-button a.broken_link.button-white:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-white:hover.icon-fill *,
.wp-block-button a.button-white:focus.icon-fill *,
.wp-block-button a.broken_link.button-white:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-white:focus.icon-fill *,
.wp-block-button a.button-white:active.icon-fill *,
.wp-block-button a.broken_link.button-white:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-white:active.icon-fill * {
  fill: #ffffff;
}
.wp-block-button a.button-white.button-alt .btn-text,
.wp-block-button a.broken_link.button-white.button-alt .btn-text,
.wp-block-button .wp-block-button__link.button-white.button-alt .btn-text,
.wp-block-button a.button-white.buttonprio-low .btn-text,
.wp-block-button a.broken_link.button-white.buttonprio-low .btn-text,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low .btn-text {
  color: #2b2b2b;
}
.wp-block-button a.button-white.button-alt:hover,
.wp-block-button a.broken_link.button-white.button-alt:hover,
.wp-block-button .wp-block-button__link.button-white.button-alt:hover,
.wp-block-button a.button-white.buttonprio-low:hover,
.wp-block-button a.broken_link.button-white.buttonprio-low:hover,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:hover,
.wp-block-button a.button-white.button-alt:focus,
.wp-block-button a.broken_link.button-white.button-alt:focus,
.wp-block-button .wp-block-button__link.button-white.button-alt:focus,
.wp-block-button a.button-white.buttonprio-low:focus,
.wp-block-button a.broken_link.button-white.buttonprio-low:focus,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:focus,
.wp-block-button a.button-white.button-alt:active,
.wp-block-button a.broken_link.button-white.button-alt:active,
.wp-block-button .wp-block-button__link.button-white.button-alt:active,
.wp-block-button a.button-white.buttonprio-low:active,
.wp-block-button a.broken_link.button-white.buttonprio-low:active,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:active {
  background: #ffffff;
  border-color: #f5f7fa;
  color: #1356d9;
}
.wp-block-button a.button-white.button-alt:hover.icon-stroke *,
.wp-block-button a.broken_link.button-white.button-alt:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white.button-alt:hover.icon-stroke *,
.wp-block-button a.button-white.buttonprio-low:hover.icon-stroke *,
.wp-block-button a.broken_link.button-white.buttonprio-low:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:hover.icon-stroke *,
.wp-block-button a.button-white.button-alt:focus.icon-stroke *,
.wp-block-button a.broken_link.button-white.button-alt:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white.button-alt:focus.icon-stroke *,
.wp-block-button a.button-white.buttonprio-low:focus.icon-stroke *,
.wp-block-button a.broken_link.button-white.buttonprio-low:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:focus.icon-stroke *,
.wp-block-button a.button-white.button-alt:active.icon-stroke *,
.wp-block-button a.broken_link.button-white.button-alt:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white.button-alt:active.icon-stroke *,
.wp-block-button a.button-white.buttonprio-low:active.icon-stroke *,
.wp-block-button a.broken_link.button-white.buttonprio-low:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:active.icon-stroke * {
  stroke: #1356d9;
}
.wp-block-button a.button-white.button-alt:hover.icon-fill *,
.wp-block-button a.broken_link.button-white.button-alt:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-white.button-alt:hover.icon-fill *,
.wp-block-button a.button-white.buttonprio-low:hover.icon-fill *,
.wp-block-button a.broken_link.button-white.buttonprio-low:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:hover.icon-fill *,
.wp-block-button a.button-white.button-alt:focus.icon-fill *,
.wp-block-button a.broken_link.button-white.button-alt:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-white.button-alt:focus.icon-fill *,
.wp-block-button a.button-white.buttonprio-low:focus.icon-fill *,
.wp-block-button a.broken_link.button-white.buttonprio-low:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:focus.icon-fill *,
.wp-block-button a.button-white.button-alt:active.icon-fill *,
.wp-block-button a.broken_link.button-white.button-alt:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-white.button-alt:active.icon-fill *,
.wp-block-button a.button-white.buttonprio-low:active.icon-fill *,
.wp-block-button a.broken_link.button-white.buttonprio-low:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:active.icon-fill * {
  fill: #1356d9;
}
.wp-block-button a.button-white.button-alt:hover .btn-text,
.wp-block-button a.broken_link.button-white.button-alt:hover .btn-text,
.wp-block-button .wp-block-button__link.button-white.button-alt:hover .btn-text,
.wp-block-button a.button-white.buttonprio-low:hover .btn-text,
.wp-block-button a.broken_link.button-white.buttonprio-low:hover .btn-text,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:hover .btn-text,
.wp-block-button a.button-white.button-alt:focus .btn-text,
.wp-block-button a.broken_link.button-white.button-alt:focus .btn-text,
.wp-block-button .wp-block-button__link.button-white.button-alt:focus .btn-text,
.wp-block-button a.button-white.buttonprio-low:focus .btn-text,
.wp-block-button a.broken_link.button-white.buttonprio-low:focus .btn-text,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:focus .btn-text,
.wp-block-button a.button-white.button-alt:active .btn-text,
.wp-block-button a.broken_link.button-white.button-alt:active .btn-text,
.wp-block-button .wp-block-button__link.button-white.button-alt:active .btn-text,
.wp-block-button a.button-white.buttonprio-low:active .btn-text,
.wp-block-button a.broken_link.button-white.buttonprio-low:active .btn-text,
.wp-block-button .wp-block-button__link.button-white.buttonprio-low:active .btn-text {
  color: #1356d9;
}
.wp-block-button a.button-orange,
.wp-block-button a.broken_link.button-orange,
.wp-block-button .wp-block-button__link.button-orange {
  background: #de7812;
  border-color: #de7812;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color, border-color;
}
.wp-block-button a.button-orange.icon-stroke *,
.wp-block-button a.broken_link.button-orange.icon-stroke *,
.wp-block-button .wp-block-button__link.button-orange.icon-stroke * {
  transition: stroke 0.3s;
}
.wp-block-button a.button-orange.icon-fill *,
.wp-block-button a.broken_link.button-orange.icon-fill *,
.wp-block-button .wp-block-button__link.button-orange.icon-fill * {
  transition: fill 0.3s;
}
.wp-block-button a.button-orange:hover,
.wp-block-button a.broken_link.button-orange:hover,
.wp-block-button .wp-block-button__link.button-orange:hover,
.wp-block-button a.button-orange:focus,
.wp-block-button a.broken_link.button-orange:focus,
.wp-block-button .wp-block-button__link.button-orange:focus,
.wp-block-button a.button-orange:active,
.wp-block-button a.broken_link.button-orange:active,
.wp-block-button .wp-block-button__link.button-orange:active {
  background-color: #9d5814;
  border-color: #9d5814;
  color: #ffffff;
}
.wp-block-button a.button-orange:hover.icon-stroke *,
.wp-block-button a.broken_link.button-orange:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-orange:hover.icon-stroke *,
.wp-block-button a.button-orange:focus.icon-stroke *,
.wp-block-button a.broken_link.button-orange:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-orange:focus.icon-stroke *,
.wp-block-button a.button-orange:active.icon-stroke *,
.wp-block-button a.broken_link.button-orange:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-orange:active.icon-stroke * {
  stroke: #ffffff;
}
.wp-block-button a.button-orange:hover.icon-fill *,
.wp-block-button a.broken_link.button-orange:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-orange:hover.icon-fill *,
.wp-block-button a.button-orange:focus.icon-fill *,
.wp-block-button a.broken_link.button-orange:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-orange:focus.icon-fill *,
.wp-block-button a.button-orange:active.icon-fill *,
.wp-block-button a.broken_link.button-orange:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-orange:active.icon-fill * {
  fill: #ffffff;
}
.wp-block-button a.button-transparent,
.wp-block-button a.broken_link.button-transparent,
.wp-block-button .wp-block-button__link.button-transparent {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  color: #2b2b2b;
}
.wp-block-button a.button-transparent.icon-stroke *,
.wp-block-button a.broken_link.button-transparent.icon-stroke *,
.wp-block-button .wp-block-button__link.button-transparent.icon-stroke * {
  stroke: #2b2b2b;
}
.wp-block-button a.button-transparent.icon-fill *,
.wp-block-button a.broken_link.button-transparent.icon-fill *,
.wp-block-button .wp-block-button__link.button-transparent.icon-fill * {
  fill: #2b2b2b;
}
.wp-block-button a.button-transparent:hover,
.wp-block-button a.broken_link.button-transparent:hover,
.wp-block-button .wp-block-button__link.button-transparent:hover,
.wp-block-button a.button-transparent:focus,
.wp-block-button a.broken_link.button-transparent:focus,
.wp-block-button .wp-block-button__link.button-transparent:focus,
.wp-block-button a.button-transparent:active,
.wp-block-button a.broken_link.button-transparent:active,
.wp-block-button .wp-block-button__link.button-transparent:active {
  background-color: transparent;
  border-color: transparent;
  color: #1356d9;
}
.wp-block-button a.button-transparent:hover.icon-stroke *,
.wp-block-button a.broken_link.button-transparent:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-transparent:hover.icon-stroke *,
.wp-block-button a.button-transparent:focus.icon-stroke *,
.wp-block-button a.broken_link.button-transparent:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-transparent:focus.icon-stroke *,
.wp-block-button a.button-transparent:active.icon-stroke *,
.wp-block-button a.broken_link.button-transparent:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-transparent:active.icon-stroke * {
  stroke: #1356d9;
}
.wp-block-button a.button-transparent:hover.icon-fill *,
.wp-block-button a.broken_link.button-transparent:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-transparent:hover.icon-fill *,
.wp-block-button a.button-transparent:focus.icon-fill *,
.wp-block-button a.broken_link.button-transparent:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-transparent:focus.icon-fill *,
.wp-block-button a.button-transparent:active.icon-fill *,
.wp-block-button a.broken_link.button-transparent:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-transparent:active.icon-fill * {
  fill: #1356d9;
}
.wp-block-button a.button-red,
.wp-block-button a.broken_link.button-red,
.wp-block-button .wp-block-button__link.button-red {
  background: #c13734;
  border-color: #c13734;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color, border-color;
}
.wp-block-button a.button-red.icon-stroke *,
.wp-block-button a.broken_link.button-red.icon-stroke *,
.wp-block-button .wp-block-button__link.button-red.icon-stroke * {
  transition: stroke 0.3s;
}
.wp-block-button a.button-red.icon-fill *,
.wp-block-button a.broken_link.button-red.icon-fill *,
.wp-block-button .wp-block-button__link.button-red.icon-fill * {
  transition: fill 0.3s;
}
.wp-block-button a.button-red:hover,
.wp-block-button a.broken_link.button-red:hover,
.wp-block-button .wp-block-button__link.button-red:hover,
.wp-block-button a.button-red:focus,
.wp-block-button a.broken_link.button-red:focus,
.wp-block-button .wp-block-button__link.button-red:focus,
.wp-block-button a.button-red:active,
.wp-block-button a.broken_link.button-red:active,
.wp-block-button .wp-block-button__link.button-red:active {
  background-color: #852624;
  border-color: #852624;
  color: #ffffff;
}
.wp-block-button a.button-red:hover.icon-stroke *,
.wp-block-button a.broken_link.button-red:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-red:hover.icon-stroke *,
.wp-block-button a.button-red:focus.icon-stroke *,
.wp-block-button a.broken_link.button-red:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-red:focus.icon-stroke *,
.wp-block-button a.button-red:active.icon-stroke *,
.wp-block-button a.broken_link.button-red:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-red:active.icon-stroke * {
  stroke: #ffffff;
}
.wp-block-button a.button-red:hover.icon-fill *,
.wp-block-button a.broken_link.button-red:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-red:hover.icon-fill *,
.wp-block-button a.button-red:focus.icon-fill *,
.wp-block-button a.broken_link.button-red:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-red:focus.icon-fill *,
.wp-block-button a.button-red:active.icon-fill *,
.wp-block-button a.broken_link.button-red:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-red:active.icon-fill * {
  fill: #ffffff;
}
.wp-block-button a.button-social,
.wp-block-button a.broken_link.button-social,
.wp-block-button .wp-block-button__link.button-social {
  background: #ffffff;
  border-color: #f5f7fa;
  color: #2b2b2b;
}
.wp-block-button a.button-social.icon-stroke *,
.wp-block-button a.broken_link.button-social.icon-stroke *,
.wp-block-button .wp-block-button__link.button-social.icon-stroke * {
  stroke: #2b2b2b;
}
.wp-block-button a.button-social.icon-fill *,
.wp-block-button a.broken_link.button-social.icon-fill *,
.wp-block-button .wp-block-button__link.button-social.icon-fill * {
  fill: #2b2b2b;
}
.wp-block-button a.button-social .svg-icon.icon-fill-facebook::before,
.wp-block-button a.broken_link.button-social .svg-icon.icon-fill-facebook::before,
.wp-block-button .wp-block-button__link.button-social .svg-icon.icon-fill-facebook::before {
  background: #3b5998;
}
.wp-block-button a.button-social .svg-icon.icon-fill-linkedin::before,
.wp-block-button a.broken_link.button-social .svg-icon.icon-fill-linkedin::before,
.wp-block-button .wp-block-button__link.button-social .svg-icon.icon-fill-linkedin::before {
  background: #007bb6;
}
.wp-block-button a.button-social .svg-icon.icon-fill-youtube::before,
.wp-block-button a.broken_link.button-social .svg-icon.icon-fill-youtube::before,
.wp-block-button .wp-block-button__link.button-social .svg-icon.icon-fill-youtube::before {
  background: #cd201f;
}
.wp-block-button a.button-social .svg-icon.icon-fill-google::before,
.wp-block-button a.broken_link.button-social .svg-icon.icon-fill-google::before,
.wp-block-button .wp-block-button__link.button-social .svg-icon.icon-fill-google::before {
  background: #dd4b39;
}
.wp-block-button a.button-social .svg-icon.icon-fill-github::before,
.wp-block-button a.broken_link.button-social .svg-icon.icon-fill-github::before,
.wp-block-button .wp-block-button__link.button-social .svg-icon.icon-fill-github::before {
  background: #000000;
}
.wp-block-button a.button-social:hover,
.wp-block-button a.broken_link.button-social:hover,
.wp-block-button .wp-block-button__link.button-social:hover,
.wp-block-button a.button-social:focus,
.wp-block-button a.broken_link.button-social:focus,
.wp-block-button .wp-block-button__link.button-social:focus,
.wp-block-button a.button-social:active,
.wp-block-button a.broken_link.button-social:active,
.wp-block-button .wp-block-button__link.button-social:active {
  background: #1356d9;
  border-color: #1356d9;
  color: #ffffff;
}
.wp-block-button a.button-social:hover.icon-stroke *,
.wp-block-button a.broken_link.button-social:hover.icon-stroke *,
.wp-block-button .wp-block-button__link.button-social:hover.icon-stroke *,
.wp-block-button a.button-social:focus.icon-stroke *,
.wp-block-button a.broken_link.button-social:focus.icon-stroke *,
.wp-block-button .wp-block-button__link.button-social:focus.icon-stroke *,
.wp-block-button a.button-social:active.icon-stroke *,
.wp-block-button a.broken_link.button-social:active.icon-stroke *,
.wp-block-button .wp-block-button__link.button-social:active.icon-stroke * {
  stroke: #ffffff;
}
.wp-block-button a.button-social:hover.icon-fill *,
.wp-block-button a.broken_link.button-social:hover.icon-fill *,
.wp-block-button .wp-block-button__link.button-social:hover.icon-fill *,
.wp-block-button a.button-social:focus.icon-fill *,
.wp-block-button a.broken_link.button-social:focus.icon-fill *,
.wp-block-button .wp-block-button__link.button-social:focus.icon-fill *,
.wp-block-button a.button-social:active.icon-fill *,
.wp-block-button a.broken_link.button-social:active.icon-fill *,
.wp-block-button .wp-block-button__link.button-social:active.icon-fill * {
  fill: #ffffff;
}
.wp-block-button a.button-social:hover .svg-icon *,
.wp-block-button a.broken_link.button-social:hover .svg-icon *,
.wp-block-button .wp-block-button__link.button-social:hover .svg-icon *,
.wp-block-button a.button-social:focus .svg-icon *,
.wp-block-button a.broken_link.button-social:focus .svg-icon *,
.wp-block-button .wp-block-button__link.button-social:focus .svg-icon *,
.wp-block-button a.button-social:active .svg-icon *,
.wp-block-button a.broken_link.button-social:active .svg-icon *,
.wp-block-button .wp-block-button__link.button-social:active .svg-icon * {
  fill: #ffffff;
}
@media screen and (max-width: 320px) {
  .wp-block-buttons > .wp-block-button,
  .wp-block-button {
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .wp-block-buttons > .wp-block-button,
  .wp-block-button {
    margin-bottom: -webkit-calc(44px  +  22  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(44px  +  22  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .wp-block-buttons > .wp-block-button,
  .wp-block-button {
    margin-bottom: 66px;
  }
}
.wp-block-code {
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
@media screen and (max-width: 320px) {
  .wp-block-code {
    padding: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .wp-block-code {
    padding: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    padding: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .wp-block-code {
    padding: 44px;
  }
}
.wp-block-yoast-faq-block .schema-faq-section {
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 0;
}
.wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer {
  font-weight: 400 !important;
}
.wp-block-yoast-how-to-block .schema-how-to-description {
  font-weight: 400 !important;
}
.wp-block-yoast-how-to-block .schema-how-to-steps .schema-how-to-step::before {
  font-weight: 400;
}
.wp-block-yoast-how-to-block .schema-how-to-steps .schema-how-to-step .schema-how-to-step-text {
  font-weight: 400;
}
.wp-block-image figcaption,
figure figcaption {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding: 0 0 10px 10px;
  font-size: 14px;
  letter-spacing: 0.34px;
  line-height: 23px;
}
.wp-block-image .alignleft,
.wp-block-image .aligncenter,
.wp-block-image .alignright {
  float: none;
}
.wp-block-image img {
  height: auto;
}
/* Media */
.wp-block-media-text {
  align-items: flex-start;
  display: flex;
}
.wp-block-media-text .wp-block-media-text__media {
  flex: 1 1 auto;
}
.wp-block-media-text .wp-block-media-text__content {
  flex: 1 1 auto;
  padding: 0 0 0 32px;
}
.wp-block-media-text.has-media-on-the-right {
  flex-direction: row-reverse;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 0;
}
@media (max-width: 768px ) {
  .wp-block-media-text,
  .wp-block-media-text.has-media-on-the-right {
    flex-direction: column;
  }
  .wp-block-media-text .wp-block-media-text__content,
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 10px 0 0 0;
  }
}
/* Table */
.wp-block-table tr td,
.wp-block-table tr th {
  border: none;
  border-bottom: 1px solid #e2e2e2;
  box-sizing: border-box;
  padding: 10px;
}
.wp-block-table tr th {
  border-width: 2px;
  text-align: left;
}
@media (max-width: 639px) {
  .wp-block-table .mtr-table,
  .wp-block-table .mtr-table tbody {
    display: table;
    width: 100%;
  }
  .wp-block-table .mtr-table tr,
  .wp-block-table .mtr-table .mtr-th-tag,
  .wp-block-table .mtr-table .mtr-td-tag {
    clear: both;
    display: block;
    height: auto;
  }
  .wp-block-table .mtr-table .mtr-td-tag,
  .wp-block-table .mtr-table .mtr-th-tag {
    border: none;
    box-sizing: border-box;
    overflow: auto;
    text-align: right;
    width: auto;
  }
  .wp-block-table .mtr-table .mtr-td-tag,
  .wp-block-table .mtr-table .mtr-th-tag,
  .wp-block-table .mtr-table .mtr-td-tag:first-child,
  .wp-block-table .mtr-table .mtr-th-tag:first-child {
    padding: 12px 24px;
  }
  .wp-block-table .mtr-table .mtr-cell-content {
    display: inline-block;
    text-align: left;
    width: calc(50% - (24px / 2));
  }
  .wp-block-table .mtr-table,
  .wp-block-table .mtr-table tbody,
  .wp-block-table .mtr-table tr {
    border: none;
    padding: 0;
  }
  .wp-block-table .mtr-table tr:first-of-type td:first-of-type,
  .wp-block-table .mtr-table tr:first-of-type th:first-of-type {
    border-top: 1px solid #e2e2e2;
  }
  .wp-block-table .mtr-table tr .mtr-td-tag,
  .wp-block-table .mtr-table tr .mtr-th-tag {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
  }
  .wp-block-table .mtr-table tr:nth-child(odd),
  .wp-block-table .mtr-table tr:nth-child(odd) .mtr-td-tag,
  .wp-block-table .mtr-table tr:nth-child(odd) .mtr-th-tag {
    background: #f7f7f7;
  }
  .wp-block-table .mtr-table tr:nth-child(even),
  .wp-block-table .mtr-table tr:nth-child(even) .mtr-td-tag,
  .wp-block-table .mtr-table tr:nth-child(even) .mtr-th-tag {
    background: #ffffff;
  }
  .wp-block-table .mtr-table.mtr-thead-td tr:nth-of-type(2) td:first-child,
  .wp-block-table .mtr-table.mtr-tr-th tr:nth-of-type(2) td:first-child,
  .wp-block-table .mtr-table.mtr-tr-td tr:nth-of-type(2) td:first-child,
  .wp-block-table .mtr-table.mtr-thead-td tr:nth-of-type(2) th:first-child,
  .wp-block-table .mtr-table.mtr-tr-th tr:nth-of-type(2) th:first-child,
  .wp-block-table .mtr-table.mtr-tr-td tr:nth-of-type(2) th:first-child {
    border-top: 1px solid #e2e2e2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .wp-block-table .mtr-table td[data-mtr-content]::before,
  .wp-block-table .mtr-table th[data-mtr-content]::before {
    content: attr(data-mtr-content);
    display: inline-block;
    float: left;
    font-weight: 500;
    max-width: calc(50% - (24px / 2));
    text-align: left;
    white-space: pre-line;
  }
  .wp-block-table .mtr-table thead,
  .wp-block-table .mtr-table.mtr-tr-th tr:first-of-type,
  .wp-block-table .mtr-table.mtr-tr-td tr:first-of-type,
  .wp-block-table .mtr-table colgroup {
    display: none;
  }
  .wp-block-table .mtr-table tr:last-child .mtr-td-tag:last-child {
    border-bottom: 1px solid #e2e2e2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
@media (min-width: 640px) {
  .wp-block-table .mtr-table {
    border-collapse: initial;
  }
  .wp-block-table .mtr-table tr:nth-child(even) {
    background: #f7f7f7;
  }
  .wp-block-table .mtr-table tr td,
  .wp-block-table .mtr-table tr th {
    border: none;
  }
  .wp-block-table .mtr-table tr:first-child .mtr-td-tag {
    border-top: 1px solid #e2e2e2;
  }
  .wp-block-table .mtr-table tr:first-child .mtr-td-tag:first-of-type {
    border-top-left-radius: 4px;
  }
  .wp-block-table .mtr-table tr:first-child .mtr-td-tag:last-of-type {
    border-top-right-radius: 4px;
  }
  .wp-block-table .mtr-table tr:last-child .mtr-td-tag {
    border-bottom: 1px solid #e2e2e2;
  }
  .wp-block-table .mtr-table tr:last-child .mtr-td-tag:first-of-type {
    border-bottom-left-radius: 4px;
  }
  .wp-block-table .mtr-table tr:last-child .mtr-td-tag:last-of-type {
    border-bottom-right-radius: 4px;
  }
  .wp-block-table .mtr-table tr .mtr-td-tag {
    border-left: 1px solid #e2e2e2;
  }
  .wp-block-table .mtr-table tr .mtr-td-tag:last-child {
    border-right: 1px solid #e2e2e2;
  }
  .wp-block-table .mtr-table.mtr-tr-td tbody tr:first-child td {
    font-weight: 500;
  }
}
.wp-block-quote {
  border-color: #1356d9;
  margin-left: 0;
}
.meta-entry .meta-content:not(.author-content) a {
  padding: 10px 12px 0 0;
}
/* Ajax load more button */
.alm-btn-wrap {
  display: flex;
  justify-content: center;
}
.alm-btn-wrap .alm-load-more-btn {
  max-height: 100%;
  opacity: 1;
  transition: width 0.2s;
  width: 245px;
}
.alm-btn-wrap .alm-load-more-btn.done {
  max-height: 0;
  opacity: 0;
  transition: opacity 0.1s ease-out, max-height 0.1s;
}
.alm-btn-wrap .alm-load-more-btn.loading {
  padding-left: 45px;
  width: 135px;
}
.alm-btn-wrap .alm-load-more-btn.loading::before {
  animation: animation-rotate 1s infinite linear both;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' class='spinner'%3E%3Cg fill='none'%3E%3Cpath d='M12 4V0C5.4 0 0 5.4 0 12h4c0-4.4 3.6-8 8-8z' class='a' fill='%2359A1C3'/%3E%3Cpath d='M24 12c0 6.6-5.4 12-12 12-2.5 0-4.8-.8-6.7-2-1-.7-1.8-1.5-2.6-2.4-.7-.9-1.3-1.8-1.8-2.9-.3-.7-.5-1.5-.7-2.3-.1-.8-.2-1.6-.2-2.4h4v.8c.1.6.2 1.1.4 1.6.1.5.3 1 .6 1.4.5.9 1.1 1.7 1.9 2.4.2.1.4.3.6.4.5.3.9.6 1.4.8.9.4 2 .6 3.1.6 2.2 0 4.2-.9 5.6-2.3 1.5-1.4 2.4-3.5 2.4-5.7v-.8c-.1-.6-.2-1.1-.4-1.6-.1-.5-.3-1-.6-1.4-.5-.9-1.1-1.7-1.9-2.4-.2-.1-.4-.3-.6-.4-.5-.3-.9-.6-1.4-.8-.9-.4-2-.6-3.1-.6V0c2.5 0 4.8.8 6.7 2 1 .7 1.8 1.5 2.6 2.4.7.9 1.3 1.8 1.8 2.9.3.7.5 1.5.7 2.3.1.8.2 1.6.2 2.4z' class='b' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  content: '';
  height: 24px;
  left: 12px;
  position: absolute;
  top: 12px;
  transform: translateZ(0);
  width: 24px;
}
.wp-polls .bg-blue-light {
  position: relative;
}
.wp-polls .bg-blue-light img {
  position: absolute;
}
@media screen and (max-width: 320px) {
  .wp-polls .bg-blue-light img {
    top: -12px;
    left: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .wp-polls .bg-blue-light img {
    top: -webkit-calc(-12px  +  -12  * ((100vw -  320px ) / 1216 ));
    top: calc(-12px  +  -12  * ((100vw -  320px ) / 1216 ));
    left: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    left: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .wp-polls .bg-blue-light img {
    top: -24px;
    left: 44px;
  }
}
.wp-polls .bg-blue-light p {
  margin-bottom: 12px;
}
@media screen and (max-width: 320px) {
  .wp-polls .bg-blue-light p {
    margin-top: 44px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .wp-polls .bg-blue-light p {
    margin-top: -webkit-calc(44px  +  -32  * ((100vw -  320px ) / 1216 ));
    margin-top: calc(44px  +  -32  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .wp-polls .bg-blue-light p {
    margin-top: 12px;
  }
}
.wp-polls .button-vote .svg-icon {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-circle' style='width: 100%25;'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E");
}
.wp-polls .button-result:hover .svg-icon {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-bar-chart-2' style='width: 100%25;'%3E%3Cline x1='18' y1='20' x2='18' y2='10'%3E%3C/line%3E%3Cline x1='12' y1='20' x2='12' y2='4'%3E%3C/line%3E%3Cline x1='6' y1='20' x2='6' y2='14'%3E%3C/line%3E%3C/svg%3E");
}
.wp-polls .button-result .svg-icon {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231356d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-bar-chart-2' style='width: 100%25;'%3E%3Cline x1='18' y1='20' x2='18' y2='10'%3E%3C/line%3E%3Cline x1='12' y1='20' x2='12' y2='4'%3E%3C/line%3E%3Cline x1='6' y1='20' x2='6' y2='14'%3E%3C/line%3E%3C/svg%3E");
}
@media screen and (max-width: 320px) {
  .wp-polls-loading {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 321px) and (max-width: 1535px) {
  .wp-polls-loading {
    margin-bottom: -webkit-calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
    margin-bottom: calc(24px  +  20  * ((100vw -  320px ) / 1216 ));
  }
}
@media screen and (min-width: 1536px) {
  .wp-polls-loading {
    margin-bottom: 44px;
  }
}
.youtube-container {
  background: no-repeat center;
  background-size: cover;
  border: 1px solid #e2e2e2;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 56.03%;
  padding-top: 0;
  position: relative;
}
.youtube-container iframe {
  min-height: 100%;
  min-width: 100%;
}
.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.youtube-container .youtubeplaybutton {
  height: 90px;
  left: 50%;
  margin-left: -64px;
  margin-top: -45px;
  position: absolute;
  top: 50%;
  width: 128px;
  z-index: 100;
}
.youtube-container .youtubeplaybutton .playbg {
  fill: #cd201f;
  transition: fill 0.2s;
}
.youtube-container:hover .youtubeplaybutton .playbg {
  fill: #b71d1c;
  fill-opacity: 1;
}