@charset "UTF-8";
/*!
Theme Name: The Sceleton theme
Theme URI: https://www.tigerton.se
Author: Jonathan de Jong @ Tigerton
Author URI: https://www.tigerton.se
Description: "bony framework of the body", a theme for quick and modern development with Tigerton!
Text Domain: sceleton
Version: 1.0
*/
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
*,
::before,
::after {
  background-repeat: no-repeat; /* 1 */
  box-sizing: inherit; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box; /* 1 */
  cursor: default; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto; /* 1 */
  resize: vertical; /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default;
}

/**
 * Let's clear some floats
 */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/**
 * Accessibility
 */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.skip-link:hover,
.skip-link:active,
.skip-link:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  float: left;
}

/**
 * WordPress specific css
 */
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*=align],
img[class*=attachment-],
img[class*=wp-image-] {
  height: auto;
}

.post-thumbnail img,
.wp-post-image,
img.size-full,
img.size-large {
  height: auto;
  max-width: 100%;
}

.alignleft,
.left {
  float: left;
}

.alignright,
.right {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/**
 * Responsive image hack
 */
img {
  max-width: 100%;
  height: auto;
}

/**
 * Our Grid system using Flexbox.
 * Based on: https://philipwalton.github.io/solved-by-flexbox/demos/grids/
 * Codebase: https://github.com/philipwalton/solved-by-flexbox/blob/master/assets/css/components/grid.css
 */
.grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.grid-item {
  flex: 1;
}

.grid--flexcells > .grid-item {
  display: flex;
}

.grid--top {
  align-items: flex-start;
}

.grid--bottom {
  align-items: flex-end;
}

.grid--center {
  align-items: center;
}

.grid--justify-center {
  justify-content: center;
}

.grid-item--top {
  align-self: flex-start;
}

.grid-item--bottom {
  align-self: flex-end;
}

.grid-item--center {
  align-self: center;
}

.grid-item--auto-size {
  flex: none;
}

.grid--fit > .grid-item {
  flex: 1;
}

.grid--full > .grid-item {
  flex: 0 0 100%;
}

.grid--1of2 > .grid-item {
  flex: 0 0 50%;
}

.grid--1of3 > .grid-item {
  flex: 0 0 33.3333%;
}

.grid--1of4 > .grid-item {
  flex: 0 0 25%;
}

/**
 * Media query mixin.
 */
/**
 * Our Grid system using Flexbox.
 */
.flex-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.flex-column {
  display: flex;
  flex-flow: column nowrap;
}

.flex-1of3 {
  width: calc(33% - 20px);
  position: relative;
}

.flex-2of3 {
  width: calc(67% - 20px);
}

.flex-1of2 {
  width: calc(50% - 20px);
}

.flex-1of1 {
  width: 100%;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #333333;
}

/**
 * Icon css (like fontastic.me)
 */
/**
 * Typography
 */
a {
  font-size: 0.9375;
  text-decoration: none;
}

p {
  font-size: 0.9375;
  line-height: 1.5;
  font-weight: 300;
  margin-bottom: 0.6875;
}

li {
  font-size: 0.9375;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 0.6875;
}

h1 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 3;
  line-height: 1.05em;
}

h2 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 2.25;
  line-height: 1.25;
}

h3 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.75;
  line-height: 1.25em;
}

h4 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.125;
  line-height: 1.22222222em;
}

blockquote {
  font-size: 1.5;
  line-height: 1.45833333em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, label a, blockquote a, small a, li a, q a {
  color: inherit;
  font-size: inherit;
  text-decoration: inherit;
}

/**
 * Systemguide components
 */
.post-type-archive-systemguide,
.tax-sg_system_type,
.tax-sg_organisation,
.tax-sg_customer_size,
.tax-sg_key_industry,
.tax-sg_sector,
.tax-sg_partner {
  margin: 0 1rem;
}
.post-type-archive-systemguide #header,
.tax-sg_system_type #header,
.tax-sg_organisation #header,
.tax-sg_customer_size #header,
.tax-sg_key_industry #header,
.tax-sg_sector #header,
.tax-sg_partner #header {
  background: #374456;
}
.post-type-archive-systemguide .content-sliders,
.tax-sg_system_type .content-sliders,
.tax-sg_organisation .content-sliders,
.tax-sg_customer_size .content-sliders,
.tax-sg_key_industry .content-sliders,
.tax-sg_sector .content-sliders,
.tax-sg_partner .content-sliders {
  display: none;
}
.post-type-archive-systemguide a,
.tax-sg_system_type a,
.tax-sg_organisation a,
.tax-sg_customer_size a,
.tax-sg_key_industry a,
.tax-sg_sector a,
.tax-sg_partner a {
  text-decoration: none !important;
}
.post-type-archive-systemguide h5.nodata,
.tax-sg_system_type h5.nodata,
.tax-sg_organisation h5.nodata,
.tax-sg_customer_size h5.nodata,
.tax-sg_key_industry h5.nodata,
.tax-sg_sector h5.nodata,
.tax-sg_partner h5.nodata {
  margin: 0;
}
.post-type-archive-systemguide #content,
.tax-sg_system_type #content,
.tax-sg_organisation #content,
.tax-sg_customer_size #content,
.tax-sg_key_industry #content,
.tax-sg_sector #content,
.tax-sg_partner #content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 130px 0 0 0;
  max-width: unset;
}
@media (max-width: 1300px) {
  .post-type-archive-systemguide #content,
  .tax-sg_system_type #content,
  .tax-sg_organisation #content,
  .tax-sg_customer_size #content,
  .tax-sg_key_industry #content,
  .tax-sg_sector #content,
  .tax-sg_partner #content {
    padding: 140px 0 0 0;
  }
}
@media all and (max-width: 1300px) {
  .post-type-archive-systemguide #content,
  .tax-sg_system_type #content,
  .tax-sg_organisation #content,
  .tax-sg_customer_size #content,
  .tax-sg_key_industry #content,
  .tax-sg_sector #content,
  .tax-sg_partner #content {
    flex-direction: column;
  }
}
.post-type-archive-systemguide #content aside.systems,
.tax-sg_system_type #content aside.systems,
.tax-sg_organisation #content aside.systems,
.tax-sg_customer_size #content aside.systems,
.tax-sg_key_industry #content aside.systems,
.tax-sg_sector #content aside.systems,
.tax-sg_partner #content aside.systems {
  display: block;
  width: 350px;
  padding: 20px;
  background: #F3F4F7;
}
@media all and (min-width: 1300px) {
  .post-type-archive-systemguide #content aside.systems,
  .tax-sg_system_type #content aside.systems,
  .tax-sg_organisation #content aside.systems,
  .tax-sg_customer_size #content aside.systems,
  .tax-sg_key_industry #content aside.systems,
  .tax-sg_sector #content aside.systems,
  .tax-sg_partner #content aside.systems {
    display: block;
  }
}
@media all and (max-width: 1300px) {
  .post-type-archive-systemguide #content aside.systems,
  .tax-sg_system_type #content aside.systems,
  .tax-sg_organisation #content aside.systems,
  .tax-sg_customer_size #content aside.systems,
  .tax-sg_key_industry #content aside.systems,
  .tax-sg_sector #content aside.systems,
  .tax-sg_partner #content aside.systems {
    width: 100%;
  }
}
.post-type-archive-systemguide #content aside.systems .sidebar-filter-systems,
.tax-sg_system_type #content aside.systems .sidebar-filter-systems,
.tax-sg_organisation #content aside.systems .sidebar-filter-systems,
.tax-sg_customer_size #content aside.systems .sidebar-filter-systems,
.tax-sg_key_industry #content aside.systems .sidebar-filter-systems,
.tax-sg_sector #content aside.systems .sidebar-filter-systems,
.tax-sg_partner #content aside.systems .sidebar-filter-systems {
  display: none;
  justify-content: center;
}
@media all and (max-width: 1300px) {
  .post-type-archive-systemguide #content aside.systems .sidebar-filter-systems,
  .tax-sg_system_type #content aside.systems .sidebar-filter-systems,
  .tax-sg_organisation #content aside.systems .sidebar-filter-systems,
  .tax-sg_customer_size #content aside.systems .sidebar-filter-systems,
  .tax-sg_key_industry #content aside.systems .sidebar-filter-systems,
  .tax-sg_sector #content aside.systems .sidebar-filter-systems,
  .tax-sg_partner #content aside.systems .sidebar-filter-systems {
    display: flex;
  }
}
.post-type-archive-systemguide #content aside.systems .sidebar-filter-systems button,
.tax-sg_system_type #content aside.systems .sidebar-filter-systems button,
.tax-sg_organisation #content aside.systems .sidebar-filter-systems button,
.tax-sg_customer_size #content aside.systems .sidebar-filter-systems button,
.tax-sg_key_industry #content aside.systems .sidebar-filter-systems button,
.tax-sg_sector #content aside.systems .sidebar-filter-systems button,
.tax-sg_partner #content aside.systems .sidebar-filter-systems button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  padding: 20px;
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #333333;
  width: 100%;
  background: #374456;
  color: #ffffff;
  border-radius: 3px;
}
.post-type-archive-systemguide #content aside.systems .sidebar-filter-systems button .dashicons,
.tax-sg_system_type #content aside.systems .sidebar-filter-systems button .dashicons,
.tax-sg_organisation #content aside.systems .sidebar-filter-systems button .dashicons,
.tax-sg_customer_size #content aside.systems .sidebar-filter-systems button .dashicons,
.tax-sg_key_industry #content aside.systems .sidebar-filter-systems button .dashicons,
.tax-sg_sector #content aside.systems .sidebar-filter-systems button .dashicons,
.tax-sg_partner #content aside.systems .sidebar-filter-systems button .dashicons {
  color: #E18B4B;
  margin-left: 10px;
}
.post-type-archive-systemguide #content .wrapper,
.tax-sg_system_type #content .wrapper,
.tax-sg_organisation #content .wrapper,
.tax-sg_customer_size #content .wrapper,
.tax-sg_key_industry #content .wrapper,
.tax-sg_sector #content .wrapper,
.tax-sg_partner #content .wrapper {
  width: calc(100% - 370px);
  margin: 0;
  max-width: none;
  padding: 0 0 40px 0;
}
@media all and (max-width: 1300px) {
  .post-type-archive-systemguide #content .wrapper,
  .tax-sg_system_type #content .wrapper,
  .tax-sg_organisation #content .wrapper,
  .tax-sg_customer_size #content .wrapper,
  .tax-sg_key_industry #content .wrapper,
  .tax-sg_sector #content .wrapper,
  .tax-sg_partner #content .wrapper {
    width: 100%;
    margin-top: 20px;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-header-wrapper,
.tax-sg_system_type #content .wrapper .systems-header-wrapper,
.tax-sg_organisation #content .wrapper .systems-header-wrapper,
.tax-sg_customer_size #content .wrapper .systems-header-wrapper,
.tax-sg_key_industry #content .wrapper .systems-header-wrapper,
.tax-sg_sector #content .wrapper .systems-header-wrapper,
.tax-sg_partner #content .wrapper .systems-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px;
  width: 100%;
  min-height: 220px;
  background-size: cover;
  position: relative;
}
.post-type-archive-systemguide #content .wrapper .systems-header-wrapper h2,
.tax-sg_system_type #content .wrapper .systems-header-wrapper h2,
.tax-sg_organisation #content .wrapper .systems-header-wrapper h2,
.tax-sg_customer_size #content .wrapper .systems-header-wrapper h2,
.tax-sg_key_industry #content .wrapper .systems-header-wrapper h2,
.tax-sg_sector #content .wrapper .systems-header-wrapper h2,
.tax-sg_partner #content .wrapper .systems-header-wrapper h2 {
  font-weight: 500;
  margin-bottom: 15px;
}
.post-type-archive-systemguide #content .wrapper .systems-header-wrapper .image-overlay,
.tax-sg_system_type #content .wrapper .systems-header-wrapper .image-overlay,
.tax-sg_organisation #content .wrapper .systems-header-wrapper .image-overlay,
.tax-sg_customer_size #content .wrapper .systems-header-wrapper .image-overlay,
.tax-sg_key_industry #content .wrapper .systems-header-wrapper .image-overlay,
.tax-sg_sector #content .wrapper .systems-header-wrapper .image-overlay,
.tax-sg_partner #content .wrapper .systems-header-wrapper .image-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.1882352941);
}
.post-type-archive-systemguide #content .wrapper .systems-header-wrapper .content,
.tax-sg_system_type #content .wrapper .systems-header-wrapper .content,
.tax-sg_organisation #content .wrapper .systems-header-wrapper .content,
.tax-sg_customer_size #content .wrapper .systems-header-wrapper .content,
.tax-sg_key_industry #content .wrapper .systems-header-wrapper .content,
.tax-sg_sector #content .wrapper .systems-header-wrapper .content,
.tax-sg_partner #content .wrapper .systems-header-wrapper .content {
  color: white;
  max-width: 800px;
  z-index: 9;
}
@media all and (max-width: 1024px) {
  .post-type-archive-systemguide #content .wrapper .systems-header-wrapper .content,
  .tax-sg_system_type #content .wrapper .systems-header-wrapper .content,
  .tax-sg_organisation #content .wrapper .systems-header-wrapper .content,
  .tax-sg_customer_size #content .wrapper .systems-header-wrapper .content,
  .tax-sg_key_industry #content .wrapper .systems-header-wrapper .content,
  .tax-sg_sector #content .wrapper .systems-header-wrapper .content,
  .tax-sg_partner #content .wrapper .systems-header-wrapper .content {
    font-size: 16px;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-header-wrapper .content-left,
.tax-sg_system_type #content .wrapper .systems-header-wrapper .content-left,
.tax-sg_organisation #content .wrapper .systems-header-wrapper .content-left,
.tax-sg_customer_size #content .wrapper .systems-header-wrapper .content-left,
.tax-sg_key_industry #content .wrapper .systems-header-wrapper .content-left,
.tax-sg_sector #content .wrapper .systems-header-wrapper .content-left,
.tax-sg_partner #content .wrapper .systems-header-wrapper .content-left {
  height: 100%;
  display: flex;
  align-self: flex-end;
  z-index: 9;
}
@media all and (max-width: 1730px) {
  .post-type-archive-systemguide #content .wrapper .systems-header-wrapper .content-left,
  .tax-sg_system_type #content .wrapper .systems-header-wrapper .content-left,
  .tax-sg_organisation #content .wrapper .systems-header-wrapper .content-left,
  .tax-sg_customer_size #content .wrapper .systems-header-wrapper .content-left,
  .tax-sg_key_industry #content .wrapper .systems-header-wrapper .content-left,
  .tax-sg_sector #content .wrapper .systems-header-wrapper .content-left,
  .tax-sg_partner #content .wrapper .systems-header-wrapper .content-left {
    margin-top: 25px;
  }
}
@media all and (max-width: 600px) {
  .post-type-archive-systemguide #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_system_type #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_organisation #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_customer_size #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_key_industry #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_sector #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_partner #content .wrapper .systems-header-wrapper .content-left .button {
    padding: 10px 20px !important;
    font-size: 14px;
  }
}
@media all and (max-width: 340px) {
  .post-type-archive-systemguide #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_system_type #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_organisation #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_customer_size #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_key_industry #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_sector #content .wrapper .systems-header-wrapper .content-left .button,
  .tax-sg_partner #content .wrapper .systems-header-wrapper .content-left .button {
    font-size: 12px;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper,
.tax-sg_system_type #content .wrapper .systems-wrapper,
.tax-sg_organisation #content .wrapper .systems-wrapper,
.tax-sg_customer_size #content .wrapper .systems-wrapper,
.tax-sg_key_industry #content .wrapper .systems-wrapper,
.tax-sg_sector #content .wrapper .systems-wrapper,
.tax-sg_partner #content .wrapper .systems-wrapper {
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media all and (max-width: 2210px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper,
  .tax-sg_system_type #content .wrapper .systems-wrapper,
  .tax-sg_organisation #content .wrapper .systems-wrapper,
  .tax-sg_customer_size #content .wrapper .systems-wrapper,
  .tax-sg_key_industry #content .wrapper .systems-wrapper,
  .tax-sg_sector #content .wrapper .systems-wrapper,
  .tax-sg_partner #content .wrapper .systems-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media all and (max-width: 1930px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper,
  .tax-sg_system_type #content .wrapper .systems-wrapper,
  .tax-sg_organisation #content .wrapper .systems-wrapper,
  .tax-sg_customer_size #content .wrapper .systems-wrapper,
  .tax-sg_key_industry #content .wrapper .systems-wrapper,
  .tax-sg_sector #content .wrapper .systems-wrapper,
  .tax-sg_partner #content .wrapper .systems-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media all and (max-width: 1620px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper,
  .tax-sg_system_type #content .wrapper .systems-wrapper,
  .tax-sg_organisation #content .wrapper .systems-wrapper,
  .tax-sg_customer_size #content .wrapper .systems-wrapper,
  .tax-sg_key_industry #content .wrapper .systems-wrapper,
  .tax-sg_sector #content .wrapper .systems-wrapper,
  .tax-sg_partner #content .wrapper .systems-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (max-width: 1300px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper,
  .tax-sg_system_type #content .wrapper .systems-wrapper,
  .tax-sg_organisation #content .wrapper .systems-wrapper,
  .tax-sg_customer_size #content .wrapper .systems-wrapper,
  .tax-sg_key_industry #content .wrapper .systems-wrapper,
  .tax-sg_sector #content .wrapper .systems-wrapper,
  .tax-sg_partner #content .wrapper .systems-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media all and (max-width: 1200px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper,
  .tax-sg_system_type #content .wrapper .systems-wrapper,
  .tax-sg_organisation #content .wrapper .systems-wrapper,
  .tax-sg_customer_size #content .wrapper .systems-wrapper,
  .tax-sg_key_industry #content .wrapper .systems-wrapper,
  .tax-sg_sector #content .wrapper .systems-wrapper,
  .tax-sg_partner #content .wrapper .systems-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (max-width: 900px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper,
  .tax-sg_system_type #content .wrapper .systems-wrapper,
  .tax-sg_organisation #content .wrapper .systems-wrapper,
  .tax-sg_customer_size #content .wrapper .systems-wrapper,
  .tax-sg_key_industry #content .wrapper .systems-wrapper,
  .tax-sg_sector #content .wrapper .systems-wrapper,
  .tax-sg_partner #content .wrapper .systems-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (max-width: 600px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper,
  .tax-sg_system_type #content .wrapper .systems-wrapper,
  .tax-sg_organisation #content .wrapper .systems-wrapper,
  .tax-sg_customer_size #content .wrapper .systems-wrapper,
  .tax-sg_key_industry #content .wrapper .systems-wrapper,
  .tax-sg_sector #content .wrapper .systems-wrapper,
  .tax-sg_partner #content .wrapper .systems-wrapper {
    grid-template-columns: 1fr;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article,
.tax-sg_system_type #content .wrapper .systems-wrapper article,
.tax-sg_organisation #content .wrapper .systems-wrapper article,
.tax-sg_customer_size #content .wrapper .systems-wrapper article,
.tax-sg_key_industry #content .wrapper .systems-wrapper article,
.tax-sg_sector #content .wrapper .systems-wrapper article,
.tax-sg_partner #content .wrapper .systems-wrapper article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: fit-content;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header,
.tax-sg_system_type #content .wrapper .systems-wrapper article header,
.tax-sg_organisation #content .wrapper .systems-wrapper article header,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header,
.tax-sg_sector #content .wrapper .systems-wrapper article header,
.tax-sg_partner #content .wrapper .systems-wrapper article header {
  display: flex;
  flex-direction: column;
  border-top: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  padding: 30px 20px 0 20px;
  min-height: 484px;
  height: 100%;
  position: relative;
}
@media all and (max-width: 600px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper article header,
  .tax-sg_system_type #content .wrapper .systems-wrapper article header,
  .tax-sg_organisation #content .wrapper .systems-wrapper article header,
  .tax-sg_customer_size #content .wrapper .systems-wrapper article header,
  .tax-sg_key_industry #content .wrapper .systems-wrapper article header,
  .tax-sg_sector #content .wrapper .systems-wrapper article header,
  .tax-sg_partner #content .wrapper .systems-wrapper article header {
    min-height: unset;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link {
  color: #333333;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link h2,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link h2,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link h2,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link h2,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link h2,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link h2,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link h2 {
  font-size: 28px;
  margin: 10px 0 0 0;
  min-height: 70px;
}
@media all and (max-width: 600px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link h2,
  .tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link h2,
  .tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link h2,
  .tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link h2,
  .tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link h2,
  .tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link h2,
  .tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link h2 {
    min-height: unset;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link h5,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link h5,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link h5,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link h5,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link h5,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link h5,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link h5 {
  margin: 0;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .system-image,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .system-image,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .system-image,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .system-image,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .system-image,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .system-image,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .system-image {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
}
@media all and (max-width: 600px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .system-image,
  .tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .system-image,
  .tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .system-image,
  .tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .system-image,
  .tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .system-image,
  .tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .system-image,
  .tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .system-image {
    min-height: unset;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .system-image img,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .system-image img,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .system-image img,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .system-image img,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .system-image img,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .system-image img,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .system-image img {
  width: 220px;
  height: 120px;
  object-fit: contain;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .tagline,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .tagline,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .tagline,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .tagline,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .tagline,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .tagline,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .tagline {
  display: flex;
  min-height: 63px;
  color: #E18B4B;
  font-size: 14px;
}
@media all and (max-width: 600px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .tagline,
  .tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .tagline,
  .tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .tagline,
  .tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .tagline,
  .tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .tagline,
  .tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .tagline,
  .tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .tagline {
    padding: 10px 0;
    min-height: unset;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .system-description,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .system-description,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .system-description,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .system-description,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .system-description,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .system-description,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .system-description {
  min-height: 142px;
}
@media all and (max-width: 600px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .system-description,
  .tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .system-description,
  .tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .system-description,
  .tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .system-description,
  .tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .system-description,
  .tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .system-description,
  .tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .system-description {
    min-height: unset;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header a.system-link .system-description p,
.tax-sg_system_type #content .wrapper .systems-wrapper article header a.system-link .system-description p,
.tax-sg_organisation #content .wrapper .systems-wrapper article header a.system-link .system-description p,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header a.system-link .system-description p,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header a.system-link .system-description p,
.tax-sg_sector #content .wrapper .systems-wrapper article header a.system-link .system-description p,
.tax-sg_partner #content .wrapper .systems-wrapper article header a.system-link .system-description p {
  font-size: 14px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .supplier-container,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .supplier-container,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .supplier-container,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .supplier-container,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .supplier-container,
.tax-sg_sector #content .wrapper .systems-wrapper article header .supplier-container,
.tax-sg_partner #content .wrapper .systems-wrapper article header .supplier-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 5px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .supplier-container h5,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .supplier-container h5,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .supplier-container h5,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .supplier-container h5,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .supplier-container h5,
.tax-sg_sector #content .wrapper .systems-wrapper article header .supplier-container h5,
.tax-sg_partner #content .wrapper .systems-wrapper article header .supplier-container h5 {
  margin-right: 5px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .supplier-container span,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .supplier-container span,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .supplier-container span,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .supplier-container span,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .supplier-container span,
.tax-sg_sector #content .wrapper .systems-wrapper article header .supplier-container span,
.tax-sg_partner #content .wrapper .systems-wrapper article header .supplier-container span {
  font-size: 15px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .supplier-container span.supplier-value,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .supplier-container span.supplier-value,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .supplier-container span.supplier-value,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .supplier-container span.supplier-value,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .supplier-container span.supplier-value,
.tax-sg_sector #content .wrapper .systems-wrapper article header .supplier-container span.supplier-value,
.tax-sg_partner #content .wrapper .systems-wrapper article header .supplier-container span.supplier-value {
  margin-left: 5px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .system-type-container,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .system-type-container,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .system-type-container,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .system-type-container,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .system-type-container,
.tax-sg_sector #content .wrapper .systems-wrapper article header .system-type-container,
.tax-sg_partner #content .wrapper .systems-wrapper article header .system-type-container {
  position: absolute;
  right: -1px;
  top: 5px;
  margin: 0;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .system-type-container .system-type-link,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .system-type-container .system-type-link,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .system-type-container .system-type-link,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .system-type-container .system-type-link,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .system-type-container .system-type-link,
.tax-sg_sector #content .wrapper .systems-wrapper article header .system-type-container .system-type-link,
.tax-sg_partner #content .wrapper .systems-wrapper article header .system-type-container .system-type-link {
  margin-left: 5px;
  padding: 4px 12px;
  font-size: 16px;
  background: #E18B4B;
  color: white;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .customer-container,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .customer-container,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .customer-container,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .customer-container,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .customer-container,
.tax-sg_sector #content .wrapper .systems-wrapper article header .customer-container,
.tax-sg_partner #content .wrapper .systems-wrapper article header .customer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  height: 25px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .customer-container h5,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .customer-container h5,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .customer-container h5,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .customer-container h5,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .customer-container h5,
.tax-sg_sector #content .wrapper .systems-wrapper article header .customer-container h5,
.tax-sg_partner #content .wrapper .systems-wrapper article header .customer-container h5 {
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .customer-container p,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .customer-container p,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .customer-container p,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .customer-container p,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .customer-container p,
.tax-sg_sector #content .wrapper .systems-wrapper article header .customer-container p,
.tax-sg_partner #content .wrapper .systems-wrapper article header .customer-container p {
  margin: 0;
  font-size: 16px;
  text-align: center;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .customer-container span.icon,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .customer-container span.icon,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .customer-container span.icon,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .customer-container span.icon,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .customer-container span.icon,
.tax-sg_sector #content .wrapper .systems-wrapper article header .customer-container span.icon,
.tax-sg_partner #content .wrapper .systems-wrapper article header .customer-container span.icon {
  font-size: 24px;
  display: flex;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article header .customer-container span.divider,
.tax-sg_system_type #content .wrapper .systems-wrapper article header .customer-container span.divider,
.tax-sg_organisation #content .wrapper .systems-wrapper article header .customer-container span.divider,
.tax-sg_customer_size #content .wrapper .systems-wrapper article header .customer-container span.divider,
.tax-sg_key_industry #content .wrapper .systems-wrapper article header .customer-container span.divider,
.tax-sg_sector #content .wrapper .systems-wrapper article header .customer-container span.divider,
.tax-sg_partner #content .wrapper .systems-wrapper article header .customer-container span.divider {
  margin: 0 5px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container {
  display: flex;
  flex-wrap: wrap;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 15px 0;
  border: 1px solid lightgrey;
  color: #333333;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.8px;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a:not(.show),
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a:not(.show),
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a:not(.show),
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a:not(.show),
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a:not(.show),
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a:not(.show),
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a:not(.show) {
  flex: 1;
}
@media all and (max-width: 1700px) {
  .post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a,
  .tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a,
  .tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a,
  .tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a,
  .tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a,
  .tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a,
  .tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a {
    font-size: 12px;
  }
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a.compare-select,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a.compare-select,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a.compare-select,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a.compare-select,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a.compare-select,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a.compare-select,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a.compare-select {
  border-right: none;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected {
  background: #E18B4B;
  color: white;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected span,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected span,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected span,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected span,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected span,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected span,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a.compare-select.selected span {
  color: white;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a.compare-systems,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a.compare-systems,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a.compare-systems,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a.compare-systems,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a.compare-systems,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a.compare-systems,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a.compare-systems {
  display: none;
  width: 100%;
  border-top: none;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a.compare-systems.show,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a.compare-systems.show,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a.compare-systems.show,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a.compare-systems.show,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a.compare-systems.show,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a.compare-systems.show,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a.compare-systems.show {
  display: flex;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a span,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a span,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a span,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a span,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a span,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a span,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a span {
  color: #E18B4B;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.post-type-archive-systemguide #content .wrapper .systems-wrapper article .compare-container a span.dashicons-yes,
.tax-sg_system_type #content .wrapper .systems-wrapper article .compare-container a span.dashicons-yes,
.tax-sg_organisation #content .wrapper .systems-wrapper article .compare-container a span.dashicons-yes,
.tax-sg_customer_size #content .wrapper .systems-wrapper article .compare-container a span.dashicons-yes,
.tax-sg_key_industry #content .wrapper .systems-wrapper article .compare-container a span.dashicons-yes,
.tax-sg_sector #content .wrapper .systems-wrapper article .compare-container a span.dashicons-yes,
.tax-sg_partner #content .wrapper .systems-wrapper article .compare-container a span.dashicons-yes {
  font-size: 30px;
  margin-right: 10px;
}
.post-type-archive-systemguide #content .wrapper .link-container a,
.tax-sg_system_type #content .wrapper .link-container a,
.tax-sg_organisation #content .wrapper .link-container a,
.tax-sg_customer_size #content .wrapper .link-container a,
.tax-sg_key_industry #content .wrapper .link-container a,
.tax-sg_sector #content .wrapper .link-container a,
.tax-sg_partner #content .wrapper .link-container a {
  font-size: 18px;
}

html {
  scroll-behavior: smooth;
}

body.single-systemguide {
  width: 92%;
  margin: 0 auto;
  margin-bottom: 100px;
  scroll-behavior: smooth;
  max-width: 1600px;
}
body.single-systemguide #header {
  background: #374456;
}
body.single-systemguide .content-sliders {
  display: none;
}
body.single-systemguide section {
  margin-bottom: 40px;
}
body.single-systemguide h1 {
  margin: 20px 0;
  font-weight: 700;
}
body.single-systemguide h2 {
  margin: 20px 0;
  font-weight: normal;
  font-size: 26px;
}
body.single-systemguide h3 {
  font-weight: normal;
  font-size: 20px;
  margin: 20px 0;
}
@media all and (max-width: 1460px) {
  body.single-systemguide h3 {
    font-size: 18px;
  }
}
body.single-systemguide h4 {
  font-weight: 500;
  font-size: 16px;
}
body.single-systemguide h5 {
  font-weight: 500;
}
body.single-systemguide p,
body.single-systemguide span {
  margin: 0;
  font-weight: 500;
}
body.single-systemguide .system-icon-checked,
body.single-systemguide .system-icon-unchecked {
  display: flex;
  color: #E18B4B;
  font-size: 24px;
}
body.single-systemguide #content {
  padding: 140px 0 0 0;
}
body.single-systemguide #content article .button.back {
  display: flex;
  align-items: center;
  width: fit-content;
  color: white;
  margin-bottom: 20px;
  border-radius: 3px;
  position: relative;
  padding: 20px;
  font-size: 20px;
}
body.single-systemguide #content article .button.back .dashicons {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
body.single-systemguide #content article .button.back:hover {
  text-decoration: none;
}
body.single-systemguide #content article header {
  min-height: 350px;
  padding: 40px;
  background: #f6f6f6;
  margin-bottom: 40px;
}
@media all and (max-width: 992px) {
  body.single-systemguide #content article header {
    flex-direction: column-reverse;
  }
  body.single-systemguide #content article header > div {
    width: 100%;
  }
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article header {
    text-align: center;
    padding: 20px;
  }
  body.single-systemguide #content article header .flex-1of3 {
    display: flex;
    justify-content: center;
  }
}
body.single-systemguide #content article header .logo {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  padding: 40px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
}
@media all and (max-width: 1200px) {
  body.single-systemguide #content article header .logo {
    width: 250px;
    height: 250px;
  }
}
@media all and (max-width: 992px) {
  body.single-systemguide #content article header .logo {
    top: 0;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article header .logo {
    position: unset;
  }
}
body.single-systemguide #content article header .category-container a {
  color: #E18B4B;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 1.5px;
}
body.single-systemguide #content article header .post-title {
  font-size: 46px;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article header .post-title {
    font-size: 36px;
  }
}
@media all and (max-width: 992px) {
  body.single-systemguide #content article header .tagline {
    max-width: 350px;
  }
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article header .tagline {
    margin: 0 auto;
  }
}
body.single-systemguide #content article header .supplier-info {
  margin: 20px 0;
}
body.single-systemguide #content article header .supplier-info > div {
  padding: 2px 0;
}
body.single-systemguide #content article header .supplier-info a {
  color: #E18B4B;
}
body.single-systemguide #content article header .supplier-info span {
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}
body.single-systemguide #content article header .supplier-info span.country-name {
  font-weight: bold;
}
body.single-systemguide #content article header .supplier-info span .svg-flag {
  margin-left: 10px;
}
body.single-systemguide #content article header .supplier-info .system-value {
  font-weight: 600;
}
@media all and (max-width: 992px) {
  body.single-systemguide #content article header .supplier-info {
    flex-direction: column;
  }
  body.single-systemguide #content article header .supplier-info > div {
    width: 100%;
  }
}
body.single-systemguide #content article header .action-container {
  display: flex;
  align-items: center;
}
@media all and (max-width: 992px) {
  body.single-systemguide #content article header .action-container {
    flex-direction: column;
  }
}
body.single-systemguide #content article header .action-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  padding: 15px 20px;
  border-radius: 3px;
  color: #E18B4B;
  margin-right: 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.8px;
}
@media all and (max-width: 1200px) {
  body.single-systemguide #content article header .action-container a {
    font-size: 12px;
  }
}
@media all and (max-width: 992px) {
  body.single-systemguide #content article header .action-container a {
    width: 100%;
    margin: 0;
  }
}
body.single-systemguide #content article header .action-container a.show-report span {
  color: #333333;
  display: flex;
  align-items: center;
  font-size: 24px;
  margin-right: 5px;
}
body.single-systemguide #content article header .action-container a.show-report:hover {
  background: #E18B4B;
  color: white;
  text-decoration: none;
}
body.single-systemguide #content article header .action-container a.dig-deeper {
  background: #E18B4B;
  color: #ffffff;
}
@media all and (max-width: 992px) {
  body.single-systemguide #content article header .action-container a.dig-deeper {
    margin-top: 20px;
  }
}
body.single-systemguide #content article header .action-container a.dig-deeper:hover {
  text-decoration: none;
}
body.single-systemguide #content article .system-content .flex-1of3,
body.single-systemguide #content article .system-content .flex-2of3 {
  padding: 40px;
  min-height: 300px;
  border: 1px solid #eee;
  margin-bottom: 40px;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .flex-1of3,
  body.single-systemguide #content article .system-content .flex-2of3 {
    padding: 20px;
  }
}
body.single-systemguide #content article .system-content .system-facts-box h2 {
  width: 100%;
}
@media all and (max-width: 1124px) {
  body.single-systemguide #content article .system-content .system-facts-box {
    width: 100%;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-description {
  margin-bottom: 20px;
}
@media all and (max-width: 1124px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts {
    width: 100%;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts {
  width: 100%;
  border-bottom: 1px solid #EDF0F7;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .product-origin,
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size {
  width: 100%;
  display: flex;
  align-items: center;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .product-origin,
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size {
    width: 100%;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .product-origin h4,
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size h4 {
  display: flex;
  align-items: center;
  margin: 10px 5px 10px 0;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .product-origin .country-name,
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .country-name {
  margin: 2px 10px 0 5px;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size h3 {
  margin-right: 5px;
  min-width: 120px;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size h3 {
    margin: 10px 0;
    width: 100%;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container {
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container {
    flex-direction: column;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media all and (max-width: 1460px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span {
    font-size: 10px;
  }
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span {
    font-size: 12px;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span:before {
  font-size: 24px;
}
@media all and (max-width: 1460px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span:before {
    font-size: 18px;
  }
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span:before {
    font-size: 20px;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span.divider {
  margin: 0 5px;
  font-size: 20px;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .general-facts .customer-size .customer-container span.divider {
    display: none;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .headers {
  width: 30%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .headers > div {
  display: flex;
  align-items: center;
  height: 51px;
  border-top: 1px solid #EDF0F7;
  border-right: 1px solid #EDF0F7;
  border-left: 1px solid #EDF0F7;
  padding: 10px;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .headers > div {
    padding: 5px;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .headers > div p {
  font-size: 20px;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .headers > div p {
    font-size: 14px;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .headers > div:first-child {
  border: none;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .headers > div:last-child {
  border-bottom: 1px solid #EDF0F7;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 14%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container .flag {
  min-height: 51px;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container .flag img {
  width: 30px;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container .flag img {
    width: 26px;
  }
}
@media all and (max-width: 750px) {
  body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container p.nodata {
    font-size: 8px;
  }
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container > span {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #EDF0F7;
  border-right: 1px solid #EDF0F7;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container > span:first-child {
  border: none;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .country-facts .country-container > span:last-child {
  border-bottom: 1px solid #EDF0F7;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts span {
  text-transform: uppercase;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value {
  font-weight: 600;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value div.rating {
  height: 100%;
  background: #E18B4B;
  width: 0%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value div.rating.r-1 {
  width: 16%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value div.rating.r-2 {
  width: 33%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value div.rating.r-3 {
  width: 50%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value div.rating.r-4 {
  width: 67%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value div.rating.r-5 {
  width: 83%;
}
body.single-systemguide #content article .system-content .system-facts-box .system-facts .system-value div.rating.r-6 {
  width: 100%;
  margin-left: 5px;
}
body.single-systemguide #content article .system-content .system-factors-box {
  background: #edf0f7;
  border: none;
}
@media all and (max-width: 1124px) {
  body.single-systemguide #content article .system-content .system-factors-box {
    width: 100%;
  }
}
body.single-systemguide #content article .system-content .system-factors-box ul {
  margin: 0;
  padding-left: 25px;
}
body.single-systemguide #content article .system-content .system-factors-box ul li {
  color: #E18B4B;
  margin-bottom: 5px;
}
body.single-systemguide #content article .system-content .system-factors-box ul li p {
  color: #333333;
}
body.single-systemguide #content article .system-content .system-processes-box {
  background: #374456;
  margin-bottom: 40px;
}
@media all and (max-width: 1124px) {
  body.single-systemguide #content article .system-content .system-processes-box {
    width: 100%;
  }
}
body.single-systemguide #content article .system-content .system-processes-box h2 {
  color: #ffffff;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes {
  color: #ffffff;
  height: 100%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .flex-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-label {
  width: 50%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value {
  width: 50%;
  height: 20px;
  font-weight: 600;
  text-align: right;
  color: #ffffff;
  font-size: 20px !important;
  background: #4d617d;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value div.rating {
  height: 100%;
  background: #E18B4B;
  width: 0%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value div.rating.r-1 {
  width: 16%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value div.rating.r-2 {
  width: 32%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value div.rating.r-3 {
  width: 48%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value div.rating.r-4 {
  width: 64%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value div.rating.r-5 {
  width: 80%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .system-value div.rating.r-6 {
  width: 100%;
}
body.single-systemguide #content article .system-content .system-processes-box .system-processes .rating-board {
  display: flex;
  align-self: flex-end;
  justify-content: space-between;
  width: 50%;
  margin-top: 10px;
  border-top: 2px solid #ffffff;
  padding-bottom: 20px;
}
body.single-systemguide #content article .system-content .system-charts-box {
  padding: 40px;
}
@media all and (max-width: 1124px) {
  body.single-systemguide #content article .system-content .system-charts-box {
    margin-bottom: 40px;
  }
}
body.single-systemguide #content article .system-content .system-charts-box .system-charts-container {
  display: flex;
  justify-content: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content article .system-content .system-charts-box .system-charts-container {
    flex-direction: column;
  }
}
body.single-systemguide #content article .system-content .system-charts-box .system-charts-container .system-charts {
  width: 50%;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content article .system-content .system-charts-box .system-charts-container .system-charts {
    width: 100%;
  }
}
@media all and (max-width: 1124px) {
  body.single-systemguide #content article .system-content .system-charts-box {
    width: 100%;
  }
}
body.single-systemguide #content .user-experience,
body.single-systemguide #content .system-strategy,
body.single-systemguide #content .hnco-data {
  display: flex;
  width: 100%;
  border: 1px solid #eee;
}
body.single-systemguide #content .user-experience span.icon:before,
body.single-systemguide #content .system-strategy span.icon:before,
body.single-systemguide #content .hnco-data span.icon:before {
  font-size: 50px;
  color: #E18B4B;
}
body.single-systemguide #content .user-experience h3,
body.single-systemguide #content .system-strategy h3,
body.single-systemguide #content .hnco-data h3 {
  text-decoration: underline;
  text-align: center;
}
@media all and (max-width: 1024px) {
  body.single-systemguide #content .user-experience,
  body.single-systemguide #content .system-strategy,
  body.single-systemguide #content .hnco-data {
    flex-direction: column;
    min-height: unset;
  }
}
body.single-systemguide #content .user-experience .left-container,
body.single-systemguide #content .system-strategy .left-container,
body.single-systemguide #content .hnco-data .left-container {
  width: 20%;
  background: #EDF0F7;
  max-width: 450px;
  min-width: 280px;
}
body.single-systemguide #content .user-experience .left-container h2,
body.single-systemguide #content .system-strategy .left-container h2,
body.single-systemguide #content .hnco-data .left-container h2 {
  margin: 0;
  padding: 40px 0 20px 40px;
}
@media all and (max-width: 1024px) {
  body.single-systemguide #content .user-experience .left-container h2,
  body.single-systemguide #content .system-strategy .left-container h2,
  body.single-systemguide #content .hnco-data .left-container h2 {
    text-align: center;
    padding-bottom: 20px;
  }
}
body.single-systemguide #content .user-experience .left-container ul,
body.single-systemguide #content .system-strategy .left-container ul,
body.single-systemguide #content .hnco-data .left-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.single-systemguide #content .user-experience .left-container ul li,
body.single-systemguide #content .system-strategy .left-container ul li,
body.single-systemguide #content .hnco-data .left-container ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 475px;
  width: calc(100% + 25px);
  height: 50px;
  outline: none;
  cursor: pointer;
  margin: 0;
}
body.single-systemguide #content .user-experience .left-container ul li span,
body.single-systemguide #content .system-strategy .left-container ul li span,
body.single-systemguide #content .hnco-data .left-container ul li span {
  padding: 5px 0 5px 40px;
  font-size: 18px;
}
body.single-systemguide #content .user-experience .left-container ul li.active,
body.single-systemguide #content .system-strategy .left-container ul li.active,
body.single-systemguide #content .hnco-data .left-container ul li.active {
  border-left: 8px solid #E18B4B;
  background: #F3F4F7;
}
body.single-systemguide #content .user-experience .left-container ul li.active .arrow-right,
body.single-systemguide #content .system-strategy .left-container ul li.active .arrow-right,
body.single-systemguide #content .hnco-data .left-container ul li.active .arrow-right {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #F3F4F7;
  background: white;
}
@media all and (max-width: 1024px) {
  body.single-systemguide #content .user-experience .left-container,
  body.single-systemguide #content .system-strategy .left-container,
  body.single-systemguide #content .hnco-data .left-container {
    width: 100%;
    max-width: unset;
  }
  body.single-systemguide #content .user-experience .left-container h4,
  body.single-systemguide #content .system-strategy .left-container h4,
  body.single-systemguide #content .hnco-data .left-container h4 {
    margin: 0;
    padding: 20px 0;
    text-align: center;
  }
  body.single-systemguide #content .user-experience .left-container ul,
  body.single-systemguide #content .system-strategy .left-container ul,
  body.single-systemguide #content .hnco-data .left-container ul {
    display: flex;
    margin: 0;
  }
  body.single-systemguide #content .user-experience .left-container ul li,
  body.single-systemguide #content .system-strategy .left-container ul li,
  body.single-systemguide #content .hnco-data .left-container ul li {
    width: 100%;
  }
  body.single-systemguide #content .user-experience .left-container ul li span,
  body.single-systemguide #content .system-strategy .left-container ul li span,
  body.single-systemguide #content .hnco-data .left-container ul li span {
    padding: 10px;
    font-size: 18px;
    margin: 0 auto;
  }
}
@media all and (max-width: 1024px) and (max-width: 900px) {
  body.single-systemguide #content .user-experience .left-container ul li span,
  body.single-systemguide #content .system-strategy .left-container ul li span,
  body.single-systemguide #content .hnco-data .left-container ul li span {
    font-size: 14px;
  }
}
@media all and (max-width: 1024px) {
  body.single-systemguide #content .user-experience .left-container ul li.active,
  body.single-systemguide #content .system-strategy .left-container ul li.active,
  body.single-systemguide #content .hnco-data .left-container ul li.active {
    border-left: none;
    border-bottom: 4px solid #E18B4B;
    background: #F3F4F7;
  }
  body.single-systemguide #content .user-experience .left-container ul li.active .arrow-right,
  body.single-systemguide #content .system-strategy .left-container ul li.active .arrow-right,
  body.single-systemguide #content .hnco-data .left-container ul li.active .arrow-right {
    display: none;
  }
}
body.single-systemguide #content .user-experience .right-container,
body.single-systemguide #content .system-strategy .right-container,
body.single-systemguide #content .hnco-data .right-container {
  width: 80%;
  padding: 40px 40px 40px 65px;
}
body.single-systemguide #content .user-experience .right-container .content,
body.single-systemguide #content .system-strategy .right-container .content,
body.single-systemguide #content .hnco-data .right-container .content {
  display: none;
  height: 100%;
}
body.single-systemguide #content .user-experience .right-container .content h2,
body.single-systemguide #content .system-strategy .right-container .content h2,
body.single-systemguide #content .hnco-data .right-container .content h2 {
  margin-bottom: 20px;
}
body.single-systemguide #content .user-experience .right-container .content.active,
body.single-systemguide #content .system-strategy .right-container .content.active,
body.single-systemguide #content .hnco-data .right-container .content.active {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media all and (max-width: 1024px) {
  body.single-systemguide #content .user-experience .right-container,
  body.single-systemguide #content .system-strategy .right-container,
  body.single-systemguide #content .hnco-data .right-container {
    width: 100%;
    padding: 40px;
  }
}
@media all and (max-width: 750px) {
  body.single-systemguide #content .user-experience .right-container,
  body.single-systemguide #content .system-strategy .right-container,
  body.single-systemguide #content .hnco-data .right-container {
    padding: 20px;
  }
}
body.single-systemguide #content .user-experience .right-container .content .ui-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .user-experience .right-container .content .ui-container {
    flex-direction: column;
  }
}
body.single-systemguide #content .user-experience .right-container .content .ui-container .client-container,
body.single-systemguide #content .user-experience .right-container .content .ui-container .language-container {
  width: 48%;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .user-experience .right-container .content .ui-container .client-container,
  body.single-systemguide #content .user-experience .right-container .content .ui-container .language-container {
    width: 100%;
  }
}
body.single-systemguide #content .user-experience .right-container .content .ui-container .client-container > div,
body.single-systemguide #content .user-experience .right-container .content .ui-container .language-container > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #EDF0F7;
  border-right: 1px solid #EDF0F7;
  border-left: 1px solid #EDF0F7;
  padding: 10px;
  min-height: 51px;
}
body.single-systemguide #content .user-experience .right-container .content .ui-container .client-container > div:last-child,
body.single-systemguide #content .user-experience .right-container .content .ui-container .language-container > div:last-child {
  border-bottom: 1px solid #EDF0F7;
}
body.single-systemguide #content .user-experience .right-container .content .ui-container .client-container > div > span,
body.single-systemguide #content .user-experience .right-container .content .ui-container .language-container > div > span {
  font-size: 20px;
  display: flex;
  align-items: center;
}
body.single-systemguide #content .user-experience .right-container .content .ui-container .client-container > div > span:before,
body.single-systemguide #content .user-experience .right-container .content .ui-container .language-container > div > span:before {
  font-size: 30px;
  margin-right: 10px;
  color: #E18B4B;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .user-experience .right-container .content .ui-container .client-container > h3 {
    margin-top: 0;
  }
}
body.single-systemguide #content .user-experience .right-container .content .ui-container .language-container .languages-supported .lang-num {
  margin-right: 8px;
}
body.single-systemguide #content .user-experience .right-container .content .embed-container {
  width: 100%;
  text-align: center;
}
body.single-systemguide #content .user-experience .right-container .content .embed-container iframe {
  width: 100%;
  height: 500px;
}
@media all and (max-width: 1024px) {
  body.single-systemguide #content .user-experience .right-container .content .embed-container iframe {
    height: 375px;
  }
  body.single-systemguide #content .user-experience .right-container .content .slick-arrow:before,
  body.single-systemguide #content .user-experience .right-container .content .slick-arrow:after {
    font-size: 20px;
  }
}
body.single-systemguide #content .user-experience .right-container .content #screenshot-container {
  text-align: center;
  width: 100%;
  height: 100%;
}
body.single-systemguide #content .user-experience .right-container .content #screenshot-container .slick-list,
body.single-systemguide #content .user-experience .right-container .content #screenshot-container .slick-track {
  display: flex;
  align-items: center;
  height: 100%;
}
body.single-systemguide #content .user-experience .right-container .content #screenshot-container img {
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
  cursor: pointer;
  padding: 0 20px;
}
body.single-systemguide #content .user-experience .right-container .content #screenshot-container .slick-prev,
body.single-systemguide #content .user-experience .right-container .content #screenshot-container .slick-next {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.single-systemguide #content .user-experience .right-container .content #screenshot-container .slick-arrow:before,
body.single-systemguide #content .user-experience .right-container .content #screenshot-container .slick-arrow:after {
  color: #E18B4B;
  opacity: 1;
  font-size: 30px;
}
@media all and (max-width: 1024px) {
  body.single-systemguide #content .system-strategy .left-container ul,
  body.single-systemguide #content .hnco-data .left-container ul {
    flex-wrap: wrap;
  }
  body.single-systemguide #content .system-strategy .left-container ul li,
  body.single-systemguide #content .hnco-data .left-container ul li {
    width: 50%;
  }
}
body.single-systemguide #content .system-strategy .right-container .content h4,
body.single-systemguide #content .hnco-data .right-container .content h4 {
  text-decoration: underline;
}
body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container,
body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container,
body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container {
  width: 30%;
  text-align: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container,
  body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container {
    width: 100%;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container span:before,
body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container span:before {
  font-size: 50px;
  color: #E18B4B;
}
body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container.new-version p,
body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container.new-version p {
  font-size: 16px;
  display: flex;
  padding: 5px 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EDF0F7;
}
@media all and (max-width: 1690px) {
  body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container.new-version p,
  body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container.new-version p {
    font-size: 13px;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container.new-version p span:before,
body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container.new-version p span:before {
  font-size: 24px;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container,
  body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container {
    flex-direction: column;
    align-items: center;
  }
  body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container,
  body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container {
    margin-bottom: 20px;
  }
  body.single-systemguide #content .system-strategy .right-container .content.system-development .development-container .box-container h2,
  body.single-systemguide #content .hnco-data .right-container .content.system-development .development-container .box-container h2 {
    margin-bottom: 10px;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.price-model .pricing-container,
body.single-systemguide #content .hnco-data .right-container .content.price-model .pricing-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .system-strategy .right-container .content.price-model .pricing-container,
  body.single-systemguide #content .hnco-data .right-container .content.price-model .pricing-container {
    flex-direction: column;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.price-model .pricing-container .box-container,
body.single-systemguide #content .hnco-data .right-container .content.price-model .pricing-container .box-container {
  width: 30%;
  text-align: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .system-strategy .right-container .content.price-model .pricing-container .box-container,
  body.single-systemguide #content .hnco-data .right-container .content.price-model .pricing-container .box-container {
    width: 100%;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.price-model .pricing-container .box-container p,
body.single-systemguide #content .hnco-data .right-container .content.price-model .pricing-container .box-container p {
  font-size: 16px;
  display: flex;
  padding: 5px 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EDF0F7;
}
@media all and (max-width: 1690px) {
  body.single-systemguide #content .system-strategy .right-container .content.price-model .pricing-container .box-container p,
  body.single-systemguide #content .hnco-data .right-container .content.price-model .pricing-container .box-container p {
    font-size: 13px;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.price-model .pricing-description,
body.single-systemguide #content .hnco-data .right-container .content.price-model .pricing-description {
  width: 100%;
}
body.single-systemguide #content .system-strategy .right-container .content.deployment-options,
body.single-systemguide #content .hnco-data .right-container .content.deployment-options {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .system-strategy .right-container .content.deployment-options,
  body.single-systemguide #content .hnco-data .right-container .content.deployment-options {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.deployment-options h2,
body.single-systemguide #content .hnco-data .right-container .content.deployment-options h2 {
  width: 100%;
  text-align: center;
}
body.single-systemguide #content .system-strategy .right-container .content.deployment-options .deployment-options-container,
body.single-systemguide #content .hnco-data .right-container .content.deployment-options .deployment-options-container {
  width: 30%;
  height: 100%;
  display: flex;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .system-strategy .right-container .content.deployment-options .deployment-options-container,
  body.single-systemguide #content .hnco-data .right-container .content.deployment-options .deployment-options-container {
    width: 100%;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.deployment-options .deployment-options-container .box-container,
body.single-systemguide #content .hnco-data .right-container .content.deployment-options .deployment-options-container .box-container {
  width: 100%;
  text-align: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .system-strategy .right-container .content.deployment-options .deployment-options-container .box-container,
  body.single-systemguide #content .hnco-data .right-container .content.deployment-options .deployment-options-container .box-container {
    width: 100%;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.deployment-options .deployment-options-container .box-container p,
body.single-systemguide #content .hnco-data .right-container .content.deployment-options .deployment-options-container .box-container p {
  font-size: 16px;
  text-align: left;
  display: flex;
  padding: 5px 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EDF0F7;
}
body.single-systemguide #content .system-strategy .right-container .content.deployment-options .deployment-options-container .box-container p span,
body.single-systemguide #content .hnco-data .right-container .content.deployment-options .deployment-options-container .box-container p span {
  display: flex;
  color: #E18B4B;
  font-size: 24px;
}
@media all and (max-width: 1690px) {
  body.single-systemguide #content .system-strategy .right-container .content.deployment-options .deployment-options-container .box-container p,
  body.single-systemguide #content .hnco-data .right-container .content.deployment-options .deployment-options-container .box-container p {
    font-size: 13px;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners {
  flex-wrap: wrap;
  flex-direction: row;
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners h2,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners h2 {
  width: 100%;
  text-align: center;
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 25%;
  padding: 20px;
  margin-bottom: 20px;
}
@media all and (max-width: 1660px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container {
    width: 33%;
  }
}
@media all and (max-width: 1300px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container {
    justify-content: space-between;
    width: 50%;
  }
}
@media all and (max-width: 600px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media all and (max-width: 1300px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container h3,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container h3 {
    text-align: center;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-image,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-image {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 100px;
}
@media all and (max-width: 1300px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-image,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-image {
    justify-content: center;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-image img,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-image img {
  max-width: 160px;
  height: 100px;
  object-fit: contain;
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info {
  width: 100%;
}
@media all and (max-width: 1300px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info {
    text-align: center;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p {
  margin: 2px 0;
}
@media all and (max-width: 750px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p {
    font-size: 14px;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p.country,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p.country {
  display: flex;
  align-items: center;
}
@media all and (max-width: 1300px) {
  body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p.country,
  body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p.country {
    justify-content: center;
  }
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p.country .svg-flag,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info p.country .svg-flag {
  margin-left: 5px;
}
body.single-systemguide #content .system-strategy .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info a,
body.single-systemguide #content .hnco-data .right-container .content.implementation-partners .implementation-partner-container > div.implementation-info a {
  color: #E18B4B;
}
body.single-systemguide #content .hnco-data {
  height: 100%;
}
body.single-systemguide #content .hnco-data .left-container {
  background: #f2d2b8;
}
body.single-systemguide #content .hnco-data .box-container {
  text-align: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .hnco-data .box-container {
    width: 100%;
  }
}
body.single-systemguide #content .hnco-data .box-container p {
  font-size: 16px;
  display: flex;
  padding: 5px 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EDF0F7;
}
@media all and (max-width: 1690px) {
  body.single-systemguide #content .hnco-data .box-container p {
    font-size: 13px;
  }
}
body.single-systemguide #content .hnco-data .general-information .content-wrapper,
body.single-systemguide #content .hnco-data .delivery-model .content-wrapper,
body.single-systemguide #content .hnco-data .customers-industries .content-wrapper,
body.single-systemguide #content .hnco-data .implementation .content-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .hnco-data .general-information .content-wrapper,
  body.single-systemguide #content .hnco-data .delivery-model .content-wrapper,
  body.single-systemguide #content .hnco-data .customers-industries .content-wrapper,
  body.single-systemguide #content .hnco-data .implementation .content-wrapper {
    flex-direction: column;
  }
}
body.single-systemguide #content .hnco-data .general-information .content-wrapper .text-container,
body.single-systemguide #content .hnco-data .delivery-model .content-wrapper .text-container,
body.single-systemguide #content .hnco-data .customers-industries .content-wrapper .text-container,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-container {
  width: 48%;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .hnco-data .general-information .content-wrapper .text-container,
  body.single-systemguide #content .hnco-data .delivery-model .content-wrapper .text-container,
  body.single-systemguide #content .hnco-data .customers-industries .content-wrapper .text-container,
  body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-container {
    width: 100%;
  }
}
body.single-systemguide #content .hnco-data .general-information .content-wrapper .text-container .top,
body.single-systemguide #content .hnco-data .delivery-model .content-wrapper .text-container .top,
body.single-systemguide #content .hnco-data .customers-industries .content-wrapper .text-container .top,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-container .top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
body.single-systemguide #content .hnco-data .general-information .content-wrapper .text-container .top .country-flag,
body.single-systemguide #content .hnco-data .delivery-model .content-wrapper .text-container .top .country-flag,
body.single-systemguide #content .hnco-data .customers-industries .content-wrapper .text-container .top .country-flag,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-container .top .country-flag {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.single-systemguide #content .hnco-data .general-information .content-wrapper .text-container .top .country-flag p,
body.single-systemguide #content .hnco-data .delivery-model .content-wrapper .text-container .top .country-flag p,
body.single-systemguide #content .hnco-data .customers-industries .content-wrapper .text-container .top .country-flag p,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-container .top .country-flag p {
  margin-right: 5px;
}
body.single-systemguide #content .hnco-data .general-information .content-wrapper .text-container > div,
body.single-systemguide #content .hnco-data .delivery-model .content-wrapper .text-container > div,
body.single-systemguide #content .hnco-data .customers-industries .content-wrapper .text-container > div,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-container > div {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
body.single-systemguide #content .hnco-data .partner-information .content-wrapper,
body.single-systemguide #content .hnco-data .implementation .content-wrapper,
body.single-systemguide #content .hnco-data .user-interface .content-wrapper,
body.single-systemguide #content .hnco-data .processes .content-wrapper,
body.single-systemguide #content .hnco-data .sectors .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 2rem;
  width: 100%;
  margin-top: 2rem;
}
body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content,
body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content,
body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content,
body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content {
  height: 100%;
}
body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content.col-4,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content.col-4,
body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content.col-4,
body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content.col-4,
body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content.col-4 {
  width: calc(25% - 3rem);
  text-align: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content.col-4,
  body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content.col-4,
  body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content.col-4,
  body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content.col-4,
  body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content.col-4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content.col-3,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content.col-3,
body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content.col-3,
body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content.col-3,
body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content.col-3 {
  width: calc(33% - 2rem);
  text-align: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content.col-3,
  body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content.col-3,
  body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content.col-3,
  body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content.col-3,
  body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content.col-3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content.col-2,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content.col-2,
body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content.col-2,
body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content.col-2,
body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content.col-2 {
  width: calc(50% - 1rem);
  text-align: center;
}
@media all and (max-width: 900px) {
  body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content.col-2,
  body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content.col-2,
  body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content.col-2,
  body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content.col-2,
  body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content.col-2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
body.single-systemguide #content .hnco-data .partner-information .content-wrapper .text-content.col-1,
body.single-systemguide #content .hnco-data .implementation .content-wrapper .text-content.col-1,
body.single-systemguide #content .hnco-data .user-interface .content-wrapper .text-content.col-1,
body.single-systemguide #content .hnco-data .processes .content-wrapper .text-content.col-1,
body.single-systemguide #content .hnco-data .sectors .content-wrapper .text-content.col-1 {
  width: 100%;
}
body.single-systemguide #content .hnco-data .partner-information .system-processes-box,
body.single-systemguide #content .hnco-data .implementation .system-processes-box,
body.single-systemguide #content .hnco-data .user-interface .system-processes-box,
body.single-systemguide #content .hnco-data .processes .system-processes-box,
body.single-systemguide #content .hnco-data .sectors .system-processes-box {
  width: calc(50% - 1rem);
  padding: 40px;
  min-height: 300px;
  border: 1px solid #eee;
  margin-bottom: 0;
}
body.single-systemguide #content .hnco-data .partner-information .system-processes-box.sectors,
body.single-systemguide #content .hnco-data .implementation .system-processes-box.sectors,
body.single-systemguide #content .hnco-data .user-interface .system-processes-box.sectors,
body.single-systemguide #content .hnco-data .processes .system-processes-box.sectors,
body.single-systemguide #content .hnco-data .sectors .system-processes-box.sectors {
  width: 100%;
}
body.single-systemguide #content .hnco-data .partner-information .system-processes-box h3,
body.single-systemguide #content .hnco-data .implementation .system-processes-box h3,
body.single-systemguide #content .hnco-data .user-interface .system-processes-box h3,
body.single-systemguide #content .hnco-data .processes .system-processes-box h3,
body.single-systemguide #content .hnco-data .sectors .system-processes-box h3 {
  margin-top: 0;
}
body.single-systemguide #content .hnco-data .partner-information .accordion-section,
body.single-systemguide #content .hnco-data .implementation .accordion-section,
body.single-systemguide #content .hnco-data .user-interface .accordion-section,
body.single-systemguide #content .hnco-data .processes .accordion-section,
body.single-systemguide #content .hnco-data .sectors .accordion-section {
  margin-bottom: 10px;
}
body.single-systemguide #content .hnco-data .partner-information .accordion-section .accordion-header,
body.single-systemguide #content .hnco-data .implementation .accordion-section .accordion-header,
body.single-systemguide #content .hnco-data .user-interface .accordion-section .accordion-header,
body.single-systemguide #content .hnco-data .processes .accordion-section .accordion-header,
body.single-systemguide #content .hnco-data .sectors .accordion-section .accordion-header {
  cursor: pointer;
  padding: 10px;
  background-color: #f1f1f1;
}
body.single-systemguide #content .hnco-data .partner-information .accordion-section .accordion-header .toggle-indicator,
body.single-systemguide #content .hnco-data .implementation .accordion-section .accordion-header .toggle-indicator,
body.single-systemguide #content .hnco-data .user-interface .accordion-section .accordion-header .toggle-indicator,
body.single-systemguide #content .hnco-data .processes .accordion-section .accordion-header .toggle-indicator,
body.single-systemguide #content .hnco-data .sectors .accordion-section .accordion-header .toggle-indicator {
  float: right;
}
body.single-systemguide #content .hnco-data .partner-information .accordion-section .accordion-content,
body.single-systemguide #content .hnco-data .implementation .accordion-section .accordion-content,
body.single-systemguide #content .hnco-data .user-interface .accordion-section .accordion-content,
body.single-systemguide #content .hnco-data .processes .accordion-section .accordion-content,
body.single-systemguide #content .hnco-data .sectors .accordion-section .accordion-content {
  display: none;
  padding: 10px;
  background-color: #fff;
}
body.single-systemguide .related-systems {
  background: #EDF0F7;
  padding: 40px;
}
body.single-systemguide .related-systems .top-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
body.single-systemguide .related-systems .top-container a {
  display: flex;
  align-items: center;
  color: #333333;
}
body.single-systemguide .related-systems .top-container a .dashicons {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin-left: 10px;
}
body.single-systemguide .related-systems .related-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.single-systemguide .related-systems .related-wrapper .related-system {
  display: flex;
  flex-direction: column;
  width: 24%;
  height: fit-content;
  background: #ffffff;
}
@media all and (max-width: 1370px) {
  body.single-systemguide .related-systems .related-wrapper .related-system {
    width: 49%;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 800px) {
  body.single-systemguide .related-systems .related-wrapper .related-system {
    width: 100%;
  }
}
body.single-systemguide .related-systems .related-wrapper .related-system h2 {
  font-size: 34px;
  margin: 20px 0;
}
body.single-systemguide .related-systems .related-wrapper .related-system h5 {
  margin: 0;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content {
  display: flex;
  flex-direction: column;
  border: 1px solid #eee;
  border-bottom: none;
  padding: 20px;
  position: relative;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link {
  color: #333333;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link h2 {
  font-size: 28px;
  margin: 10px 0 0 0;
  min-height: 70px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link h5 {
  margin: 0;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link .system-logo {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link .system-logo img {
  width: 220px;
  height: 120px;
  object-fit: contain;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link .tagline {
  display: flex;
  align-items: center;
  min-height: 57px;
  color: #E18B4B;
  font-size: 14px;
  margin: 5px 0;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link .system-description {
  min-height: 142px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content a.system-link .system-description p {
  font-size: 14px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .supplier-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .supplier-container p {
  font-size: 15px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .supplier-container p.supplier-value {
  margin-left: 5px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .system-type-container {
  position: absolute;
  right: 0;
  top: 6px;
  margin: 0;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .system-type-container .system-type-link {
  padding: 4px 12px;
  font-size: 16px;
  background: #E18B4B;
  color: white;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .customer-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .customer-container h5 {
  margin-right: 5px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .customer-container span {
  margin-right: 5px;
  font-size: 18px;
  display: flex;
}
body.single-systemguide .related-systems .related-wrapper .related-system .system-content .system-description p {
  font-size: 14px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 15px 0;
  border: 1px solid lightgrey;
  color: #333333;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.8px;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a:not(.show) {
  flex: 1;
}
@media all and (max-width: 1700px) {
  body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a {
    font-size: 12px;
  }
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a.compare-select {
  border-right: none;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a.compare-select.selected {
  background: #E18B4B;
  color: white;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a.compare-select.selected span {
  color: white;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a.compare-systems {
  display: none;
  width: 100%;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a.compare-systems.show {
  display: flex;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a span {
  color: #E18B4B;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
body.single-systemguide .related-systems .related-wrapper .related-system .compare-container a span.dashicons-yes {
  font-size: 30px;
  margin-right: 10px;
}
body.single-systemguide .related-insights {
  border: 1px solid #eee;
  padding: 40px;
  margin-top: 40px;
}
@media all and (max-width: 992px) {
  body.single-systemguide .related-insights {
    margin-top: 40px;
    padding: 20px;
  }
}
body.single-systemguide .related-insights .top-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
}
body.single-systemguide .related-insights .top-container a {
  display: flex;
  align-items: center;
  color: #333333;
}
body.single-systemguide .related-insights .top-container a .dashicons {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin-left: 10px;
}
body.single-systemguide .related-insights .insight-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
  width: 100%;
}
@media all and (max-width: 1270px) {
  body.single-systemguide .related-insights .insight-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (max-width: 1270px) {
  body.single-systemguide .related-insights .insight-wrapper {
    grid-template-columns: 1fr;
  }
}
@media all and (max-width: 992px) {
  body.single-systemguide .related-insights .insight-wrapper {
    grid-gap: 20px;
  }
}
body.single-systemguide .related-insights .insight-wrapper .related-insight {
  background-size: cover;
  background-position: center center;
  min-height: 400px;
  position: relative;
}
body.single-systemguide .related-insights .insight-wrapper .related-insight .insight-content {
  content: "";
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  width: 100%;
  height: 100%;
  background: rgb(55, 68, 87);
  background: linear-gradient(0deg, rgb(55, 68, 87) 30%, rgba(0, 0, 0, 0.1601015406) 90%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
body.single-systemguide .related-insights .insight-wrapper .related-insight .insight-content .content {
  color: #ffffff;
}
body.single-systemguide .related-insights .insight-wrapper .related-insight .insight-content .content h2 {
  margin-top: 5px;
}
body.single-systemguide .related-insights .insight-wrapper .related-insight .insight-content .content .categories a {
  color: #E18B4B;
}
body.single-systemguide .related-insights .insight-wrapper .related-insight .insight-content .content .post-date {
  margin-top: 5px;
  font-size: 16px;
  color: #E18B4B;
}

.page-template-systemadmin {
  width: 92%;
  margin: 0 auto;
  font-family: "proxima-nova", sans-serif;
}
.page-template-systemadmin #content {
  padding: 1rem 0 0 0;
}
.page-template-systemadmin h2,
.page-template-systemadmin h4,
.page-template-systemadmin label {
  font-weight: 500 !important;
}
.page-template-systemadmin .wrapper.main {
  padding: 40px 0;
}
.page-template-systemadmin input[type=email],
.page-template-systemadmin input[type=url],
.page-template-systemadmin input[type=text],
.page-template-systemadmin input[type=number],
.page-template-systemadmin select,
.page-template-systemadmin textarea {
  font-family: "proxima-nova", sans-serif;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: 3px;
  background: white;
}
.page-template-systemadmin a.button {
  display: flex;
  align-items: center;
  width: fit-content;
  border: 1px solid #333333;
  background: #374456;
  color: #ffffff;
  margin-top: 20px;
  border-radius: 3px;
  padding: 10px 20px;
  cursor: pointer;
}
@media all and (max-width: 820px) {
  .page-template-systemadmin .content-sliders .slides .page-wrap {
    top: unset;
    left: 0;
  }
  .page-template-systemadmin .content-sliders .slides .slick-track {
    margin: 0;
  }
}
.page-template-systemadmin .systems-update-header {
  margin-top: 20px;
  display: flex;
  align-items: center;
  padding: 40px;
  width: 100%;
  height: 400px;
  background-size: cover;
  position: relative;
}
.page-template-systemadmin .systems-update-header .image-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.1882352941);
}
.page-template-systemadmin .systems-update-header .content {
  color: white;
  max-width: 800px;
  z-index: 9;
}
.page-template-systemadmin .systems-update-header .content h2 {
  font-weight: 500;
}
@media all and (max-width: 800px) {
  .page-template-systemadmin .systems-update-header .content p {
    font-size: 16px;
  }
}
@media all and (max-width: 600px) {
  .page-template-systemadmin .systems-update-header .content p {
    font-size: 14px;
  }
}
.page-template-systemadmin .login-container {
  display: flex;
  width: 100%;
}
.page-template-systemadmin .login-container .button {
  margin-right: 10px;
}
.page-template-systemadmin .org-logo {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
}
.page-template-systemadmin .org-logo img {
  width: 150px;
}
.page-template-systemadmin .org-logo h2 {
  margin: 0;
}
.page-template-systemadmin .system-selection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 0;
}
@media all and (max-width: 820px) {
  .page-template-systemadmin .system-selection {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-template-systemadmin .system-selection h4 {
  width: 100%;
}
.page-template-systemadmin .system-selection select {
  cursor: pointer;
  margin-right: 20px;
}
.page-template-systemadmin .system-selection a.button {
  height: 54px;
  border: none;
}
@media all and (min-width: 800px) {
  .page-template-systemadmin .system-selection a.button {
    margin: 0px 20px 0px 0px;
  }
}
.page-template-systemadmin .af-field[data-name=system_id] {
  display: none !important;
}
.page-template-systemadmin .af-field-type-accordion .acf-accordion-title {
  background: #374456;
  color: white;
}
.page-template-systemadmin .af-field-type-accordion .acf-accordion-title:hover {
  background: #374456;
}
.page-template-systemadmin .af-field-type-accordion .acf-accordion-title label {
  font-size: 18px;
  cursor: pointer;
}
.page-template-systemadmin .acf-button {
  display: flex;
  align-items: center;
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #333333;
  background: #374456;
  color: #ffffff;
  margin-top: 20px;
  border-radius: 3px;
  padding: 10px 20px;
  cursor: pointer;
}
.page-template-systemadmin .acf-button[data-event=add-row] {
  width: fit-content;
}
.page-template-systemadmin .af-field-supplier-logo .acf-actions {
  top: -40px;
}
.page-template-systemadmin .af-field-supplier-logo .af-label.acf-label {
  margin-bottom: 40px;
}
.page-template-systemadmin .af-submit.acf-form-submit {
  padding-left: 0;
}
.page-template-systemadmin .af-field-system-factors-to-consider,
.page-template-systemadmin .af-field-system-hnco-description,
.page-template-systemadmin .af-field-system-hnco-pov,
.page-template-systemadmin .af-field-system-manager-id,
.page-template-systemadmin .af-field-system-tagline,
.page-template-systemadmin .af-field-organisation-users,
.page-template-systemadmin .af-field-organisation-term-id {
  display: none !important;
}
.page-template-systemadmin .update-info {
  color: orange;
  font-weight: 400;
  letter-spacing: 1.5px;
}
.page-template-systemadmin .update-system-container .af-field-system-type .select2.select2-container {
  pointer-events: none;
}
.page-template-systemadmin .new-system-container .system-type-container select {
  margin-bottom: 20px;
  cursor: pointer;
}
.page-template-systemadmin .new-system-container .af-field-system-type {
  display: none;
}
.page-template-systemadmin .update-profile-container > h2 {
  padding: 20px 0;
  margin: 0;
}
.page-template-systemadmin .update-profile-container .af-field-supplier-type .af-field-instructions {
  display: none;
}
.page-template-systemadmin .create-user > h2 {
  padding: 20px 0;
  margin: 0;
}
.page-template-systemadmin .instruction {
  padding: 10px;
}
.page-template-systemadmin .acf-actions.-hover {
  display: block;
}
.page-template-systemadmin #processes-accordion .process-container .process-header,
.page-template-systemadmin #sectors-accordion .process-container .process-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px;
  background: #ffffff;
  color: #374456;
  border-bottom: 1px solid #EDF0F7;
}
.page-template-systemadmin #processes-accordion .process-container .process-header .header-left,
.page-template-systemadmin #sectors-accordion .process-container .process-header .header-left {
  display: flex;
  align-items: center;
}
.page-template-systemadmin #processes-accordion .process-container .process-header .header-left .process-title,
.page-template-systemadmin #sectors-accordion .process-container .process-header .header-left .process-title {
  margin-right: 20px;
  color: #374456;
  font-size: 18px;
  font-weight: 500;
}
.page-template-systemadmin #processes-accordion .process-container .process-header .header-left .main-grade,
.page-template-systemadmin #sectors-accordion .process-container .process-header .header-left .main-grade {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 26px;
  border: 1px solid black;
  border-radius: 5px;
}
.page-template-systemadmin #processes-accordion .process-container .sub-processes,
.page-template-systemadmin #sectors-accordion .process-container .sub-processes {
  padding: 10px 0;
}
.page-template-systemadmin #processes-accordion .process-container .sub-processes .sub-process:not(:last-child),
.page-template-systemadmin #sectors-accordion .process-container .sub-processes .sub-process:not(:last-child) {
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #EDF0F7;
}
.page-template-systemadmin #processes-accordion .process-container .sub-processes .sub-process:not(:last-child) .title,
.page-template-systemadmin #sectors-accordion .process-container .sub-processes .sub-process:not(:last-child) .title {
  display: flex;
  align-items: center;
  min-width: 350px;
  font-size: 18px;
  margin: 10px 0;
}
.page-template-systemadmin #processes-accordion .process-container .sub-processes .sub-process:not(:last-child) input,
.page-template-systemadmin #sectors-accordion .process-container .sub-processes .sub-process:not(:last-child) input {
  max-width: 50px;
  margin-left: 20px;
}
.page-template-systemadmin #processes-accordion .process-container .sub-processes .sub-process:not(:last-child) .process-description,
.page-template-systemadmin #sectors-accordion .process-container .sub-processes .sub-process:not(:last-child) .process-description {
  margin: 0 0 0 20px;
}
.page-template-systemadmin #sectors-accordion .header-left .process-title {
  min-width: 350px;
}
.page-template-systemadmin #sectors-accordion .header-left input {
  max-width: 50px;
}
.page-template-systemadmin .draft-updates {
  background: #E18B4B !important;
}

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: flex-end;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.page-template-compare-systems {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 40px;
}
.page-template-compare-systems #content {
  padding: 0;
}
.page-template-compare-systems .button {
  display: flex;
  align-items: center;
  width: fit-content;
  background: #E18B4B;
  color: white;
  margin-top: 20px;
  border-radius: 3px;
  position: relative;
  padding: 20px;
}
.page-template-compare-systems .button .dashicons {
  margin-right: 10px;
}
.page-template-compare-systems .button.bot {
  margin: 0 0 40px 0;
}
.page-template-compare-systems .flex-table {
  display: flex;
  flex-flow: column nowrap;
  border: 1px solid #edf0f3;
  margin-bottom: 50px;
  position: relative;
}
.page-template-compare-systems .flex-table.sys_cols_4 {
  border-right: none;
}
.page-template-compare-systems .flex-table ul {
  margin-top: 5px;
  width: 100%;
  padding-left: 16px;
  list-style: disc;
}
.page-template-compare-systems .flex-table ul li {
  font-size: 14px;
  margin-bottom: 4px;
}
.page-template-compare-systems .flex-table ul li::before, .page-template-compare-systems .flex-table ul li::marker {
  color: #E18B4B;
}
.page-template-compare-systems .flex-table .flex-row {
  display: flex;
  justify-content: flex-start;
}
.page-template-compare-systems .flex-table .flex-row.main-info > div {
  padding: 10px;
}
.page-template-compare-systems .flex-table .flex-row.main-info.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: white;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row.main-info {
    display: none;
  }
}
.page-template-compare-systems .flex-table .flex-row:nth-child(even) {
  background: #f4f5f9;
}
.page-template-compare-systems .flex-table .flex-row:nth-child(even) .flex-th {
  background: #e7ecf2;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row:nth-child(even) {
    background: inherit;
  }
  .page-template-compare-systems .flex-table .flex-row:nth-child(even) .flex-th {
    background: #edf0f5;
  }
}
.page-template-compare-systems .flex-table .flex-row .flex-th,
.page-template-compare-systems .flex-table .flex-row .flex-td {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 20%;
  padding: 5px 10px;
  text-align: left;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .flex-th,
  .page-template-compare-systems .flex-table .flex-row .flex-td {
    width: 100%;
    padding: 5px;
  }
}
@media all and (min-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .flex-th.align-start,
  .page-template-compare-systems .flex-table .flex-row .flex-td.align-start {
    align-items: flex-start;
  }
}
.page-template-compare-systems .flex-table .flex-row .flex-th {
  background: #edf0f5;
  border: none;
  padding: 15px 5px;
  position: relative;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .flex-th {
    font-weight: bold;
  }
  .page-template-compare-systems .flex-table .flex-row .flex-th.empty {
    display: none;
  }
}
.page-template-compare-systems .flex-table .flex-row .flex-th h2 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
}
.page-template-compare-systems .flex-table .flex-row .flex-th span.icon {
  font-size: 19.2px;
  margin-right: 10px;
}
.page-template-compare-systems .flex-table .flex-row .flex-td {
  border-right: 2px solid #edf0f3;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .flex-td {
    border-right: none;
    justify-content: space-between;
  }
  .page-template-compare-systems .flex-table .flex-row .flex-td:nth-child(even) {
    background: #f4f5f9;
  }
}
.page-template-compare-systems .flex-table .flex-row .flex-td span.icon {
  font-size: 22.8px;
}
.page-template-compare-systems .flex-table .flex-row .flex-td .system-name {
  font-size: 12px;
  text-transform: uppercase;
  display: none;
  line-height: 25px;
  max-width: 120px;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .flex-td .system-name {
    display: block;
  }
}
.page-template-compare-systems .flex-table .flex-row .flex-td .customer-size {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.page-template-compare-systems .flex-table .flex-row .flex-td .customer-size p {
  display: flex;
  margin: 0 5px 0 0;
}
.page-template-compare-systems .flex-table .flex-row .flex-td .customer-size span {
  display: flex;
  align-items: center;
}
.page-template-compare-systems .flex-table .flex-row .flex-td .customer-size span.name {
  font-size: 15px;
  font-weight: 500;
}
.page-template-compare-systems .flex-table .flex-row span.icon {
  display: flex;
  justify-content: center;
  margin-right: 10px;
  color: #E18B4B;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row span.icon {
    margin-right: 0;
  }
}
.page-template-compare-systems .flex-table .flex-row .svg-flag {
  margin-right: 10px;
}
.page-template-compare-systems .flex-table .flex-row .sys-comp-main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  gap: 1rem;
}
.page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-image {
  display: flex;
  align-items: center;
  height: 80px;
}
@media all and (max-width: 1100px) {
  .page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-image {
    height: 120px;
  }
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-image {
    justify-content: flex-start;
  }
}
.page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-image picture {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-image img {
  max-height: 80px;
  object-fit: cover;
}
.page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-info h2 {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 28px;
}
.page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-info h2 span {
  margin-left: 10px;
}
.page-template-compare-systems .flex-table .flex-row .sys-comp-main .sys-comp-main-info a {
  color: inherit;
}
.page-template-compare-systems .flex-table .flex-row .grade-range {
  display: flex;
  align-items: center;
  height: 100%;
}
.page-template-compare-systems .flex-table .flex-row .grade-range span {
  padding: 0;
  text-align: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  font-size: 12px;
  background: #e8e9ed;
  color: #e8e9ed;
}
.page-template-compare-systems .flex-table .flex-row .grade-range span.colored {
  background: #E18B4B;
  color: #E18B4B;
}
.page-template-compare-systems .flex-table .flex-row .grade-range span.active {
  background: #E18B4B;
  color: #ffffff;
}
.page-template-compare-systems .flex-table .flex-row .countries {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.page-template-compare-systems .flex-table .flex-row .country-row {
  display: flex;
  align-items: center;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .country-row {
    text-align: right;
    justify-content: flex-end;
  }
  .page-template-compare-systems .flex-table .flex-row .country-row .svg-flag {
    order: 2;
    margin-left: 10px;
    margin-right: 0;
  }
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .consider-th {
    padding-top: 10px;
  }
  .page-template-compare-systems .flex-table .flex-row .consider-th h2 {
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
  }
}
.page-template-compare-systems .flex-table .flex-row .consider-td {
  padding-top: 10px !important;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .consider-td {
    flex-direction: column;
    align-items: baseline;
  }
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td {
  flex-direction: column;
  padding: 0;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .implementation-partner-td {
    flex-direction: column;
    align-items: baseline;
    padding: 20px 10px;
  }
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .implementation-partner-td .system-name {
    display: block;
    font-size: 26px;
    max-width: unset;
    margin: 10px 0;
    text-decoration: underline;
  }
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container {
    padding: 10px 0;
  }
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container:not(:last-child) {
  border-bottom: 1px solid #edf0f3;
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .image {
  width: 100%;
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .image img {
  height: 80px;
  object-fit: contain;
  margin-bottom: 10px;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .image img {
    height: 60px;
  }
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .info h3 {
  margin: 10px 0 0 0;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .info h3 {
    font-size: 16px;
  }
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .info p {
  font-size: 14px;
  text-transform: uppercase;
  margin: 2px 0;
  width: 100%;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .info p {
    font-size: 12px;
  }
}
.page-template-compare-systems .flex-table .flex-row .implementation-partner-td .implementation-partner-container .info a {
  color: #E18B4B;
}
.page-template-compare-systems .flex-table .flex-row.heading-row .flex-th {
  background: #4c5e78;
  color: #fff;
  width: 100%;
}
.page-template-compare-systems .flex-table .flex-row.heading-row .flex-td {
  background: #4c5e78;
  color: #fff;
  border-right: 2px solid #4c5e78;
}
@media all and (max-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-row.heading-row .flex-td {
    display: none;
  }
}
.page-template-compare-systems .flex-table .flex-group {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-template-compare-systems .flex-table .flex-group > .flex-row:first-child > .flex-th {
  padding-top: 10px;
}
@media all and (min-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-group > .flex-row:first-child > .flex-td {
    padding-top: 10px;
  }
}
@media all and (min-width: 1000px) {
  .page-template-compare-systems .flex-table .flex-group > .flex-row:last-child > .flex-th, .page-template-compare-systems .flex-table .flex-group > .flex-row:last-child > .flex-td {
    padding-bottom: 10px;
  }
}
.page-template-compare-systems .flex-table .flex-group.factors-wrapper ul li {
  font-size: 15px;
  font-weight: 500;
}
.page-template-compare-systems .systems-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.page-template-compare-systems .system-container {
  border: 1px solid black;
  flex: 1;
  margin: 20px 0;
}
.page-template-compare-systems .system-container .left {
  flex: 0.2;
  display: flex;
  align-items: center;
  width: 40%;
  padding: 20px;
}
.page-template-compare-systems .system-container .left img {
  height: 100px;
  object-fit: contain;
}
.page-template-compare-systems .system-container .left h1 {
  font-size: 32px;
}
.page-template-compare-systems .system-container .right {
  width: 60%;
}

.tax-sg_organisation article {
  width: 100%;
}
.tax-sg_organisation .organisation {
  width: 100%;
  min-height: 350px;
  padding: 40px;
  background: #f6f6f6;
  margin-bottom: 40px;
}
@media all and (max-width: 992px) {
  .tax-sg_organisation .organisation {
    flex-direction: column-reverse;
  }
  .tax-sg_organisation .organisation > div {
    width: 100%;
  }
}
@media all and (max-width: 750px) {
  .tax-sg_organisation .organisation {
    text-align: center;
    padding: 20px;
  }
  .tax-sg_organisation .organisation .flex-1of3 {
    display: flex;
    justify-content: center;
  }
}
.tax-sg_organisation .organisation .logo {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  padding: 40px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
}
@media all and (max-width: 1200px) {
  .tax-sg_organisation .organisation .logo {
    width: 250px;
    height: 250px;
  }
}
@media all and (max-width: 992px) {
  .tax-sg_organisation .organisation .logo {
    top: 0;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 750px) {
  .tax-sg_organisation .organisation .logo {
    position: unset;
  }
}
.tax-sg_organisation .organisation .category-container a {
  color: #E18B4B;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 1.5px;
}
.tax-sg_organisation .organisation .post-title {
  font-size: 46px;
  font-weight: 700;
}
@media all and (max-width: 750px) {
  .tax-sg_organisation .organisation .post-title {
    font-size: 36px;
  }
}
@media all and (max-width: 992px) {
  .tax-sg_organisation .organisation .tagline {
    max-width: 350px;
  }
}
@media all and (max-width: 750px) {
  .tax-sg_organisation .organisation .tagline {
    margin: 0 auto;
  }
}
.tax-sg_organisation .organisation .supplier-info {
  margin: 20px 0;
}
.tax-sg_organisation .organisation .supplier-info > div {
  height: 25px;
  padding: 2px 0;
}
.tax-sg_organisation .organisation .supplier-info a {
  color: #E18B4B;
}
.tax-sg_organisation .organisation .supplier-info span {
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}
.tax-sg_organisation .organisation .supplier-info span.country-name {
  font-weight: bold;
}
.tax-sg_organisation .organisation .supplier-info span .svg-flag {
  margin-left: 10px;
}
.tax-sg_organisation .organisation .supplier-info .system-value {
  font-weight: 600;
}
@media all and (max-width: 992px) {
  .tax-sg_organisation .organisation .supplier-info {
    flex-direction: column;
  }
  .tax-sg_organisation .organisation .supplier-info > div {
    width: 100%;
  }
}
.tax-sg_organisation .organisation .action-container {
  display: flex;
  align-items: center;
}
@media all and (max-width: 992px) {
  .tax-sg_organisation .organisation .action-container {
    flex-direction: column;
  }
}
.tax-sg_organisation .organisation .action-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  padding: 15px 20px;
  border-radius: 3px;
  color: #E18B4B;
  margin-right: 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.8px;
}
@media all and (max-width: 1200px) {
  .tax-sg_organisation .organisation .action-container a {
    font-size: 12px;
  }
}
@media all and (max-width: 992px) {
  .tax-sg_organisation .organisation .action-container a {
    width: 100%;
    margin: 0;
  }
}
.tax-sg_organisation .organisation .action-container a.show-report span {
  color: #333333;
  display: flex;
  align-items: center;
  font-size: 24px;
  margin-right: 5px;
}
.tax-sg_organisation .organisation .action-container a.show-report:hover {
  background: #E18B4B;
  color: white;
  text-decoration: none;
}
.tax-sg_organisation .organisation .action-container a.dig-deeper {
  background: #E18B4B;
  color: #ffffff;
}
@media all and (max-width: 992px) {
  .tax-sg_organisation .organisation .action-container a.dig-deeper {
    margin-top: 20px;
  }
}
.tax-sg_organisation .organisation .action-container a.dig-deeper:hover {
  text-decoration: none;
}
.tax-sg_organisation .related-systems .top-container {
  justify-content: flex-start;
  margin-bottom: 40px;
}
.tax-sg_organisation .related-systems .top-container h2 {
  margin: 0;
}
.tax-sg_organisation .related-systems .top-container .consultants-container {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-top: 4px;
}
.tax-sg_organisation .related-systems .top-container .consultants-container .dot {
  height: 30px;
  width: 30px;
  background: #E18B4B;
  border-radius: 50%;
  margin-right: 10px;
}
.tax-sg_organisation .related-systems .related-wrapper {
  justify-content: flex-start;
}
.tax-sg_organisation .related-systems .related-wrapper .related-system {
  margin-right: 1.33%;
}
.tax-sg_organisation .related-systems .related-wrapper .related-system .system-type-container {
  top: 6px !important;
}
.tax-sg_organisation .related-systems .related-wrapper .related-system .system-consultants-container {
  position: absolute;
  left: -10px;
  top: -10px;
  margin: 0;
  background: #E18B4B;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tax-sg_organisation .related-systems .related-wrapper .related-system .system-consultants-container .system-consultants {
  color: white;
}

.tribe-events-c-subscribe-dropdown__container {
  display: none !important;
}

.tribe-events-content a {
  border-bottom: 0 !important;
}

/**
 * Wrappers
 */
.wrapper {
  max-width: 1600px;
  margin: 0px auto;
  padding-left: 10px;
  padding-right: 10px;
}

.inner-wrapper {
  max-width: 750px;
  margin: 0px auto;
}

/**
 * Header
 */
.header .page-wrap {
  overflow: inherit;
}

.logotype {
  display: block;
  max-width: 370px;
  float: left;
}

.nav-items {
  float: right;
  position: relative;
}

.main-menu-list {
  float: left;
}
.main-menu-list li {
  display: block;
  float: left;
}
.main-menu-list a {
  padding: 10px 15px;
  display: block;
  text-decoration: none;
}
/**
 * Components
 */
.btn,
button {
  border: 0;
  border-radius: 0;
}

.button-wrapper {
  text-align: center;
  margin-top: auto;
}

article a.button-blue,
#blocks a.button-blue,
.entry-content a.button-blue {
  display: inline-block;
  background-color: #E18B4B;
  font-weight: 500;
  padding: 0.4rem 1.8rem;
  line-height: 2rem;
  color: #fff;
  margin: 1.5rem 0.7rem 0;
}

.blue .button {
  background-color: #e1dfda;
  padding: 0.3rem 3rem;
  color: #26416a;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.modal-content {
  background: white;
  padding: 20px;
  max-width: 800px;
  margin: 5% auto;
  position: relative;
  overflow: auto;
  height: 80%;
}
@media all and (max-width: 768px) {
  .modal-content {
    margin: 10% auto;
    width: 96%;
  }
}
.modal-content input[type=text],
.modal-content input[type=phone],
.modal-content input[type=email],
.modal-content input[type=tel],
.modal-content textarea,
.modal-content select {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: 3px;
  background: white;
  cursor: pointer;
}

.close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/**
 * Footer
 */
.footer {
  width: 100%;
}

.hubspot-container {
  display: none;
}

.footer-contact {
  width: 100%;
  display: block;
  background-color: #4C5E78;
  text-align: center;
  padding: 1rem;
}
.footer-contact .button {
  display: inline-block;
  background-color: #E18B4B !important;
  padding: 0.3rem 3rem !important;
  color: #ffffff !important;
}

.woocommerce .footer-contact .button {
  border-radius: 0 !important;
  line-height: 2rem !important;
  font-weight: 500 !important;
}

.registration-button.button {
  display: inline-block;
  cursor: pointer;
}

.event-registration-wrapper {
  max-width: 500px;
  padding: 0 20px;
}

.event-registration-wrapper .gfield .ginput_container input {
  width: 100% !important;
}

@font-face {
  font-family: "herbert";
  src: url("fonts/herbert.eot");
  src: url("fonts/herbert.eot?#iefix") format("embedded-opentype"), url("fonts/herbert.woff") format("woff"), url("fonts/herbert.ttf") format("truetype"), url("fonts/herbert.svg#herbert") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "herbert" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "herbert" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-globe-world:before {
  content: "a";
}

.icon-align-justify:before {
  content: "b";
}

.icon-angle-left:before {
  content: "c";
}

.icon-angle-right:before {
  content: "d";
}

.icon-calendar:before {
  content: "e";
}

.icon-check-mark:before {
  content: "f";
}

.icon-email-envelope:before {
  content: "g";
}

.icon-linkedin:before {
  content: "h";
}

.icon-search-find:before {
  content: "i";
}

.icon-ticket:before {
  content: "j";
}

.icon-file-text:before {
  content: "l";
}

.icon-feather:before {
  content: "m";
}

.icon-telescope:before {
  content: "n";
}

.icon-puzzle:before {
  content: "o";
}

.icon-files:before {
  content: "p";
}

.icon-angle-up:before {
  content: "k";
}

.icon-angle-down:before {
  content: "q";
}

.icon-shopping-cart:before {
  content: "r";
}

@font-face {
  font-family: "systemguiden";
  src: url("fonts/systemguiden.eot");
  src: url("fonts/systemguiden.eot?#iefix") format("embedded-opentype"), url("fonts/systemguiden.woff") format("woff"), url("fonts/systemguiden.ttf") format("truetype"), url("fonts/systemguiden.svg#systemguiden") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-system-icon]:before {
  font-family: "systemguiden" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=system-icon-]:before,
[class*=" system-icon-"]:before {
  font-family: "systemguiden" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.system-icon-apple:before {
  content: "a";
}

.system-icon-explorer:before {
  content: "b";
}

.system-icon-windows:before {
  content: "c";
}

.system-icon-mobile:before {
  content: "d";
}

.system-icon-android:before {
  content: "e";
}

.system-icon-calendar:before {
  content: "f";
}

.system-icon-sunrise:before {
  content: "g";
}

.system-icon-cloud:before {
  content: "h";
}

.system-icon-checked:before {
  content: "i";
}

.system-icon-unchecked:before {
  content: "j";
}

.system-icon-people-1:before {
  content: "k";
}

.system-icon-people-2:before {
  content: "l";
}

.system-icon-people-3:before {
  content: "m";
}

.system-icon-home:before {
  content: "n";
}

.system-icon-building:before {
  content: "o";
}

.system-icon-people-centered-01:before {
  content: "p";
}

.system-icon-people-centered-02:before {
  content: "q";
}

.system-icon-people-centered-03:before {
  content: "r";
}

.system-icon-people-centered-04:before {
  content: "s";
}

.system-icon-people-centered-05:before {
  content: "t";
}

.system-icon-envelope:before {
  content: "u";
}

.system-icon-slack:before {
  content: "v";
}

.system-icon-teams:before {
  content: "w";
}

.system-icon-computer:before {
  content: "x";
}

.system-icon-woman:before {
  content: "y";
}

.system-icon-description:before {
  content: "z";
}

.system-icon-earth:before {
  content: "A";
}

.system-icon-flow:before {
  content: "B";
}

.system-icon-goal:before {
  content: "C";
}

.system-icon-handshake:before {
  content: "D";
}

.system-icon-headphones:before {
  content: "E";
}

.system-icon-people:before {
  content: "F";
}

.system-icon-schema:before {
  content: "G";
}

.system-icon-tool:before {
  content: "H";
}

.system-icon-ui:before {
  content: "I";
}

.system-icon-usp:before {
  content: "J";
}

.system-icon-wire:before {
  content: "K";
}

.system-icon-check-5:before {
  content: "L";
}

.system-icon-angle-down:before {
  content: "M";
}

.system-icon-angle-left:before {
  content: "N";
}

.system-icon-angle-right:before {
  content: "O";
}

.system-icon-angle-up:before {
  content: "P";
}

/**
 * Typography
 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
div,
span {
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

h1,
h2 {
  font-weight: 300;
}

h3 {
  font-size: 1.1rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}

h4 {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 0.8rem;
}

article a,
#blocks a,
.entry-content a,
a {
  color: #E18B4B;
}

#blocks .inner a.more-btn {
  display: inline-block;
  line-height: 2.4em;
  padding: 0 1.2rem;
  color: #fff;
  background: #E18B4B;
}

article a:hover,
#blocks a:hover,
.entry-content a:hover {
  text-decoration: underline;
}

#content li {
  margin-bottom: 0.5rem;
}

em {
  font-style: italic;
}

/**
 * Lists
 */
article ul,
.entry-content ul {
  list-style-type: disc;
}

article ul,
.entry-content ul {
  margin-left: 20px;
  font-size: 0.9375;
  line-height: 1.375em;
  margin-bottom: 0.9375;
}

/**
 * Undefined
 */
.page-wrap,
.post-type-archive-product #container #content,
.single-product #container #content,
#primary {
  max-width: 1150px;
  margin: 0px auto;
}

.vertical-padding {
  padding: 4rem 0 4rem 0;
  display: block;
}

.vertical-padding-down {
  padding: 0 0 4rem 0;
  display: block;
}

.vertical-padding.page-wrap,
.vertical-padding-down.page-wrap {
  overflow: hidden;
  clear: both;
}

.wrapper-color.gray {
  background: #f4f4f4;
}

#content {
  padding: 1rem;
}

.scrolloff {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: relative !important;
}

.scrolloff:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(210, 210, 210, 0.7);
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.left-wrapper {
  float: left;
  width: 64%;
  vertical-align: top;
  overflow: hidden;
}

.tax-formats .left-wrapper {
  width: 100%;
}

.button {
  background: #E18B4B;
  color: #ffffff;
  font-weight: 500;
  padding: 0.3rem 3rem !important;
  line-height: 2rem;
  display: inline-block;
  border: none;
}

/**
 * Header
 */
.header {
  width: calc(100% - 2rem);
  position: absolute;
  z-index: 300;
  border-bottom: 1px solid #fff;
  height: 6rem;
  margin: 1rem auto 0 auto;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media all and (max-width: 768px) {
  .header {
    background: #374456;
  }
}

.logotype {
  display: inline-block;
  vertical-align: middle;
  line-height: 6rem;
  margin-right: 2rem;
}

.logotype img {
  display: inline-block;
  vertical-align: middle;
}

#header.scroll {
  position: fixed;
  background: #3a3e4d;
  background: rgba(58, 62, 77, 0.68);
  z-index: 100;
  margin-top: 0;
  height: 5rem;
}

#header.scroll .logotype,
#header.scroll .menu-main a,
#header.scroll a.icon-shopping-cart,
#header.scroll .magnifyer {
  line-height: 5rem;
}

#header.scroll a.icon-shopping-cart,
#header.scroll .search-form,
#header.scroll .menu-language {
  height: 5rem;
}

#header.scroll .logotype img {
  max-width: 180px;
  vertical-align: baseline;
}

#header.scroll .menu-language > ul {
  margin-top: 2rem;
}

/**
 * Navigation Menu
 */
.menu-main {
  display: inline-block;
  vertical-align: middle;
  height: 6rem;
  float: left;
  margin-right: 1rem;
}

.menu-main-list {
  float: left;
}

.menu-main-list li {
  display: block;
  float: left;
}

.menu-main li {
  position: relative;
}

.menu-main a {
  color: #fff;
  text-transform: uppercase;
  padding: 0 0.8rem;
  font-size: 0.8rem;
  line-height: 6rem;
  display: block;
}

.menu-main li:hover:before {
  position: absolute;
  content: " ";
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 0.4rem;
  bottom: 0;
  left: 0;
}

/**
 * Navigation Menu Mobile
 */
.menu-mobile.fadein,
.menu-mobile.fadeout {
  opacity: 0;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.menu-mobile.fadein {
  opacity: 1;
  height: 100%;
}

.menu-mobile {
  opacity: 1;
  background: #2C3645;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  height: 0;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.menu-mobile .menu-main-list {
  margin: 0 auto;
  max-width: 650px;
  display: block;
  float: none;
}
.menu-mobile .menu-main-list li {
  display: block;
  width: 100%;
  margin: 0 0 0 0;
}
.menu-mobile li {
  position: relative;
  z-index: 2;
  text-align: center;
}
.menu-mobile a {
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 0;
  font-size: 0.9rem;
  line-height: 2rem;
  display: block;
  position: relative;
  z-index: 3;
}
.menu-mobile .current-menu-item a {
  color: #E18B4B;
}
.menu-mobile li:hover:before {
  position: absolute;
  content: " ";
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.system .menu-main .system:before,
.single-system .menu-main .system:before,
.menu-main .current-menu-item:before,
.menu-main .current-page-ancestor:before,
.archive.category .menu-main .current_page_parent:before,
.blog .menu-main .current_page_parent:before,
.single.single-post .menu-main .current_page_parent:before,
.menu-main .current_page_parent:before,
.tax-product_cat .menu-main .menu-item-48:before,
.author .menu-main .menu-item-object-offices:before {
  position: absolute;
  content: " ";
  background: #f18734;
  width: 100%;
  height: 0.4rem;
  bottom: 0;
  left: 0;
}

.menu-main .current-menu-item:hover:before.menu-main .current-page-ancestor:hover:before {
  background: #f18734;
}

.system .current_page_parent:before,
.post-type-archive .menu-main .current_page_parent:before,
.single-offices .menu-main .current_page_parent:before,
.single-tribe_events .menu-main .current_page_parent:before,
.author .current_page_parent:before {
  background: none;
}

.search .current_page_parent:before {
  background: none;
}

.menu-language {
  vertical-align: middle;
  float: left;
}

a.icon-shopping-cart {
  height: 6rem;
  color: #ffffff;
  float: left;
  margin-right: 1rem;
  line-height: 6rem;
  font-size: 1.3rem;
}

a.icon-shopping-cart:hover {
  color: #f18734;
}

a.icon-align-justify {
  display: none;
  height: 6rem;
  color: #fff;
  float: left;
  margin-right: 2rem;
  line-height: 6rem;
  font-size: 1.3rem;
  position: relative;
  z-index: 100;
}

a.icon-align-justify:before {
  /*border:1px solid #fff;
  padding:5px;
  border-radius: 50%;*/
}

@media all and (max-width: 1200px) {
  a.icon-align-justify {
    margin-right: 1rem;
    display: block;
  }
}
a.icon-align-justify:hover {
  color: #E18B4B;
}

a.icon-align-justify.open:hover {
  color: #fff;
}

/**
	 * Navigation Menu - Language
	 */
.menu-language {
  cursor: pointer;
  float: left;
  height: 6rem;
  margin-right: 0.7rem;
  padding-left: 1.7rem;
  position: relative;
  vertical-align: middle;
  bottom: 0px;
  overflow: hidden;
}

.menu-language:hover:before {
  color: #E18B4B;
}

.menu-language:before {
  position: absolute;
  content: "a";
  font-family: "herbert";
  font-size: 1.35rem;
  left: 0;
  top: 2.2rem;
  color: #fff;
  z-index: 4;
}

.menu-language li {
  color: #fff;
  cursor: pointer;
  line-height: 5.8rem;
}

.menu-language li:first-letter {
  text-transform: uppercase;
}

.menu-language-head {
  margin: 0 0 -0.95rem 0;
  padding: 1rem 1rem 0 1rem;
  width: 100%;
  display: none;
  bottom: 0px;
  box-sizing: border-box;
}

.menu-language-wrapper {
  background: #686970;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.menu-language-wrapper a {
  color: #fff;
}

.language-head {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  background: #2C3645;
  text-align: center;
}

.language-head li {
  z-index: 10;
  text-align: center;
  padding: 1rem;
  margin: 0 !important;
  position: relative;
  display: inline-block;
}

.language-head img {
  margin-right: 10px;
}

.language-head a {
  display: block;
  width: 100%;
  line-height: 2rem;
}

.language-head a {
  color: #fff;
  text-decoration: none;
  padding: 0 10px 0;
  display: block;
  text-align: center;
}

/**
	 * Navigation Menu - Language
	 */
.child-nav {
  width: 100%;
  border-bottom: 1px solid #f3f4f7;
}

.child-nav ul {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  float: right;
}

.sidebar .child-nav ul {
  width: 100%;
}

#content .child-nav li {
  display: block;
  float: left;
  margin-left: 1px;
  position: relative;
  margin-bottom: 0;
}

.child-nav li a {
  display: block;
  padding: 1rem 1rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #344259;
  background: #f3f4f7;
}

.child-nav li.current_page_item:before {
  position: absolute;
  content: " ";
  background-color: #E18B4B;
  width: 100%;
  height: 0.2rem;
  bottom: 0;
  width: 100%;
  left: 0;
}

.child-nav li:hover:before,
.child-nav li.current_page_item:hover:before {
  background-color: #e7e8ee;
  position: absolute;
  content: " ";
  width: 100%;
  height: 0.2rem;
  bottom: 0;
  width: 100%;
  left: 0;
}

/**
	 * Taxonomy filters menu
	 */
.beautiful-taxonomy-filters {
  background: #f4f4f4;
  padding: 1rem 2rem;
  margin: 0 0 1px 0;
}

.select2-dropdown li {
  font-size: 0.9rem;
}

.beautiful-taxonomy-filters-select-wrap {
  float: left;
}

.beautiful-taxonomy-filters-button {
  float: right;
  background: #f18734;
  color: #fff;
}

.beautiful-taxonomy-filters-clear-all {
  float: right;
  margin: 0 1rem 0 0;
}

.beautiful-taxonomy-filters form {
  max-width: 1150px;
  margin: 0px auto;
  overflow: hidden;
  line-height: 2rem;
}

.beautiful-taxonomy-filters-label {
  margin: 0 0.5rem 0 0;
}

.beautiful-taxonomy-filters-select {
  min-width: 300px;
}

.level-0 {
  font-weight: 600;
  font-size: 1.1rem;
}

.beautiful-taxonomy-filters-active-filter .beautiful-taxonomy-filters-single-tax {
  display: none;
}

/**
 * Searchform
 */
.searchicon-head {
  cursor: pointer;
  float: left;
  height: 6rem;
  margin-right: 1rem;
  position: relative;
  vertical-align: middle;
  bottom: 0px;
  overflow: hidden;
}

.searchform-head {
  margin: 0 0 -0.95rem 0;
  padding: 1rem 1rem 0 1rem;
  width: calc(100% - 2rem);
  display: none;
}

.searchform-wrapper {
  background: #374457;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.search-form {
  background-color: rgba(38, 65, 106, 0.1);
  position: relative;
}

.magnifyer {
  cursor: pointer;
  color: #fff;
  line-height: 6rem;
  font-size: 1.3rem;
}

.search-form .magnifyer {
  line-height: 2.5rem;
  padding: 1rem 2.5rem;
  background: #2C3645;
}

.magnifyer:hover {
  color: #E18B4B;
}

.search-submit {
  cursor: pointer;
  display: none;
}

#s {
  width: 70%;
  max-width: 700px;
  background: #2C3645;
  color: #f2f2f2;
  border: none;
  font-size: 1.3rem;
  padding: 1rem 0.5rem;
  font-weight: 300;
}

/**
 * Search
 */
.search article {
  padding: 1rem 2rem;
  border-left: 3px solid #e69354;
  background: #f9f9f9;
  margin: 0.5rem 0;
}

.search article a {
  color: #333;
}

.search h2 {
  float: left;
}

.search .entry {
  width: 100%;
  margin: 10px 0;
  overflow: auto;
}

.search article .inner_wrapper {
  max-width: 750px;
}

.search article header span {
  float: right;
  font-size: 0.8rem;
  padding: 0.4rem;
  background: #8b91a6;
  color: #fff;
}

/**
 * Pagination
 */
.pagination {
  text-align: center;
}

.pagination span,
.pagination a {
  padding: 0.5rem 0.8rem;
  line-height: 1.5rem;
  background: #f9f9f9;
  display: inline-block;
}

.pagination .current {
  background: #f18734;
  color: #fff;
}

.woocommerce-pagination li {
  margin-bottom: 0 !important;
}

/**
 * Slider
 */
.slides {
  position: relative;
}

.slick-list {
  height: unset;
}

.home ul.slides .slick-slide {
  height: 600px;
}

ul.slides .slick-slide {
  position: relative;
  color: #fff;
  height: 500px;
  background-size: cover !important;
  background-position: top center !important;
  margin-bottom: 0 !important;
}

ul.slides li li {
  padding-top: 0;
}

.slides .slick-slide:before {
  content: " ";
  opacity: 0.5;
  background-color: #374457;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
}

.slides .page-wrap {
  position: absolute;
  z-index: 2;
  display: block;
  bottom: 2rem;
  left: 2rem;
}

.slides .slide-content {
  position: relative;
  display: block;
  max-width: 600px;
  margin-right: 2%;
  margin-left: 2%;
}

.archive-header .slide-content picture {
  display: block;
  width: 100%;
}

.archive-header .slide-content img {
  object-fit: cover;
  vertical-align: bottom;
  position: relative;
  z-index: 1;
  min-height: 400px;
  width: 100%;
}

.slides .slide-content span {
  margin: 1.5rem 0 3rem 0;
  display: block;
}

.slides .slide-content span p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.slides .slide-content h2 {
  font-size: 2rem;
}

.slides .slide-content ul li {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}

.slides .slide-content ul li a {
  font-size: 0.875rem;
  display: block;
  background-color: #E18B4B;
  line-height: 2.4rem;
  color: #fff;
  padding: 0 1.4rem;
}

.slides .slide-content ul li a:hover {
  background-color: #EDB993;
}

/**
	* No Slider
	*/
.no-sliders .slick-list {
  max-height: 96px;
}

.no-sliders .slides .slick-slide {
  background-color: #373a43;
}

/**
 * Frontpage
 */
.home article {
  float: left;
  width: 60%;
  vertical-align: top;
  overflow: hidden;
  margin-right: 4%;
}

.home article p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.home .vertical-padding.page-wrap {
  padding: 1.5rem 0 2rem;
}

/**
	* Post news
	*/
.post-news {
  float: left;
  width: 36%;
  vertical-align: top;
  text-align: center;
}

.post-news h2 {
  text-align: left;
  padding: 0 1rem;
}

.post-news li {
  display: block;
  margin-bottom: 0 !important;
}

.post-news ul {
  margin: 1rem 0;
  text-align: left;
}

.post-news ul a {
  display: block;
  padding: 0 1rem;
  line-height: 2.6rem;
}

.post-news ul a:hover {
  background: #f9f9f9;
}

.post-news h3 {
  display: inline-block;
  position: relative;
  margin-left: 1.8rem;
  margin-bottom: 0;
  padding: 0.7rem 0;
  font-size: 1rem;
  max-width: 60%;
}

.post-news h3:before {
  content: "l";
  font-family: "herbert";
  position: absolute;
  left: -1.8rem;
  font-size: 1.5rem;
  color: #C4BDAA;
}

.post-news span {
  float: right;
  font-size: 0.8rem;
  padding-right: 1.5rem;
  position: relative;
}

.post-news span:after {
  content: "d";
  font-family: "herbert";
  position: absolute;
  right: 0;
  font-size: 1.3rem;
}

.post-news .button {
  background: #C4BDAA;
  font-size: 0.875rem;
  padding: 0.2rem 1.4rem;
}

.post-news .button:hover {
  background: #DCD7CC;
}

/**
  * Post blogs
  */
.post-blogs ul {
  margin: 1rem 0 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.post-blogs li {
  width: 32%;
}

.post-blogs li .inner-wrap {
  padding: 0.5rem;
}

.post-blogs li:nth-child(3n) {
  margin-right: 0;
}

.post-blogs h3 {
  display: block;
  position: relative;
  font-size: 1.4rem;
  color: white;
  margin: 0;
}

.post-blogs .post-date {
  font-size: 0.6rem;
  font-weight: 700;
  margin-bottom: 0;
  display: block;
  line-height: 1.2;
  color: #e18b4b;
}

.archive-header .post-date,
.post-content .post-date {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0;
  display: block;
  line-height: 1.2;
  color: #e18b4b;
}

.post-blogs li .blog-image-wrapper {
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-bottom: 1rem;
  position: relative;
  background: #f7f7f7;
}

.post-blogs li .blog-image-wrapper .inner-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(0deg, rgba(52, 57, 66, 0.8) 30%, rgba(0, 0, 0, 0.03) 90%);
}

.post-blogs li .blog-image-wrapper .inner-wrap .categories {
  display: flex;
  margin: 0;
  color: #e18b4b;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

.post-blogs li .blog-image-wrapper .blog-category {
  z-index: 9;
}

.post-blogs li .blog-image-wrapper .blog-image {
  position: absolute;
  height: 100%;
}

.post-blogs li .blog-image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blog-image-wrapper .no-image {
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: 0 auto;
  max-width: 200px;
}

.post-blogs .blog-category {
  display: inline-block;
  background-color: rgba(38, 65, 106, 0.8);
  color: #fff;
  line-height: 2rem;
  padding: 0 2rem;
  font-size: 0.9rem;
  position: absolute;
  bottom: 1rem;
  right: 0;
  max-width: 60%;
  width: auto;
  text-align: right;
  font-weight: 300;
}

/**
 * Publications
 */
.publications {
  background: #4C5E78;
  color: #fff;
}

.publications section {
  float: left;
  width: 48%;
}

.publications section:nth-of-type(1) {
  margin-right: 4%;
}

.publications ul {
  margin-top: 1rem;
}

.publications li {
  float: left;
  width: 100%;
  background: #57514d;
  margin: 0 0 0.3rem 0;
  position: relative;
}

.publications li:hover {
  background: #48566a;
}

.publications .icon-files {
  display: block;
  background: #8C9DB6;
  line-height: 4.3rem;
  width: 3.8rem;
  text-align: center;
  font-size: 1.3rem;
  float: left;
  z-index: 2;
  position: relative;
}

.publications .publication-category {
  display: block;
  background: #B2BECE;
  line-height: 4.3rem;
  min-width: 3.8rem;
  padding: 0 0.4rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-align: left;
  float: left;
  position: relative;
  z-index: 3;
  min-width: 140px;
}

.publications p {
  display: inline-block;
  line-height: 4.3rem;
  min-width: 3.8rem;
  text-align: center;
  float: left;
  position: relative;
  padding: 0 1rem;
  font-size: 1rem;
  margin-bottom: 0;
}

.publications li:after {
  content: "d";
  font-family: "herbert";
  position: absolute;
  right: 0.5rem;
  font-size: 1.3rem;
  line-height: 4.3rem;
  color: #ccc;
}

.publications a h3 {
  display: block;
  line-height: 4.3rem;
  padding: 0 0.4rem;
  margin-bottom: 0;
  font-size: 0.7rem;
  text-align: left;
  float: left;
  font-size: 1.05rem;
}

.link-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}

.publications-page ul {
  overflow: hidden;
}

.publications .more-btn {
  font-size: 0.875rem;
  display: inline-block;
  line-height: 2.4em;
  padding: 0 1.4em;
  margin: 0.6rem 0 0 0;
  color: #ffffff;
  background: #E18B4B;
}

.publications .more-btn:hover {
  background: #EDB993;
}

.publications .publications-img img {
  width: 100%;
  height: auto;
}

.post-type-archive-product ul.products {
  margin: 0 0.5rem;
}

.post-type-archive-product ul.products li.product {
  overflow: hidden;
  float: left;
  width: 49%;
  margin: 0 2% 2% 0;
}

.post-type-archive-product ul.products li.product:nth-child(2n+2) {
  margin: 0 0 2% 0;
}

.post-type-archive-product ul.products li.product img {
  margin: 0 !important;
  width: 20.8% !important;
  /*float: left;*/
  display: flex;
}

.post-type-archive-product ul.products li.product a {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  background: #374457;
}

.post-type-archive-product ul.products li.product a:hover {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  background: #48566a;
}

.post-type-archive-product ul.products li.product h3,
.post-type-archive-product ul.products li.product h2 {
  padding: 0 1.5rem !important;
  font-size: 0.8rem;
  float: left;
  width: 79.2% !important;
  box-sizing: border-box;
  vertical-align: middle;
}

.post-type-archive-product ul.products li.product h3:after,
.post-type-archive-product ul.products li.product h2:after {
  content: "d";
  font-family: "herbert";
  position: absolute;
  right: 0.5rem;
  font-size: 0.9rem;
  text-transform: none;
  color: #ccc;
}

.post-type-archive-product ul.products li.product h3 .count,
.post-type-archive-product ul.products li.product h2 .count {
  color: #ffffff;
  display: none;
}

.post-type-archive-product ul.products li.product div {
  float: left;
  padding: 0.8rem 0.8rem;
  font-weight: 300;
  font-size: 0.8rem;
  width: 79.2% !important;
  text-align: left;
  display: none;
}

.post-type-archive-product ul.products li.product:after {
  content: none;
}

.post-type-archive-product #content .publications-page ul.products.list li.product h3 .count,
.post-type-archive-product #content .publications-page ul.products.list li.product h2 .count {
  color: #ffffff;
}

.post-type-archive-product #content .publications-page ul.products.list li.product div {
  float: left;
  padding: 0.8rem 0.8rem;
  font-weight: 300;
  font-size: 0.8rem;
  width: 79.2% !important;
}

.tax-product_cat .publications {
  background: transparent;
  color: #333;
}

.tax-product_cat .vertical-padding {
  padding: 0 !important;
}

.tax-product_cat #footer .vertical-padding {
  padding: 3rem 0 2rem 0 !important;
}

.tax-product_cat ul.products li.product {
  width: 100% !important;
  margin: 0 0 2% !important;
  background-color: rgba(132, 147, 172, 0.2);
}

.tax-product_cat ul.products li.product:after {
  line-height: 3.5rem;
}

.tax-product_cat ul.products li.product:hover {
  background-color: rgba(132, 147, 172, 0.35) !important;
}

.tax-product_cat ul.products li.product img {
  margin: 0 !important;
  width: 15% !important;
  float: left;
}

.tax-product_cat ul.products li.product hr {
  display: none;
}

.tax-product_cat ul.products li.product h2,
.tax-product_cat ul.products li.product h3 {
  background: #8493ac;
  color: #ffffff;
  line-height: 3rem;
  padding: 0.2rem 1.8rem !important;
  display: block;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-align: left;
  float: left;
  width: 85% !important;
  box-sizing: border-box;
}

.tax-product_cat ul.products li.product .price {
  display: none;
}

.tax-product_cat ul.products li.product h3:after {
  font-size: 1.4rem;
}

.tax-product_cat ul.products li.product div {
  float: left;
  display: block;
  padding: 0.9rem 1.8rem;
  font-weight: 300;
  font-size: 0.8rem;
  text-align: left;
}

.tax-product_cat ul.products li.product div p,
.tax-product_cat ul.products li.product div b {
  font-weight: 300;
}

.tax-product_cat .publications p {
  line-height: 1.4rem !important;
}

.tax-product_cat ul.products li.product div.gridlist-buttonwrap {
  display: none;
}

a.button.download-extracts {
  float: right;
}

/*
* Publications page
*/
.gridlist-toggle {
  display: none !important;
}

ul.products {
  text-align: center;
}

ul.products li a.button,
.woocommerce button.button.alt {
  border-radius: 0;
  display: inline-block;
  background-color: #26416a;
  color: #fff;
  font-weight: 300;
}

ul.products mark.count {
  background: transparent;
}

.quantity input {
  padding: 0.398em 1em;
  line-height: 1;
}

.woocommerce-ordering select.orderby {
  border-radius: 0;
  background-color: #ffffff;
  border: solid 1px #eaeaea;
  color: #868686;
  font-size: 0.9rem;
}

#content ul.products.list li.product img {
  float: left;
  margin-bottom: 1.5em;
  margin-right: 3.8% !important;
  width: 20.75% !important;
}

ul.products.list li.product h3,
ul.products.list li.product div[itemprop=description],
ul.products.list li.product .price,
ul.products.list li.product .gridlist-buttonwrap {
  width: 75.4% !important;
}

ul.products.list li.product h3,
ul.products.list li.product div[itemprop=description],
ul.products.list li.product .price,
ul.products.list li.product .gridlist-buttonwrap {
  width: 75.4% !important;
}

.single.woocommerce .woocommerce-breadcrumb {
  padding: 10px 0;
}

/*Recent products*/
.woocommerce-page .woocommerce.columns-1 {
  float: right;
  width: 25%;
  margin: 0 0 2rem 2rem;
}

.woocommerce-page .woocommerce.columns-1 li {
  background: #f3f4f7;
  margin-bottom: 1px !important;
  text-align: left;
}

.woocommerce-page .woocommerce.columns-1 li a {
  display: block;
  width: 100%;
  padding: 0 1rem;
}

.woocommerce-page .woocommerce.columns-1 .wp-post-image {
  display: none;
}

.woocommerce-page .woocommerce.columns-1 .gridlist-buttonwrap {
  display: none;
}

.woocommerce-page .page-description {
  float: left;
  margin-right: 4%;
  overflow: hidden;
  vertical-align: top;
  width: 60%;
}

/**
	 * Product news
	 */
.publications-sidebar {
  float: right;
  width: 36%;
  vertical-align: top;
}

.product-news {
  margin-bottom: 40px;
}

.product-news h2 {
  color: #333333;
}

.product-news li {
  display: block;
  width: 100%;
  margin-bottom: 0 !important;
  box-sizing: border-box;
}

.product-news ul {
  margin: 1rem 0;
}

.product-news ul a {
  display: block;
  width: 100%;
  line-height: 2.6rem;
}

.product-news ul a:hover {
  background: #f9f9f9;
}

.product-news h3 {
  display: inline-block;
  position: relative;
  margin-left: 1.5rem;
  margin-bottom: 0;
  line-height: 2.4rem;
  font-size: 1rem;
  max-width: 90%;
}

.product-news h3:before {
  content: "l";
  font-family: "herbert";
  position: absolute;
  left: -1.8rem;
  font-size: 1.5rem;
  color: #C4BDAA;
}

.product-news span {
  float: right;
  font-size: 0.8rem;
  padding-right: 1.5rem;
  position: relative;
}

.product-news span:after {
  content: "d";
  font-family: "herbert";
  position: absolute;
  right: 0;
  font-size: 1.3rem;
  line-height: 2.5rem;
}

/* Shop page start */
.post-type-archive-product .site-main ul.products {
  background: #48423e;
  color: #fff;
}

/**
 * Publications
 */
.publications {
  background: #4C5E78;
  color: #ffffff;
}

.publications section {
  float: left;
  width: 48%;
}

.publications section:nth-of-type(1) {
  margin-right: 4%;
}

.publications ul {
  margin-top: 1rem;
}

.publications li {
  float: left;
  width: 100%;
  background: #60718a;
  margin: 0 0 0.3rem 0;
  position: relative;
}

.publications li:hover {
  background: #48566a;
}

.publications .icon-files {
  display: block;
  background: #374457;
  line-height: 4.3rem;
  width: 3.8rem;
  text-align: center;
  font-size: 1.3rem;
  float: left;
  z-index: 2;
  position: relative;
}

.publications .publication-category {
  display: block;
  background: #8C9DB6;
  line-height: 4.3rem;
  min-width: 3.8rem;
  padding: 0 1rem;
  margin: 0 1rem 0 0;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-align: left;
  float: left;
  position: relative;
  z-index: 3;
  min-width: 140px;
}

.publications p {
  display: inline-block;
  line-height: 4.3rem;
  min-width: 3.8rem;
  text-align: center;
  float: left;
  position: relative;
  padding: 0 1rem;
  font-size: 1rem;
  margin-bottom: 0;
}

.publications li:after {
  content: "d";
  font-family: "herbert";
  position: absolute;
  right: 0.5rem;
  font-size: 1.3rem;
  line-height: 4.3rem;
  color: #ccc;
}

.publications a h3 {
  display: block;
  line-height: 4.3rem;
  padding: 0 0.4rem;
  margin-bottom: 0;
  font-size: 0.7rem;
  text-align: left;
  float: left;
  font-size: 1.05rem;
}

.link-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}

.publications-page ul {
  overflow: hidden;
}

.publications .more-btn {
  font-size: 0.875rem;
  display: inline-block;
  line-height: 2.4em;
  padding: 0 1.4em;
  margin: 0.6rem 0 0 0;
  color: #ffffff;
  background: #E18B4B;
}

/**
 * Mailchimp forms
 */
.content #mc_embed_signup form {
  padding: 0;
}

.content #mc_embed_signup .mc-field-group {
  min-height: 40px;
  padding-bottom: 0.5rem;
  width: 50%;
  float: left;
}

.content #mc_embed_signup .mc-field-group:first-of-type {
  clear: both;
}

.content #mc_embed_signup .mc-field-group label {
  width: 100%;
  float: left;
}

.content #mc_embed_signup .mc-field-group input[type=text],
.content #mc_embed_signup .mc-field-group input[type=email] {
  width: 98%;
  float: left;
}

.content [data-required=true]:after {
  top: 40px;
}

#mc_embed_signup {
  margin-top: 1rem;
}

#mc_embed_signup .mc-field-group.input-group input {
  margin-right: 10px;
}

.indicates-required {
  clear: both;
  float: left;
  width: 100%;
  padding-bottom: 0.4rem;
  color: #999;
  font-size: 0.8rem;
}

.content #mc_embed_signup h2 {
  float: left;
  width: 50%;
}

.mc-field-group.input-group {
  width: 100%;
}

.mc-field-group.input-group li {
  width: 25%;
  float: left;
}

#mc_embed_signup .mc-field-group.input-group li label {
  float: left;
  width: auto;
}

.mc-field-group.input-group li input {
  float: left;
  margin-top: 5px;
}

/**
 * Contact form
 */
#gform_11 {
  padding: 1rem 2rem 1.5rem;
  background-color: #f2f2f2;
}

#gform_11 ul.gform_fields li span label {
  display: none !important;
}

/**
 * E-Insight system archive
 */
.system-filter {
  float: left;
  width: 100%;
  margin: 2rem 0 1rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.system-filter .beautiful-taxonomy-filters-select-wrap {
  width: calc(100% - 130px);
}
.system-filter .beautiful-taxonomy-filters {
  background: #48423e;
  color: #ffffff;
  padding: 1.5rem 3rem;
}
.system-filter .beautiful-taxonomy-filters form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.system-filter .beautiful-taxonomy-filters form:before, .system-filter .beautiful-taxonomy-filters form:after {
  content: none;
}
.system-filter .beautiful-taxonomy-filters-tax {
  float: left;
  margin: 0 20px 10px 0;
}
.system-filter .beautiful-taxonomy-filters-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 1px 0;
  display: block;
  line-height: 1.3;
}
.system-filter .select2-container,
.system-filter .beautiful-taxonomy-filters-select {
  max-width: 140px;
  min-width: 140px;
}
.system-filter .select2-selection {
  border-radius: 0;
  border: solid 1px #e6e6e6;
  font-size: 0.8rem;
}
.system-filter .beautiful-taxonomy-filters-button,
.system-filter .beautiful-taxonomy-filters-clear-all {
  float: right;
  text-align: center;
  background: #8493ac;
  color: #fff;
  padding: 10px 15px 10px;
  line-height: 1;
  font-weight: 300;
  font-size: 0.8rem;
  margin-left: 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.system-filter .beautiful-taxonomy-filters-button:hover,
.system-filter .beautiful-taxonomy-filters-clear-all:hover {
  background: #748196;
}
.system-filter .beautiful-taxonomy-filters-clear-all {
  background: #686970;
}
.system-filter .beautiful-taxonomy-filters-button {
  display: none;
}

.post-type-archive-system .select2-dropdown,
.tax-system_type .select2-dropdown {
  font-size: 0.75rem !important;
  border: solid 1px #e6e6e6 !important;
}

.post-type-archive-system .select2-container--default .select2-results__option[aria-selected=true],
.tax-system_type .select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(241, 135, 53, 0.11);
}

.post-type-archive-system .select2-container--default .select2-results__option--highlighted[aria-selected],
.tax-system_type .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #f18734;
}

.post-type-archive-system #select2-select-vendor-results .select2-results__option[aria-disabled=true],
.post-type-archive-system #select2-select-process-results .select2-results__option[aria-disabled=true],
.tax-system_type #select2-select-vendor-results .select2-results__option[aria-disabled=true],
.tax-system_type #select2-select-process-results .select2-results__option[aria-disabled=true] {
  display: none;
}

.system-filter-posts {
  float: left;
  width: 100%;
}
.system-filter-posts article {
  background: #ffffff;
  border-bottom: solid 1px #e8e8e8;
  padding: 1.5rem 3rem;
  overflow: hidden;
  margin: 0 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.system-filter-posts article:last-of-type {
  border-bottom: none;
}
.system-filter-posts .post-image {
  float: left;
  width: 180px;
  margin: 0 50px 0 0;
}
.system-filter-posts .post-image img {
  max-width: 100%;
  max-height: 110px;
  height: auto;
  width: auto;
}
.system-filter-posts .post-content {
  float: left;
  width: calc(100% - 230px);
}

/**
 * E-Insight system single
 */
.system-abstract .page-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.system-abstract p {
  font-size: 1.2rem;
  font-weight: 300;
}
.system-abstract .tagline {
  color: #f18735;
  font-style: italic;
}
.system-abstract .logo {
  max-width: 280px;
  margin: 0 40px 0 0;
  float: left;
}
.system-abstract .text {
  width: calc(100% - 320px);
  float: left;
}

.system-info {
  overflow: hidden;
  width: 100%;
  height: auto;
  /*.vendor .specifics li a {
  	color: $white;
  }*/
}
.system-info .page-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0;
}
.system-info .info-box {
  float: left;
  width: 49.5%;
  margin: 0 1% 1% 0;
  padding: 1.5rem;
  background: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.system-info .info-box.product {
  background: #374457;
  color: #ffffff;
}
.system-info .info-box.vendor, .system-info .info-box.product {
  width: 100%;
  margin: 0 0 1% 0;
}
.system-info .info-box.vendor .specifics, .system-info .info-box.product .specifics {
  float: left;
  width: 49%;
  margin: 0 2% 1% 0;
  padding: 1rem;
  box-sizing: border-box;
}
.system-info .info-box.vendor .specifics:nth-of-type(2n + 2), .system-info .info-box.product .specifics:nth-of-type(2n + 2) {
  margin: 0 0 1% 0;
}
.system-info .info-box:nth-of-type(2n + 2) {
  margin: 0 0 1% 0;
}
.system-info .info-box.blue {
  background: #374457;
  color: #ffffff;
}
.system-info .info-box.blue .button {
  background: #E18B4B;
  color: #ffffff;
  font-weight: 500;
}
.system-info .info-box .title {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 300;
  margin: 0 0 0.8rem 0;
}
.system-info .info-box .text {
  margin: 0 0 2rem;
}
.system-info .info-box .text p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}
.system-info .factors {
  background: #374457;
  color: #ffffff;
}
.system-info .factors ul {
  list-style: disc;
}
.system-info .factors li {
  list-style: disc !important;
  position: relative;
  line-height: 1.4 !important;
  margin: 0 0 0.6rem 1.5rem !important;
}
.system-info .process-support {
  background: transparent;
  padding: 1.5rem 1.5rem;
}
.system-info .specifics li {
  line-height: 1.2;
  font-weight: 300;
  list-style: none;
  /*display: flex;
  align-items: flex-start;
  flex-wrap: wrap;*/
}
.system-info .specifics li a {
  color: #8493ac;
}
.system-info .specifics li span {
  display: inline-block;
  min-width: 180px;
  max-width: 180px;
  font-weight: 400;
  margin: 0 15px 0 0;
  vertical-align: top;
}
@media all and (max-width: 768px) {
  .system-info .specifics li span {
    display: block;
    max-width: 100%;
  }
}
.system-info .specifics li .long-text {
  width: calc(100% - 200px);
  max-width: 100%;
  min-width: 0px;
  margin: 0;
  font-weight: 300;
}
@media all and (max-width: 768px) {
  .system-info .specifics li .long-text {
    width: 100%;
  }
}
.system-info .specifics li .sub {
  margin: 8px 0 0 20px;
}
.system-info .specifics li .sub li:before {
  content: "-";
  margin: 0 5px 0 0;
}
@media all and (max-width: 768px) {
  .system-info .specifics li .sub li:before {
    content: " ";
  }
}
.system-info .specifics li .sub span {
  min-width: 150px;
  max-width: 150px;
}
@media all and (max-width: 768px) {
  .system-info .specifics li .sub span {
    width: 100%;
    overflow: hidden;
  }
}

table.customer-size {
  /*table-layout: fixed;*/
  border-collapse: separate;
  border-spacing: 1px;
  /*width:100%;*/
  margin: 10px 0;
  /*border:1px solid $gray;*/
  display: inline-block;
  /*tr:nth-child(odd) {
  	background:$white;
  }
  tr:nth-child(even) {
  	background:$lightgray;
  }*/
}
table.customer-size td {
  box-sizing: border-box;
  text-align: center;
  word-wrap: break-word;
  padding: 0.2rem 0.5rem;
}
table.customer-size td:first-child {
  text-align: right;
}
table.customer-size .term-name {
  font-size: 0.9rem;
}
table.customer-size .icon-check-mark {
  padding: 4px 0;
}

.system-info .chart {
  position: relative;
  overflow: hidden;
  /*&:before {
  	content: "";
      width: 1px;
      height: 100%;
      display: block;
      background: white;
      position: absolute;
      top: -2%;
      left: 50%;
  }*/
}
.system-info .chart li {
  overflow: hidden;
}
.system-info .chart li .col {
  float: left;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.system-info .chart li .col:first-of-type {
  padding: 0 10px 0 0;
  text-align: right;
}
.system-info .chart li .max-row {
  width: 60%;
  display: inline-block;
  background: #272b35;
  margin: 0 5px 0 0;
}
.system-info .chart li .row {
  height: 10px;
  width: 10px;
  background: #ffffff;
  display: block;
}
.system-info .chart li .row.row-0, .system-info .chart li .row.row-Array {
  width: 0%;
}
.system-info .chart li .row.row-1 {
  width: 16.67%;
}
.system-info .chart li .row.row-2 {
  width: 33.33%;
}
.system-info .chart li .row.row-3 {
  width: 50%;
}
.system-info .chart li .row.row-4 {
  width: 66.67%;
}
.system-info .chart li .row.row-5 {
  width: 83.33%;
}
.system-info .chart li .row.row-6 {
  width: 100%;
}
.system-info .chart li .name,
.system-info .chart li .number {
  line-height: 1.2;
  font-weight: 300;
}

.cart-maxnumber .col {
  float: right;
  display: block;
  width: 50%;
}
.cart-maxnumber .col .max-row {
  width: 60%;
  height: 1px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
.cart-maxnumber .col .number {
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 300;
}

@media all and (max-width: 900px) {
  .system-filter .beautiful-taxonomy-filters {
    padding: 1.5rem 1.5rem;
  }
}
@media all and (max-width: 768px) {
  .header .page-wrap > .nav-items {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
    float: none;
    overflow: hidden;
  }
  .nav-items .menu-language,
  .nav-items .searchicon-head,
  .nav-items .icon-shopping-cart,
  .nav-items .icon-align-justify,
  .magnifyer {
    height: 3rem;
    line-height: 3rem;
  }
  .menu-language::before {
    top: auto;
  }
  .nav-items .icon-align-justify {
    font-size: 1.3rem;
  }
  [class^=icon-]::before,
  [class*=" icon-"]::before {
    line-height: inherit;
  }
  .system-info .info-box.vendor .specifics,
  .system-info .info-box.product .specifics {
    width: 100%;
    margin: 0 0 1% 0;
  }
  .system-filter-posts article {
    padding: 1.5rem 1.5rem;
  }
  .system-filter-posts .post-image {
    margin: 0 30px 0 0;
  }
  .system-filter-posts .post-content {
    width: calc(100% - 210px);
  }
  .system-abstract .page-wrap {
    align-items: flex-start;
  }
  .system-abstract p {
    font-size: 1rem;
  }
  .system-abstract .logo {
    max-width: 180px;
    margin: 0 20px 0 0;
  }
  .system-abstract .text {
    width: calc(100% - 200px);
  }
  .system-info .page-wrap {
    display: block;
  }
  .system-info .info-box {
    width: 100%;
    margin: 0 0 1% 0;
    padding: 1rem;
  }
}
@media all and (max-width: 480px) {
  .system-filter {
    margin: 1.5rem 0 1rem;
  }
  .system-filter .beautiful-taxonomy-filters-select-wrap {
    width: 100%;
  }
  .system-filter .beautiful-taxonomy-filters form {
    display: block;
  }
  .system-filter .beautiful-taxonomy-filters-tax {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .system-filter .select2-container,
  .system-filter .beautiful-taxonomy-filters-select {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
  .system-filter .beautiful-taxonomy-filters-button {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .system-filter-posts article {
    padding: 1.8rem 1.5rem 1.5rem;
    display: block;
  }
  .system-filter-posts .post-image {
    margin: 0 0 20px 0;
  }
  .system-filter-posts .post-content {
    width: 100%;
  }
  .system-abstract .page-wrap {
    display: block;
  }
  .system-abstract p {
    font-size: 1rem;
  }
  .system-abstract .logo {
    max-width: 180px;
    margin: 0;
    display: block;
  }
  .system-abstract .text {
    width: 100%;
  }
  .system-info .page-wrap {
    display: block;
  }
  .system-info .info-box {
    width: 100%;
    margin: 0 0 1% 0;
  }
}
/**
 * Shop
 */
/**
	 * Free Form
	 */
#gform_wrapper_1 .name_first label,
#gform_wrapper_1 .name_last label {
  display: none;
}

.gform_confirmation_wrapper {
  background: #f3f4f7;
  border: 1px solid #e7e8ee;
  padding: 1.5rem;
}

.gforms_confirmation_message {
  padding: 2rem 0 0 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

/**
	 * Tabs
	 */
.woocommerce-tabs {
  margin-bottom: 1.5rem;
}

.single-product.woocommerce div.product .woocommerce-tabs .panel {
  padding: 2rem 4rem 2rem 2rem;
  background: #f9f9f9;
  border: 1px solid #e7e8ee;
}

.woocommerce-tabs ul.tabs:before,
.woocommerce-tabs ul.tabs li:after,
.woocommerce-tabs ul.tabs li:before,
.woocommerce-tabs ul.tabs li a:after,
.woocommerce-tabs ul.tabs li a:before {
  display: none !important;
  box-shadow: 0 0 0 #fff !important;
}

.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li a {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 0 0 #fff !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* SIMPLE TAB CSS */
.woocommerce-tabs ul.tabs li {
  background-color: #393e4c !important;
  margin: 0 !important;
  float: none;
}

.woocommerce-tabs ul.tabs li a {
  padding: 0.4rem 1.5rem !important;
  color: #fff !important;
}

.woocommerce-tabs ul.tabs li.active {
  background-color: #f9f9f9 !important;
  bottom: -2px !important;
  position: relative !important;
  z-index: 10 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  overflow: visible !important;
}

.woocommerce-tabs ul.tabs li.active a {
  color: #393e4c !important;
  padding: 0.6rem 1.5rem !important;
}

/**
	 * Variations
	 */
.woocommerce .variations {
  background: #393e4c;
  border: 1px solid #e7e8ee;
  margin-bottom: 1.5rem;
  width: 100%;
  padding: 0.5rem;
  border-collapse: separate;
  color: #fff;
}

.single_variation_wrap {
  padding: 0.5rem;
  border: 1px solid #e7e8ee;
  overflow: hidden;
}

.single_variation_wrap .single_variation {
  width: 50%;
  float: left;
  line-height: 2rem;
}

.single_variation_wrap .variations_button {
  width: 50%;
  float: right;
}

.single_variation_wrap .variations_button .button {
  float: right !important;
}

.reset_variations {
  line-height: 2rem;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  line-height: 1.5rem;
}

.woocommerce div.product form.cart .variations select {
  width: 100%;
  color: #222;
  background: white;
}

.woocommerce div.product form.cart .button {
  min-width: 150px;
}

/**
	 * Product meta
	 */
.product_meta {
  font-size: 0.9rem;
  /*color:#aaa;*/
  font-weight: bold;
  line-height: 1.3rem;
}

.product_meta .sku_wrapper {
  width: 100%;
  display: block;
  margin-bottom: 0.5rem;
}

.product_meta span > span,
.product_meta a {
  font-weight: normal;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  width: 22%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  width: 74%;
}

/**
 * Free Form
 */
.related.products {
  background: #f3f2f1;
  padding: 0.5rem;
  margin: 1rem 0;
}

/**
 * Currency
 */
.woocommerce .dd-select {
  border: 1px solid #e7e8ee;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  background: #f3f4f7 !important;
  width: 100%;
}

.woocommerce-currency-switcher-form ul.dd-options {
  position: relative;
}

.woocommerce-currency-switcher-form {
  display: none;
}

/**
 * Cart
 */
.woocommerce-cart .left-wrapper,
.woocommerce-checkout .left-wrapper {
  width: 100%;
}

.woocommerce-cart .woocommerce .quantity {
  min-width: 160px;
  margin-bottom: 8px;
}

.woocommerce .tribe-tickets-remaining {
  font-size: 14px;
}

/**
 * Events
 */
.events {
  background: #F4F4F4;
}

.events .ckhp-event-list {
  margin: 0;
  overflow: hidden;
  width: 100%;
}

.events li {
  width: 100%;
  display: block;
  float: left;
  overflow: hidden;
}

.events .col {
  float: left;
  display: block;
  overflow: hidden;
}

.events .col:first-of-type {
  width: 35%;
}

.events .col:last-of-type {
  width: 65%;
  background: #fff;
}

.events .col .content {
  float: left;
  width: 100%;
  overflow: hidden;
  padding-top: 3rem;
  box-sizing: border-box;
}

.events .col .meta {
  float: left;
  width: 30%;
  overflow: hidden;
}

/*.events .col .date {
	float:left;
	width:100%;
	background:$midbrown;
	overflow:hidden;
	position: relative;
}
.events .col .duration {
	position:relative;
	height:100%;
	width:100%;
	text-align:center;
	padding-top: 3rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color:$white;
}*/
.events .col .city {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  margin-bottom: 1em;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.06rem;
  font-weight: 500;
  font-size: 1rem;
}

/*.events .col .date:after {
	font-family:'herbert';
	content:"e";
	font-size:5.0rem;
	color:$white;
	position:absolute;
	text-align:center;
	top: 50%;
	left: 50%;
	line-height: 1;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	-webkit-box-shadow:inset 0px 0px 0px 5px $white;
    -moz-box-shadow:inset 0px 0px 0px 5px $white;
    box-shadow:inset 0px 0px 0px 5px $white;
// }*/
.events .col .map {
  float: left;
  width: 100%;
  overflow: hidden;
}

.events .col .map .tribe-events-venue-map,
.events .col .map .tribe-events-venue-map > div {
  height: 100%;
}

.events .content {
  padding: 2rem;
}

.event-image-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  background-position: center center !important;
  background-color: #374457 !important;
}

.event-image-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
}

.events .tribe-events-widget-link {
  float: right;
  margin-bottom: 0rem;
}

.events h2 {
  float: left;
  margin-bottom: 1rem;
}

.events a {
  color: #E18B4B;
}

.events h3 {
  font-size: 1.5rem;
  margin: 0 0 0.4rem 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.events h3 a {
  color: #666;
}

.events .col .content .date {
  color: #C4BDAA;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.06rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 0.85rem 0;
}

.events-single .tribe-events-back {
  display: none;
}

#tribe-events-content li {
  margin-bottom: 0;
}

.post-type-archive-tribe_events #tribe-events .tribe-events-ical.tribe-events-button {
  display: none;
}

.woocommerce .tribe-tickets-remaining {
  display: none !important;
}

/**
* Events page
*/
.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {
  max-width: 1150px;
}

.events-list .tribe-events-loop {
  width: 100%;
  max-width: 100%;
}

.tribe-bar-filters {
  display: none;
}

.tribe-events-list-separator-month span {
  background-color: #f3f2f1;
}

.events-list,
.post-type-archive-tribe_events {
  background-color: #f3f2f1;
}

.type-tribe_events {
  padding-bottom: 2rem;
}

.tribe-events-event-cost span {
  background: #272a33;
  border: none;
  color: #ffffff;
  font-weight: 300;
  float: right;
  padding: 0.5rem;
}

.events-list .venue address {
  display: inline;
}

.events-list .inner-col .description p {
  line-height: 1.375em !important;
}

.events-list a.tribe-events-read-more {
  padding: 0.5rem;
  display: inline-block;
  font-weight: 400;
  margin: 1.5rem 0 0 0;
  background-color: #e18b4b;
  padding: 0.8rem 3rem !important;
  color: #ffffff;
}

.events-list a.tribe-events-read-more:hover {
  background-color: #edb993;
}

.events-list .col .date {
  margin: 0;
}

.updated.published.time-details {
  font-size: 1rem;
  line-height: 110%;
  font-weight: 400;
}

.type-tribe_events .col:last-of-type {
  width: 100%;
}

@media all and (max-width: 768px) {
  .post-type-archive-product ul.products li.product {
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 0 0 0.5rem 0;
  }
  .publications-sidebar {
    float: left;
    width: 100%;
  }
  .tax-product_cat ul.products li.product h2 {
    line-height: 1.7rem;
  }
  .tribe-events-loop .tribe-events-content {
    width: 100%;
  }
  .tribe-events-meta-group tribe-events-meta-group-gmap {
    width: 100%;
  }
  .events .col .meta {
    width: 100%;
  }
  .events .col .content {
    width: 100%;
  }
  .events .col .date:after {
    content: none;
  }
  .meta.inner-col .date {
    padding: 10px 2rem;
    padding-top: 12px;
  }
  .events .col .city {
    display: none;
  }
  .events .col .duration {
    padding: 0;
    text-align: left;
  }
}
/**
* Single events
*/
#tribe-events-content {
  padding: 0;
}

.tribe-events-back {
  border-bottom: 1px solid #f3f4f7;
}

.tribe-events-back a {
  display: inline-block;
  padding: 1rem 1rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1;
  color: #344259;
  background: #f3f4f7;
}

.single-tribe_events h2.tribe-events-single-event-title {
  padding: 2rem 0 0 0;
}

.single-tribe_events .tribe-events-schedule h3 {
  color: #c4bdaa;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  font-weight: 500;
  line-height: 1.4;
  font-size: 1rem;
}

.single-tribe_events .tribe-events-venue-map {
  padding: 0;
}

.single-tribe_events .tribe-events-single-section div.tribe-events-meta-group {
  width: 23.3333%;
}

.single-tribe_events .tribe-events-single-section div.tribe-events-meta-group:nth-of-type(3) {
  width: 53.3333%;
}

@media all and (max-width: 768px) {
  .single-tribe_events .tribe-events-single-section div.tribe-events-meta-group:nth-of-type(3) {
    width: 100%;
  }
}
/**
 * Offices CPT
 */
.post-type-archive-offices article.offices {
  width: 100%;
  background: #fff;
  margin: 0 0 1.5rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 200px;
  overflow: hidden;
  padding: 0;
}

.offices h2 {
  margin: 0 0 1rem 0;
}

.offices .entry {
  width: 50%;
  float: left;
  align-items: stretch;
  height: 200px;
  position: relative;
}

article.offices .content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 2rem;
  width: 100%;
  box-sizing: border-box;
}

.single-offices .thumbnail {
  width: 30%;
  height: 100%;
  align-items: stretch;
  overflow: hidden;
}

.single-offices .thumbnail img {
  min-width: 100%;
  min-height: 100%;
  max-height: 250%;
  max-width: 200%;
  width: auto;
  height: auto;
  position: relative;
  margin: 0 auto;
}

.single-offices .thumbnail img {
  left: -50%;
}

.authors {
  float: right;
  width: 20%;
  background: #374457;
  text-align: center;
  align-items: stretch;
  position: relative;
}

.authors span {
  display: inline-block;
  margin: 0 auto 1rem auto;
  width: 100%;
  font-size: 4.5rem;
  font-weight: 300;
  color: #ffffff;
}

.offices a.readmore {
  display: block;
  width: 100%;
  background-color: #E18B4B;
  color: #fff;
  font-weight: 500;
  line-height: 2rem;
}

.offices .readmore:hover {
  background-color: #edb993;
}

.single-offices .offices {
  height: 450px;
  overflow: hidden;
  background-color: #ffffff;
}

.single-offices .entry {
  width: 60%;
  height: 100%;
  padding: 0;
  position: relative;
}

.single-offices .entry .content {
  position: relative;
  top: auto;
  transform: none;
  padding: 2rem;
}

.single-offices .thumbnail {
  width: 40%;
  float: left;
}

.acf-map {
  width: 100%;
  height: 230px;
  position: absolute;
  bottom: 0;
}

.acf-map img {
  max-width: inherit !important;
}

/**
* Office Single Consultants
*/
.consultants {
  width: 100%;
  overflow: hidden;
  margin: 2rem 0;
  padding: 2rem;
  background-color: #ffffff;
  box-sizing: border-box;
}

.consultants ul {
  overflow: hidden;
}

.consultants h2 {
  margin: 0 0 1.5rem 2rem;
  border-bottom: solid 1px #c5c5c5;
  padding: 0 0 0.3rem 0;
}

.consultants li {
  width: 33.3333%;
  float: left;
  min-height: 200px;
  background: #fff;
  padding: 2rem 2rem;
  background: #fff;
  align-items: stretch;
  box-sizing: border-box;
}

.consultants li:nth-child(3n+1) {
  clear: both;
}

.consultants p {
  margin-bottom: 0;
  font-weight: 300;
}

.user-imgwrap {
  max-height: 350px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.user-imgwrap img {
  width: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.user-imgwrap img.author-img {
  max-width: 80%;
  height: auto;
  max-height: 100%;
  min-height: auto;
}

.user-overlay {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 10;
  top: 0;
  left: 0;
}

.user-overlay:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(55, 58, 67, 0.2);
  z-index: 10;
  top: 0;
  left: 0;
}

.user-line {
  position: absolute;
  bottom: 0;
  right: 1rem;
  left: 1rem;
  height: 0.5rem;
  background-color: #374457;
}

.user-box {
  padding: 1.5rem;
}

.user-box:nth-of-type(2) {
  border-bottom: solid 1px #000000;
}

/**
* Authors page
*/
.author-col:nth-of-type(1) {
  width: 30%;
  float: left;
  background-color: #3b3e4d;
  color: #ffffff;
  overflow: hidden;
}

.author-col:nth-of-type(1) a {
  color: #ffffff;
  display: block;
  font-weight: 300;
  line-height: 1.5;
}

.author-imgwrap {
  position: relative;
}

.author-img {
  min-width: 100%;
  height: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.user-contact {
  position: relative;
  margin: -3rem 1rem 0 1rem;
  padding: 2rem 1rem 1rem;
  background-color: #3b3e4d;
  z-index: 99;
}

.user-name {
  margin-bottom: 0.2rem;
  font-size: 1.45rem;
}

.user-title {
  text-transform: uppercase;
  font-size: 1rem;
}

.user-contact hr {
  color: #ffffff;
  border-top-style: solid;
  border-width: 1px;
  margin: 1rem 0 2rem;
}

.author-col:nth-of-type(2) {
  width: 70%;
  float: right;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.user-description {
  padding: 4rem 6rem;
}
.user-description h2 {
  margin-top: 20px;
}

ul.user-qna {
  width: 100%;
  overflow: hidden;
  padding: 4rem 6rem;
  background-color: #efefef;
}

ul.user-qna li {
  list-style: none;
  float: left;
  width: 32%;
  margin: 0 2% 0 0;
  text-align: center;
}

ul.user-qna li:nth-child(3) {
  margin: 0;
}

ul.user-qna li h4 {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}

ul.user-qna li p {
  margin: 0;
  color: #3b3e4d;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 700;
}

.cart_totals th {
  text-align: left;
}

/**
* Single News
*/
.single.single-post .single-news-container {
  margin: 0 auto;
  max-width: 1400px;
  overflow: hidden;
  padding-top: 2rem;
}

.single.single-post article {
  display: flex;
}

@media all and (max-width: 1200px) {
  .single.single-post article {
    flex-direction: column;
  }
}
.single.single-post article .post-content {
  width: 60%;
}

@media all and (max-width: 1200px) {
  .single.single-post article .post-content {
    width: 100%;
  }
}
.single.single-post article .post-image {
  margin-bottom: 1rem;
}

.single.single-post .meta {
  width: 100%;
  overflow: hidden;
  padding: 1.5rem 0;
  border-top: 1px solid #ddd;
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
}

.single.single-post .meta .author {
  margin-bottom: 1.5rem;
}

.single.single-post .meta .categories a {
  padding: 20px;
  background: #e18b4b;
  color: white;
  margin: 10px 10px 0 0;
}

@media all and (max-width: 1200px) {
  .single.single-post .meta .categories a {
    padding: 10px;
  }
}
.single.single-post .sidebar {
  width: 40%;
}

@media all and (max-width: 1200px) {
  .single.single-post .sidebar {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.single.single-post .sidebar .related-posts .post-container {
  height: 200px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
  margin-bottom: 10px;
}

.single.single-post .sidebar .related-posts .post-container:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  /* background: #374457; */
  background: linear-gradient(0deg, #374457 30%, rgba(0, 0, 0, 0.1601015406) 90%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.single.single-post .sidebar .related-posts .post-content {
  z-index: 5;
  padding: 10px;
  width: 100%;
}

.single.single-post .sidebar .related-posts .post-content .categories {
  padding: 0;
}

.single.single-post .sidebar .related-posts .post-content .categories a {
  margin: 0;
}

.single.single-post .sidebar .related-posts .post-title {
  margin: 0;
  padding: 5px 0;
  color: white;
}

.search-pro-filter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-pro-filter form {
  width: 100%;
}

.search-pro-filter ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
}

.search-pro-filter ul li input {
  display: none;
}

.search-pro-filter .sf-field-category li label {
  padding: 10px;
  margin: 0 5px !important;
  border: 2px solid #e18b4b;
  color: #e18b4b;
  cursor: pointer;
}

.search-pro-filter .sf-field-category li.sf-option-active label {
  /* border: none; */
  color: white;
  background: #e18b4b;
}

.sf-field-taxonomy-formats {
  margin-left: 20px !important;
}

.search-filter-scroll-loading {
  position: relative;
}

.search-pro-main {
  display: flex;
  flex-wrap: wrap;
}

.search-pro-main .search-pro-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.search-filter-scroll-loading {
  display: none;
}

.no-more-post {
  width: 100%;
  text-align: center;
}

.loader {
  margin: 20px auto;
  display: none;
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #e18b4b;
  /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**
	 * Comments
	 */
.comment-links {
  border: 1px solid #f2f2f2;
  background: #f9f9f9;
  padding: 1rem;
}

.commentlist li {
  display: block;
  width: 100%;
  padding: 1rem;
  background: #f3f4f7;
}

.commentlist li:nth-child(2n) {
  background: none;
}

.commentlist li .children {
  margin-top: 1rem;
}

.respond {
  margin: 1rem 0;
}

.comments-title {
  border-top: 1px solid #e7e8ee;
  padding-top: 1rem;
}

.commentform {
  border-top: 1px solid #e7e8ee;
  border-bottom: 1px solid #e7e8ee;
  padding: 1rem 0;
}

.commentform label {
  width: 100%;
  display: block;
  line-height: 1.5rem;
  font-size: 0.8rem;
}

.commentform input {
  width: 100%;
  margin-bottom: 0.5rem;
}

#comment {
  width: 100%;
  margin-bottom: 1rem;
  overflow: hidden;
}

.comment-body img.avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  float: left;
}

.comment-body .fn {
  padding-left: 4rem;
  padding-top: 0.5rem;
  display: block;
}

.comment-body .says {
  display: none;
}

.comment-metadata {
  padding-left: 4rem;
  font-style: italic;
  font-size: 0.8rem;
  margin-top: 0.3rem;
}

.comment-content {
  padding-left: 4rem;
  margin-top: 1rem;
}

.comment-awaiting-moderation {
  padding-left: 4rem;
  margin-top: 1rem;
  font-style: italic;
}

.reply {
  padding-left: 4rem;
}

.reply a {
  padding: 0.2rem 0.5rem 0.4rem;
  background: #26416a;
  color: #ffffff;
  display: inline-block;
}

a#cancel-comment-reply-link {
  font-size: 0.9rem;
  font-style: italic;
}

/**
 * Blocks
 */
/**
	 * Boxed
	 */
.blocks .boxed {
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}

.blocks .boxed h3 {
  font-weight: 300;
  margin-top: 1rem;
}

.blocks .boxed .block.col {
  position: relative;
  background-size: cover !important;
}

.blocks .boxed .block.col:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.4;
  background-color: #424242;
  z-index: 10;
  top: 0;
  left: 0;
}

.blocks .boxed .block {
  float: left;
  width: 50%;
  position: relative;
}

.blocks .boxed .col .block:first-of-type {
  border-bottom: 1px solid #ddd;
}

.blocks .boxed .block .inner {
  margin: 0 auto;
  z-index: 11;
  padding: 2rem 4rem;
  position: relative;
}

#blocks .boxed-button {
  background: #E18B4B;
  color: #ffffff;
  font-weight: 500;
  padding: 0.4rem 1.8rem;
  line-height: 2rem;
  display: block;
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 12;
  font-size: 0.875rem;
}

/**
	 * Half
	 */
.half {
  width: 100%;
  overflow: hidden;
  margin: 0 0 2rem 0;
}

.half .block {
  width: 50%;
  float: left;
  padding: 2rem 3rem;
}

.half .block:nth-of-type(3n) {
  clear: both;
}

.col-half {
  display: flex;
}

.col-half .block {
  flex: 1;
}

/**
	 * Third
	 */
.third {
  width: 100%;
  overflow: hidden;
  margin: 0 0 2rem 0;
}

.third .block {
  width: 33.333333%;
  float: left;
  padding: 2rem 3rem;
}

.third .block:nth-of-type(4n) {
  clear: both;
}

.col-third {
  display: flex;
}

.col-third .block {
  flex: 1;
}

/**
	 * Full
	 */
.full {
  width: 100%;
  overflow: hidden;
  margin: 0 0 2rem 0;
}

.full .block {
  width: 100%;
  float: left;
  padding: 2rem 3rem;
}

.full .block:nth-of-type(1n) {
  clear: both;
}

.full .inner {
  overflow: hidden;
  vertical-align: top;
  max-width: 980px;
}

/**
 * Sliderblock
 */
.slideblock {
  padding: 5rem 0 4rem;
  max-width: 1300px;
  margin: 0 auto 4rem;
  width: 100%;
  background: #F4F4F4;
}
.slideblock .slidewrap {
  width: calc(100% - 140px);
  margin: 0 auto;
}
.slideblock .post {
  float: left;
  width: 32%;
  margin: 0 2rem 1rem;
}
.slideblock .post:hover .link {
  opacity: 1;
}
.slideblock .post a {
  color: #333333 !important;
  text-decoration: none;
}
.slideblock .post .thumb {
  width: 100%;
  height: auto;
  margin: 0 0 1.5rem;
  position: relative;
  background: #ffffff;
  padding-bottom: 70%;
  overflow: hidden;
}
.slideblock .post .thumb img {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slideblock .post .thumb img.logo {
  max-width: 80%;
  min-width: auto;
  min-height: auto;
}
.slideblock .post .thumb .icon {
  width: 100%;
  max-width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.slideblock .post .thumb .icon:before {
  font-size: 6rem;
  color: #4C5E78;
}
.slideblock .post .link {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #4C5E78;
  background: rgba(76, 94, 120, 0.65);
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.slideblock .post .link .button {
  background: #424242;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  max-width: 65%;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.slideblock .post .link .button:hover {
  background: #767676;
}
.slideblock .post .title {
  font-size: 0.9rem;
  line-height: 1.4;
  font-weight: 700;
}
.slideblock .post p {
  font-size: 0.85rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.4;
}
.slideblock .post .cat {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
  margin: 0 0 1.2rem;
  display: block;
}
.slideblock .post .cat:before {
  content: "";
  width: 30px;
  height: 2px;
  background: #333333;
  display: block;
  float: left;
  margin-top: 5px;
}
.slideblock .slick-prev,
.slideblock .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slideblock .slick-prev {
  left: -30px;
}
.slideblock .slick-next {
  right: -30px;
}
.slideblock .slick-prev:before,
.slideblock .slick-next:before {
  font-family: "herbert";
  font-size: 30px;
  line-height: 1;
  color: #317A8B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slideblock .slick-prev:before {
  content: "c";
}
.slideblock .slick-next:before {
  content: "d";
}
.slideblock .slick-arrow.slick-disabled:before {
  opacity: 0.5;
  cursor: auto;
}

/**
 * Blog / News / Archive
 */
.blog article,
.category article,
.single-post article {
  float: left;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
  border-bottom: 1px solid #e7e8ee;
  margin: 0 0 1.5rem 0;
}

.blog article:last-of-type,
.category article:last-of-type,
.single-post article:last-of-type {
  border-bottom: none;
}

.blog article .post-image,
.category article .post-image,
.single-post article .post-image {
  margin-bottom: 1.5rem;
}

.meta p,
.author p {
  line-height: 1.8rem;
}

.blog article .categories a,
.archive.category .categories a,
.single.single-post .categories a,
.single.single-post .author a {
  /*background:#f3f4f7;
  display:block;*/
  padding: 0rem;
  font-size: 0.9rem;
  margin-left: 2px;
}

/**
 * Sidebar
 */
.sidebar {
  float: left;
  vertical-align: top;
  width: 36%;
  box-sizing: border-box;
}

.blog .sidebar,
.archive.category .sidebar,
.page .sidebar {
  padding: 0 0 0 2rem;
}

.sidebar .categories {
  padding: 1rem 0;
}

.sidebar .categories li {
  width: 100%;
  margin-bottom: 0.5rem;
}

.sidebar .categories li a {
  display: block;
  background: #f4f4f4;
  line-height: 2.6rem;
  padding: 0 1rem;
  position: relative;
}

.sidebar .categories li a:hover,
.sidebar .categories li.current-cat a {
  background: #e8e8e8;
}

.single .sidebar {
  width: 30%;
  padding-left: 5%;
}

.sidebar .categories li a::after {
  content: "d";
  font-family: "herbert";
  font-size: 1.3rem;
  line-height: 2.5rem;
  position: absolute;
  right: 0.5rem;
}

.sidebar .child-nav ul li {
  width: 100%;
  margin-bottom: 0.2rem;
}

/**
 * Menu - Social
 */
.menu-social {
  float: right;
  position: relative;
  z-index: 2;
}

.menu-social li {
  display: block;
  float: left;
  margin-left: 0.5rem;
  position: relative;
}

.menu-social li:before {
  background: #ffffff;
  color: #4C5E78;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 0.5rem;
  font-size: 1.2rem;
  transition-property: all;
  transition-property: transform;
}

.menu-social a {
  text-indent: -900px;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.menu-social li:hover:before {
  background: #111;
  color: #fff;
  transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}

/**
 * Footer
 */
.footer {
  background: #374457;
}

.options {
  margin: 0 auto;
  padding: 0 0.5rem;
}

.options li {
  display: block;
  float: left;
  max-width: 50%;
  min-width: 25%;
  color: #ffffff;
}

.whiteline {
  width: 100%;
  color: #ffffff;
  border-bottom: 2px solid #4C5E78;
  padding: 0 0.5rem 1rem 0.5rem;
  margin: 0 0 1.5rem 0;
  position: relative;
}

.whiteline:before {
  content: " ";
  position: absolute;
  right: 1px;
  height: 18px;
  width: 2px;
  bottom: -14px;
  background: #4C5E78;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.footer h3 {
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
}

.footer h4 {
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
  font-size: 1rem;
  font-weight: 300;
}

/**
 * Media queries!
 */
@media all and (max-width: 1200px) {
  /**
  * Header
  */
  .logotype {
    margin-left: 1rem;
  }
  .nav-items {
    margin-right: 1rem;
  }
}
@media all and (max-width: 1200px) {
  .menu-main {
    display: none;
  }
  .single .sidebar {
    width: 100%;
    max-width: 800px;
    padding: 0;
  }
  .single.single-post article {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media all and (max-width: 900px) {
  /* Sliderblock */
  .slideblock {
    padding: 4rem 0 3rem;
  }
}
@media all and (max-width: 768px) {
  .logotype {
    display: block;
    max-width: 100%;
    line-height: 4rem;
  }
  .logotype img {
    max-width: 400px;
  }
  a.icon-align-justify {
    font-size: 1.5rem;
  }
  .nav-items {
    display: block;
    float: left;
    width: calc(100% - 2rem);
    margin: 0;
    background: #374457;
  }
  .nav-items .menu-language,
  .nav-items .searchicon-head,
  .nav-items .icon-shopping-cart,
  .nav-items .icon-align-justify {
    width: 25%;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .nav-items .menu-language:before {
    left: auto;
  }
  .nav-items .menu-language ul {
    display: none;
  }
  .vertical-padding {
    padding: 2rem 0 2rem 0;
  }
  /*
  * Menu
  */
  .language-head a {
    padding: 0;
  }
  .language-head .language-name {
    display: none;
  }
  /*
  * Slider
  */
  .slides .slide-content.right {
    float: none;
    margin: 0 auto;
    max-width: 90%;
  }
  .slides .page-wrap {
    top: 28%;
  }
  /*
  * Content
  */
  .home article {
    margin-right: 0;
    width: 100%;
  }
  .post-news {
    width: 100%;
  }
  .left-wrapper {
    width: 100%;
  }
  /*
  * Publication
  */
  .publications section {
    margin: 0 4%;
    width: 92%;
  }
  .publications ul {
    margin-bottom: 1.4rem;
    overflow: hidden;
  }
  .events .col:first-of-type {
    width: 100%;
    float: left;
    min-height: 250px;
    position: relative;
  }
  .events .col:last-of-type {
    width: 100%;
  }
  .events .col {
    height: auto;
  }
  .event-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    float: none;
  }
  .meta.inner-col {
    height: auto;
  }
  .meta.inner-col .date,
  .meta.inner-col .map {
    height: auto;
    width: 100%;
  }
  .woocommerce-page .page-description {
    margin-right: 0;
    width: 100%;
  }
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    width: 100%;
  }
  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    width: 100%;
  }
  /**
   * Product news
   */
  .product-news {
    float: left;
    width: 100%;
  }
  /**
  * Author
  */
  .author-col {
    width: 100% !important;
    height: auto !important;
  }
  .author-col .user-description {
    width: 100%;
  }
  .author-col .user-qna {
    width: 100%;
  }
  ul.user-qna {
    padding: 2rem 3rem;
  }
  .user-description {
    padding: 2rem 3rem;
  }
  /*
  * Blogs
  */
  .post-blogs li {
    width: 47.5%;
    margin-bottom: 1.5rem !important;
  }
  .post-blogs li:nth-child(2n) {
    margin-right: 0;
  }
  .post-blogs li:nth-child(3n) {
    clear: both;
  }
  .post-blogs .blog-image {
    min-width: 100%;
    height: auto;
  }
  /*
  * Blocks
  */
  .blocks .boxed .col {
    width: 100%;
    height: auto !important;
    margin: 0;
  }
  .blocks .boxed .block {
    width: 100%;
    margin: 0;
    height: auto !important;
  }
  .boxed .boxed-button {
    left: 50%;
    line-height: 2rem;
    height: 2rem;
    top: auto;
    padding: 0 1rem;
    position: absolute;
    bottom: 1rem;
    transform: translateX(-50%);
    z-index: 12;
  }
  .blocks .boxed .block:last-of-type .inner {
    padding-bottom: 3rem;
  }
  .blocks .boxed .block .inner {
    padding: 2rem 2rem;
  }
  .full .block {
    padding: 2rem 1rem;
  }
  /* Sliderblock */
  .slideblock .slidewrap {
    width: calc(100% - 100px);
  }
  .slideblock .post {
    margin: 0 1rem 1rem;
  }
  .slick-prev {
    left: -50px;
  }
  .slick-next {
    right: -50px;
  }
  /*
  * Offices
  */
  .wrapper-color {
    padding: 0 1rem;
  }
  .offices .content {
    padding: 0 1rem;
  }
  .offices .entry {
    width: 100%;
  }
  .post-type-archive-offices article.offices {
    display: block;
    height: auto;
    overflow: inherit;
  }
  .post-type-archive-offices .authors {
    display: block;
    width: 50%;
    float: left;
    height: 200px;
  }
  .post-type-archive-offices .thumbnail {
    display: block;
    width: 50%;
    float: left;
    height: 200px;
  }
  .post-type-archive-offices .thumbnail img {
    height: auto;
  }
  .single-offices .thumbnail {
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  .single-offices .thumbnail img {
    left: 0;
  }
  .single-offices .offices {
    height: auto;
  }
  .acf-map {
    position: relative;
  }
  .consultants li {
    padding: 1rem 1rem;
    min-height: 150px;
    width: 50%;
  }
  .consultants li:nth-child(3n+1) {
    clear: none;
  }
  .consultants li:nth-child(2n+1) {
    clear: both;
  }
  /*
  * Footer
  */
  .whiteline {
    margin: 0 auto 1.5rem auto;
    width: 90%;
  }
  .whiteline::before {
    bottom: -15px;
    height: 16px;
    position: absolute;
    right: 2px;
    width: 2px;
  }
  .menu-social {
    margin-right: 1rem;
  }
  .options {
    margin: 0 auto;
    width: 90%;
  }
  .options li {
    width: 50%;
  }
}
@media all and (max-width: 550px) {
  /**
  * Header
  */
  .header .page-wrap {
    padding: 0;
  }
  .logotype img {
    max-width: 90%;
    height: auto;
  }
  .tax-product_cat ul.products li.product h2,
  .tax-product_cat ul.products li.product h3 {
    line-height: auto;
    width: 100% !important;
  }
  .tax-product_cat ul.products li.product::after {
    content: " ";
  }
  .tax-product_cat ul.products li.product img {
    float: left;
    display: block;
    width: 100% !important;
  }
  .menu-language > ul {
    margin-top: 0rem;
  }
  .menu-language li.current ul {
    top: auto;
  }
  .no-sliders .slick-list {
    max-height: 140px;
  }
  .logotype {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0;
  }
  a.icon-align-justify,
  a.icon-shopping-cart,
  .searchicon-head,
  .menu-language {
    margin: 0 auto;
    float: left;
    width: 25%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
  }
  a.icon-align-justify,
  a.icon-shopping-cart,
  .search-form {
    text-align: center;
  }
  .menu-language {
    text-align: center;
    width: 25%;
  }
  .menu-language:before {
    position: relative;
    top: -0.1rem;
  }
  .magnifyer {
    height: 3rem;
    line-height: 3rem;
  }
  .menu-language > ul {
    margin-top: 0;
  }
  .menu-language > ul > li {
    line-height: 2.1rem;
  }
  .menu-language li.current::before {
    left: -0.5rem;
    position: relative;
    top: 0.3rem;
  }
  .search-form {
    position: inherit;
  }
  #s {
    font-size: 1.2rem;
    line-height: 3rem;
    height: 3rem;
    padding: 0 0.5rem;
    width: auto;
    width: 70%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .search-form .magnifyer {
    height: 3rem;
    padding: 0;
    padding: 0.5rem 0;
    width: 30%;
    float: left;
  }
  .menu-language li.current ul {
    right: 2rem;
    top: 2.4rem;
    width: 160px;
  }
  .language-head img {
    margin-right: 0;
  }
  #content .child-nav {
    float: left;
    width: 100%;
    position: relative;
    background: #f3f4f7;
    min-height: 3rem;
  }
  .child-nav ul {
    width: 100%;
  }
  #content .child-nav li {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: none;
  }
  #content .child-nav.open li {
    display: block;
  }
  .child-nav:after {
    position: absolute;
    content: "q";
    font-family: "herbert";
    color: #f18734;
    font-size: 1.4rem;
    width: 100%;
    height: 1rem;
    top: 1rem;
    width: 1rem;
    right: 1rem;
    cursor: pointer;
  }
  .child-nav.open:after {
    content: "k";
  }
  .child-nav:before {
    position: absolute;
    content: ". . .";
    color: #bbb;
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
    bottom: 1rem;
  }
  .post-blogs li {
    margin-right: 0;
    width: 100%;
  }
  .post-news span {
    padding-right: 0rem;
  }
  .post-news span:after {
    content: " ";
  }
  /*
  * Offices
  */
  .post-type-archive-offices .authors {
    width: 100%;
  }
  .post-type-archive-offices .thumbnail {
    width: 100%;
  }
  .consultants li {
    width: 100%;
  }
  /*
  * Author
  */
  .author-col {
    width: 100% !important;
  }
  /*
  * Publications
  */
  .publications .icon-files {
    font-size: 1rem;
    line-height: 3rem;
    width: 2.4rem;
    width: 50%;
  }
  .publications .publication-category {
    font-size: 0.55rem;
    line-height: 3rem;
    min-width: 2.4rem;
    width: 50%;
  }
  .publications li {
    padding-right: 0;
  }
  .publications li::after {
    font-size: 1.2rem;
    line-height: 3rem;
    bottom: 0;
  }
  .publications h3 {
    font-size: 0.9rem;
    line-height: 3rem;
    min-width: 100%;
  }
  /*
  * Blocks
  */
  .col-half {
    display: block;
  }
  .half .block {
    float: left;
    padding: 1.5rem 1.5rem;
    clear: both;
    width: 100%;
    box-sizing: border-box;
  }
  .col-third {
    display: block;
  }
  .third .block {
    float: left;
    padding: 1.5rem 1.5rem;
    clear: both;
    width: 100%;
    box-sizing: border-box;
  }
  /*
  * Footer
  */
  .options li {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
@media all and (max-width: 480px) {
  /**
  * Header
  */
  /* Sliderblock */
  .slideblock .slidewrap {
    width: calc(100% - 90px);
  }
  .slideblock .slick-prev:before,
  .slideblock .slick-next:before {
    font-size: 25px;
  }
  .slick-prev {
    left: -45px;
  }
  .slick-next {
    right: -45px;
  }
}
/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */
@media screen and (max-width: 600px) {
  .home ul.slides .slick-slide {
    height: 750px;
  }
  /* Force table to not be like tables anymore */
  .woocommerce-page table.shop_table,
  .woocommerce-page table.shop_table thead,
  .woocommerce-page table.shop_table tbody,
  .woocommerce-page table.shop_table th,
  .woocommerce-page table.shop_table td,
  .woocommerce-page table.shop_table tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
  }
  .woocommerce-page table.shop_table td {
    /* Behave like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding-left: 30% !important;
  }
  .woocommerce-page table.shop_table {
    border: none;
  }
  .woocommerce-page table.shop_table td.product-spacer {
    border-color: #fff;
    height: 10px;
  }
  .woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
  }
  /*
  Label the data
  */
  .woocommerce-page table.shop_table td.product-remove:before {
    content: "DELETE";
  }
  .woocommerce-page table.shop_table td.product-thumbnail:before {
    content: "IMAGE";
  }
  .woocommerce-page table.shop_table td.product-name:before {
    content: "PRODUCT";
  }
  .woocommerce-page table.shop_table td.product-price:before {
    content: "PRICE";
  }
  .woocommerce-page table.shop_table td.product-quantity:before {
    content: "QUANTITY";
  }
  .woocommerce-page table.shop_table td.product-subtotal:before {
    content: "SUBTOTAL";
  }
  .woocommerce-page table.shop_table td.product-total:before {
    content: "TOTAL";
  }
  .woocommerce .quantity,
  .woocommerce #content .quantity,
  .woocommerce-page .quantity,
  .woocommerce-page #content .quantity {
    margin: 0;
  }
  .woocommerce-page table.cart td.actions,
  .woocommerce-page #content table.cart td.actions {
    text-align: left;
    border: 0;
    padding-left: 6px !important;
  }
  .woocommerce-page table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
  }
  .woocommerce-page table.cart td.actions div,
  .woocommerce-page #content table.cart td.actions div,
  .woocommerce-page table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
  }
  .woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
  }
  .woocommerce-page .cart-collaterals .cart_totals th,
  .woocommerce-page .cart-collaterals .cart_totals td {
    border: 0 !important;
  }
  .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
  }
  .woocommerce-page table.shop_table tr.cart-subtotal td,
  .woocommerce-page table.shop_table tr.shipping td,
  .woocommerce-page table.shop_table tr.total td,
  .woocommerce-page table.shop_table.order_details tfoot th,
  .woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border: 0 !important;
  }
  .woocommerce-page table.shop_table tbody {
    padding-top: 10px;
  }
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
  }
  .woocommerce .order_details ul,
  .woocommerce-page .order_details ul,
  .woocommerce .order_details,
  .woocommerce-page .order_details {
    padding: 0;
  }
  .woocommerce .order_details li,
  .woocommerce-page .order_details li {
    clear: left;
    margin-bottom: 10px;
    border: 0;
  }
  /* make buttons full width, text wide anyway, improves effectiveness */
  #content table.cart td.actions .button,
  .woocommerce #content table.cart td.actions .input-text,
  .woocommerce #content table.cart td.actions input,
  .woocommerce table.cart td.actions .button,
  .woocommerce table.cart td.actions .input-text,
  .woocommerce table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .input-text,
  .woocommerce-page #content table.cart td.actions input,
  .woocommerce-page table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .input-text,
  .woocommerce-page table.cart td.actions input {
    width: 100%;
  }
  /* keep coupon at 50% */
  #content table.cart td.actions .coupon .button,
  .woocommerce #content table.cart td.actions .coupon .input-text,
  .woocommerce #content table.cart td.actions .coupon input,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon input,
  .woocommerce-page #content table.cart td.actions .coupon .button,
  .woocommerce-page #content table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon input,
  .woocommerce-page table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon input {
    width: 48%;
  }
  /* clean up how coupon inputs display */
  #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    margin-top: 1.5em;
  }
  #content table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon .input-text {
    margin-bottom: 1em;
  }
  /* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
  .woocommerce .cart-collaterals .cross-sells,
  .woocommerce-page .cart-collaterals .cross-sells {
    display: none;
  }
}
/**
 * Blog
 */
.archive-header,
.single-post .header {
  max-height: 400px;
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}

@media all and (max-width: 1200px) {
  .archive-header,
  .single-post .header {
    max-height: 100%;
    margin: 0 auto;
  }
}
.archive-header-sub {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 1rem 1rem 0.5rem;
}

.archive-header-sub > div {
  display: inline-block;
  margin: 0.75rem 1rem;
}

.archive-header-textfield {
  width: calc(66.666% - 1rem);
  display: block;
  padding: 2rem 0.5rem 1.25rem;
}

@media all and (max-width: 768px) {
  .archive-header-textfield {
    width: calc(100% - 1rem);
  }
}
/*.archive-header:before {
	content: " ";
	opacity: 0.8;
	background-color: #353A41;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
}*/
.blog .header,
.category .header,
.single-post .header {
  position: relative;
  background-color: #374457;
  width: calc(100% - 2rem);
  max-width: 1600px;
  margin: 1rem auto 0 auto;
  border-bottom: 0;
}

.single-post .archive-header img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

.single-post .archive-header:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(55, 68, 87);
  background: linear-gradient(0deg, rgba(52, 57, 66, 0.8) 30%, rgba(0, 0, 0, 0.03) 90%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.blog #content,
.category #content,
.single-post #content {
  padding-top: 0;
}

.blog .archive-header .entry,
.category .archive-header .entry,
.single-post .archive-header .entry {
  position: absolute;
  bottom: 40px;
  color: #fff;
  max-width: 1150px;
  left: 0;
  right: 0;
  margin: 0px auto;
  z-index: 3;
}

.blog .archive-header .entry p,
.category .archive-header .entry p,
.single-post .archive-header .entry p {
  box-sizing: border-box;
  padding-right: 20%;
}

@media all and (max-width: 1200px) {
  .blog .archive-header .entry,
  .category .archive-header .entry,
  .single-post .archive-header .entry {
    left: 1rem;
    right: 1rem;
  }
}
.blog .archive-header .entry h1,
.category .archive-header .entry h1,
.single-post .archive-header .entry h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.single-post .archive-header .entry h1 {
  max-width: 700px;
  margin-top: 0.7rem;
}

.blog .select2-container,
.category .select2-container,
.single-post .select2-container {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0px auto;
  max-width: 50%;
  width: auto !important;
}

.sf-field-category .select2-container {
  right: 120px;
}

/**
 * WP Forms Select2 Styles
 */
.slide-content .select2-container * {
  background: none !important;
}
.slide-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.slide-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  color: #fff !important;
}
.slide-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}
.slide-content .select2-container--default .select2-search--dropdown .select2-search__field {
  color: #fff !important;
}
.slide-content .select2-container--default .select2-selection--single {
  background-color: none !important;
  border-radius: 0 !important;
  border: 1px solid #E18B4B !important;
  padding: 5px !important;
  position: relative;
  color: #fff !important;
}
.slide-content .select2-container .select2-selection--single {
  height: 40px !important;
}
.slide-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
}
.slide-content .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent !important;
}
.slide-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent !important;
}
.slide-content .select2-results {
  color: #fff !important;
}
.slide-content .select2-container--open .select2-dropdown {
  background: #E18B4B !important;
}

/**
 * Blog flexboxes
 */
/**
 * Improved Posts Container Layout CSS
 * Add this to your stylesheet or style section
 */
.insight-wrapper {
  display: flex;
  flex-direction: column;
}

.custom-category-filter {
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.custom-category-filter .filter-btn {
  display: inline-block;
  padding: 16px 24px;
  background-color: #f1f1f1;
  border-radius: 4px;
  text-decoration: none;
  color: #e48d52;
  transition: all 0.3s ease;
  cursor: pointer;
}
.custom-category-filter .filter-btn.active {
  background-color: #e48d52;
  color: white;
}
.custom-category-filter .filter-btn.active:hover {
  background-color: #e48d52;
  color: white;
}
.custom-category-filter .filter-btn:hover {
  background-color: #e48d52;
  color: white;
}
.custom-category-filter .custom-format-filter {
  display: flex;
  /* Remove default arrow in IE10+ */
}
.custom-category-filter .custom-format-filter select {
  border: 2px solid #d8d8d8;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  /* Adjust the dropdown arrow appearance and position */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Add custom arrow with more space from the right */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  /* Add more padding to the right to accommodate the arrow */
  padding-right: 36px;
}
.custom-category-filter .custom-format-filter select::-ms-expand {
  display: none;
}

.spinner {
  display: inline-block;
  margin: 10px auto;
  width: 40px;
  height: 40px;
  border: 4px solid rgba(228, 141, 82, 0.2);
  border-radius: 50%;
  border-top-color: #e48d52;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.category-ajax-link {
  cursor: pointer;
  color: #e48d52;
  text-decoration: none;
}
.category-ajax-link:hover {
  text-decoration: underline;
}

.no-more-posts-message {
  text-align: center;
  padding: 20px 0;
  color: #999;
  font-style: italic;
}

.no-more-post {
  text-align: center;
  padding: 30px 0;
  color: #999;
}

/* Container setup */
.posts-container {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem; /* Compensates for post margins */
}

/* Base post styling */
.posts-container .type-post {
  width: calc(33.333% - 1rem);
  margin: 0.5rem;
  min-height: 370px;
  max-height: 370px;
  position: relative;
  overflow: hidden;
  background: #2c3542; /* $bluegrey_dark variable */
  box-sizing: border-box;
}

/* Hide content by default */
.posts-container .type-post .content {
  display: none;
}

/* Post content positioning */
.posts-container .type-post .post-content {
  z-index: 3;
  position: absolute;
  padding: 2rem;
  vertical-align: bottom;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

.posts-container .type-post .post-content .data {
  max-width: 350px;
}

/* Style for the wide posts */
.posts-container .type-post.wide-post {
  width: calc(66.666% - 1rem);
}

/* Show content on wide posts */
.posts-container .type-post.wide-post .content {
  display: block;
}

/* Make sure the first post is wide */
.posts-container .type-post:first-child {
  width: calc(66.666% - 1rem);
}

.posts-container .type-post:first-child .content {
  display: block;
}

/* Quote formatting */
.posts-container .format-quote {
  flex: 1 0 calc(33.333% - 1rem);
}

/* Ensure spinner appears in the right place */
.insight-wrapper .spinner {
  align-self: center;
}

/* No more posts message */
.no-more-posts-message {
  width: 100%;
  text-align: center;
}

@media (max-width: 768px) {
  /* Mobile adjustments - all posts become full width */
  .posts-container .type-post,
  .posts-container .type-post.wide-post,
  .posts-container .type-post:first-child {
    width: 100%;
  }
}
.blog .format-quote img,
.category .format-quote img {
  display: none;
}

.blog .format-quote .post-content,
.category .format-quote .post-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.blog .format-status,
.category .format-status {
  flex: 1 0 calc(33.333% - 1rem);
  background: #E18B4B;
  color: #fff;
}

.blog .format-status.has-thumbnail,
.category .format-status.has-thumbnail {
  flex: 1 0 calc(33.333% - 1rem);
}

.blog .format-status a,
.category .format-status a {
  color: #fff;
}

.blog .format-status img,
.category .format-status img {
  display: none;
}

.blog .type-post.has-thumbnail:after,
.category .type-post.has-thumbnail:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(55, 68, 87);
  background: linear-gradient(0deg, rgb(55, 68, 87) 30%, rgba(0, 0, 0, 0.1601015406) 90%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.blog .format-quote:after,
.category .format-quote:after {
  display: none;
}

.blog .format-quote.has-thumbnail:after,
.category .format-quote.has-thumbnail:after {
  display: none;
}

.blog .format-status:after,
.category .format-status:after {
  display: none;
}

.blog .format-status.has-thumbnail:after,
.category .format-status.has-thumbnail:after {
  display: none;
}

.blog .type-post img,
.category .type-post img {
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
  position: absolute;
  z-index: 1;
}

.blog .post-content p,
.category .post-content p {
  color: #fff;
}

.blog .type-post .post-content .cats,
.category .type-post .post-content .cats,
.single-post .cats {
  color: #E18B4B;
  margin-bottom: 0.5rem;
}

.blog .type-post .post-content .cats a,
.category .type-post .post-content .cats a,
.single-post .cats a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

.blog .type-post .post-content h2,
.category .type-post .post-content h2 {
  color: #fff;
}

.blog .type-post .post-content h2 a,
.category .type-post .post-content h2 a {
  color: #fff;
}

.blog .type-post .post-content .date,
.category .type-post .post-content .date,
.single-post .date {
  color: #E18B4B;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

.blog .format-status .post-content .date,
.category .format-status .post-content .date {
  color: #fff;
}

.blog .format-status .post-content,
.category .format-status .post-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  padding: 0 2rem;
}

.blog .format-video .post-content .video,
.category .format-video .post-content .video {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 2rem auto;
}

.blog .format-video .post-content .video img,
.category .format-video .post-content .video img {
  width: 75px;
  height: 75px;
  display: block;
  position: inherit;
  margin: 0 auto;
  opacity: 0.5;
}

.facewp-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}

.facetwp-facet {
  margin: 0px !important;
  align-items: center;
}

.facetwp-facet-categories {
  display: flex;
  color: #e18b4b;
}

.facetwp-facet-categories .facetwp-counter {
  display: none;
}

.facetwp-checkbox {
  padding: 20px;
  margin: 0 5px !important;
  background: none !important;
}

.facetwp-checkbox.checked {
  background-color: #e18b4b !important;
  color: white;
}

.facetwp-dropdown {
  padding: 10px;
  color: black;
}

.webjam-policy-container input,
.webjam-policy-container label {
  cursor: pointer;
}

.webjam-button {
  display: block;
  width: fit-content;
  margin: 20px 0;
  background-color: #767676;
  font-weight: 500;
  padding: 0.4rem 1.8rem;
  line-height: 2rem;
  color: #fff !important;
  pointer-events: none;
}

.webjam-button.checked {
  pointer-events: initial;
  background-color: #E18B4B !important;
}

@media all and (max-width: 768px) {
  .blog .select2-container,
  .category .select2-container,
  .single-post .select2-container {
    position: relative;
    width: 100% !important;
    bottom: auto;
    right: auto;
    max-width: 100%;
  }
  .blog .content .page-wrap,
  .category .content .page-wrap {
    display: block;
  }
  .blog .type-post .post-content .data,
  .category .type-post .post-content .data {
    max-width: 100%;
  }
  .blog .type-post,
  .category .type-post,
  .blog .format-status.has-thumbnail {
    width: calc(100% - 1rem) !important;
    box-sizing: border-box;
    margin: 0.5rem;
    padding: 0;
    display: block;
  }
}
/**
 * Media queries
 */
@media all and (max-width: 768px) {
  .facewp-filter {
    flex-direction: column;
  }
  .facetwp-checkbox {
    font-size: 14px;
  }
}
/**
 * Print
 */
@media all and (max-width: 768px) {
  .facewp-filter {
    flex-direction: column;
  }
  .facetwp-checkbox {
    font-size: 14px;
  }
}