/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

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

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

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

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

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

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

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

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

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

/*

    VARIABLES

*/
/*

  DEBUG CHILDREN
  Docs: http://tachyons.io/docs/debug/

  Just add the debug class to any element to see outlines on its
  children.

*/
.debug * {
  outline: 1px solid gold;
}

.debug-white * {
  outline: 1px solid white;
}

.debug-black * {
  outline: 1px solid black;
}

/*

   DEBUG GRID
   http://tachyons.io/docs/debug-grid/

   Can be useful for debugging layout issues
   or helping to make sure things line up perfectly.
   Just tack one of these classes onto a parent element.

*/
.debug-grid {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left;
}

.debug-grid-16 {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left;
}

.debug-grid-8-solid {
  background: white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left;
}

.debug-grid-16-solid {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left;
}

/*

  BOX SIZING

*/
html,
body,
div,
article,
section,
main,
footer,
header,
form,
fieldset,
legend,
pre,
code,
a,
h1, h2, h3, h4, h5, h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
textarea,
table,
td,
th,
tr,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
.border-box {
  box-sizing: border-box;
}

/*

   ASPECT RATIOS

*/
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */
.aspect-ratio {
  height: 0;
  position: relative;
}

.aspect-ratio--16x9 {
  padding-bottom: 56.25%;
}

.aspect-ratio--9x16 {
  padding-bottom: 177.77%;
}

.aspect-ratio--4x3 {
  padding-bottom: 75%;
}

.aspect-ratio--3x4 {
  padding-bottom: 133.33%;
}

.aspect-ratio--6x4 {
  padding-bottom: 66.6%;
}

.aspect-ratio--4x6 {
  padding-bottom: 150%;
}

.aspect-ratio--8x5 {
  padding-bottom: 62.5%;
}

.aspect-ratio--5x8 {
  padding-bottom: 160%;
}

.aspect-ratio--7x5 {
  padding-bottom: 71.42%;
}

.aspect-ratio--5x7 {
  padding-bottom: 140%;
}

.aspect-ratio--1x1 {
  padding-bottom: 100%;
}

.aspect-ratio--object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

@media screen and (min-width: 30em) {
  .aspect-ratio-ns {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-ns {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-ns {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-ns {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-ns {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-ns {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-ns {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-ns {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-ns {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-ns {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-ns {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-ns {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-ns {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .aspect-ratio-m {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-m {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-m {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-m {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-m {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-m {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-m {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-m {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-m {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-m {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-m {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-m {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-m {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

@media screen and (min-width: 60em) {
  .aspect-ratio-l {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-l {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-l {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-l {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-l {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-l {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-l {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-l {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-l {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-l {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-l {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-l {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-l {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

/*

   IMAGES
   Docs: http://tachyons.io/docs/elements/images/

*/
/* Responsive images! */
img {
  max-width: 100%;
}

/*

   BACKGROUND SIZE
   Docs: http://tachyons.io/docs/themes/background-size/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
.cover {
  background-size: cover !important;
}

.contain {
  background-size: contain !important;
}

@media screen and (min-width: 30em) {
  .cover-ns {
    background-size: cover !important;
  }
  .contain-ns {
    background-size: contain !important;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .cover-m {
    background-size: cover !important;
  }
  .contain-m {
    background-size: contain !important;
  }
}

@media screen and (min-width: 60em) {
  .cover-l {
    background-size: cover !important;
  }
  .contain-l {
    background-size: contain !important;
  }
}

/*

    BACKGROUND POSITION

    Base:
    bg = background

    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.bg-center {
  background-repeat: no-repeat;
  background-position: center center;
}

.bg-top {
  background-repeat: no-repeat;
  background-position: top center;
}

.bg-right {
  background-repeat: no-repeat;
  background-position: center right;
}

.bg-bottom {
  background-repeat: no-repeat;
  background-position: bottom center;
}

.bg-left {
  background-repeat: no-repeat;
  background-position: center left;
}

@media screen and (min-width: 30em) {
  .bg-center-ns {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .bg-top-ns {
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-right-ns {
    background-repeat: no-repeat;
    background-position: center right;
  }
  .bg-bottom-ns {
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .bg-left-ns {
    background-repeat: no-repeat;
    background-position: center left;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .bg-center-m {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .bg-top-m {
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-right-m {
    background-repeat: no-repeat;
    background-position: center right;
  }
  .bg-bottom-m {
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .bg-left-m {
    background-repeat: no-repeat;
    background-position: center left;
  }
}

@media screen and (min-width: 60em) {
  .bg-center-l {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .bg-top-l {
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-right-l {
    background-repeat: no-repeat;
    background-position: center right;
  }
  .bg-bottom-l {
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .bg-left-l {
    background-repeat: no-repeat;
    background-position: center left;
  }
}

/*

   OUTLINES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.outline {
  outline: 1px solid;
}

.outline-transparent {
  outline: 1px solid transparent;
}

.outline-0 {
  outline: 0;
}

@media screen and (min-width: 30em) {
  .outline-ns {
    outline: 1px solid;
  }
  .outline-transparent-ns {
    outline: 1px solid transparent;
  }
  .outline-0-ns {
    outline: 0;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .outline-m {
    outline: 1px solid;
  }
  .outline-transparent-m {
    outline: 1px solid transparent;
  }
  .outline-0-m {
    outline: 0;
  }
}

@media screen and (min-width: 60em) {
  .outline-l {
    outline: 1px solid;
  }
  .outline-transparent-l {
    outline: 1px solid transparent;
  }
  .outline-0-l {
    outline: 0;
  }
}

/*

    BORDERS
    Docs: http://tachyons.io/docs/themes/borders/

    Base:
      b = border

    Modifiers:
      a = all
      t = top
      r = right
      b = bottom
      l = left
      n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ba {
  border-style: solid;
  border-width: 1px;
}

.bt, .webform-submit {
  border-top-style: solid;
  border-top-width: 1px;
}

.br {
  border-right-style: solid;
  border-right-width: 1px;
}

.bb {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.bl {
  border-left-style: solid;
  border-left-width: 1px;
}

.bn {
  border-style: none;
  border-width: 0;
}

@media screen and (min-width: 30em) {
  .ba-ns {
    border-style: solid;
    border-width: 1px;
  }
  .bt-ns {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-ns {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-ns {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-ns {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-ns {
    border-style: none;
    border-width: 0;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .ba-m {
    border-style: solid;
    border-width: 1px;
  }
  .bt-m {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-m {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-m {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-m {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-m {
    border-style: none;
    border-width: 0;
  }
}

@media screen and (min-width: 60em) {
  .ba-l {
    border-style: solid;
    border-width: 1px;
  }
  .bt-l {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-l {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-l {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-l {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-l {
    border-style: none;
    border-width: 0;
  }
}

/*

   BORDER COLORS
   Docs: http://tachyons.io/docs/themes/borders/

   Border colors can be used to extend the base
   border classes ba,bt,bb,br,bl found in the _borders.css file.

   The base border class by default will set the color of the border
   to that of the current text color. These classes are for the cases
   where you desire for the text and border colors to be different.

   Base:
     b = border

   Modifiers:
   --color-name = each color variable name is also a border color name

*/
.b--black {
  border-color: #000;
}

.b--near-black {
  border-color: #111;
}

.b--dark-gray {
  border-color: #333;
}

.b--mid-gray {
  border-color: #555;
}

.b--gray {
  border-color: #777;
}

.b--silver {
  border-color: #999;
}

.b--light-silver {
  border-color: #aaa;
}

.b--moon-gray {
  border-color: #ccc;
}

.b--light-gray {
  border-color: #eee;
}

.b--near-white {
  border-color: #f4f4f4;
}

.b--white {
  border-color: #fff;
}

.b--white-90 {
  border-color: rgba(255, 255, 255, 0.9);
}

.b--white-80 {
  border-color: rgba(255, 255, 255, 0.8);
}

.b--white-70 {
  border-color: rgba(255, 255, 255, 0.7);
}

.b--white-60 {
  border-color: rgba(255, 255, 255, 0.6);
}

.b--white-50 {
  border-color: rgba(255, 255, 255, 0.5);
}

.b--white-40 {
  border-color: rgba(255, 255, 255, 0.4);
}

.b--white-30 {
  border-color: rgba(255, 255, 255, 0.3);
}

.b--white-20 {
  border-color: rgba(255, 255, 255, 0.2);
}

.b--white-10 {
  border-color: rgba(255, 255, 255, 0.1);
}

.b--white-05 {
  border-color: rgba(255, 255, 255, 0.05);
}

.b--white-025 {
  border-color: rgba(255, 255, 255, 0.025);
}

.b--white-0125 {
  border-color: rgba(255, 255, 255, 0.0125);
}

.b--black-90 {
  border-color: rgba(0, 0, 0, 0.9);
}

.b--black-80 {
  border-color: rgba(0, 0, 0, 0.8);
}

.b--black-70 {
  border-color: rgba(0, 0, 0, 0.7);
}

.b--black-60 {
  border-color: rgba(0, 0, 0, 0.6);
}

.b--black-50 {
  border-color: rgba(0, 0, 0, 0.5);
}

.b--black-40 {
  border-color: rgba(0, 0, 0, 0.4);
}

.b--black-30 {
  border-color: rgba(0, 0, 0, 0.3);
}

.b--black-20 {
  border-color: rgba(0, 0, 0, 0.2);
}

.b--black-10 {
  border-color: rgba(0, 0, 0, 0.1);
}

.b--black-05 {
  border-color: rgba(0, 0, 0, 0.05);
}

.b--black-025 {
  border-color: rgba(0, 0, 0, 0.025);
}

.b--black-0125 {
  border-color: rgba(0, 0, 0, 0.0125);
}

.b--dark-red {
  border-color: #e7040f;
}

.b--red {
  border-color: #ff4136;
}

.b--light-red {
  border-color: #ff725c;
}

.b--orange {
  border-color: #ff6300;
}

.b--gold {
  border-color: #ffb700;
}

.b--yellow {
  border-color: #ffd700;
}

.b--light-yellow {
  border-color: #fbf1a9;
}

.b--purple {
  border-color: #5e2ca5;
}

.b--light-purple {
  border-color: #a463f2;
}

.b--dark-pink {
  border-color: #d5008f;
}

.b--hot-pink {
  border-color: #ff41b4;
}

.b--pink {
  border-color: #ff80cc;
}

.b--light-pink {
  border-color: #ffa3d7;
}

.b--dark-green {
  border-color: #137752;
}

.b--green {
  border-color: #19a974;
}

.b--light-green {
  border-color: #9eebcf;
}

.b--navy {
  border-color: #001b44;
}

.b--dark-blue {
  border-color: #00449e;
}

.b--blue {
  border-color: #357edd;
}

.b--light-blue {
  border-color: #96ccff;
}

.b--lightest-blue {
  border-color: #cdecff;
}

.b--washed-blue {
  border-color: #f6fffe;
}

.b--washed-green {
  border-color: #e8fdf5;
}

.b--washed-yellow {
  border-color: #fffceb;
}

.b--washed-red {
  border-color: #ffdfdf;
}

.b--transparent {
  border-color: transparent;
}

.b--inherit {
  border-color: inherit;
}

/*

   BORDER RADIUS
   Docs: http://tachyons.io/docs/themes/border-radius/

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale

   Literal values:
     -100 = 100%
     -pill = 9999px

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.br0 {
  border-radius: 0;
}

.br1 {
  border-radius: 0.125rem;
}

.br2 {
  border-radius: 0.25rem;
}

.br3 {
  border-radius: 0.5rem;
}

.br4 {
  border-radius: 1rem;
}

.br-100 {
  border-radius: 100%;
}

.br-pill {
  border-radius: 9999px;
}

.br--bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.br--top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.br--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (min-width: 30em) {
  .br0-ns {
    border-radius: 0;
  }
  .br1-ns {
    border-radius: 0.125rem;
  }
  .br2-ns {
    border-radius: 0.25rem;
  }
  .br3-ns {
    border-radius: 0.5rem;
  }
  .br4-ns {
    border-radius: 1rem;
  }
  .br-100-ns {
    border-radius: 100%;
  }
  .br-pill-ns {
    border-radius: 9999px;
  }
  .br--bottom-ns {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-ns {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br--right-ns {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br--left-ns {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .br0-m {
    border-radius: 0;
  }
  .br1-m {
    border-radius: 0.125rem;
  }
  .br2-m {
    border-radius: 0.25rem;
  }
  .br3-m {
    border-radius: 0.5rem;
  }
  .br4-m {
    border-radius: 1rem;
  }
  .br-100-m {
    border-radius: 100%;
  }
  .br-pill-m {
    border-radius: 9999px;
  }
  .br--bottom-m {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-m {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br--right-m {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br--left-m {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media screen and (min-width: 60em) {
  .br0-l {
    border-radius: 0;
  }
  .br1-l {
    border-radius: 0.125rem;
  }
  .br2-l {
    border-radius: 0.25rem;
  }
  .br3-l {
    border-radius: 0.5rem;
  }
  .br4-l {
    border-radius: 1rem;
  }
  .br-100-l {
    border-radius: 100%;
  }
  .br-pill-l {
    border-radius: 9999px;
  }
  .br--bottom-l {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-l {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br--right-l {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br--left-l {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/*

   BORDER STYLES
   Docs: http://tachyons.io/docs/themes/borders/

   Depends on base border module in _borders.css

   Base:
     b = border-style

   Modifiers:
     --none   = none
     --dotted = dotted
     --dashed = dashed
     --solid  = solid

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

 */
.b--dotted {
  border-style: dotted;
}

.b--dashed {
  border-style: dashed;
}

.b--solid {
  border-style: solid;
}

.b--none {
  border-style: none;
}

@media screen and (min-width: 30em) {
  .b--dotted-ns {
    border-style: dotted;
  }
  .b--dashed-ns {
    border-style: dashed;
  }
  .b--solid-ns {
    border-style: solid;
  }
  .b--none-ns {
    border-style: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .b--dotted-m {
    border-style: dotted;
  }
  .b--dashed-m {
    border-style: dashed;
  }
  .b--solid-m {
    border-style: solid;
  }
  .b--none-m {
    border-style: none;
  }
}

@media screen and (min-width: 60em) {
  .b--dotted-l {
    border-style: dotted;
  }
  .b--dashed-l {
    border-style: dashed;
  }
  .b--solid-l {
    border-style: solid;
  }
  .b--none-l {
    border-style: none;
  }
}

/*

   BORDER WIDTHS
   Docs: http://tachyons.io/docs/themes/borders/

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.bw0 {
  border-width: 0;
}

.bw1 {
  border-width: 0.125rem;
}

.bw2 {
  border-width: 0.25rem;
}

.bw3 {
  border-width: 0.5rem;
}

.bw4 {
  border-width: 1rem;
}

.bw5 {
  border-width: 2rem;
}

/* Resets */
.bt-0 {
  border-top-width: 0;
}

.br-0 {
  border-right-width: 0;
}

.bb-0 {
  border-bottom-width: 0;
}

.bl-0 {
  border-left-width: 0;
}

@media screen and (min-width: 30em) {
  .bw0-ns {
    border-width: 0;
  }
  .bw1-ns {
    border-width: 0.125rem;
  }
  .bw2-ns {
    border-width: 0.25rem;
  }
  .bw3-ns {
    border-width: 0.5rem;
  }
  .bw4-ns {
    border-width: 1rem;
  }
  .bw5-ns {
    border-width: 2rem;
  }
  .bt-0-ns {
    border-top-width: 0;
  }
  .br-0-ns {
    border-right-width: 0;
  }
  .bb-0-ns {
    border-bottom-width: 0;
  }
  .bl-0-ns {
    border-left-width: 0;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .bw0-m {
    border-width: 0;
  }
  .bw1-m {
    border-width: 0.125rem;
  }
  .bw2-m {
    border-width: 0.25rem;
  }
  .bw3-m {
    border-width: 0.5rem;
  }
  .bw4-m {
    border-width: 1rem;
  }
  .bw5-m {
    border-width: 2rem;
  }
  .bt-0-m {
    border-top-width: 0;
  }
  .br-0-m {
    border-right-width: 0;
  }
  .bb-0-m {
    border-bottom-width: 0;
  }
  .bl-0-m {
    border-left-width: 0;
  }
}

@media screen and (min-width: 60em) {
  .bw0-l {
    border-width: 0;
  }
  .bw1-l {
    border-width: 0.125rem;
  }
  .bw2-l {
    border-width: 0.25rem;
  }
  .bw3-l {
    border-width: 0.5rem;
  }
  .bw4-l {
    border-width: 1rem;
  }
  .bw5-l {
    border-width: 2rem;
  }
  .bt-0-l {
    border-top-width: 0;
  }
  .br-0-l {
    border-right-width: 0;
  }
  .bb-0-l {
    border-bottom-width: 0;
  }
  .bl-0-l {
    border-left-width: 0;
  }
}

/*

  BOX-SHADOW
  Docs: http://tachyons.io/docs/themes/box-shadow/

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

 */
.shadow-1 {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-2 {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}

.shadow-3 {
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-4 {
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.shadow-5 {
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 30em) {
  .shadow-1-ns {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-2-ns {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-3-ns {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-4-ns {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .shadow-5-ns {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .shadow-1-m {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-2-m {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-3-m {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-4-m {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .shadow-5-m {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 60em) {
  .shadow-1-l {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-2-l {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-3-l {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-4-l {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .shadow-5-l {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}

/*

   CODE

*/
.pre {
  overflow-x: auto;
  overflow-y: hidden;
  overflow: scroll;
}

/*

   COORDINATES
   Docs: http://tachyons.io/docs/layout/position/

   Use in combination with the position module.

   Base:
     top
     bottom
     right
     left

   Modifiers:
     -0  = literal value 0
     -1  = literal value 1
     -2  = literal value 2
     --1 = literal value -1
     --2 = literal value -2

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-1 {
  top: 1rem;
}

.right-1 {
  right: 1rem;
}

.bottom-1 {
  bottom: 1rem;
}

.left-1 {
  left: 1rem;
}

.top-2 {
  top: 2rem;
}

.right-2 {
  right: 2rem;
}

.bottom-2 {
  bottom: 2rem;
}

.left-2 {
  left: 2rem;
}

.top--1 {
  top: -1rem;
}

.right--1 {
  right: -1rem;
}

.bottom--1 {
  bottom: -1rem;
}

.left--1 {
  left: -1rem;
}

.top--2 {
  top: -2rem;
}

.right--2 {
  right: -2rem;
}

.bottom--2 {
  bottom: -2rem;
}

.left--2 {
  left: -2rem;
}

.absolute--fill {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 30em) {
  .top-0-ns {
    top: 0;
  }
  .left-0-ns {
    left: 0;
  }
  .right-0-ns {
    right: 0;
  }
  .bottom-0-ns {
    bottom: 0;
  }
  .top-1-ns {
    top: 1rem;
  }
  .left-1-ns {
    left: 1rem;
  }
  .right-1-ns {
    right: 1rem;
  }
  .bottom-1-ns {
    bottom: 1rem;
  }
  .top-2-ns {
    top: 2rem;
  }
  .left-2-ns {
    left: 2rem;
  }
  .right-2-ns {
    right: 2rem;
  }
  .bottom-2-ns {
    bottom: 2rem;
  }
  .top--1-ns {
    top: -1rem;
  }
  .right--1-ns {
    right: -1rem;
  }
  .bottom--1-ns {
    bottom: -1rem;
  }
  .left--1-ns {
    left: -1rem;
  }
  .top--2-ns {
    top: -2rem;
  }
  .right--2-ns {
    right: -2rem;
  }
  .bottom--2-ns {
    bottom: -2rem;
  }
  .left--2-ns {
    left: -2rem;
  }
  .absolute--fill-ns {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .top-0-m {
    top: 0;
  }
  .left-0-m {
    left: 0;
  }
  .right-0-m {
    right: 0;
  }
  .bottom-0-m {
    bottom: 0;
  }
  .top-1-m {
    top: 1rem;
  }
  .left-1-m {
    left: 1rem;
  }
  .right-1-m {
    right: 1rem;
  }
  .bottom-1-m {
    bottom: 1rem;
  }
  .top-2-m {
    top: 2rem;
  }
  .left-2-m {
    left: 2rem;
  }
  .right-2-m {
    right: 2rem;
  }
  .bottom-2-m {
    bottom: 2rem;
  }
  .top--1-m {
    top: -1rem;
  }
  .right--1-m {
    right: -1rem;
  }
  .bottom--1-m {
    bottom: -1rem;
  }
  .left--1-m {
    left: -1rem;
  }
  .top--2-m {
    top: -2rem;
  }
  .right--2-m {
    right: -2rem;
  }
  .bottom--2-m {
    bottom: -2rem;
  }
  .left--2-m {
    left: -2rem;
  }
  .absolute--fill-m {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 60em) {
  .top-0-l {
    top: 0;
  }
  .left-0-l {
    left: 0;
  }
  .right-0-l {
    right: 0;
  }
  .bottom-0-l {
    bottom: 0;
  }
  .top-1-l {
    top: 1rem;
  }
  .left-1-l {
    left: 1rem;
  }
  .right-1-l {
    right: 1rem;
  }
  .bottom-1-l {
    bottom: 1rem;
  }
  .top-2-l {
    top: 2rem;
  }
  .left-2-l {
    left: 2rem;
  }
  .right-2-l {
    right: 2rem;
  }
  .bottom-2-l {
    bottom: 2rem;
  }
  .top--1-l {
    top: -1rem;
  }
  .right--1-l {
    right: -1rem;
  }
  .bottom--1-l {
    bottom: -1rem;
  }
  .left--1-l {
    left: -1rem;
  }
  .top--2-l {
    top: -2rem;
  }
  .right--2-l {
    right: -2rem;
  }
  .bottom--2-l {
    bottom: -2rem;
  }
  .left--2-l {
    left: -2rem;
  }
  .absolute--fill-l {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

/*

   CLEARFIX
   http://tachyons.io/docs/layout/clearfix/

*/
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, #site.page section.group-bp-part2 .faq-summary ol:before,
.cf:after,
#site.page section.group-bp-part2 .faq-summary ol:after {
  content: " ";
  display: table;
}


.cf:after,
#site.page section.group-bp-part2 .faq-summary ol:after {
  clear: both;
}

.cf, #site.page section.group-bp-part2 .faq-summary ol {
  *zoom: 1;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.cb {
  clear: both;
}

.cn {
  clear: none;
}

@media screen and (min-width: 30em) {
  .cl-ns {
    clear: left;
  }
  .cr-ns {
    clear: right;
  }
  .cb-ns {
    clear: both;
  }
  .cn-ns {
    clear: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .cl-m {
    clear: left;
  }
  .cr-m {
    clear: right;
  }
  .cb-m {
    clear: both;
  }
  .cn-m {
    clear: none;
  }
}

@media screen and (min-width: 60em) {
  .cl-l {
    clear: left;
  }
  .cr-l {
    clear: right;
  }
  .cb-l {
    clear: both;
  }
  .cn-l {
    clear: none;
  }
}

/*

  FLEXBOX

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

*/
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */
}

.flex-none {
  flex: none;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

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

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

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

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

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

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.justify-start {
  justify-content: flex-start;
}

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

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

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-stretch {
  align-content: stretch;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-last {
  order: 99999;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

@media screen and (min-width: 30em) {
  .flex-ns {
    display: flex;
  }
  .inline-flex-ns {
    display: inline-flex;
  }
  .flex-auto-ns {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
  }
  .flex-none-ns {
    flex: none;
  }
  .flex-column-ns {
    flex-direction: column;
  }
  .flex-row-ns {
    flex-direction: row;
  }
  .flex-wrap-ns {
    flex-wrap: wrap;
  }
  .flex-nowrap-ns {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse-ns {
    flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-ns {
    flex-direction: column-reverse;
  }
  .flex-row-reverse-ns {
    flex-direction: row-reverse;
  }
  .items-start-ns {
    align-items: flex-start;
  }
  .items-end-ns {
    align-items: flex-end;
  }
  .items-center-ns {
    align-items: center;
  }
  .items-baseline-ns {
    align-items: baseline;
  }
  .items-stretch-ns {
    align-items: stretch;
  }
  .self-start-ns {
    align-self: flex-start;
  }
  .self-end-ns {
    align-self: flex-end;
  }
  .self-center-ns {
    align-self: center;
  }
  .self-baseline-ns {
    align-self: baseline;
  }
  .self-stretch-ns {
    align-self: stretch;
  }
  .justify-start-ns {
    justify-content: flex-start;
  }
  .justify-end-ns {
    justify-content: flex-end;
  }
  .justify-center-ns {
    justify-content: center;
  }
  .justify-between-ns {
    justify-content: space-between;
  }
  .justify-around-ns {
    justify-content: space-around;
  }
  .content-start-ns {
    align-content: flex-start;
  }
  .content-end-ns {
    align-content: flex-end;
  }
  .content-center-ns {
    align-content: center;
  }
  .content-between-ns {
    align-content: space-between;
  }
  .content-around-ns {
    align-content: space-around;
  }
  .content-stretch-ns {
    align-content: stretch;
  }
  .order-0-ns {
    order: 0;
  }
  .order-1-ns {
    order: 1;
  }
  .order-2-ns {
    order: 2;
  }
  .order-3-ns {
    order: 3;
  }
  .order-4-ns {
    order: 4;
  }
  .order-5-ns {
    order: 5;
  }
  .order-6-ns {
    order: 6;
  }
  .order-7-ns {
    order: 7;
  }
  .order-8-ns {
    order: 8;
  }
  .order-last-ns {
    order: 99999;
  }
  .flex-grow-0-ns {
    flex-grow: 0;
  }
  .flex-grow-1-ns {
    flex-grow: 1;
  }
  .flex-shrink-0-ns {
    flex-shrink: 0;
  }
  .flex-shrink-1-ns {
    flex-shrink: 1;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .flex-m {
    display: flex;
  }
  .inline-flex-m {
    display: inline-flex;
  }
  .flex-auto-m {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
  }
  .flex-none-m {
    flex: none;
  }
  .flex-column-m {
    flex-direction: column;
  }
  .flex-row-m {
    flex-direction: row;
  }
  .flex-wrap-m {
    flex-wrap: wrap;
  }
  .flex-nowrap-m {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse-m {
    flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-m {
    flex-direction: column-reverse;
  }
  .flex-row-reverse-m {
    flex-direction: row-reverse;
  }
  .items-start-m {
    align-items: flex-start;
  }
  .items-end-m {
    align-items: flex-end;
  }
  .items-center-m {
    align-items: center;
  }
  .items-baseline-m {
    align-items: baseline;
  }
  .items-stretch-m {
    align-items: stretch;
  }
  .self-start-m {
    align-self: flex-start;
  }
  .self-end-m {
    align-self: flex-end;
  }
  .self-center-m {
    align-self: center;
  }
  .self-baseline-m {
    align-self: baseline;
  }
  .self-stretch-m {
    align-self: stretch;
  }
  .justify-start-m {
    justify-content: flex-start;
  }
  .justify-end-m {
    justify-content: flex-end;
  }
  .justify-center-m {
    justify-content: center;
  }
  .justify-between-m {
    justify-content: space-between;
  }
  .justify-around-m {
    justify-content: space-around;
  }
  .content-start-m {
    align-content: flex-start;
  }
  .content-end-m {
    align-content: flex-end;
  }
  .content-center-m {
    align-content: center;
  }
  .content-between-m {
    align-content: space-between;
  }
  .content-around-m {
    align-content: space-around;
  }
  .content-stretch-m {
    align-content: stretch;
  }
  .order-0-m {
    order: 0;
  }
  .order-1-m {
    order: 1;
  }
  .order-2-m {
    order: 2;
  }
  .order-3-m {
    order: 3;
  }
  .order-4-m {
    order: 4;
  }
  .order-5-m {
    order: 5;
  }
  .order-6-m {
    order: 6;
  }
  .order-7-m {
    order: 7;
  }
  .order-8-m {
    order: 8;
  }
  .order-last-m {
    order: 99999;
  }
  .flex-grow-0-m {
    flex-grow: 0;
  }
  .flex-grow-1-m {
    flex-grow: 1;
  }
  .flex-shrink-0-m {
    flex-shrink: 0;
  }
  .flex-shrink-1-m {
    flex-shrink: 1;
  }
}

@media screen and (min-width: 60em) {
  .flex-l {
    display: flex;
  }
  .inline-flex-l {
    display: inline-flex;
  }
  .flex-auto-l {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
  }
  .flex-none-l {
    flex: none;
  }
  .flex-column-l {
    flex-direction: column;
  }
  .flex-row-l {
    flex-direction: row;
  }
  .flex-wrap-l {
    flex-wrap: wrap;
  }
  .flex-nowrap-l {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse-l {
    flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-l {
    flex-direction: column-reverse;
  }
  .flex-row-reverse-l {
    flex-direction: row-reverse;
  }
  .items-start-l {
    align-items: flex-start;
  }
  .items-end-l {
    align-items: flex-end;
  }
  .items-center-l {
    align-items: center;
  }
  .items-baseline-l {
    align-items: baseline;
  }
  .items-stretch-l {
    align-items: stretch;
  }
  .self-start-l {
    align-self: flex-start;
  }
  .self-end-l {
    align-self: flex-end;
  }
  .self-center-l {
    align-self: center;
  }
  .self-baseline-l {
    align-self: baseline;
  }
  .self-stretch-l {
    align-self: stretch;
  }
  .justify-start-l {
    justify-content: flex-start;
  }
  .justify-end-l {
    justify-content: flex-end;
  }
  .justify-center-l {
    justify-content: center;
  }
  .justify-between-l {
    justify-content: space-between;
  }
  .justify-around-l {
    justify-content: space-around;
  }
  .content-start-l {
    align-content: flex-start;
  }
  .content-end-l {
    align-content: flex-end;
  }
  .content-center-l {
    align-content: center;
  }
  .content-between-l {
    align-content: space-between;
  }
  .content-around-l {
    align-content: space-around;
  }
  .content-stretch-l {
    align-content: stretch;
  }
  .order-0-l {
    order: 0;
  }
  .order-1-l {
    order: 1;
  }
  .order-2-l {
    order: 2;
  }
  .order-3-l {
    order: 3;
  }
  .order-4-l {
    order: 4;
  }
  .order-5-l {
    order: 5;
  }
  .order-6-l {
    order: 6;
  }
  .order-7-l {
    order: 7;
  }
  .order-8-l {
    order: 8;
  }
  .order-last-l {
    order: 99999;
  }
  .flex-grow-0-l {
    flex-grow: 0;
  }
  .flex-grow-1-l {
    flex-grow: 1;
  }
  .flex-shrink-0-l {
    flex-shrink: 0;
  }
  .flex-shrink-1-l {
    flex-shrink: 1;
  }
}

/*

   DISPLAY
   Docs: http://tachyons.io/docs/layout/display

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    tr    = table-row
    tcol  = table-column
    tcolg = table-column-group

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.dn {
  display: none;
}

.di {
  display: inline;
}

.db {
  display: block;
}

.dib {
  display: inline-block;
}

.dit {
  display: inline-table;
}

.dt {
  display: table;
}

.dtc {
  display: table-cell;
}

.dt-row {
  display: table-row;
}

.dt-row-group {
  display: table-row-group;
}

.dt-column {
  display: table-column;
}

.dt-column-group {
  display: table-column-group;
}

/*
  This will set table to full width and then
  all cells will be equal width
*/
.dt--fixed {
  table-layout: fixed;
  width: 100%;
}

@media screen and (min-width: 30em) {
  .dn-ns {
    display: none;
  }
  .di-ns {
    display: inline;
  }
  .db-ns {
    display: block;
  }
  .dib-ns {
    display: inline-block;
  }
  .dit-ns {
    display: inline-table;
  }
  .dt-ns {
    display: table;
  }
  .dtc-ns {
    display: table-cell;
  }
  .dt-row-ns {
    display: table-row;
  }
  .dt-row-group-ns {
    display: table-row-group;
  }
  .dt-column-ns {
    display: table-column;
  }
  .dt-column-group-ns {
    display: table-column-group;
  }
  .dt--fixed-ns {
    table-layout: fixed;
    width: 100%;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .dn-m {
    display: none;
  }
  .di-m {
    display: inline;
  }
  .db-m {
    display: block;
  }
  .dib-m {
    display: inline-block;
  }
  .dit-m {
    display: inline-table;
  }
  .dt-m {
    display: table;
  }
  .dtc-m {
    display: table-cell;
  }
  .dt-row-m {
    display: table-row;
  }
  .dt-row-group-m {
    display: table-row-group;
  }
  .dt-column-m {
    display: table-column;
  }
  .dt-column-group-m {
    display: table-column-group;
  }
  .dt--fixed-m {
    table-layout: fixed;
    width: 100%;
  }
}

@media screen and (min-width: 60em) {
  .dn-l {
    display: none;
  }
  .di-l {
    display: inline;
  }
  .db-l {
    display: block;
  }
  .dib-l {
    display: inline-block;
  }
  .dit-l {
    display: inline-table;
  }
  .dt-l {
    display: table;
  }
  .dtc-l {
    display: table-cell;
  }
  .dt-row-l {
    display: table-row;
  }
  .dt-row-group-l {
    display: table-row-group;
  }
  .dt-column-l {
    display: table-column;
  }
  .dt-column-group-l {
    display: table-column-group;
  }
  .dt--fixed-l {
    table-layout: fixed;
    width: 100%;
  }
}

/*

   FLOATS
   http://tachyons.io/docs/layout/floats/

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.fl {
  float: left;
  _display: inline;
}

.fr {
  float: right;
  _display: inline;
}

.fn {
  float: none;
}

@media screen and (min-width: 30em) {
  .fl-ns {
    float: left;
    _display: inline;
  }
  .fr-ns {
    float: right;
    _display: inline;
  }
  .fn-ns {
    float: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .fl-m {
    float: left;
    _display: inline;
  }
  .fr-m {
    float: right;
    _display: inline;
  }
  .fn-m {
    float: none;
  }
}

@media screen and (min-width: 60em) {
  .fl-l {
    float: left;
    _display: inline;
  }
  .fr-l {
    float: right;
    _display: inline;
  }
  .fn-l {
    float: none;
  }
}

/*

   FONT FAMILY GROUPS
   Docs: http://tachyons.io/docs/typography/font-family/

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

.serif {
  font-family: georgia, serif;
}

.system-sans-serif {
  font-family: sans-serif;
}

.system-serif {
  font-family: serif;
}

/* Monospaced Typefaces (for code) */
/* From http://cssfontstack.com */
code, .code {
  font-family: Consolas, monaco, monospace;
}

.courier {
  font-family: 'Courier Next', courier, monospace;
}

/* Sans-Serif Typefaces */
.helvetica {
  font-family: 'helvetica neue', helvetica, sans-serif;
}

.avenir {
  font-family: 'avenir next', avenir, sans-serif;
}

/* Serif Typefaces */
.athelas {
  font-family: athelas, georgia, serif;
}

.georgia {
  font-family: georgia, serif;
}

.times {
  font-family: times, serif;
}

.bodoni {
  font-family: "Bodoni MT", serif;
}

.calisto {
  font-family: "Calisto MT", serif;
}

.garamond {
  font-family: garamond, serif;
}

.baskerville {
  font-family: baskerville, serif;
}

/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.i {
  font-style: italic;
}

.fs-normal {
  font-style: normal;
}

@media screen and (min-width: 30em) {
  .i-ns {
    font-style: italic;
  }
  .fs-normal-ns {
    font-style: normal;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .i-m {
    font-style: italic;
  }
  .fs-normal-m {
    font-style: normal;
  }
}

@media screen and (min-width: 60em) {
  .i-l {
    font-style: italic;
  }
  .fs-normal-l {
    font-style: normal;
  }
}

/*

   FONT WEIGHT
   Docs: http://tachyons.io/docs/typography/font-weight/

   Base
     fw = font-weight

   Modifiers:
     1 = literal value 100
     2 = literal value 200
     3 = literal value 300
     4 = literal value 400
     5 = literal value 500
     6 = literal value 600
     7 = literal value 700
     8 = literal value 800
     9 = literal value 900

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.normal {
  font-weight: normal;
}

.b {
  font-weight: bold;
}

.fw1 {
  font-weight: 100;
}

.fw2 {
  font-weight: 200;
}

.fw3 {
  font-weight: 300;
}

.fw4 {
  font-weight: 400;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

.fw7 {
  font-weight: 700;
}

.fw8 {
  font-weight: 800;
}

.fw9 {
  font-weight: 900;
}

@media screen and (min-width: 30em) {
  .normal-ns {
    font-weight: normal;
  }
  .b-ns {
    font-weight: bold;
  }
  .fw1-ns {
    font-weight: 100;
  }
  .fw2-ns {
    font-weight: 200;
  }
  .fw3-ns {
    font-weight: 300;
  }
  .fw4-ns {
    font-weight: 400;
  }
  .fw5-ns {
    font-weight: 500;
  }
  .fw6-ns {
    font-weight: 600;
  }
  .fw7-ns {
    font-weight: 700;
  }
  .fw8-ns {
    font-weight: 800;
  }
  .fw9-ns {
    font-weight: 900;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .normal-m {
    font-weight: normal;
  }
  .b-m {
    font-weight: bold;
  }
  .fw1-m {
    font-weight: 100;
  }
  .fw2-m {
    font-weight: 200;
  }
  .fw3-m {
    font-weight: 300;
  }
  .fw4-m {
    font-weight: 400;
  }
  .fw5-m {
    font-weight: 500;
  }
  .fw6-m {
    font-weight: 600;
  }
  .fw7-m {
    font-weight: 700;
  }
  .fw8-m {
    font-weight: 800;
  }
  .fw9-m {
    font-weight: 900;
  }
}

@media screen and (min-width: 60em) {
  .normal-l {
    font-weight: normal;
  }
  .b-l {
    font-weight: bold;
  }
  .fw1-l {
    font-weight: 100;
  }
  .fw2-l {
    font-weight: 200;
  }
  .fw3-l {
    font-weight: 300;
  }
  .fw4-l {
    font-weight: 400;
  }
  .fw5-l {
    font-weight: 500;
  }
  .fw6-l {
    font-weight: 600;
  }
  .fw7-l {
    font-weight: 700;
  }
  .fw8-l {
    font-weight: 800;
  }
  .fw9-l {
    font-weight: 900;
  }
}

/*

   FORMS
   
*/
.input-reset,
button,
input[type="submit"],
input[type="reset"], select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner,
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner,
input[type="text"]::-moz-focus-inner,
input[type="password"]::-moz-focus-inner,
input[type="datetime"]::-moz-focus-inner,
input[type="datetime-local"]::-moz-focus-inner,
input[type="date"]::-moz-focus-inner,
input[type="month"]::-moz-focus-inner,
input[type="time"]::-moz-focus-inner,
input[type="week"]::-moz-focus-inner,
input[type="number"]::-moz-focus-inner,
input[type="email"]::-moz-focus-inner,
input[type="url"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*

   HEIGHTS
   Docs: http://tachyons.io/docs/layout/heights/

   Base:
     h = height
     min-h = min-height
     min-vh = min-height vertical screen height
     vh = vertical screen height

   Modifiers
     1 = 1st step in height scale
     2 = 2nd step in height scale
     3 = 3rd step in height scale
     4 = 4th step in height scale
     5 = 5th step in height scale

     -25   = literal value 25%
     -50   = literal value 50%
     -75   = literal value 75%
     -100  = literal value 100%

     -auto = string value of auto
     -inherit = string value of inherit

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Height Scale */
.h1 {
  height: 1rem;
}

.h2 {
  height: 2rem;
}

.h3 {
  height: 4rem;
}

.h4 {
  height: 8rem;
}

.h5 {
  height: 16rem;
}

/* Height Percentages - Based off of height of parent */
.h-25 {
  height: 25%;
}

.h-50 {
  height: 50%;
}

.h-75 {
  height: 75%;
}

.h-100 {
  height: 100%;
}

.min-h-100 {
  min-height: 100%;
}

/* Screen Height Percentage */
.vh-25 {
  height: 25vh;
}

.vh-50 {
  height: 50vh;
}

.vh-75 {
  height: 75vh;
}

.vh-100 {
  height: 100vh;
}

.min-vh-100 {
  min-height: 100vh;
}

/* String Properties */
.h-auto {
  height: auto;
}

.h-inherit {
  height: inherit;
}

@media screen and (min-width: 30em) {
  .h1-ns {
    height: 1rem;
  }
  .h2-ns {
    height: 2rem;
  }
  .h3-ns {
    height: 4rem;
  }
  .h4-ns {
    height: 8rem;
  }
  .h5-ns {
    height: 16rem;
  }
  .h-25-ns {
    height: 25%;
  }
  .h-50-ns {
    height: 50%;
  }
  .h-75-ns {
    height: 75%;
  }
  .h-100-ns {
    height: 100%;
  }
  .min-h-100-ns {
    min-height: 100%;
  }
  .vh-25-ns {
    height: 25vh;
  }
  .vh-50-ns {
    height: 50vh;
  }
  .vh-75-ns {
    height: 75vh;
  }
  .vh-100-ns {
    height: 100vh;
  }
  .min-vh-100-ns {
    min-height: 100vh;
  }
  .h-auto-ns {
    height: auto;
  }
  .h-inherit-ns {
    height: inherit;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .h1-m {
    height: 1rem;
  }
  .h2-m {
    height: 2rem;
  }
  .h3-m {
    height: 4rem;
  }
  .h4-m {
    height: 8rem;
  }
  .h5-m {
    height: 16rem;
  }
  .h-25-m {
    height: 25%;
  }
  .h-50-m {
    height: 50%;
  }
  .h-75-m {
    height: 75%;
  }
  .h-100-m {
    height: 100%;
  }
  .min-h-100-m {
    min-height: 100%;
  }
  .vh-25-m {
    height: 25vh;
  }
  .vh-50-m {
    height: 50vh;
  }
  .vh-75-m {
    height: 75vh;
  }
  .vh-100-m {
    height: 100vh;
  }
  .min-vh-100-m {
    min-height: 100vh;
  }
  .h-auto-m {
    height: auto;
  }
  .h-inherit-m {
    height: inherit;
  }
}

@media screen and (min-width: 60em) {
  .h1-l {
    height: 1rem;
  }
  .h2-l {
    height: 2rem;
  }
  .h3-l {
    height: 4rem;
  }
  .h4-l {
    height: 8rem;
  }
  .h5-l {
    height: 16rem;
  }
  .h-25-l {
    height: 25%;
  }
  .h-50-l {
    height: 50%;
  }
  .h-75-l {
    height: 75%;
  }
  .h-100-l {
    height: 100%;
  }
  .min-h-100-l {
    min-height: 100%;
  }
  .vh-25-l {
    height: 25vh;
  }
  .vh-50-l {
    height: 50vh;
  }
  .vh-75-l {
    height: 75vh;
  }
  .vh-100-l {
    height: 100vh;
  }
  .min-vh-100-l {
    min-height: 100vh;
  }
  .h-auto-l {
    height: auto;
  }
  .h-inherit-l {
    height: inherit;
  }
}

/*

   LETTER SPACING
   Docs: http://tachyons.io/docs/typography/tracking/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.tracked, h2, h3, #site.page_home section.group-ph-part3 .product-teaser a .link, #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents .title, #site.page_section section.group-ps-part1 .title-container h2, #site.page_section section.group-ps-part1 .title-container p, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .link, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .link, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .link, #site.page_section section.group-ps-part4 .featured-block-container.video .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.image .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents .title, #site.page_gamme section.group-pg-part1 .contents-holder .title-holder h2, #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents .title, #site.search section .product-teaser a .link, #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h2, #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h3, #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents .title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .link, #site.page_customer_service section.group-pcs-part1 .title-container h2, #site.page section.group-bp-part1 .title-container h2, #site.page_brand section.group-pb-part1 .title-container h2, #site.page_brand section.group-pb-part1 .title-container p, #site .custotheme-breadcrumb .breadcrumb, #site .custotheme-component-product-list-filter .results .product-teaser a .link {
  letter-spacing: 0.1em;
}

.tracked-tight {
  letter-spacing: -0.05em;
}

.tracked-mega {
  letter-spacing: 0.25em;
}

@media screen and (min-width: 30em) {
  .tracked-ns {
    letter-spacing: 0.1em;
  }
  .tracked-tight-ns {
    letter-spacing: -0.05em;
  }
  .tracked-mega-ns {
    letter-spacing: 0.25em;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .tracked-m {
    letter-spacing: 0.1em;
  }
  .tracked-tight-m {
    letter-spacing: -0.05em;
  }
  .tracked-mega-m {
    letter-spacing: 0.25em;
  }
}

@media screen and (min-width: 60em) {
  .tracked-l {
    letter-spacing: 0.1em;
  }
  .tracked-tight-l {
    letter-spacing: -0.05em;
  }
  .tracked-mega-l {
    letter-spacing: 0.25em;
  }
}

/*

   LINE HEIGHT / LEADING
   Docs: http://tachyons.io/docs/typography/line-height

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.lh-solid {
  line-height: 1;
}

.lh-title {
  line-height: 1.25;
}

.lh-copy {
  line-height: 1.5;
}

@media screen and (min-width: 30em) {
  .lh-solid-ns {
    line-height: 1;
  }
  .lh-title-ns {
    line-height: 1.25;
  }
  .lh-copy-ns {
    line-height: 1.5;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .lh-solid-m {
    line-height: 1;
  }
  .lh-title-m {
    line-height: 1.25;
  }
  .lh-copy-m {
    line-height: 1.5;
  }
}

@media screen and (min-width: 60em) {
  .lh-solid-l {
    line-height: 1;
  }
  .lh-title-l {
    line-height: 1.25;
  }
  .lh-copy-l {
    line-height: 1.5;
  }
}

/*

   LINKS
   Docs: http://tachyons.io/docs/elements/links/

*/
.link {
  text-decoration: none;
  transition: color .15s ease-in;
}

.link:link,
.link:visited {
  transition: color .15s ease-in;
}

.link:hover {
  transition: color .15s ease-in;
}

.link:active {
  transition: color .15s ease-in;
}

.link:focus {
  transition: color .15s ease-in;
  outline: 1px dotted currentColor;
}

/*

   LISTS
   http://tachyons.io/docs/elements/lists/

*/
.list {
  list-style-type: none;
}

/*

   MAX WIDTHS
   Docs: http://tachyons.io/docs/layout/max-widths/

   Base:
     mw = max-width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale
     6 = 6st step in width scale
     7 = 7nd step in width scale
     8 = 8rd step in width scale
     9 = 9th step in width scale

     -100 = literal value 100%

     -none  = string value none


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Max Width Percentages */
.mw-100 {
  max-width: 100%;
}

/* Max Width Scale */
.mw1 {
  max-width: 1rem;
}

.mw2 {
  max-width: 2rem;
}

.mw3 {
  max-width: 4rem;
}

.mw4 {
  max-width: 8rem;
}

.mw5 {
  max-width: 16rem;
}

.mw6 {
  max-width: 32rem;
}

.mw7 {
  max-width: 48rem;
}

.mw8 {
  max-width: 64rem;
}

.mw9 {
  max-width: 96rem;
}

/* Max Width String Properties */
.mw-none {
  max-width: none;
}

@media screen and (min-width: 30em) {
  .mw-100-ns {
    max-width: 100%;
  }
  .mw1-ns {
    max-width: 1rem;
  }
  .mw2-ns {
    max-width: 2rem;
  }
  .mw3-ns {
    max-width: 4rem;
  }
  .mw4-ns {
    max-width: 8rem;
  }
  .mw5-ns {
    max-width: 16rem;
  }
  .mw6-ns {
    max-width: 32rem;
  }
  .mw7-ns {
    max-width: 48rem;
  }
  .mw8-ns {
    max-width: 64rem;
  }
  .mw9-ns {
    max-width: 96rem;
  }
  .mw-none-ns {
    max-width: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .mw-100-m {
    max-width: 100%;
  }
  .mw1-m {
    max-width: 1rem;
  }
  .mw2-m {
    max-width: 2rem;
  }
  .mw3-m {
    max-width: 4rem;
  }
  .mw4-m {
    max-width: 8rem;
  }
  .mw5-m {
    max-width: 16rem;
  }
  .mw6-m {
    max-width: 32rem;
  }
  .mw7-m {
    max-width: 48rem;
  }
  .mw8-m {
    max-width: 64rem;
  }
  .mw9-m {
    max-width: 96rem;
  }
  .mw-none-m {
    max-width: none;
  }
}

@media screen and (min-width: 60em) {
  .mw-100-l {
    max-width: 100%;
  }
  .mw1-l {
    max-width: 1rem;
  }
  .mw2-l {
    max-width: 2rem;
  }
  .mw3-l {
    max-width: 4rem;
  }
  .mw4-l {
    max-width: 8rem;
  }
  .mw5-l {
    max-width: 16rem;
  }
  .mw6-l {
    max-width: 32rem;
  }
  .mw7-l {
    max-width: 48rem;
  }
  .mw8-l {
    max-width: 64rem;
  }
  .mw9-l {
    max-width: 96rem;
  }
  .mw-none-l {
    max-width: none;
  }
}

/*

   WIDTHS
   Docs: http://tachyons.io/docs/layout/widths/

   Base:
     w = width

     Modifiers
       1 = 1st step in width scale
       2 = 2nd step in width scale
       3 = 3rd step in width scale
       4 = 4th step in width scale
       5 = 5th step in width scale

       -10  = literal value 10%
       -20  = literal value 20%
       -25  = literal value 25%
       -30  = literal value 30%
       -33  = literal value 33%
       -34  = literal value 34%
       -40  = literal value 40%
       -50  = literal value 50%
       -60  = literal value 60%
       -70  = literal value 70%
       -75  = literal value 75%
       -80  = literal value 80%
       -90  = literal value 90%
       -100 = literal value 100%

       -third      = 100% / 3 (Not supported in opera mini or IE8)
       -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
       -auto       = string value auto


     Media Query Extensions:
       -ns = not-small
       -m  = medium
       -l  = large

  */
/* Width Scale */
.w1 {
  width: 1rem;
}

.w2 {
  width: 2rem;
}

.w3 {
  width: 4rem;
}

.w4 {
  width: 8rem;
}

.w5 {
  width: 16rem;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.w-third {
  width: 33.3333333333%;
}

.w-two-thirds {
  width: 66.6666666667%;
}

.w-auto {
  width: auto;
}

@media screen and (min-width: 30em) {
  .w1-ns {
    width: 1rem;
  }
  .w2-ns {
    width: 2rem;
  }
  .w3-ns {
    width: 4rem;
  }
  .w4-ns {
    width: 8rem;
  }
  .w5-ns {
    width: 16rem;
  }
  .w-10-ns {
    width: 10%;
  }
  .w-20-ns {
    width: 20%;
  }
  .w-25-ns {
    width: 25%;
  }
  .w-30-ns {
    width: 30%;
  }
  .w-33-ns {
    width: 33%;
  }
  .w-34-ns {
    width: 34%;
  }
  .w-40-ns {
    width: 40%;
  }
  .w-50-ns {
    width: 50%;
  }
  .w-60-ns {
    width: 60%;
  }
  .w-70-ns {
    width: 70%;
  }
  .w-75-ns {
    width: 75%;
  }
  .w-80-ns {
    width: 80%;
  }
  .w-90-ns {
    width: 90%;
  }
  .w-100-ns {
    width: 100%;
  }
  .w-third-ns {
    width: 33.3333333333%;
  }
  .w-two-thirds-ns {
    width: 66.6666666667%;
  }
  .w-auto-ns {
    width: auto;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .w1-m {
    width: 1rem;
  }
  .w2-m {
    width: 2rem;
  }
  .w3-m {
    width: 4rem;
  }
  .w4-m {
    width: 8rem;
  }
  .w5-m {
    width: 16rem;
  }
  .w-10-m {
    width: 10%;
  }
  .w-20-m {
    width: 20%;
  }
  .w-25-m {
    width: 25%;
  }
  .w-30-m {
    width: 30%;
  }
  .w-33-m {
    width: 33%;
  }
  .w-34-m {
    width: 34%;
  }
  .w-40-m {
    width: 40%;
  }
  .w-50-m {
    width: 50%;
  }
  .w-60-m {
    width: 60%;
  }
  .w-70-m {
    width: 70%;
  }
  .w-75-m {
    width: 75%;
  }
  .w-80-m {
    width: 80%;
  }
  .w-90-m {
    width: 90%;
  }
  .w-100-m {
    width: 100%;
  }
  .w-third-m {
    width: 33.3333333333%;
  }
  .w-two-thirds-m {
    width: 66.6666666667%;
  }
  .w-auto-m {
    width: auto;
  }
}

@media screen and (min-width: 60em) {
  .w1-l {
    width: 1rem;
  }
  .w2-l {
    width: 2rem;
  }
  .w3-l {
    width: 4rem;
  }
  .w4-l {
    width: 8rem;
  }
  .w5-l {
    width: 16rem;
  }
  .w-10-l {
    width: 10%;
  }
  .w-20-l {
    width: 20%;
  }
  .w-25-l {
    width: 25%;
  }
  .w-30-l {
    width: 30%;
  }
  .w-33-l {
    width: 33%;
  }
  .w-34-l {
    width: 34%;
  }
  .w-40-l {
    width: 40%;
  }
  .w-50-l {
    width: 50%;
  }
  .w-60-l {
    width: 60%;
  }
  .w-70-l {
    width: 70%;
  }
  .w-75-l {
    width: 75%;
  }
  .w-80-l {
    width: 80%;
  }
  .w-90-l {
    width: 90%;
  }
  .w-100-l {
    width: 100%;
  }
  .w-third-l {
    width: 33.3333333333%;
  }
  .w-two-thirds-l {
    width: 66.6666666667%;
  }
  .w-auto-l {
    width: auto;
  }
}

/*

    OVERFLOW

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

@media screen and (min-width: 30em) {
  .overflow-visible-ns {
    overflow: visible;
  }
  .overflow-hidden-ns {
    overflow: hidden;
  }
  .overflow-scroll-ns {
    overflow: scroll;
  }
  .overflow-auto-ns {
    overflow: auto;
  }
  .overflow-x-visible-ns {
    overflow-x: visible;
  }
  .overflow-x-hidden-ns {
    overflow-x: hidden;
  }
  .overflow-x-scroll-ns {
    overflow-x: scroll;
  }
  .overflow-x-auto-ns {
    overflow-x: auto;
  }
  .overflow-y-visible-ns {
    overflow-y: visible;
  }
  .overflow-y-hidden-ns {
    overflow-y: hidden;
  }
  .overflow-y-scroll-ns {
    overflow-y: scroll;
  }
  .overflow-y-auto-ns {
    overflow-y: auto;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .overflow-visible-m {
    overflow: visible;
  }
  .overflow-hidden-m {
    overflow: hidden;
  }
  .overflow-scroll-m {
    overflow: scroll;
  }
  .overflow-auto-m {
    overflow: auto;
  }
  .overflow-x-visible-m {
    overflow-x: visible;
  }
  .overflow-x-hidden-m {
    overflow-x: hidden;
  }
  .overflow-x-scroll-m {
    overflow-x: scroll;
  }
  .overflow-x-auto-m {
    overflow-x: auto;
  }
  .overflow-y-visible-m {
    overflow-y: visible;
  }
  .overflow-y-hidden-m {
    overflow-y: hidden;
  }
  .overflow-y-scroll-m {
    overflow-y: scroll;
  }
  .overflow-y-auto-m {
    overflow-y: auto;
  }
}

@media screen and (min-width: 60em) {
  .overflow-visible-l {
    overflow: visible;
  }
  .overflow-hidden-l {
    overflow: hidden;
  }
  .overflow-scroll-l {
    overflow: scroll;
  }
  .overflow-auto-l {
    overflow: auto;
  }
  .overflow-x-visible-l {
    overflow-x: visible;
  }
  .overflow-x-hidden-l {
    overflow-x: hidden;
  }
  .overflow-x-scroll-l {
    overflow-x: scroll;
  }
  .overflow-x-auto-l {
    overflow-x: auto;
  }
  .overflow-y-visible-l {
    overflow-y: visible;
  }
  .overflow-y-hidden-l {
    overflow-y: hidden;
  }
  .overflow-y-scroll-l {
    overflow-y: scroll;
  }
  .overflow-y-auto-l {
    overflow-y: auto;
  }
}

/*

   POSITIONING
   Docs: http://tachyons.io/docs/layout/position/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

@media screen and (min-width: 30em) {
  .static-ns {
    position: static;
  }
  .relative-ns {
    position: relative;
  }
  .absolute-ns {
    position: absolute;
  }
  .fixed-ns {
    position: fixed;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .static-m {
    position: static;
  }
  .relative-m {
    position: relative;
  }
  .absolute-m {
    position: absolute;
  }
  .fixed-m {
    position: fixed;
  }
}

@media screen and (min-width: 60em) {
  .static-l {
    position: static;
  }
  .relative-l {
    position: relative;
  }
  .absolute-l {
    position: absolute;
  }
  .fixed-l {
    position: fixed;
  }
}

/*

    OPACITY
    Docs: http://tachyons.io/docs/themes/opacity/

*/
.o-100 {
  opacity: 1;
}

.o-90 {
  opacity: .9;
}

.o-80 {
  opacity: .8;
}

.o-70 {
  opacity: .7;
}

.o-60 {
  opacity: .6;
}

.o-50 {
  opacity: .5;
}

.o-40 {
  opacity: .4;
}

.o-30 {
  opacity: .3;
}

.o-20 {
  opacity: .2;
}

.o-10 {
  opacity: .1;
}

.o-05 {
  opacity: .05;
}

.o-025 {
  opacity: .025;
}

.o-0 {
  opacity: 0;
}

/*

   ROTATIONS

*/
.rotate-45 {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.rotate-90 {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

.rotate-135 {
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}

.rotate-180 {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.rotate-225 {
  -ms-transform: rotate(225deg);
      transform: rotate(225deg);
}

.rotate-270 {
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}

.rotate-315 {
  -ms-transform: rotate(315deg);
      transform: rotate(315deg);
}

@media screen and (min-width: 30em) {
  .rotate-45-ns {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  .rotate-90-ns {
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
  }
  .rotate-135-ns {
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
  .rotate-180-ns {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
  }
  .rotate-225-ns {
    -ms-transform: rotate(225deg);
        transform: rotate(225deg);
  }
  .rotate-270-ns {
    -ms-transform: rotate(270deg);
        transform: rotate(270deg);
  }
  .rotate-315-ns {
    -ms-transform: rotate(315deg);
        transform: rotate(315deg);
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .rotate-45-m {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  .rotate-90-m {
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
  }
  .rotate-135-m {
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
  .rotate-180-m {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
  }
  .rotate-225-m {
    -ms-transform: rotate(225deg);
        transform: rotate(225deg);
  }
  .rotate-270-m {
    -ms-transform: rotate(270deg);
        transform: rotate(270deg);
  }
  .rotate-315-m {
    -ms-transform: rotate(315deg);
        transform: rotate(315deg);
  }
}

@media screen and (min-width: 60em) {
  .rotate-45-l {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  .rotate-90-l {
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
  }
  .rotate-135-l {
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
  .rotate-180-l {
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
  }
  .rotate-225-l {
    -ms-transform: rotate(225deg);
        transform: rotate(225deg);
  }
  .rotate-270-l {
    -ms-transform: rotate(270deg);
        transform: rotate(270deg);
  }
  .rotate-315-l {
    -ms-transform: rotate(315deg);
        transform: rotate(315deg);
  }
}

/*

   SKINS
   Docs: http://tachyons.io/docs/themes/skins/

   Classes for setting foreground and background colors on elements.
   If you haven't declared a border color, but set border on an element, it will
   be set to the current text color.

*/
/* Text colors */
.black-90 {
  color: rgba(0, 0, 0, 0.9);
}

.black-80 {
  color: rgba(0, 0, 0, 0.8);
}

.black-70 {
  color: rgba(0, 0, 0, 0.7);
}

.black-60 {
  color: rgba(0, 0, 0, 0.6);
}

.black-50 {
  color: rgba(0, 0, 0, 0.5);
}

.black-40 {
  color: rgba(0, 0, 0, 0.4);
}

.black-30 {
  color: rgba(0, 0, 0, 0.3);
}

.black-20 {
  color: rgba(0, 0, 0, 0.2);
}

.black-10 {
  color: rgba(0, 0, 0, 0.1);
}

.black-05 {
  color: rgba(0, 0, 0, 0.05);
}

.white-90 {
  color: rgba(255, 255, 255, 0.9);
}

.white-80 {
  color: rgba(255, 255, 255, 0.8);
}

.white-70 {
  color: rgba(255, 255, 255, 0.7);
}

.white-60 {
  color: rgba(255, 255, 255, 0.6);
}

.white-50 {
  color: rgba(255, 255, 255, 0.5);
}

.white-40 {
  color: rgba(255, 255, 255, 0.4);
}

.white-30 {
  color: rgba(255, 255, 255, 0.3);
}

.white-20 {
  color: rgba(255, 255, 255, 0.2);
}

.white-10 {
  color: rgba(255, 255, 255, 0.1);
}

.black {
  color: #000;
}

.near-black {
  color: #111;
}

.dark-gray {
  color: #333;
}

.mid-gray {
  color: #555;
}

.gray {
  color: #777;
}

.silver {
  color: #999;
}

.light-silver {
  color: #aaa;
}

.moon-gray {
  color: #ccc;
}

.light-gray {
  color: #eee;
}

.near-white {
  color: #f4f4f4;
}

.white {
  color: #fff;
}

.dark-red {
  color: #e7040f;
}

.red, .webform-submit, #site.page_user_login section .form-actions .form-submit {
  color: #ff4136;
}

.light-red {
  color: #ff725c;
}

.orange {
  color: #ff6300;
}

.gold {
  color: #ffb700;
}

.yellow {
  color: #ffd700;
}

.light-yellow {
  color: #fbf1a9;
}

.purple {
  color: #5e2ca5;
}

.light-purple {
  color: #a463f2;
}

.dark-pink {
  color: #d5008f;
}

.hot-pink {
  color: #ff41b4;
}

.pink {
  color: #ff80cc;
}

.light-pink {
  color: #ffa3d7;
}

.dark-green {
  color: #137752;
}

.green {
  color: #19a974;
}

.light-green {
  color: #9eebcf;
}

.navy {
  color: #001b44;
}

.dark-blue {
  color: #00449e;
}

.blue {
  color: #357edd;
}

.light-blue {
  color: #96ccff;
}

.lightest-blue {
  color: #cdecff;
}

.washed-blue {
  color: #f6fffe;
}

.washed-green {
  color: #e8fdf5;
}

.washed-yellow {
  color: #fffceb;
}

.washed-red {
  color: #ffdfdf;
}

.color-inherit {
  color: inherit;
}

.bg-black-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-05 {
  background-color: rgba(0, 0, 0, 0.05);
}

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Background colors */
.bg-black {
  background-color: #000;
}

.bg-near-black {
  background-color: #111;
}

.bg-dark-gray {
  background-color: #333;
}

.bg-mid-gray {
  background-color: #555;
}

.bg-gray {
  background-color: #777;
}

.bg-silver {
  background-color: #999;
}

.bg-light-silver {
  background-color: #aaa;
}

.bg-moon-gray {
  background-color: #ccc;
}

.bg-light-gray {
  background-color: #eee;
}

.bg-near-white {
  background-color: #f4f4f4;
}

.bg-white {
  background-color: #fff;
}

.bg-transparent {
  background-color: transparent;
}

.bg-dark-red {
  background-color: #e7040f;
}

.bg-red {
  background-color: #ff4136;
}

.bg-light-red {
  background-color: #ff725c;
}

.bg-orange {
  background-color: #ff6300;
}

.bg-gold {
  background-color: #ffb700;
}

.bg-yellow {
  background-color: #ffd700;
}

.bg-light-yellow {
  background-color: #fbf1a9;
}

.bg-purple {
  background-color: #5e2ca5;
}

.bg-light-purple {
  background-color: #a463f2;
}

.bg-dark-pink {
  background-color: #d5008f;
}

.bg-hot-pink {
  background-color: #ff41b4;
}

.bg-pink {
  background-color: #ff80cc;
}

.bg-light-pink {
  background-color: #ffa3d7;
}

.bg-dark-green {
  background-color: #137752;
}

.bg-green {
  background-color: #19a974;
}

.bg-light-green {
  background-color: #9eebcf;
}

.bg-navy {
  background-color: #001b44;
}

.bg-dark-blue {
  background-color: #00449e;
}

.bg-blue {
  background-color: #357edd;
}

.bg-light-blue {
  background-color: #96ccff;
}

.bg-lightest-blue {
  background-color: #cdecff;
}

.bg-washed-blue {
  background-color: #f6fffe;
}

.bg-washed-green {
  background-color: #e8fdf5;
}

.bg-washed-yellow {
  background-color: #fffceb;
}

.bg-washed-red {
  background-color: #ffdfdf;
}

.bg-inherit {
  background-color: inherit;
}

/*

   SKINS:PSEUDO

   Customize the color of an element when
   it is focused or hovered over.

 */
.hover-black:hover,
.hover-black:focus {
  color: #000;
}

.hover-near-black:hover,
.hover-near-black:focus {
  color: #111;
}

.hover-dark-gray:hover,
.hover-dark-gray:focus {
  color: #333;
}

.hover-mid-gray:hover,
.hover-mid-gray:focus {
  color: #555;
}

.hover-gray:hover,
.hover-gray:focus {
  color: #777;
}

.hover-silver:hover,
.hover-silver:focus {
  color: #999;
}

.hover-light-silver:hover,
.hover-light-silver:focus {
  color: #aaa;
}

.hover-moon-gray:hover,
.hover-moon-gray:focus {
  color: #ccc;
}

.hover-light-gray:hover,
.hover-light-gray:focus {
  color: #eee;
}

.hover-near-white:hover,
.hover-near-white:focus {
  color: #f4f4f4;
}

.hover-white:hover,
.hover-white:focus {
  color: #fff;
}

.hover-black-90:hover,
.hover-black-90:focus {
  color: rgba(0, 0, 0, 0.9);
}

.hover-black-80:hover,
.hover-black-80:focus {
  color: rgba(0, 0, 0, 0.8);
}

.hover-black-70:hover,
.hover-black-70:focus {
  color: rgba(0, 0, 0, 0.7);
}

.hover-black-60:hover,
.hover-black-60:focus {
  color: rgba(0, 0, 0, 0.6);
}

.hover-black-50:hover,
.hover-black-50:focus {
  color: rgba(0, 0, 0, 0.5);
}

.hover-black-40:hover,
.hover-black-40:focus {
  color: rgba(0, 0, 0, 0.4);
}

.hover-black-30:hover,
.hover-black-30:focus {
  color: rgba(0, 0, 0, 0.3);
}

.hover-black-20:hover,
.hover-black-20:focus {
  color: rgba(0, 0, 0, 0.2);
}

.hover-black-10:hover,
.hover-black-10:focus {
  color: rgba(0, 0, 0, 0.1);
}

.hover-white-90:hover,
.hover-white-90:focus {
  color: rgba(255, 255, 255, 0.9);
}

.hover-white-80:hover,
.hover-white-80:focus {
  color: rgba(255, 255, 255, 0.8);
}

.hover-white-70:hover,
.hover-white-70:focus {
  color: rgba(255, 255, 255, 0.7);
}

.hover-white-60:hover,
.hover-white-60:focus {
  color: rgba(255, 255, 255, 0.6);
}

.hover-white-50:hover,
.hover-white-50:focus {
  color: rgba(255, 255, 255, 0.5);
}

.hover-white-40:hover,
.hover-white-40:focus {
  color: rgba(255, 255, 255, 0.4);
}

.hover-white-30:hover,
.hover-white-30:focus {
  color: rgba(255, 255, 255, 0.3);
}

.hover-white-20:hover,
.hover-white-20:focus {
  color: rgba(255, 255, 255, 0.2);
}

.hover-white-10:hover,
.hover-white-10:focus {
  color: rgba(255, 255, 255, 0.1);
}

.hover-inherit:hover,
.hover-inherit:focus {
  color: inherit;
}

.hover-bg-black:hover,
.hover-bg-black:focus {
  background-color: #000;
}

.hover-bg-near-black:hover,
.hover-bg-near-black:focus {
  background-color: #111;
}

.hover-bg-dark-gray:hover,
.hover-bg-dark-gray:focus {
  background-color: #333;
}

.hover-bg-mid-gray:hover,
.hover-bg-mid-gray:focus {
  background-color: #555;
}

.hover-bg-gray:hover,
.hover-bg-gray:focus {
  background-color: #777;
}

.hover-bg-silver:hover,
.hover-bg-silver:focus {
  background-color: #999;
}

.hover-bg-light-silver:hover,
.hover-bg-light-silver:focus {
  background-color: #aaa;
}

.hover-bg-moon-gray:hover,
.hover-bg-moon-gray:focus {
  background-color: #ccc;
}

.hover-bg-light-gray:hover,
.hover-bg-light-gray:focus {
  background-color: #eee;
}

.hover-bg-near-white:hover,
.hover-bg-near-white:focus {
  background-color: #f4f4f4;
}

.hover-bg-white:hover,
.hover-bg-white:focus {
  background-color: #fff;
}

.hover-bg-transparent:hover,
.hover-bg-transparent:focus {
  background-color: transparent;
}

.hover-bg-black-90:hover,
.hover-bg-black-90:focus {
  background-color: rgba(0, 0, 0, 0.9);
}

.hover-bg-black-80:hover,
.hover-bg-black-80:focus {
  background-color: rgba(0, 0, 0, 0.8);
}

.hover-bg-black-70:hover,
.hover-bg-black-70:focus {
  background-color: rgba(0, 0, 0, 0.7);
}

.hover-bg-black-60:hover,
.hover-bg-black-60:focus {
  background-color: rgba(0, 0, 0, 0.6);
}

.hover-bg-black-50:hover,
.hover-bg-black-50:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.hover-bg-black-40:hover,
.hover-bg-black-40:focus {
  background-color: rgba(0, 0, 0, 0.4);
}

.hover-bg-black-30:hover,
.hover-bg-black-30:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

.hover-bg-black-20:hover,
.hover-bg-black-20:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

.hover-bg-black-10:hover,
.hover-bg-black-10:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.hover-bg-white-90:hover,
.hover-bg-white-90:focus {
  background-color: rgba(255, 255, 255, 0.9);
}

.hover-bg-white-80:hover,
.hover-bg-white-80:focus {
  background-color: rgba(255, 255, 255, 0.8);
}

.hover-bg-white-70:hover,
.hover-bg-white-70:focus {
  background-color: rgba(255, 255, 255, 0.7);
}

.hover-bg-white-60:hover,
.hover-bg-white-60:focus {
  background-color: rgba(255, 255, 255, 0.6);
}

.hover-bg-white-50:hover,
.hover-bg-white-50:focus {
  background-color: rgba(255, 255, 255, 0.5);
}

.hover-bg-white-40:hover,
.hover-bg-white-40:focus {
  background-color: rgba(255, 255, 255, 0.4);
}

.hover-bg-white-30:hover,
.hover-bg-white-30:focus {
  background-color: rgba(255, 255, 255, 0.3);
}

.hover-bg-white-20:hover,
.hover-bg-white-20:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.hover-bg-white-10:hover,
.hover-bg-white-10:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.hover-dark-red:hover,
.hover-dark-red:focus {
  color: #e7040f;
}

.hover-red:hover,
.hover-red:focus {
  color: #ff4136;
}

.hover-light-red:hover,
.hover-light-red:focus {
  color: #ff725c;
}

.hover-orange:hover,
.hover-orange:focus {
  color: #ff6300;
}

.hover-gold:hover,
.hover-gold:focus {
  color: #ffb700;
}

.hover-yellow:hover,
.hover-yellow:focus {
  color: #ffd700;
}

.hover-light-yellow:hover,
.hover-light-yellow:focus {
  color: #fbf1a9;
}

.hover-purple:hover,
.hover-purple:focus {
  color: #5e2ca5;
}

.hover-light-purple:hover,
.hover-light-purple:focus {
  color: #a463f2;
}

.hover-dark-pink:hover,
.hover-dark-pink:focus {
  color: #d5008f;
}

.hover-hot-pink:hover,
.hover-hot-pink:focus {
  color: #ff41b4;
}

.hover-pink:hover,
.hover-pink:focus {
  color: #ff80cc;
}

.hover-light-pink:hover,
.hover-light-pink:focus {
  color: #ffa3d7;
}

.hover-dark-green:hover,
.hover-dark-green:focus {
  color: #137752;
}

.hover-green:hover,
.hover-green:focus {
  color: #19a974;
}

.hover-light-green:hover,
.hover-light-green:focus {
  color: #9eebcf;
}

.hover-navy:hover,
.hover-navy:focus {
  color: #001b44;
}

.hover-dark-blue:hover,
.hover-dark-blue:focus {
  color: #00449e;
}

.hover-blue:hover,
.hover-blue:focus {
  color: #357edd;
}

.hover-light-blue:hover,
.hover-light-blue:focus {
  color: #96ccff;
}

.hover-lightest-blue:hover,
.hover-lightest-blue:focus {
  color: #cdecff;
}

.hover-washed-blue:hover,
.hover-washed-blue:focus {
  color: #f6fffe;
}

.hover-washed-green:hover,
.hover-washed-green:focus {
  color: #e8fdf5;
}

.hover-washed-yellow:hover,
.hover-washed-yellow:focus {
  color: #fffceb;
}

.hover-washed-red:hover,
.hover-washed-red:focus {
  color: #ffdfdf;
}

.hover-bg-dark-red:hover,
.hover-bg-dark-red:focus {
  background-color: #e7040f;
}

.hover-bg-red:hover,
.hover-bg-red:focus {
  background-color: #ff4136;
}

.hover-bg-light-red:hover,
.hover-bg-light-red:focus {
  background-color: #ff725c;
}

.hover-bg-orange:hover,
.hover-bg-orange:focus {
  background-color: #ff6300;
}

.hover-bg-gold:hover,
.hover-bg-gold:focus {
  background-color: #ffb700;
}

.hover-bg-yellow:hover,
.hover-bg-yellow:focus {
  background-color: #ffd700;
}

.hover-bg-light-yellow:hover,
.hover-bg-light-yellow:focus {
  background-color: #fbf1a9;
}

.hover-bg-purple:hover,
.hover-bg-purple:focus {
  background-color: #5e2ca5;
}

.hover-bg-light-purple:hover,
.hover-bg-light-purple:focus {
  background-color: #a463f2;
}

.hover-bg-dark-pink:hover,
.hover-bg-dark-pink:focus {
  background-color: #d5008f;
}

.hover-bg-hot-pink:hover,
.hover-bg-hot-pink:focus {
  background-color: #ff41b4;
}

.hover-bg-pink:hover,
.hover-bg-pink:focus {
  background-color: #ff80cc;
}

.hover-bg-light-pink:hover,
.hover-bg-light-pink:focus {
  background-color: #ffa3d7;
}

.hover-bg-dark-green:hover,
.hover-bg-dark-green:focus {
  background-color: #137752;
}

.hover-bg-green:hover,
.hover-bg-green:focus {
  background-color: #19a974;
}

.hover-bg-light-green:hover,
.hover-bg-light-green:focus {
  background-color: #9eebcf;
}

.hover-bg-navy:hover,
.hover-bg-navy:focus {
  background-color: #001b44;
}

.hover-bg-dark-blue:hover,
.hover-bg-dark-blue:focus {
  background-color: #00449e;
}

.hover-bg-blue:hover,
.hover-bg-blue:focus {
  background-color: #357edd;
}

.hover-bg-light-blue:hover,
.hover-bg-light-blue:focus {
  background-color: #96ccff;
}

.hover-bg-lightest-blue:hover,
.hover-bg-lightest-blue:focus {
  background-color: #cdecff;
}

.hover-bg-washed-blue:hover,
.hover-bg-washed-blue:focus {
  background-color: #f6fffe;
}

.hover-bg-washed-green:hover,
.hover-bg-washed-green:focus {
  background-color: #e8fdf5;
}

.hover-bg-washed-yellow:hover,
.hover-bg-washed-yellow:focus {
  background-color: #fffceb;
}

.hover-bg-washed-red:hover,
.hover-bg-washed-red:focus {
  background-color: #ffdfdf;
}

.hover-bg-inherit:hover,
.hover-bg-inherit:focus {
  background-color: inherit;
}

/* Variables */
/*
   SPACING
   Docs: http://tachyons.io/docs/layout/spacing/

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.pa0 {
  padding: 0;
}

.pa1 {
  padding: 0.25rem;
}

.pa2 {
  padding: 0.5rem;
}

.pa3, #site.search section .item-list .pager li, #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tabs-container .tab button, #site section.social-feed .juicer-feed {
  padding: 1rem;
}

.pa4, #site.page_404 section, #site.page_user_login section {
  padding: 2rem;
}

.pa5 {
  padding: 4rem;
}

.pa6 {
  padding: 8rem;
}

.pa7 {
  padding: 16rem;
}

.pl0 {
  padding-left: 0;
}

.pl1 {
  padding-left: 0.25rem;
}

.pl2 {
  padding-left: 0.5rem;
}

.pl3, #site.page_home section.group-ph-part3 .product-teaser a .info .product-title, #site.page_home section.group-ph-part3 .product-teaser a .info .range-title, #site.page_home section.group-ph-part3 .product-teaser a .info .description, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .product-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .range-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .description, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .description, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .description, #site.search section .product-teaser a .info .product-title, #site.search section .product-teaser a .info .range-title, #site.search section .product-teaser a .info .description, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .product-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .range-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .description, #site .custotheme-component-product-list-filter .results .product-teaser a .info .product-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .range-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .description {
  padding-left: 1rem;
}

.pl4 {
  padding-left: 2rem;
}

.pl5 {
  padding-left: 4rem;
}

.pl6 {
  padding-left: 8rem;
}

.pl7 {
  padding-left: 16rem;
}

.pr0 {
  padding-right: 0;
}

.pr1 {
  padding-right: 0.25rem;
}

.pr2 {
  padding-right: 0.5rem;
}

.pr3, #site.page_home section.group-ph-part3 .product-teaser a .info .product-title, #site.page_home section.group-ph-part3 .product-teaser a .info .range-title, #site.page_home section.group-ph-part3 .product-teaser a .info .description, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .product-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .range-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .description, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .description, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .description, #site.search section .product-teaser a .info .product-title, #site.search section .product-teaser a .info .range-title, #site.search section .product-teaser a .info .description, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .product-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .range-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .description, #site .custotheme-component-product-list-filter .results .product-teaser a .info .product-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .range-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .description {
  padding-right: 1rem;
}

.pr4 {
  padding-right: 2rem;
}

.pr5 {
  padding-right: 4rem;
}

.pr6 {
  padding-right: 8rem;
}

.pr7 {
  padding-right: 16rem;
}

.pb0 {
  padding-bottom: 0;
}

.pb1 {
  padding-bottom: 0.25rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.pb3, #site.page_user_login section .form-item {
  padding-bottom: 1rem;
}

.pb4, #site.page section.group-bp-part2 .faq-questions ol li dl, #site .custotheme-component-product-list-filter .no-results {
  padding-bottom: 2rem;
}

.pb5 {
  padding-bottom: 4rem;
}

.pb6 {
  padding-bottom: 8rem;
}

.pb7 {
  padding-bottom: 16rem;
}

.pt0 {
  padding-top: 0;
}

.pt1 {
  padding-top: 0.25rem;
}

.pt2 {
  padding-top: 0.5rem;
}

.pt3, #site.basic_page_without_header section.group-bpwh-part1, #site.page_user_login section .form-actions {
  padding-top: 1rem;
}

.pt4, #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tab-contents-container, #site.page section.group-bp-part2 .faq-questions ol li dl, #site .custotheme-component-product-list-filter .no-results {
  padding-top: 2rem;
}

.pt5 {
  padding-top: 4rem;
}

.pt6 {
  padding-top: 8rem;
}

.pt7 {
  padding-top: 16rem;
}

.pv0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pv1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pv2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pv3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pv4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pv5 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pv6 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pv7 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.ph0 {
  padding-left: 0;
  padding-right: 0;
}

.ph1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.ph2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ph3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.ph4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ph5 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.ph6 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.ph7 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.ma0 {
  margin: 0;
}

.ma1 {
  margin: 0.25rem;
}

.ma2 {
  margin: 0.5rem;
}

.ma3 {
  margin: 1rem;
}

.ma4 {
  margin: 2rem;
}

.ma5 {
  margin: 4rem;
}

.ma6 {
  margin: 8rem;
}

.ma7 {
  margin: 16rem;
}

.ml0 {
  margin-left: 0;
}

.ml1, #site.product_list section .custotheme-component-product-list-controls .selectors .selectric-wrapper, #site.page_product_list_custom section .custotheme-component-product-list-controls .selectors .selectric-wrapper {
  margin-left: 0.25rem;
}

.ml2, #site > header.banner .custotheme-menu1 .menu li:not(:first-child) {
  margin-left: 0.5rem;
}

.ml3 {
  margin-left: 1rem;
}

.ml4 {
  margin-left: 2rem;
}

.ml5 {
  margin-left: 4rem;
}

.ml6 {
  margin-left: 8rem;
}

.ml7 {
  margin-left: 16rem;
}

.mr0 {
  margin-right: 0;
}

.mr1, #site.product_list section .custotheme-component-product-list-controls .selectors .selectric-wrapper, #site.page_product_list_custom section .custotheme-component-product-list-controls .selectors .selectric-wrapper {
  margin-right: 0.25rem;
}

.mr2 {
  margin-right: 0.5rem;
}

.mr3 {
  margin-right: 1rem;
}

.mr4 {
  margin-right: 2rem;
}

.mr5 {
  margin-right: 4rem;
}

.mr6 {
  margin-right: 8rem;
}

.mr7 {
  margin-right: 16rem;
}

.mb0 {
  margin-bottom: 0;
}

.mb1, #site.page_home section.group-ph-part3 .product-teaser a .info .product-title, #site.page_home section.group-ph-part3 .product-teaser a .info .range-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .product-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .range-title, #site.search section .product-teaser a .info .product-title, #site.search section .product-teaser a .info .range-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .product-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .range-title, #site.page_customer_service section.group-pcs-part3 form .form-item label, #site .custotheme-component-product-list-filter .results .product-teaser a .info .product-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .range-title {
  margin-bottom: 0.25rem;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.mb3, #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents a.bt-std.red, #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents a.webform-submit, #site.page_home #site.page_user_login section.group-ph-part5 .field .featured-block-container.video .contents .form-actions a.form-submit, #site.page_user_login #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents .form-actions a.form-submit, #site.page_home #site.page_user_login section.group-ph-part5 .form-actions .field .featured-block-container.video .contents a.form-submit, #site.page_user_login #site.page_home section.group-ph-part5 .form-actions .field .featured-block-container.video .contents a.form-submit, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents a.bt-std.red, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents a.webform-submit, #site.page_home #site.page_user_login section.group-ph-part5 .field .featured-block-container.image .contents .form-actions a.form-submit, #site.page_user_login #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents .form-actions a.form-submit, #site.page_home #site.page_user_login section.group-ph-part5 .form-actions .field .featured-block-container.image .contents a.form-submit, #site.page_user_login #site.page_home section.group-ph-part5 .form-actions .field .featured-block-container.image .contents a.form-submit, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents a.bt-std.red, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents a.webform-submit, #site.page_home #site.page_user_login section.group-ph-part5 .field .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_user_login #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_home #site.page_user_login section.group-ph-part5 .form-actions .field .featured-block-container.text-only .contents a.form-submit, #site.page_user_login #site.page_home section.group-ph-part5 .form-actions .field .featured-block-container.text-only .contents a.form-submit, #site.page_section section.group-ps-part4 .featured-block-container.video .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.image .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.video .contents a.bt-std.red, #site.page_section section.group-ps-part4 .featured-block-container.video .contents a.webform-submit, #site.page_section #site.page_user_login section.group-ps-part4 .featured-block-container.video .contents .form-actions a.form-submit, #site.page_user_login #site.page_section section.group-ps-part4 .featured-block-container.video .contents .form-actions a.form-submit, #site.page_section #site.page_user_login section.group-ps-part4 .form-actions .featured-block-container.video .contents a.form-submit, #site.page_user_login #site.page_section section.group-ps-part4 .form-actions .featured-block-container.video .contents a.form-submit, #site.page_section section.group-ps-part4 .featured-block-container.image .contents a.bt-std.red, #site.page_section section.group-ps-part4 .featured-block-container.image .contents a.webform-submit, #site.page_section #site.page_user_login section.group-ps-part4 .featured-block-container.image .contents .form-actions a.form-submit, #site.page_user_login #site.page_section section.group-ps-part4 .featured-block-container.image .contents .form-actions a.form-submit, #site.page_section #site.page_user_login section.group-ps-part4 .form-actions .featured-block-container.image .contents a.form-submit, #site.page_user_login #site.page_section section.group-ps-part4 .form-actions .featured-block-container.image .contents a.form-submit, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents a.bt-std.red, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents a.webform-submit, #site.page_section #site.page_user_login section.group-ps-part4 .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_user_login #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_section #site.page_user_login section.group-ps-part4 .form-actions .featured-block-container.text-only .contents a.form-submit, #site.page_user_login #site.page_section section.group-ps-part4 .form-actions .featured-block-container.text-only .contents a.form-submit, #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents a.bt-std.red, #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents a.webform-submit, #site.page_gamme #site.page_user_login section.group-pg-part3 .field .featured-block-container.video .contents .form-actions a.form-submit, #site.page_user_login #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents .form-actions a.form-submit, #site.page_gamme #site.page_user_login section.group-pg-part3 .form-actions .field .featured-block-container.video .contents a.form-submit, #site.page_user_login #site.page_gamme section.group-pg-part3 .form-actions .field .featured-block-container.video .contents a.form-submit, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents a.bt-std.red, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents a.webform-submit, #site.page_gamme #site.page_user_login section.group-pg-part3 .field .featured-block-container.image .contents .form-actions a.form-submit, #site.page_user_login #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents .form-actions a.form-submit, #site.page_gamme #site.page_user_login section.group-pg-part3 .form-actions .field .featured-block-container.image .contents a.form-submit, #site.page_user_login #site.page_gamme section.group-pg-part3 .form-actions .field .featured-block-container.image .contents a.form-submit, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents a.bt-std.red, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents a.webform-submit, #site.page_gamme #site.page_user_login section.group-pg-part3 .field .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_user_login #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_gamme #site.page_user_login section.group-pg-part3 .form-actions .field .featured-block-container.text-only .contents a.form-submit, #site.page_user_login #site.page_gamme section.group-pg-part3 .form-actions .field .featured-block-container.text-only .contents a.form-submit, #site.search section .ds-search-extra, #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents a.bt-std.red, #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents a.webform-submit, #site.page_product #site.page_user_login section.group-pp-part2 .field .featured-block-container.video .contents .form-actions a.form-submit, #site.page_user_login #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents .form-actions a.form-submit, #site.page_product #site.page_user_login section.group-pp-part2 .form-actions .field .featured-block-container.video .contents a.form-submit, #site.page_user_login #site.page_product section.group-pp-part2 .form-actions .field .featured-block-container.video .contents a.form-submit, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents a.bt-std.red, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents a.webform-submit, #site.page_product #site.page_user_login section.group-pp-part2 .field .featured-block-container.image .contents .form-actions a.form-submit, #site.page_user_login #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents .form-actions a.form-submit, #site.page_product #site.page_user_login section.group-pp-part2 .form-actions .field .featured-block-container.image .contents a.form-submit, #site.page_user_login #site.page_product section.group-pp-part2 .form-actions .field .featured-block-container.image .contents a.form-submit, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents a.bt-std.red, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents a.webform-submit, #site.page_product #site.page_user_login section.group-pp-part2 .field .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_user_login #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents .form-actions a.form-submit, #site.page_product #site.page_user_login section.group-pp-part2 .form-actions .field .featured-block-container.text-only .contents a.form-submit, #site.page_user_login #site.page_product section.group-pp-part2 .form-actions .field .featured-block-container.text-only .contents a.form-submit, #site section.social-feed p, #siteOverlay .share-social-page-overlay .contents p {
  margin-bottom: 1rem;
}

.mb4, #site.page_home section.group-ph-part3 .product-teaser, #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents .text, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents .text, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents .text, #site.page_section section.group-ps-part2 .group-ps-part2a p, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser, #site.page_section section.group-ps-part3 p, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser, #site.page_section section.group-ps-part4 .featured-block-container.video .contents .text, #site.page_section section.group-ps-part4 .featured-block-container.image .contents .text, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents .text, #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents .text, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents .text, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents .text, #site.search section .product-teaser, #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents .text, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents .text, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents .text, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related-text, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser, #site.page section.group-bp-part2 .faq-questions ol li dl dd, #site .custotheme-component-product-list-filter .results .product-teaser {
  margin-bottom: 2rem;
}

.mb5 {
  margin-bottom: 4rem;
}

.mb6 {
  margin-bottom: 8rem;
}

.mb7 {
  margin-bottom: 16rem;
}

.mt0 {
  margin-top: 0;
}

.mt1, #site.page section.group-bp-part2 .faq-questions ol li dl dd {
  margin-top: 0.25rem;
}

.mt2, #site.page_home section.group-ph-part3 p, #site.page_home section.group-ph-part3 .product-teaser a .info .product-title, #site.page_home section.group-ph-part3 .product-teaser a .info .range-title, #site.page_home section.group-ph-part4 p, #site.page_section section.group-ps-part2 .group-ps-part2a p, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .product-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 p, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .range-title, #site.search section .product-teaser a .info .product-title, #site.search section .product-teaser a .info .range-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related-text p, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .product-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .range-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .product-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .range-title, #site section.social-feed p {
  margin-top: 0.5rem;
}

.mt3, #site.page_home section.group-ph-part3 .product-teaser a .link, #site.page_home section.group-ph-part4 .row:first-of-type, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .link, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .link, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .link, #site.search section .ds-search-extra, #site.search section .product-teaser a .link, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .link, #site.page_customer_service section.group-pcs-part3 form .form-item:not(:first-child), #site.page_customer_service section.group-pcs-part3 form .form-actions, #site .custotheme-component-product-list-filter .results .product-teaser a .link {
  margin-top: 1rem;
}

.mt4, #site.page_home section.group-ph-part3 .field-group-div, #site.page_section section.group-ps-part2 .field-group-div, #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b3 .selectric-wrapper, #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b3 .share-container, #site.page section.group-bp-part2 .faq-questions, #site .custotheme-component-product-list-filter .load-more-container {
  margin-top: 2rem;
}

.mt5 {
  margin-top: 4rem;
}

.mt6 {
  margin-top: 8rem;
}

.mt7 {
  margin-top: 16rem;
}

.mv0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mv1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mv2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mv3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mv4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mv5 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mv6 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.mv7 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.mh0 {
  margin-left: 0;
  margin-right: 0;
}

.mh1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mh2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mh3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mh4 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mh5 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.mh6 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.mh7 {
  margin-left: 16rem;
  margin-right: 16rem;
}

@media screen and (min-width: 30em) {
  .pa0-ns {
    padding: 0;
  }
  .pa1-ns {
    padding: 0.25rem;
  }
  .pa2-ns {
    padding: 0.5rem;
  }
  .pa3-ns {
    padding: 1rem;
  }
  .pa4-ns {
    padding: 2rem;
  }
  .pa5-ns {
    padding: 4rem;
  }
  .pa6-ns {
    padding: 8rem;
  }
  .pa7-ns {
    padding: 16rem;
  }
  .pl0-ns {
    padding-left: 0;
  }
  .pl1-ns {
    padding-left: 0.25rem;
  }
  .pl2-ns {
    padding-left: 0.5rem;
  }
  .pl3-ns {
    padding-left: 1rem;
  }
  .pl4-ns {
    padding-left: 2rem;
  }
  .pl5-ns {
    padding-left: 4rem;
  }
  .pl6-ns {
    padding-left: 8rem;
  }
  .pl7-ns {
    padding-left: 16rem;
  }
  .pr0-ns {
    padding-right: 0;
  }
  .pr1-ns {
    padding-right: 0.25rem;
  }
  .pr2-ns {
    padding-right: 0.5rem;
  }
  .pr3-ns {
    padding-right: 1rem;
  }
  .pr4-ns {
    padding-right: 2rem;
  }
  .pr5-ns {
    padding-right: 4rem;
  }
  .pr6-ns {
    padding-right: 8rem;
  }
  .pr7-ns {
    padding-right: 16rem;
  }
  .pb0-ns {
    padding-bottom: 0;
  }
  .pb1-ns {
    padding-bottom: 0.25rem;
  }
  .pb2-ns {
    padding-bottom: 0.5rem;
  }
  .pb3-ns {
    padding-bottom: 1rem;
  }
  .pb4-ns {
    padding-bottom: 2rem;
  }
  .pb5-ns {
    padding-bottom: 4rem;
  }
  .pb6-ns {
    padding-bottom: 8rem;
  }
  .pb7-ns {
    padding-bottom: 16rem;
  }
  .pt0-ns {
    padding-top: 0;
  }
  .pt1-ns {
    padding-top: 0.25rem;
  }
  .pt2-ns {
    padding-top: 0.5rem;
  }
  .pt3-ns {
    padding-top: 1rem;
  }
  .pt4-ns {
    padding-top: 2rem;
  }
  .pt5-ns {
    padding-top: 4rem;
  }
  .pt6-ns {
    padding-top: 8rem;
  }
  .pt7-ns {
    padding-top: 16rem;
  }
  .pv0-ns {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-ns {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-ns {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-ns {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-ns {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-ns {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-ns {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-ns {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-ns {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-ns {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-ns {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-ns {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-ns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-ns {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-ns {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-ns {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-ns {
    margin: 0;
  }
  .ma1-ns {
    margin: 0.25rem;
  }
  .ma2-ns {
    margin: 0.5rem;
  }
  .ma3-ns {
    margin: 1rem;
  }
  .ma4-ns {
    margin: 2rem;
  }
  .ma5-ns {
    margin: 4rem;
  }
  .ma6-ns {
    margin: 8rem;
  }
  .ma7-ns {
    margin: 16rem;
  }
  .ml0-ns {
    margin-left: 0;
  }
  .ml1-ns {
    margin-left: 0.25rem;
  }
  .ml2-ns {
    margin-left: 0.5rem;
  }
  .ml3-ns {
    margin-left: 1rem;
  }
  .ml4-ns {
    margin-left: 2rem;
  }
  .ml5-ns {
    margin-left: 4rem;
  }
  .ml6-ns {
    margin-left: 8rem;
  }
  .ml7-ns {
    margin-left: 16rem;
  }
  .mr0-ns {
    margin-right: 0;
  }
  .mr1-ns {
    margin-right: 0.25rem;
  }
  .mr2-ns {
    margin-right: 0.5rem;
  }
  .mr3-ns {
    margin-right: 1rem;
  }
  .mr4-ns {
    margin-right: 2rem;
  }
  .mr5-ns {
    margin-right: 4rem;
  }
  .mr6-ns {
    margin-right: 8rem;
  }
  .mr7-ns {
    margin-right: 16rem;
  }
  .mb0-ns {
    margin-bottom: 0;
  }
  .mb1-ns {
    margin-bottom: 0.25rem;
  }
  .mb2-ns {
    margin-bottom: 0.5rem;
  }
  .mb3-ns {
    margin-bottom: 1rem;
  }
  .mb4-ns {
    margin-bottom: 2rem;
  }
  .mb5-ns {
    margin-bottom: 4rem;
  }
  .mb6-ns {
    margin-bottom: 8rem;
  }
  .mb7-ns {
    margin-bottom: 16rem;
  }
  .mt0-ns {
    margin-top: 0;
  }
  .mt1-ns {
    margin-top: 0.25rem;
  }
  .mt2-ns {
    margin-top: 0.5rem;
  }
  .mt3-ns {
    margin-top: 1rem;
  }
  .mt4-ns {
    margin-top: 2rem;
  }
  .mt5-ns {
    margin-top: 4rem;
  }
  .mt6-ns {
    margin-top: 8rem;
  }
  .mt7-ns {
    margin-top: 16rem;
  }
  .mv0-ns {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-ns {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-ns {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-ns {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-ns {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-ns {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-ns {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-ns {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-ns {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-ns {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-ns {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-ns {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-ns {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-ns {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-ns {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-ns {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .pa0-m {
    padding: 0;
  }
  .pa1-m {
    padding: 0.25rem;
  }
  .pa2-m {
    padding: 0.5rem;
  }
  .pa3-m {
    padding: 1rem;
  }
  .pa4-m {
    padding: 2rem;
  }
  .pa5-m {
    padding: 4rem;
  }
  .pa6-m {
    padding: 8rem;
  }
  .pa7-m {
    padding: 16rem;
  }
  .pl0-m {
    padding-left: 0;
  }
  .pl1-m {
    padding-left: 0.25rem;
  }
  .pl2-m {
    padding-left: 0.5rem;
  }
  .pl3-m {
    padding-left: 1rem;
  }
  .pl4-m {
    padding-left: 2rem;
  }
  .pl5-m {
    padding-left: 4rem;
  }
  .pl6-m {
    padding-left: 8rem;
  }
  .pl7-m {
    padding-left: 16rem;
  }
  .pr0-m {
    padding-right: 0;
  }
  .pr1-m {
    padding-right: 0.25rem;
  }
  .pr2-m {
    padding-right: 0.5rem;
  }
  .pr3-m {
    padding-right: 1rem;
  }
  .pr4-m {
    padding-right: 2rem;
  }
  .pr5-m {
    padding-right: 4rem;
  }
  .pr6-m {
    padding-right: 8rem;
  }
  .pr7-m {
    padding-right: 16rem;
  }
  .pb0-m {
    padding-bottom: 0;
  }
  .pb1-m {
    padding-bottom: 0.25rem;
  }
  .pb2-m {
    padding-bottom: 0.5rem;
  }
  .pb3-m {
    padding-bottom: 1rem;
  }
  .pb4-m {
    padding-bottom: 2rem;
  }
  .pb5-m {
    padding-bottom: 4rem;
  }
  .pb6-m {
    padding-bottom: 8rem;
  }
  .pb7-m {
    padding-bottom: 16rem;
  }
  .pt0-m {
    padding-top: 0;
  }
  .pt1-m {
    padding-top: 0.25rem;
  }
  .pt2-m {
    padding-top: 0.5rem;
  }
  .pt3-m {
    padding-top: 1rem;
  }
  .pt4-m {
    padding-top: 2rem;
  }
  .pt5-m {
    padding-top: 4rem;
  }
  .pt6-m {
    padding-top: 8rem;
  }
  .pt7-m {
    padding-top: 16rem;
  }
  .pv0-m {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-m {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-m {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-m {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-m {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-m {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-m {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-m {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-m {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-m {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-m {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-m {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-m {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-m {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-m {
    margin: 0;
  }
  .ma1-m {
    margin: 0.25rem;
  }
  .ma2-m {
    margin: 0.5rem;
  }
  .ma3-m {
    margin: 1rem;
  }
  .ma4-m {
    margin: 2rem;
  }
  .ma5-m {
    margin: 4rem;
  }
  .ma6-m {
    margin: 8rem;
  }
  .ma7-m {
    margin: 16rem;
  }
  .ml0-m {
    margin-left: 0;
  }
  .ml1-m {
    margin-left: 0.25rem;
  }
  .ml2-m {
    margin-left: 0.5rem;
  }
  .ml3-m {
    margin-left: 1rem;
  }
  .ml4-m {
    margin-left: 2rem;
  }
  .ml5-m {
    margin-left: 4rem;
  }
  .ml6-m {
    margin-left: 8rem;
  }
  .ml7-m {
    margin-left: 16rem;
  }
  .mr0-m {
    margin-right: 0;
  }
  .mr1-m {
    margin-right: 0.25rem;
  }
  .mr2-m {
    margin-right: 0.5rem;
  }
  .mr3-m {
    margin-right: 1rem;
  }
  .mr4-m {
    margin-right: 2rem;
  }
  .mr5-m {
    margin-right: 4rem;
  }
  .mr6-m {
    margin-right: 8rem;
  }
  .mr7-m {
    margin-right: 16rem;
  }
  .mb0-m {
    margin-bottom: 0;
  }
  .mb1-m {
    margin-bottom: 0.25rem;
  }
  .mb2-m {
    margin-bottom: 0.5rem;
  }
  .mb3-m {
    margin-bottom: 1rem;
  }
  .mb4-m {
    margin-bottom: 2rem;
  }
  .mb5-m {
    margin-bottom: 4rem;
  }
  .mb6-m {
    margin-bottom: 8rem;
  }
  .mb7-m {
    margin-bottom: 16rem;
  }
  .mt0-m {
    margin-top: 0;
  }
  .mt1-m {
    margin-top: 0.25rem;
  }
  .mt2-m {
    margin-top: 0.5rem;
  }
  .mt3-m {
    margin-top: 1rem;
  }
  .mt4-m {
    margin-top: 2rem;
  }
  .mt5-m {
    margin-top: 4rem;
  }
  .mt6-m {
    margin-top: 8rem;
  }
  .mt7-m {
    margin-top: 16rem;
  }
  .mv0-m {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-m {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-m {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-m {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-m {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-m {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-m {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-m {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-m {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-m {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-m {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-m {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-m {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-m {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

@media screen and (min-width: 60em) {
  .pa0-l {
    padding: 0;
  }
  .pa1-l {
    padding: 0.25rem;
  }
  .pa2-l {
    padding: 0.5rem;
  }
  .pa3-l {
    padding: 1rem;
  }
  .pa4-l {
    padding: 2rem;
  }
  .pa5-l {
    padding: 4rem;
  }
  .pa6-l {
    padding: 8rem;
  }
  .pa7-l {
    padding: 16rem;
  }
  .pl0-l {
    padding-left: 0;
  }
  .pl1-l {
    padding-left: 0.25rem;
  }
  .pl2-l {
    padding-left: 0.5rem;
  }
  .pl3-l {
    padding-left: 1rem;
  }
  .pl4-l {
    padding-left: 2rem;
  }
  .pl5-l {
    padding-left: 4rem;
  }
  .pl6-l {
    padding-left: 8rem;
  }
  .pl7-l {
    padding-left: 16rem;
  }
  .pr0-l {
    padding-right: 0;
  }
  .pr1-l {
    padding-right: 0.25rem;
  }
  .pr2-l {
    padding-right: 0.5rem;
  }
  .pr3-l {
    padding-right: 1rem;
  }
  .pr4-l {
    padding-right: 2rem;
  }
  .pr5-l {
    padding-right: 4rem;
  }
  .pr6-l {
    padding-right: 8rem;
  }
  .pr7-l {
    padding-right: 16rem;
  }
  .pb0-l {
    padding-bottom: 0;
  }
  .pb1-l {
    padding-bottom: 0.25rem;
  }
  .pb2-l {
    padding-bottom: 0.5rem;
  }
  .pb3-l {
    padding-bottom: 1rem;
  }
  .pb4-l {
    padding-bottom: 2rem;
  }
  .pb5-l {
    padding-bottom: 4rem;
  }
  .pb6-l {
    padding-bottom: 8rem;
  }
  .pb7-l {
    padding-bottom: 16rem;
  }
  .pt0-l {
    padding-top: 0;
  }
  .pt1-l {
    padding-top: 0.25rem;
  }
  .pt2-l {
    padding-top: 0.5rem;
  }
  .pt3-l {
    padding-top: 1rem;
  }
  .pt4-l {
    padding-top: 2rem;
  }
  .pt5-l {
    padding-top: 4rem;
  }
  .pt6-l {
    padding-top: 8rem;
  }
  .pt7-l {
    padding-top: 16rem;
  }
  .pv0-l {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-l {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-l {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-l {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-l {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-l {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-l {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-l {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-l {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-l {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-l {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-l {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-l {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-l {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-l {
    margin: 0;
  }
  .ma1-l {
    margin: 0.25rem;
  }
  .ma2-l {
    margin: 0.5rem;
  }
  .ma3-l {
    margin: 1rem;
  }
  .ma4-l {
    margin: 2rem;
  }
  .ma5-l {
    margin: 4rem;
  }
  .ma6-l {
    margin: 8rem;
  }
  .ma7-l {
    margin: 16rem;
  }
  .ml0-l {
    margin-left: 0;
  }
  .ml1-l {
    margin-left: 0.25rem;
  }
  .ml2-l {
    margin-left: 0.5rem;
  }
  .ml3-l {
    margin-left: 1rem;
  }
  .ml4-l {
    margin-left: 2rem;
  }
  .ml5-l {
    margin-left: 4rem;
  }
  .ml6-l {
    margin-left: 8rem;
  }
  .ml7-l {
    margin-left: 16rem;
  }
  .mr0-l {
    margin-right: 0;
  }
  .mr1-l {
    margin-right: 0.25rem;
  }
  .mr2-l {
    margin-right: 0.5rem;
  }
  .mr3-l {
    margin-right: 1rem;
  }
  .mr4-l {
    margin-right: 2rem;
  }
  .mr5-l {
    margin-right: 4rem;
  }
  .mr6-l {
    margin-right: 8rem;
  }
  .mr7-l {
    margin-right: 16rem;
  }
  .mb0-l {
    margin-bottom: 0;
  }
  .mb1-l {
    margin-bottom: 0.25rem;
  }
  .mb2-l {
    margin-bottom: 0.5rem;
  }
  .mb3-l {
    margin-bottom: 1rem;
  }
  .mb4-l {
    margin-bottom: 2rem;
  }
  .mb5-l {
    margin-bottom: 4rem;
  }
  .mb6-l {
    margin-bottom: 8rem;
  }
  .mb7-l {
    margin-bottom: 16rem;
  }
  .mt0-l {
    margin-top: 0;
  }
  .mt1-l {
    margin-top: 0.25rem;
  }
  .mt2-l {
    margin-top: 0.5rem;
  }
  .mt3-l {
    margin-top: 1rem;
  }
  .mt4-l {
    margin-top: 2rem;
  }
  .mt5-l {
    margin-top: 4rem;
  }
  .mt6-l {
    margin-top: 8rem;
  }
  .mt7-l {
    margin-top: 16rem;
  }
  .mv0-l {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-l {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-l {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-l {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-l {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-l {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-l {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-l {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-l {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-l {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-l {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-l {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-l {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-l {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.na1 {
  margin: -0.25rem;
}

.na2 {
  margin: -0.5rem;
}

.na3 {
  margin: -1rem;
}

.na4 {
  margin: -2rem;
}

.na5 {
  margin: -4rem;
}

.na6 {
  margin: -8rem;
}

.na7 {
  margin: -16rem;
}

.nl1 {
  margin-left: -0.25rem;
}

.nl2 {
  margin-left: -0.5rem;
}

.nl3 {
  margin-left: -1rem;
}

.nl4 {
  margin-left: -2rem;
}

.nl5 {
  margin-left: -4rem;
}

.nl6 {
  margin-left: -8rem;
}

.nl7 {
  margin-left: -16rem;
}

.nr1 {
  margin-right: -0.25rem;
}

.nr2 {
  margin-right: -0.5rem;
}

.nr3 {
  margin-right: -1rem;
}

.nr4 {
  margin-right: -2rem;
}

.nr5 {
  margin-right: -4rem;
}

.nr6 {
  margin-right: -8rem;
}

.nr7 {
  margin-right: -16rem;
}

.nb1 {
  margin-bottom: -0.25rem;
}

.nb2 {
  margin-bottom: -0.5rem;
}

.nb3 {
  margin-bottom: -1rem;
}

.nb4 {
  margin-bottom: -2rem;
}

.nb5 {
  margin-bottom: -4rem;
}

.nb6 {
  margin-bottom: -8rem;
}

.nb7 {
  margin-bottom: -16rem;
}

.nt1 {
  margin-top: -0.25rem;
}

.nt2 {
  margin-top: -0.5rem;
}

.nt3 {
  margin-top: -1rem;
}

.nt4 {
  margin-top: -2rem;
}

.nt5 {
  margin-top: -4rem;
}

.nt6 {
  margin-top: -8rem;
}

.nt7 {
  margin-top: -16rem;
}

@media screen and (min-width: 30em) {
  .na1-ns {
    margin: -0.25rem;
  }
  .na2-ns {
    margin: -0.5rem;
  }
  .na3-ns {
    margin: -1rem;
  }
  .na4-ns {
    margin: -2rem;
  }
  .na5-ns {
    margin: -4rem;
  }
  .na6-ns {
    margin: -8rem;
  }
  .na7-ns {
    margin: -16rem;
  }
  .nl1-ns {
    margin-left: -0.25rem;
  }
  .nl2-ns {
    margin-left: -0.5rem;
  }
  .nl3-ns {
    margin-left: -1rem;
  }
  .nl4-ns {
    margin-left: -2rem;
  }
  .nl5-ns {
    margin-left: -4rem;
  }
  .nl6-ns {
    margin-left: -8rem;
  }
  .nl7-ns {
    margin-left: -16rem;
  }
  .nr1-ns {
    margin-right: -0.25rem;
  }
  .nr2-ns {
    margin-right: -0.5rem;
  }
  .nr3-ns {
    margin-right: -1rem;
  }
  .nr4-ns {
    margin-right: -2rem;
  }
  .nr5-ns {
    margin-right: -4rem;
  }
  .nr6-ns {
    margin-right: -8rem;
  }
  .nr7-ns {
    margin-right: -16rem;
  }
  .nb1-ns {
    margin-bottom: -0.25rem;
  }
  .nb2-ns {
    margin-bottom: -0.5rem;
  }
  .nb3-ns {
    margin-bottom: -1rem;
  }
  .nb4-ns {
    margin-bottom: -2rem;
  }
  .nb5-ns {
    margin-bottom: -4rem;
  }
  .nb6-ns {
    margin-bottom: -8rem;
  }
  .nb7-ns {
    margin-bottom: -16rem;
  }
  .nt1-ns {
    margin-top: -0.25rem;
  }
  .nt2-ns {
    margin-top: -0.5rem;
  }
  .nt3-ns {
    margin-top: -1rem;
  }
  .nt4-ns {
    margin-top: -2rem;
  }
  .nt5-ns {
    margin-top: -4rem;
  }
  .nt6-ns {
    margin-top: -8rem;
  }
  .nt7-ns {
    margin-top: -16rem;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .na1-m {
    margin: -0.25rem;
  }
  .na2-m {
    margin: -0.5rem;
  }
  .na3-m {
    margin: -1rem;
  }
  .na4-m {
    margin: -2rem;
  }
  .na5-m {
    margin: -4rem;
  }
  .na6-m {
    margin: -8rem;
  }
  .na7-m {
    margin: -16rem;
  }
  .nl1-m {
    margin-left: -0.25rem;
  }
  .nl2-m {
    margin-left: -0.5rem;
  }
  .nl3-m {
    margin-left: -1rem;
  }
  .nl4-m {
    margin-left: -2rem;
  }
  .nl5-m {
    margin-left: -4rem;
  }
  .nl6-m {
    margin-left: -8rem;
  }
  .nl7-m {
    margin-left: -16rem;
  }
  .nr1-m {
    margin-right: -0.25rem;
  }
  .nr2-m {
    margin-right: -0.5rem;
  }
  .nr3-m {
    margin-right: -1rem;
  }
  .nr4-m {
    margin-right: -2rem;
  }
  .nr5-m {
    margin-right: -4rem;
  }
  .nr6-m {
    margin-right: -8rem;
  }
  .nr7-m {
    margin-right: -16rem;
  }
  .nb1-m {
    margin-bottom: -0.25rem;
  }
  .nb2-m {
    margin-bottom: -0.5rem;
  }
  .nb3-m {
    margin-bottom: -1rem;
  }
  .nb4-m {
    margin-bottom: -2rem;
  }
  .nb5-m {
    margin-bottom: -4rem;
  }
  .nb6-m {
    margin-bottom: -8rem;
  }
  .nb7-m {
    margin-bottom: -16rem;
  }
  .nt1-m {
    margin-top: -0.25rem;
  }
  .nt2-m {
    margin-top: -0.5rem;
  }
  .nt3-m {
    margin-top: -1rem;
  }
  .nt4-m {
    margin-top: -2rem;
  }
  .nt5-m {
    margin-top: -4rem;
  }
  .nt6-m {
    margin-top: -8rem;
  }
  .nt7-m {
    margin-top: -16rem;
  }
}

@media screen and (min-width: 60em) {
  .na1-l {
    margin: -0.25rem;
  }
  .na2-l {
    margin: -0.5rem;
  }
  .na3-l {
    margin: -1rem;
  }
  .na4-l {
    margin: -2rem;
  }
  .na5-l {
    margin: -4rem;
  }
  .na6-l {
    margin: -8rem;
  }
  .na7-l {
    margin: -16rem;
  }
  .nl1-l {
    margin-left: -0.25rem;
  }
  .nl2-l {
    margin-left: -0.5rem;
  }
  .nl3-l {
    margin-left: -1rem;
  }
  .nl4-l {
    margin-left: -2rem;
  }
  .nl5-l {
    margin-left: -4rem;
  }
  .nl6-l {
    margin-left: -8rem;
  }
  .nl7-l {
    margin-left: -16rem;
  }
  .nr1-l {
    margin-right: -0.25rem;
  }
  .nr2-l {
    margin-right: -0.5rem;
  }
  .nr3-l {
    margin-right: -1rem;
  }
  .nr4-l {
    margin-right: -2rem;
  }
  .nr5-l {
    margin-right: -4rem;
  }
  .nr6-l {
    margin-right: -8rem;
  }
  .nr7-l {
    margin-right: -16rem;
  }
  .nb1-l {
    margin-bottom: -0.25rem;
  }
  .nb2-l {
    margin-bottom: -0.5rem;
  }
  .nb3-l {
    margin-bottom: -1rem;
  }
  .nb4-l {
    margin-bottom: -2rem;
  }
  .nb5-l {
    margin-bottom: -4rem;
  }
  .nb6-l {
    margin-bottom: -8rem;
  }
  .nb7-l {
    margin-bottom: -16rem;
  }
  .nt1-l {
    margin-top: -0.25rem;
  }
  .nt2-l {
    margin-top: -0.5rem;
  }
  .nt3-l {
    margin-top: -1rem;
  }
  .nt4-l {
    margin-top: -2rem;
  }
  .nt5-l {
    margin-top: -4rem;
  }
  .nt6-l {
    margin-top: -8rem;
  }
  .nt7-l {
    margin-top: -16rem;
  }
}

/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

*/
.collapse {
  border-collapse: collapse;
  border-spacing: 0;
}

.striped--light-silver:nth-child(odd) {
  background-color: #aaa;
}

.striped--moon-gray:nth-child(odd) {
  background-color: #ccc;
}

.striped--light-gray:nth-child(odd) {
  background-color: #eee;
}

.striped--near-white:nth-child(odd) {
  background-color: #f4f4f4;
}

.stripe-light:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.1);
}

.stripe-dark:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

/*

   TEXT DECORATION
   Docs: http://tachyons.io/docs/typography/text-decoration/


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.strike {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

@media screen and (min-width: 30em) {
  .strike-ns {
    text-decoration: line-through;
  }
  .underline-ns {
    text-decoration: underline;
  }
  .no-underline-ns {
    text-decoration: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .strike-m {
    text-decoration: line-through;
  }
  .underline-m {
    text-decoration: underline;
  }
  .no-underline-m {
    text-decoration: none;
  }
}

@media screen and (min-width: 60em) {
  .strike-l {
    text-decoration: line-through;
  }
  .underline-l {
    text-decoration: underline;
  }
  .no-underline-l {
    text-decoration: none;
  }
}

/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center
    j = justify

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/
.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc, #site.page_customer_service section.group-pcs-part3 form .form-actions, #site.page_user_login section .form-actions {
  text-align: center;
}

.tj {
  text-align: justify;
}

@media screen and (min-width: 30em) {
  .tl-ns {
    text-align: left;
  }
  .tr-ns {
    text-align: right;
  }
  .tc-ns {
    text-align: center;
  }
  .tj-ns {
    text-align: justify;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .tl-m {
    text-align: left;
  }
  .tr-m {
    text-align: right;
  }
  .tc-m {
    text-align: center;
  }
  .tj-m {
    text-align: justify;
  }
}

@media screen and (min-width: 60em) {
  .tl-l {
    text-align: left;
  }
  .tr-l {
    text-align: right;
  }
  .tc-l {
    text-align: center;
  }
  .tj-l {
    text-align: justify;
  }
}

/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ttc {
  text-transform: capitalize;
}

.ttl {
  text-transform: lowercase;
}

.ttu {
  text-transform: uppercase;
}

.ttn {
  text-transform: none;
}

@media screen and (min-width: 30em) {
  .ttc-ns {
    text-transform: capitalize;
  }
  .ttl-ns {
    text-transform: lowercase;
  }
  .ttu-ns {
    text-transform: uppercase;
  }
  .ttn-ns {
    text-transform: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .ttc-m {
    text-transform: capitalize;
  }
  .ttl-m {
    text-transform: lowercase;
  }
  .ttu-m {
    text-transform: uppercase;
  }
  .ttn-m {
    text-transform: none;
  }
}

@media screen and (min-width: 60em) {
  .ttc-l {
    text-transform: capitalize;
  }
  .ttl-l {
    text-transform: lowercase;
  }
  .ttu-l {
    text-transform: uppercase;
  }
  .ttn-l {
    text-transform: none;
  }
}

/*

   TYPE SCALE
   Docs: http://tachyons.io/docs/typography/scale/

   Base:
    f = font-size

   Modifiers
     1 = 1st step in size scale
     2 = 2nd step in size scale
     3 = 3rd step in size scale
     4 = 4th step in size scale
     5 = 5th step in size scale
     6 = 6th step in size scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large
*/
/*
 * For Hero/Marketing Titles
 *
 * These generally are too large for mobile
 * so be careful using them on smaller screens.
 * */
.f-6,
.f-headline {
  font-size: 6rem;
}

.f-5,
.f-subheadline {
  font-size: 5rem;
}

/* Type Scale */
.f1 {
  font-size: 3rem;
}

.f2 {
  font-size: 2.25rem;
}

.f3 {
  font-size: 1.5rem;
}

.f4 {
  font-size: 1.25rem;
}

.f5 {
  font-size: 1rem;
}

.f6 {
  font-size: 0.875rem;
}

.f7 {
  font-size: 0.75rem;
}

@media screen and (min-width: 30em) {
  .f-6-ns,
  .f-headline-ns {
    font-size: 6rem;
  }
  .f-5-ns,
  .f-subheadline-ns {
    font-size: 5rem;
  }
  .f1-ns {
    font-size: 3rem;
  }
  .f2-ns {
    font-size: 2.25rem;
  }
  .f3-ns {
    font-size: 1.5rem;
  }
  .f4-ns {
    font-size: 1.25rem;
  }
  .f5-ns {
    font-size: 1rem;
  }
  .f6-ns {
    font-size: 0.875rem;
  }
  .f7-ns {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .f-6-m,
  .f-headline-m {
    font-size: 6rem;
  }
  .f-5-m,
  .f-subheadline-m {
    font-size: 5rem;
  }
  .f1-m {
    font-size: 3rem;
  }
  .f2-m {
    font-size: 2.25rem;
  }
  .f3-m {
    font-size: 1.5rem;
  }
  .f4-m {
    font-size: 1.25rem;
  }
  .f5-m {
    font-size: 1rem;
  }
  .f6-m {
    font-size: 0.875rem;
  }
  .f7-m {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 60em) {
  .f-6-l,
  .f-headline-l {
    font-size: 6rem;
  }
  .f-5-l,
  .f-subheadline-l {
    font-size: 5rem;
  }
  .f1-l {
    font-size: 3rem;
  }
  .f2-l {
    font-size: 2.25rem;
  }
  .f3-l {
    font-size: 1.5rem;
  }
  .f4-l {
    font-size: 1.25rem;
  }
  .f5-l {
    font-size: 1rem;
  }
  .f6-l {
    font-size: 0.875rem;
  }
  .f7-l {
    font-size: 0.75rem;
  }
}

/*

   TYPOGRAPHY
   http://tachyons.io/docs/typography/measure/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Measure is limited to ~66 characters */
.measure {
  max-width: 30em;
}

/* Measure is limited to ~80 characters */
.measure-wide {
  max-width: 34em;
}

/* Measure is limited to ~45 characters */
.measure-narrow {
  max-width: 20em;
}

/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.small-caps {
  font-variant: small-caps;
}

/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 30em) {
  .measure-ns {
    max-width: 30em;
  }
  .measure-wide-ns {
    max-width: 34em;
  }
  .measure-narrow-ns {
    max-width: 20em;
  }
  .indent-ns {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-ns {
    font-variant: small-caps;
  }
  .truncate-ns {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .measure-m {
    max-width: 30em;
  }
  .measure-wide-m {
    max-width: 34em;
  }
  .measure-narrow-m {
    max-width: 20em;
  }
  .indent-m {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-m {
    font-variant: small-caps;
  }
  .truncate-m {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 60em) {
  .measure-l {
    max-width: 30em;
  }
  .measure-wide-l {
    max-width: 34em;
  }
  .measure-narrow-l {
    max-width: 20em;
  }
  .indent-l {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-l {
    font-variant: small-caps;
  }
  .truncate-l {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/*

   UTILITIES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Equivalent to .overflow-y-scroll */
.overflow-container {
  overflow-y: scroll;
}

.center, .layout-one, .layout-two, #site > header.banner .custotheme-main-menu > .content .first-children .menu-block-wrapper, .layout-three, .layout-four > .wrap, .layout-fifth {
  margin-right: auto;
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

@media screen and (min-width: 30em) {
  .center-ns {
    margin-right: auto;
    margin-left: auto;
  }
  .mr-auto-ns {
    margin-right: auto;
  }
  .ml-auto-ns {
    margin-left: auto;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .center-m {
    margin-right: auto;
    margin-left: auto;
  }
  .mr-auto-m {
    margin-right: auto;
  }
  .ml-auto-m {
    margin-left: auto;
  }
}

@media screen and (min-width: 60em) {
  .center-l {
    margin-right: auto;
    margin-left: auto;
  }
  .mr-auto-l {
    margin-right: auto;
  }
  .ml-auto-l {
    margin-left: auto;
  }
}

/*

   VISIBILITY

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.clip {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

@media screen and (min-width: 30em) {
  .clip-ns {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .clip-m {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}

@media screen and (min-width: 60em) {
  .clip-l {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}

/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ws-normal {
  white-space: normal;
}

.nowrap {
  white-space: nowrap;
}

.pre {
  white-space: pre;
}

@media screen and (min-width: 30em) {
  .ws-normal-ns {
    white-space: normal;
  }
  .nowrap-ns {
    white-space: nowrap;
  }
  .pre-ns {
    white-space: pre;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .ws-normal-m {
    white-space: normal;
  }
  .nowrap-m {
    white-space: nowrap;
  }
  .pre-m {
    white-space: pre;
  }
}

@media screen and (min-width: 60em) {
  .ws-normal-l {
    white-space: normal;
  }
  .nowrap-l {
    white-space: nowrap;
  }
  .pre-l {
    white-space: pre;
  }
}

/*

   VERTICAL ALIGN

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.v-base {
  vertical-align: baseline;
}

.v-mid {
  vertical-align: middle;
}

.v-top {
  vertical-align: top;
}

.v-btm {
  vertical-align: bottom;
}

@media screen and (min-width: 30em) {
  .v-base-ns {
    vertical-align: baseline;
  }
  .v-mid-ns {
    vertical-align: middle;
  }
  .v-top-ns {
    vertical-align: top;
  }
  .v-btm-ns {
    vertical-align: bottom;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .v-base-m {
    vertical-align: baseline;
  }
  .v-mid-m {
    vertical-align: middle;
  }
  .v-top-m {
    vertical-align: top;
  }
  .v-btm-m {
    vertical-align: bottom;
  }
}

@media screen and (min-width: 60em) {
  .v-base-l {
    vertical-align: baseline;
  }
  .v-mid-l {
    vertical-align: middle;
  }
  .v-top-l {
    vertical-align: top;
  }
  .v-btm-l {
    vertical-align: bottom;
  }
}

/*

  HOVER EFFECTS
  Docs: http://tachyons.io/docs/themes/hovers/

    - Dim
    - Glow
    - Hide Child
    - Underline text
    - Grow
    - Pointer
    - Shadow

*/
/*

  Dim element on hover by adding the dim class.

*/
.dim {
  opacity: 1;
  transition: opacity .15s ease-in;
}

.dim:hover,
.dim:focus {
  opacity: .5;
  transition: opacity .15s ease-in;
}

.dim:active {
  opacity: .8;
  transition: opacity .15s ease-out;
}

/*

  Animate opacity to 100% on hover by adding the glow class.

*/
.glow {
  transition: opacity .15s ease-in;
}

.glow:hover,
.glow:focus {
  opacity: 1;
  transition: opacity .15s ease-in;
}

/*

  Hide child & reveal on hover:

  Put the hide-child class on a parent element and any nested element with the
  child class will be hidden and displayed on hover or focus.

  <div class="hide-child">
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
  </div>
*/
.hide-child .child {
  opacity: 0;
  transition: opacity .15s ease-in;
}

.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
  opacity: 1;
  transition: opacity .15s ease-in;
}

.underline-hover:hover,
.underline-hover:focus {
  text-decoration: underline;
}

/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
.grow {
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.grow:hover,
.grow:focus {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
}

.grow:active {
  -ms-transform: scale(0.9);
      transform: scale(0.9);
}

.grow-large {
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform .25s ease-in-out;
}

.grow-large:hover,
.grow-large:focus {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

.grow-large:active {
  -ms-transform: scale(0.95);
      transform: scale(0.95);
}

/* Add pointer on hover */
.pointer:hover {
  cursor: pointer;
}

/*
   Add shadow on hover.

   Performant box-shadow animation pattern from
   http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
  cursor: pointer;
  position: relative;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover::after {
  content: '';
  box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover:hover::after,
.shadow-hover:focus::after {
  opacity: 1;
}

/* Combine with classes in skins and skins-pseudo for
 * many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
  transition: background-color .15s ease-in-out;
}

/*

  Z-INDEX

  Base
    z = z-index

  Modifiers
    -0 = literal value 0
    -1 = literal value 1
    -2 = literal value 2
    -3 = literal value 3
    -4 = literal value 4
    -5 = literal value 5
    -999 = literal value 999
    -9999 = literal value 9999

    -max = largest accepted z-index value as integer

    -inherit = string value inherit
    -initial = string value initial
    -unset = string value unset

  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
  Spec: http://www.w3.org/TR/CSS2/zindex.html
  Articles:
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

  Tips on extending:
  There might be a time worth using negative z-index values.
  Or if you are using tachyons with another project, you might need to
  adjust these values to suit your needs.

*/
.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-999 {
  z-index: 999;
}

.z-9999 {
  z-index: 9999;
}

.z-max {
  z-index: 2147483647;
}

.z-inherit {
  z-index: inherit;
}

.z-initial {
  z-index: initial;
}

.z-unset {
  z-index: unset;
}

/*

    NESTED
    Tachyons module for styling nested elements
    that are generated by a cms.

*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
  line-height: 1.5;
}

.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
  line-height: 1.25;
}

.nested-list-reset ul,
.nested-list-reset ol {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}

.nested-copy-indent p + p {
  text-indent: 0.1em;
  margin-top: 0;
  margin-bottom: 0;
}

.nested-copy-seperator p + p {
  margin-top: 1.5em;
}

.nested-img img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.nested-links a {
  color: #357edd;
  transition: color .15s ease-in;
}

.nested-links a:hover,
.nested-links a:focus {
  color: #96ccff;
  transition: color .15s ease-in;
}

/*

  STYLES

  Add custom styles here.

*/

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes jello {
  11.1% {
    -ms-transform: none;
    transform: none;
  }
  22.2% {
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -ms-transform: none;
    transform: none;
  }
}

@keyframes pulse {
  0% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes shake {
  0%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -ms-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes tada {
  0% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes wobble {
  0% {
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceOut {
  0% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes flip {
  0% {
    -ms-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -ms-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}

@keyframes flipInX {
  0% {
    opacity: 0;
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}

@keyframes flipInY {
  0% {
    opacity: 0;
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}

@keyframes flipOutX {
  0% {
    opacity: 1;
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}

@keyframes flipOutY {
  0% {
    opacity: 1;
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
}

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideOutDown {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -ms-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -ms-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -ms-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(700px);
    transform: translateY(700px);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}

@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}

@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}

@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

#bfoh-grid {
  z-index: 2;
}

/*
How to use that ?
.spacer {
    @include tiamatKeepRatio(2560, 950);
    >.wrap {
        position:relative;
        img {
            width:100%;
            height:100%;
        }
    }
}
*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  /* Lets it scroll lazy */
}

body {
  position: relative;
  color: #000000;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  /* Lets it scroll lazy */
}

body.lock {
  overflow: hidden;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.gpu-accelerated {
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  transition: all 1s;
}

.unselectable {
  /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
  /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
  -moz-user-select: none;
  /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
  /* From IE10 only */
  user-select: none;
  /* Not valid CSS yet, as of July 2012 */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none;
  pointer-events: none;
}

.word-wrap, #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tab-contents-container > p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  white-space: normal;
}

a.url {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.justify {
  text-align: justify;
}

.alert-outdated-browser {
  padding: 1rem;
  background: yellow;
  color: black;
  text-align: center;
}

ol, ul {
  list-style-position: inside;
}

img.missing {
  width: 100%;
  height: 100%;
}

iframe {
  display: block;
}

input[type="submit"].invisible {
  cursor: pointer;
  background: transparent;
  border: none;
}


button,
input[type="submit"],
input[type="reset"] {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  display: block;
  background: none;
  margin: auto;
  outline: none;
  cursor: pointer;
  border: 0;
  padding: 0;
}

select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
  font-size: 16px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  display: block;
  background: none;
  margin: 0;
  outline: none;
  border: 1px solid #cccccc;
}

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;
}

video, canvas, img {
  display: block;
}

@media (max-width: 29.99em) {
  br.small {
    display: block;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  br.small {
    display: none;
  }
}

@media screen and (min-width: 60em) {
  br.small {
    display: none;
  }
}

@media (max-width: 29.99em) {
  br.medium {
    display: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  br.medium {
    display: block;
  }
}

@media screen and (min-width: 60em) {
  br.medium {
    display: none;
  }
}

@media (max-width: 29.99em) {
  br.large {
    display: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  br.large {
    display: none;
  }
}

@media screen and (min-width: 60em) {
  br.large {
    display: block;
  }
}

@media (max-width: 29.99em) {
  br.no-small {
    display: none;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  br.no-small {
    display: block;
  }
}

@media screen and (min-width: 60em) {
  br.no-small {
    display: block;
  }
}

p {
  font-size: 0.95rem;
}

.layout-one-full > .wrap > .inner {
  position: relative;
}

.layout-one {
  position: relative;
  max-width: 1280px;
}

.layout-two, #site > header.banner .custotheme-main-menu > .content .first-children .menu-block-wrapper {
  position: relative;
}

@media (min-width: 1168px) {
  .layout-two, #site > header.banner .custotheme-main-menu > .content .first-children .menu-block-wrapper {
    max-width: 1168px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.layout-three {
  position: relative;
}

@media (max-width: 767px) {
  .layout-three {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .layout-three {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1168px) {
  .layout-three {
    max-width: 1280px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1168px) {
  .layout-three > .wrap {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.layout-three > .wrap > .inner {
  position: relative;
}

.layout-four > .wrap {
  position: relative;
}

@media (max-width: 767px) {
  .layout-four > .wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .layout-four > .wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1168px) {
  .layout-four > .wrap {
    max-width: 1280px;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.layout-four > .wrap > .inner {
  position: relative;
}

.layout-fifth {
  position: relative;
}

@media (max-width: 767px) {
  .layout-fifth {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .layout-fifth {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 670px;
  }
}

@media screen and (min-width: 60em) {
  .layout-fifth {
    max-width: 1098px;
  }
}

@media (min-width: 1168px) {
  .layout-fifth {
    max-width: 1098px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1168px) {
  .layout-fifth > .wrap {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.layout-fifth > .wrap > .inner {
  position: relative;
}

.spacer-one, .spacer-two, .spacer-three, .spacer-four {
  vertical-align: bottom;
  display: inline-block;
}

.spacer-one {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}

.spacer-two {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.spacer-three {
  width: 100%;
  height: 0;
  padding-bottom: 133.333333333%;
}

.spacer-four {
  width: 100%;
  height: 0;
  padding-bottom: 66.6666666667%;
}

iframe.overlay-element {
  padding-top: 30px;
}


button.bt-std,
button.webform-submit,
#site.page_user_login section .form-actions button.form-submit,
a.bt-std,
a.webform-submit,
#site.page_user_login section .form-actions a.form-submit,
[type='button'].bt-std,
.webform-submit[type='button'],
#site.page_user_login section .form-actions .form-submit[type='button'],
[type='reset'].bt-std,
.webform-submit[type='reset'],
#site.page_user_login section .form-actions .form-submit[type='reset'],
[type='submit'].bt-std,
.webform-submit[type='submit'],
#site.page_user_login section .form-actions .form-submit[type='submit'] {
  display: inline-block;
  vertical-align: middle;
}


button.bt-std.red,
button.webform-submit,
#site.page_user_login section .form-actions button.form-submit,
a.bt-std.red,
a.webform-submit,
#site.page_user_login section .form-actions a.form-submit,
[type='button'].bt-std.red,
.webform-submit[type='button'],
#site.page_user_login section .form-actions .form-submit[type='button'],
[type='reset'].bt-std.red,
.webform-submit[type='reset'],
#site.page_user_login section .form-actions .form-submit[type='reset'],
[type='submit'].bt-std.red,
.webform-submit[type='submit'],
#site.page_user_login section .form-actions .form-submit[type='submit'] {
  background-color: #ae172a;
  color: #ffffff;
  font-size: 0.7rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color ease-out 0.2s, box-shadow ease-out 0.2s, color ease-out 0.2s;
}

@media (max-width: 767px) {
  
  button.bt-std.red,
  button.webform-submit,
  #site.page_user_login section .form-actions button.form-submit,
  a.bt-std.red,
  a.webform-submit,
  #site.page_user_login section .form-actions a.form-submit,
  [type='button'].bt-std.red,
  .webform-submit[type='button'],
  #site.page_user_login section .form-actions .form-submit[type='button'],
  [type='reset'].bt-std.red,
  .webform-submit[type='reset'],
  #site.page_user_login section .form-actions .form-submit[type='reset'],
  [type='submit'].bt-std.red,
  .webform-submit[type='submit'],
  #site.page_user_login section .form-actions .form-submit[type='submit'] {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  
  button.bt-std.red,
  button.webform-submit,
  #site.page_user_login section .form-actions button.form-submit,
  a.bt-std.red,
  a.webform-submit,
  #site.page_user_login section .form-actions a.form-submit,
  [type='button'].bt-std.red,
  .webform-submit[type='button'],
  #site.page_user_login section .form-actions .form-submit[type='button'],
  [type='reset'].bt-std.red,
  .webform-submit[type='reset'],
  #site.page_user_login section .form-actions .form-submit[type='reset'],
  [type='submit'].bt-std.red,
  .webform-submit[type='submit'],
  #site.page_user_login section .form-actions .form-submit[type='submit'] {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  
  button.bt-std.red,
  button.webform-submit,
  #site.page_user_login section .form-actions button.form-submit,
  a.bt-std.red,
  a.webform-submit,
  #site.page_user_login section .form-actions a.form-submit,
  [type='button'].bt-std.red,
  .webform-submit[type='button'],
  #site.page_user_login section .form-actions .form-submit[type='button'],
  [type='reset'].bt-std.red,
  .webform-submit[type='reset'],
  #site.page_user_login section .form-actions .form-submit[type='reset'],
  [type='submit'].bt-std.red,
  .webform-submit[type='submit'],
  #site.page_user_login section .form-actions .form-submit[type='submit'] {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1168px) {
  
  button.bt-std.red,
  button.webform-submit,
  #site.page_user_login section .form-actions button.form-submit,
  a.bt-std.red,
  a.webform-submit,
  #site.page_user_login section .form-actions a.form-submit,
  [type='button'].bt-std.red,
  .webform-submit[type='button'],
  #site.page_user_login section .form-actions .form-submit[type='button'],
  [type='reset'].bt-std.red,
  .webform-submit[type='reset'],
  #site.page_user_login section .form-actions .form-submit[type='reset'],
  [type='submit'].bt-std.red,
  .webform-submit[type='submit'],
  #site.page_user_login section .form-actions .form-submit[type='submit'] {
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}


button.bt-std.red.bold,
button.bold.webform-submit,
#site.page_user_login section .form-actions button.bold.form-submit,
a.bt-std.red.bold,
a.bold.webform-submit,
#site.page_user_login section .form-actions a.bold.form-submit,
[type='button'].bt-std.red.bold,
.webform-submit[type='button'].bold,
#site.page_user_login section .form-actions .form-submit[type='button'].bold,
[type='reset'].bt-std.red.bold,
.webform-submit[type='reset'].bold,
#site.page_user_login section .form-actions .form-submit[type='reset'].bold,
[type='submit'].bt-std.red.bold,
.webform-submit[type='submit'].bold,
#site.page_user_login section .form-actions .form-submit[type='submit'].bold {
  font-family: 'PN Semibold';
}


button.bt-std.red:hover,
button.webform-submit:hover,
#site.page_user_login section .form-actions button.form-submit:hover,
a.bt-std.red:hover,
a.webform-submit:hover,
#site.page_user_login section .form-actions a.form-submit:hover,
[type='button'].bt-std.red:hover,
.webform-submit[type='button']:hover,
#site.page_user_login section .form-actions .form-submit[type='button']:hover,
[type='reset'].bt-std.red:hover,
.webform-submit[type='reset']:hover,
#site.page_user_login section .form-actions .form-submit[type='reset']:hover,
[type='submit'].bt-std.red:hover,
.webform-submit[type='submit']:hover,
#site.page_user_login section .form-actions .form-submit[type='submit']:hover {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 3px #ae172a;
  color: #ae172a;
}


button.bt-std.red-inverted,
button.red-inverted.webform-submit,
#site.page_user_login section .form-actions button.red-inverted.form-submit,
a.bt-std.red-inverted,
a.red-inverted.webform-submit,
#site.page_user_login section .form-actions a.red-inverted.form-submit,
[type='button'].bt-std.red-inverted,
.webform-submit[type='button'].red-inverted,
#site.page_user_login section .form-actions .form-submit[type='button'].red-inverted,
[type='reset'].bt-std.red-inverted,
.webform-submit[type='reset'].red-inverted,
#site.page_user_login section .form-actions .form-submit[type='reset'].red-inverted,
[type='submit'].bt-std.red-inverted,
.webform-submit[type='submit'].red-inverted,
#site.page_user_login section .form-actions .form-submit[type='submit'].red-inverted {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 3px #ae172a;
  color: #ae172a;
  font-size: 0.7rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color ease-out 0.2s, box-shadow ease-out 0.2s, color ease-out 0.2s;
}

@media (max-width: 767px) {
  
  button.bt-std.red-inverted,
  button.red-inverted.webform-submit,
  #site.page_user_login section .form-actions button.red-inverted.form-submit,
  a.bt-std.red-inverted,
  a.red-inverted.webform-submit,
  #site.page_user_login section .form-actions a.red-inverted.form-submit,
  [type='button'].bt-std.red-inverted,
  .webform-submit[type='button'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='button'].red-inverted,
  [type='reset'].bt-std.red-inverted,
  .webform-submit[type='reset'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='reset'].red-inverted,
  [type='submit'].bt-std.red-inverted,
  .webform-submit[type='submit'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='submit'].red-inverted {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  
  button.bt-std.red-inverted,
  button.red-inverted.webform-submit,
  #site.page_user_login section .form-actions button.red-inverted.form-submit,
  a.bt-std.red-inverted,
  a.red-inverted.webform-submit,
  #site.page_user_login section .form-actions a.red-inverted.form-submit,
  [type='button'].bt-std.red-inverted,
  .webform-submit[type='button'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='button'].red-inverted,
  [type='reset'].bt-std.red-inverted,
  .webform-submit[type='reset'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='reset'].red-inverted,
  [type='submit'].bt-std.red-inverted,
  .webform-submit[type='submit'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='submit'].red-inverted {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  
  button.bt-std.red-inverted,
  button.red-inverted.webform-submit,
  #site.page_user_login section .form-actions button.red-inverted.form-submit,
  a.bt-std.red-inverted,
  a.red-inverted.webform-submit,
  #site.page_user_login section .form-actions a.red-inverted.form-submit,
  [type='button'].bt-std.red-inverted,
  .webform-submit[type='button'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='button'].red-inverted,
  [type='reset'].bt-std.red-inverted,
  .webform-submit[type='reset'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='reset'].red-inverted,
  [type='submit'].bt-std.red-inverted,
  .webform-submit[type='submit'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='submit'].red-inverted {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1168px) {
  
  button.bt-std.red-inverted,
  button.red-inverted.webform-submit,
  #site.page_user_login section .form-actions button.red-inverted.form-submit,
  a.bt-std.red-inverted,
  a.red-inverted.webform-submit,
  #site.page_user_login section .form-actions a.red-inverted.form-submit,
  [type='button'].bt-std.red-inverted,
  .webform-submit[type='button'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='button'].red-inverted,
  [type='reset'].bt-std.red-inverted,
  .webform-submit[type='reset'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='reset'].red-inverted,
  [type='submit'].bt-std.red-inverted,
  .webform-submit[type='submit'].red-inverted,
  #site.page_user_login section .form-actions .form-submit[type='submit'].red-inverted {
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}


button.bt-std.red-inverted.bold,
button.red-inverted.bold.webform-submit,
#site.page_user_login section .form-actions button.red-inverted.bold.form-submit,
a.bt-std.red-inverted.bold,
a.red-inverted.bold.webform-submit,
#site.page_user_login section .form-actions a.red-inverted.bold.form-submit,
[type='button'].bt-std.red-inverted.bold,
.webform-submit[type='button'].red-inverted.bold,
#site.page_user_login section .form-actions .form-submit[type='button'].red-inverted.bold,
[type='reset'].bt-std.red-inverted.bold,
.webform-submit[type='reset'].red-inverted.bold,
#site.page_user_login section .form-actions .form-submit[type='reset'].red-inverted.bold,
[type='submit'].bt-std.red-inverted.bold,
.webform-submit[type='submit'].red-inverted.bold,
#site.page_user_login section .form-actions .form-submit[type='submit'].red-inverted.bold {
  font-family: 'PN Semibold';
}


button.bt-std.red-inverted:hover,
button.red-inverted.webform-submit:hover,
#site.page_user_login section .form-actions button.red-inverted.form-submit:hover,
a.bt-std.red-inverted:hover,
a.red-inverted.webform-submit:hover,
#site.page_user_login section .form-actions a.red-inverted.form-submit:hover,
[type='button'].bt-std.red-inverted:hover,
.webform-submit[type='button'].red-inverted:hover,
#site.page_user_login section .form-actions .form-submit[type='button'].red-inverted:hover,
[type='reset'].bt-std.red-inverted:hover,
.webform-submit[type='reset'].red-inverted:hover,
#site.page_user_login section .form-actions .form-submit[type='reset'].red-inverted:hover,
[type='submit'].bt-std.red-inverted:hover,
.webform-submit[type='submit'].red-inverted:hover,
#site.page_user_login section .form-actions .form-submit[type='submit'].red-inverted:hover {
  background-color: #ae172a;
  color: #ffffff;
}


button.bt-std.dark,
button.bt-std.ok,
button.ok.webform-submit,
#site.page_user_login section .form-actions button.ok.form-submit,
button.bt-std.ok[type='button'],
button.ok.webform-submit[type='button'],
button.bt-std.ok[type='reset'],
button.ok.webform-submit[type='reset'],
button.bt-std.ok[type='submit'],
button.ok.webform-submit[type='submit'],
button.dark.webform-submit,
#site.page_user_login section .form-actions button.dark.form-submit,
a.bt-std.dark,
a.bt-std.ok,
a.ok.webform-submit,
#site.page_user_login section .form-actions a.ok.form-submit,
a.bt-std.ok[type='button'],
a.ok.webform-submit[type='button'],
a.bt-std.ok[type='reset'],
a.ok.webform-submit[type='reset'],
a.bt-std.ok[type='submit'],
a.ok.webform-submit[type='submit'],
a.dark.webform-submit,
#site.page_user_login section .form-actions a.dark.form-submit,
[type='button'].bt-std.dark,
.ok[type='button'].bt-std,
.ok.webform-submit[type='button'],
#site.page_user_login section .form-actions .ok.form-submit[type='button'],
.webform-submit[type='button'].dark,
#site.page_user_login section .form-actions .form-submit[type='button'].dark,
[type='reset'].bt-std.dark,
.ok[type='reset'].bt-std,
.ok.webform-submit[type='reset'],
#site.page_user_login section .form-actions .ok.form-submit[type='reset'],
.webform-submit[type='reset'].dark,
#site.page_user_login section .form-actions .form-submit[type='reset'].dark,
[type='submit'].bt-std.dark,
.ok[type='submit'].bt-std,
.ok.webform-submit[type='submit'],
#site.page_user_login section .form-actions .ok.form-submit[type='submit'],
.webform-submit[type='submit'].dark,
#site.page_user_login section .form-actions .form-submit[type='submit'].dark {
  background-color: #2a2a2a;
  color: #ffffff;
  font-size: 0.7rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  
  button.bt-std.dark,
  button.bt-std.ok,
  button.ok.webform-submit,
  #site.page_user_login section .form-actions button.ok.form-submit,
  button.bt-std.ok[type='button'],
  button.ok.webform-submit[type='button'],
  button.bt-std.ok[type='reset'],
  button.ok.webform-submit[type='reset'],
  button.bt-std.ok[type='submit'],
  button.ok.webform-submit[type='submit'],
  button.dark.webform-submit,
  #site.page_user_login section .form-actions button.dark.form-submit,
  a.bt-std.dark,
  a.bt-std.ok,
  a.ok.webform-submit,
  #site.page_user_login section .form-actions a.ok.form-submit,
  a.bt-std.ok[type='button'],
  a.ok.webform-submit[type='button'],
  a.bt-std.ok[type='reset'],
  a.ok.webform-submit[type='reset'],
  a.bt-std.ok[type='submit'],
  a.ok.webform-submit[type='submit'],
  a.dark.webform-submit,
  #site.page_user_login section .form-actions a.dark.form-submit,
  [type='button'].bt-std.dark,
  .ok[type='button'].bt-std,
  .ok.webform-submit[type='button'],
  #site.page_user_login section .form-actions .ok.form-submit[type='button'],
  .webform-submit[type='button'].dark,
  #site.page_user_login section .form-actions .form-submit[type='button'].dark,
  [type='reset'].bt-std.dark,
  .ok[type='reset'].bt-std,
  .ok.webform-submit[type='reset'],
  #site.page_user_login section .form-actions .ok.form-submit[type='reset'],
  .webform-submit[type='reset'].dark,
  #site.page_user_login section .form-actions .form-submit[type='reset'].dark,
  [type='submit'].bt-std.dark,
  .ok[type='submit'].bt-std,
  .ok.webform-submit[type='submit'],
  #site.page_user_login section .form-actions .ok.form-submit[type='submit'],
  .webform-submit[type='submit'].dark,
  #site.page_user_login section .form-actions .form-submit[type='submit'].dark {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  
  button.bt-std.dark,
  button.bt-std.ok,
  button.ok.webform-submit,
  #site.page_user_login section .form-actions button.ok.form-submit,
  button.bt-std.ok[type='button'],
  button.ok.webform-submit[type='button'],
  button.bt-std.ok[type='reset'],
  button.ok.webform-submit[type='reset'],
  button.bt-std.ok[type='submit'],
  button.ok.webform-submit[type='submit'],
  button.dark.webform-submit,
  #site.page_user_login section .form-actions button.dark.form-submit,
  a.bt-std.dark,
  a.bt-std.ok,
  a.ok.webform-submit,
  #site.page_user_login section .form-actions a.ok.form-submit,
  a.bt-std.ok[type='button'],
  a.ok.webform-submit[type='button'],
  a.bt-std.ok[type='reset'],
  a.ok.webform-submit[type='reset'],
  a.bt-std.ok[type='submit'],
  a.ok.webform-submit[type='submit'],
  a.dark.webform-submit,
  #site.page_user_login section .form-actions a.dark.form-submit,
  [type='button'].bt-std.dark,
  .ok[type='button'].bt-std,
  .ok.webform-submit[type='button'],
  #site.page_user_login section .form-actions .ok.form-submit[type='button'],
  .webform-submit[type='button'].dark,
  #site.page_user_login section .form-actions .form-submit[type='button'].dark,
  [type='reset'].bt-std.dark,
  .ok[type='reset'].bt-std,
  .ok.webform-submit[type='reset'],
  #site.page_user_login section .form-actions .ok.form-submit[type='reset'],
  .webform-submit[type='reset'].dark,
  #site.page_user_login section .form-actions .form-submit[type='reset'].dark,
  [type='submit'].bt-std.dark,
  .ok[type='submit'].bt-std,
  .ok.webform-submit[type='submit'],
  #site.page_user_login section .form-actions .ok.form-submit[type='submit'],
  .webform-submit[type='submit'].dark,
  #site.page_user_login section .form-actions .form-submit[type='submit'].dark {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  
  button.bt-std.dark,
  button.bt-std.ok,
  button.ok.webform-submit,
  #site.page_user_login section .form-actions button.ok.form-submit,
  button.bt-std.ok[type='button'],
  button.ok.webform-submit[type='button'],
  button.bt-std.ok[type='reset'],
  button.ok.webform-submit[type='reset'],
  button.bt-std.ok[type='submit'],
  button.ok.webform-submit[type='submit'],
  button.dark.webform-submit,
  #site.page_user_login section .form-actions button.dark.form-submit,
  a.bt-std.dark,
  a.bt-std.ok,
  a.ok.webform-submit,
  #site.page_user_login section .form-actions a.ok.form-submit,
  a.bt-std.ok[type='button'],
  a.ok.webform-submit[type='button'],
  a.bt-std.ok[type='reset'],
  a.ok.webform-submit[type='reset'],
  a.bt-std.ok[type='submit'],
  a.ok.webform-submit[type='submit'],
  a.dark.webform-submit,
  #site.page_user_login section .form-actions a.dark.form-submit,
  [type='button'].bt-std.dark,
  .ok[type='button'].bt-std,
  .ok.webform-submit[type='button'],
  #site.page_user_login section .form-actions .ok.form-submit[type='button'],
  .webform-submit[type='button'].dark,
  #site.page_user_login section .form-actions .form-submit[type='button'].dark,
  [type='reset'].bt-std.dark,
  .ok[type='reset'].bt-std,
  .ok.webform-submit[type='reset'],
  #site.page_user_login section .form-actions .ok.form-submit[type='reset'],
  .webform-submit[type='reset'].dark,
  #site.page_user_login section .form-actions .form-submit[type='reset'].dark,
  [type='submit'].bt-std.dark,
  .ok[type='submit'].bt-std,
  .ok.webform-submit[type='submit'],
  #site.page_user_login section .form-actions .ok.form-submit[type='submit'],
  .webform-submit[type='submit'].dark,
  #site.page_user_login section .form-actions .form-submit[type='submit'].dark {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1168px) {
  
  button.bt-std.dark,
  button.bt-std.ok,
  button.ok.webform-submit,
  #site.page_user_login section .form-actions button.ok.form-submit,
  button.bt-std.ok[type='button'],
  button.ok.webform-submit[type='button'],
  button.bt-std.ok[type='reset'],
  button.ok.webform-submit[type='reset'],
  button.bt-std.ok[type='submit'],
  button.ok.webform-submit[type='submit'],
  button.dark.webform-submit,
  #site.page_user_login section .form-actions button.dark.form-submit,
  a.bt-std.dark,
  a.bt-std.ok,
  a.ok.webform-submit,
  #site.page_user_login section .form-actions a.ok.form-submit,
  a.bt-std.ok[type='button'],
  a.ok.webform-submit[type='button'],
  a.bt-std.ok[type='reset'],
  a.ok.webform-submit[type='reset'],
  a.bt-std.ok[type='submit'],
  a.ok.webform-submit[type='submit'],
  a.dark.webform-submit,
  #site.page_user_login section .form-actions a.dark.form-submit,
  [type='button'].bt-std.dark,
  .ok[type='button'].bt-std,
  .ok.webform-submit[type='button'],
  #site.page_user_login section .form-actions .ok.form-submit[type='button'],
  .webform-submit[type='button'].dark,
  #site.page_user_login section .form-actions .form-submit[type='button'].dark,
  [type='reset'].bt-std.dark,
  .ok[type='reset'].bt-std,
  .ok.webform-submit[type='reset'],
  #site.page_user_login section .form-actions .ok.form-submit[type='reset'],
  .webform-submit[type='reset'].dark,
  #site.page_user_login section .form-actions .form-submit[type='reset'].dark,
  [type='submit'].bt-std.dark,
  .ok[type='submit'].bt-std,
  .ok.webform-submit[type='submit'],
  #site.page_user_login section .form-actions .ok.form-submit[type='submit'],
  .webform-submit[type='submit'].dark,
  #site.page_user_login section .form-actions .form-submit[type='submit'].dark {
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}


button.bt-std.dark.bold,
button.bt-std.bold.ok,
button.bold.ok.webform-submit,
#site.page_user_login section .form-actions button.bold.ok.form-submit,
button.dark.bold.webform-submit,
#site.page_user_login section .form-actions button.dark.bold.form-submit,
a.bt-std.dark.bold,
a.bt-std.bold.ok,
a.bold.ok.webform-submit,
#site.page_user_login section .form-actions a.bold.ok.form-submit,
a.dark.bold.webform-submit,
#site.page_user_login section .form-actions a.dark.bold.form-submit,
[type='button'].bt-std.dark.bold,
.ok[type='button'].bt-std.bold,
.ok.webform-submit[type='button'].bold,
#site.page_user_login section .form-actions .ok.form-submit[type='button'].bold,
.webform-submit[type='button'].dark.bold,
#site.page_user_login section .form-actions .form-submit[type='button'].dark.bold,
[type='reset'].bt-std.dark.bold,
.ok[type='reset'].bt-std.bold,
.ok.webform-submit[type='reset'].bold,
#site.page_user_login section .form-actions .ok.form-submit[type='reset'].bold,
.webform-submit[type='reset'].dark.bold,
#site.page_user_login section .form-actions .form-submit[type='reset'].dark.bold,
[type='submit'].bt-std.dark.bold,
.ok[type='submit'].bt-std.bold,
.ok.webform-submit[type='submit'].bold,
#site.page_user_login section .form-actions .ok.form-submit[type='submit'].bold,
.webform-submit[type='submit'].dark.bold,
#site.page_user_login section .form-actions .form-submit[type='submit'].dark.bold {
  font-family: 'PN Semibold';
}


button.bt-std.ok,
button.ok.webform-submit,
#site.page_user_login section .form-actions button.ok.form-submit,
a.bt-std.ok,
a.ok.webform-submit,
#site.page_user_login section .form-actions a.ok.form-submit,
[type='button'].bt-std.ok,
.webform-submit[type='button'].ok,
#site.page_user_login section .form-actions .form-submit[type='button'].ok,
[type='reset'].bt-std.ok,
.webform-submit[type='reset'].ok,
#site.page_user_login section .form-actions .form-submit[type='reset'].ok,
[type='submit'].bt-std.ok,
.webform-submit[type='submit'].ok,
#site.page_user_login section .form-actions .form-submit[type='submit'].ok {
  font-size: 0.6rem;
  min-height: 2rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}


button.bt-icon,
a.bt-icon,
[type='button'].bt-icon,
[type='reset'].bt-icon,
[type='submit'].bt-icon {
  display: inline-block;
  vertical-align: middle;
}


button.bt-icon > span,
a.bt-icon > span,
[type='button'].bt-icon > span,
[type='reset'].bt-icon > span,
[type='submit'].bt-icon > span {
  display: inline-block;
}


button.bt-icon > span > span,
a.bt-icon > span > span,
[type='button'].bt-icon > span > span,
[type='reset'].bt-icon > span > span,
[type='submit'].bt-icon > span > span {
  display: none;
}


button.bt-puce,
a.bt-puce,
[type='button'].bt-puce,
[type='reset'].bt-puce,
[type='submit'].bt-puce {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}


button.bt-puce.on,
a.bt-puce.on,
[type='button'].bt-puce.on,
[type='reset'].bt-puce.on,
[type='submit'].bt-puce.on {
  background-color: #ab162c;
}


button.bt-puce.off,
a.bt-puce.off,
[type='button'].bt-puce.off,
[type='reset'].bt-puce.off,
[type='submit'].bt-puce.off {
  background-color: #eaeaea;
}

h2 {
  font-size: 1.45rem;
  text-align: center;
  font-family: 'PN Semibold';
}

h3 {
  font-size: 1.45rem;
  text-align: center;
  font-family: 'PN Semibold';
}

#site {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 100%;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  font-family: 'PN Light', sans-serif;
  font-weight: normal;
  /* Items box */
}

#site.lock {
  position: fixed;
}

#site header.banner {
  position: relative;
  z-index: 2;
}

#site #main {
  position: relative;
  min-height: 100%;
  z-index: 1;
}

#site #main.lock {
  overflow: hidden;
}

#site footer.content-info {
  position: relative;
  z-index: 2;
}

#site strong, #site .f-bold {
  font-family: 'PN Semibold';
}

#site .f-regular {
  font-family: 'PN Regular';
}

#site .f-light {
  font-family: 'PN Light';
}

#site .selectric-wrapper {
  position: relative;
  cursor: pointer;
}

#site .selectric-responsive {
  width: 100%;
}

#site .selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  padding-right: 4px;
}

#site .selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
  text-align: left;
}

@media (min-width: 768px) {
  #site .selectric .label {
    letter-spacing: 0.1em;
  }
}

#site .selectric .button {
  display: block;
  position: absolute;
  right: 4px;
  top: 4px;
  line-height: 38px;
  background-color: #ffffff;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  /*&:after {
            content: " ";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: $selectric-secondary-color;
            border-bottom: none;
        }*/
}

#site .selectric-focus .selectric {
  border-color: #aaaaaa;
}

#site .selectric-hover .selectric {
  border-color: #c4c3c3;
}

#site .selectric-hover .selectric .button {
  color: #a2a1a1;
}

#site .selectric-hover .selectric .button:after {
  border-top-color: #a2a1a1;
}

#site .selectric-open {
  z-index: 9999;
}

#site .selectric-open .selectric {
  border-color: #c4c3c3;
}

#site .selectric-open .selectric-items {
  display: block;
}

#site .selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#site .selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

#site .selectric-hide-select select {
  position: absolute;
  left: -100%;
}

#site .selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

#site .selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

#site .selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

#site .selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

#site .selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  border: 1px solid #c4c3c3;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

#site .selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above #site .selectric-items {
  top: auto;
  bottom: 100%;
}

#site .selectric-items ul, #site .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

#site .selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
  text-transform: uppercase;
  text-align: left;
}

@media (min-width: 768px) {
  #site .selectric-items li {
    letter-spacing: 0.1em;
  }
}

#site .selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

#site .selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

#site .selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

#site .selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#site .selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

#site .selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

#site .selectric-items .selectric-group li {
  padding-left: 25px;
}

#site div.status, #site div.warning, #site div.error,
#site .status, #site .warning, #site .error {
  background-image: initial;
  background-color: initial;
  color: initial;
  border-color: initial;
}

#site .contextual-links-wrapper {
  display: none;
}

#site.page_home section.group-ph-part1 .field {
  position: relative;
}

#site.page_home section.group-ph-part1 .field .swiper-controls-container {
  position: absolute;
  top: 50%;
  z-index: 3;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part1 .field .swiper-controls-container {
    display: none;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-controls-container.swiper-control-prev {
  left: 2rem;
}

#site.page_home section.group-ph-part1 .field .swiper-controls-container.swiper-control-next {
  right: 2rem;
}

#site.page_home section.group-ph-part1 .field .swiper-puces {
  display: table;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part1 .field .swiper-puces {
    display: none;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-puces .swiper-bt-puce {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

#site.page_home section.group-ph-part1 .field .swiper-container {
  overflow: hidden;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide {
  position: relative;
  display: table-cell;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide > .wrap > .inner {
  position: relative;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container {
  position: absolute;
  display: table;
  z-index: 2;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container {
    bottom: 7%;
    max-width: 90%;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container {
    bottom: 7%;
    max-width: 60%;
  }
}

@media screen and (min-width: 60em) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container {
    bottom: 7%;
    max-width: 40%;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container > .wrap {
  text-align: center;
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container > .wrap {
    padding: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container > .wrap {
    padding: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container > .wrap {
    padding: 2rem;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .title, #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .description {
  display: none;
  color: #000000;
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .title {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .title {
    font-size: 0.95rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .title {
    font-size: 1.15rem;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .description {
  margin-top: 1rem;
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .description {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .description {
    font-size: 0.7rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container .description {
    font-size: 0.85rem;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-container a {
  margin-top: 1rem;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container {
  position: relative;
  z-index: 1;
}

@media (max-width: 29.99em) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg1 {
    display: none;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg1 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 28.90625%;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg1 .spacer > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg1 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 30em) {
  #site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg2 {
    display: none;
  }
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg2 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 116.967509025%;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg2 .spacer > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part1 .field .swiper-container > .swiper-wrapper .swiper-slide .slide-bg-container .slide-bg2 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 {
    display: table-cell;
    width: 50%;
  }
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container > .wrap > .inner, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container > .wrap > .inner {
  position: relative;
  /*a {
                            position:absolute;
                            bottom:0rem;
                            left:50%;

                            @include transform(translateX(-50%) translateY(50%));

                            span {
                                @include tiamatBpLowerThanTablet {
                                    white-space: pre;
                                }
                            }
                        }*/
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container > .wrap > .inner > a, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container > .wrap > .inner > a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background-color: transparent;
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container > .wrap > .inner > a:hover .cover, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container > .wrap > .inner > a:hover .cover {
  background-color: rgba(255, 255, 255, 0.5);
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container > .wrap > .inner > a:hover .contents .title, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container > .wrap > .inner > a:hover .contents .title {
  color: #000000;
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .cover, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  transition: background-color 0.25s ease-in-out 0s;
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .contents, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .contents {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 1rem);
  z-index: 3;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .contents > .wrap, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .contents > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .contents .title, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .contents .title {
  display: block;
  color: #ffffff;
  transition: color 0.25s ease-in-out 0s;
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .contents .title, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .contents .title {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .contents .title, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .contents .title {
    font-size: 0.95rem;
    margin-bottom: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .contents .title, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .contents .title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1168px) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .contents .title, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .contents .title {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .spacer, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.4459930314%;
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .spacer > .wrap, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .spacer > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container .spacer > .wrap img, #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen1 .featured-block-container {
    padding-right: .5rem;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container {
    margin-top: 3rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part2 .field-name-field-ph-fb-gen2 .featured-block-container {
    padding-left: .5rem;
  }
}

#site.page_home section.group-ph-part3 {
  font-size: 0px;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part3 {
    margin-top: 4rem;
  }
}

#site.page_home section.group-ph-part3 p {
  font-size: 0.95rem;
  text-align: center;
}

#site.page_home section.group-ph-part3 .product-teaser {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part3 .product-teaser {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part3 .product-teaser {
    width: 25%;
  }
}

#site.page_home section.group-ph-part3 .product-teaser a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .visual-container {
  /*@include tiamatBpLowerThanTablet {
                    padding:.25rem;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    padding:.25rem;
                }*/
  padding: 2rem;
  padding-bottom: .25rem;
  padding-top: 0;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .visual-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .visual-container .spacer .wrap {
  position: relative;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .visual-container .spacer .wrap img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0s;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .visual-container .spacer .wrap img:hover {
  opacity: 0.5;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .range-title {
  font-family: 'PN Semibold';
}

#site.page_home section.group-ph-part3 .product-teaser a .info .product-title, #site.page_home section.group-ph-part3 .product-teaser a .info .range-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .product-title > span, #site.page_home section.group-ph-part3 .product-teaser a .info .range-title > span {
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .product-title {
  display: none;
}

#site.page_home section.group-ph-part3 .product-teaser a .info .description {
  font-size: 0.825rem;
}

#site.page_home section.group-ph-part3 .product-teaser a .link {
  font-family: 'PN Semibold';
  display: inline-block;
  letter-spacing: 0.05em;
  font-size: 0.825rem;
  border-bottom: 2px solid #000000;
}

#site.page_home section.group-ph-part4 p {
  text-align: center;
}

#site.page_home section.group-ph-part4 .row {
  display: table;
  width: 100%;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .row {
    margin-top: 1rem;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section2, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section3, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section4, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section5 {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section1, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section3 {
    display: table-cell;
    vertical-align: middle;
    width: 24.99%;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section1 .spacer1, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section3 .spacer1 {
    display: none;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section1 .spacer2, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section3 .spacer2 {
    display: none;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section2, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section4, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section5 {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
}

#site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section2 .spacer2, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section4 .spacer2, #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section5 .spacer2 {
  display: none;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section1 {
    padding-right: 0.75rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section2 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section3 {
    padding-left: 0.75rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section4 {
    padding-right: 0.5rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field-name-field-ph-fb-other-section5 {
    padding-left: 0.5rem;
  }
}

#site.page_home section.group-ph-part4 .field .featured-block-container > .wrap > .inner {
  position: relative;
  /*a {
                            position:absolute;
                            bottom:0rem;
                            left:50%;

                            @include transform(translateX(-50%) translateY(50%));

                            z-index:2;

                            display: table;
                            max-width:90%;

                            span {
                                @include tiamatBpLowerThanTablet {
                                    white-space: pre;
                                }
                            }
                        }*/
}

#site.page_home section.group-ph-part4 .field .featured-block-container > .wrap > .inner > a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background-color: transparent;
}

#site.page_home section.group-ph-part4 .field .featured-block-container > .wrap > .inner > a:hover .cover {
  background-color: rgba(255, 255, 255, 0.5);
}

#site.page_home section.group-ph-part4 .field .featured-block-container > .wrap > .inner > a:hover .contents .title {
  color: #000000;
}

#site.page_home section.group-ph-part4 .field .featured-block-container .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  transition: background-color 0.25s ease-in-out 0s;
}

#site.page_home section.group-ph-part4 .field .featured-block-container .contents {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 1rem);
  z-index: 3;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#site.page_home section.group-ph-part4 .field .featured-block-container .contents > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part4 .field .featured-block-container .contents .title {
  display: block;
  color: #ffffff;
  transition: color 0.25s ease-in-out 0s;
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents .title {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents .title {
    font-size: 0.95rem;
    margin-bottom: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents .title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1168px) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents .title {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents a {
    font-size: 0.825rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents a {
    font-size: 0.45rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents a {
    font-size: 0.7rem;
  }
}

@media (min-width: 1168px) {
  #site.page_home section.group-ph-part4 .field .featured-block-container .contents a {
    font-size: 0.7rem;
  }
}

#site.page_home section.group-ph-part4 .field .featured-block-container .spacer1 > .wrap, #site.page_home section.group-ph-part4 .field .featured-block-container .spacer2 > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part4 .field .featured-block-container .spacer1 > .wrap img, #site.page_home section.group-ph-part4 .field .featured-block-container .spacer2 > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_home section.group-ph-part4 .field .featured-block-container .spacer1 {
  width: 100%;
  height: 0;
  padding-bottom: 56.4459930314%;
}

#site.page_home section.group-ph-part4 .field .featured-block-container .spacer2 {
  width: 100%;
  height: 0;
  padding-bottom: 116.967509025%;
}

#site.page_home section.group-ph-part5 {
  background-color: #f5f5f5;
}

@media screen and (min-width: 30em) {
  #site.page_home section.group-ph-part5 {
    margin-top: 4rem;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container {
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container {
    padding-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container:first-child {
    padding-top: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container:first-child {
    padding-top: 4rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container:not(.centerize) .contents {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container.centerize > .wrap {
    width: 60%;
    margin: auto;
  }
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .contents, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents {
  text-align: center;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents .title {
  font-family: 'PN Semibold';
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents .title, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents .title {
    font-size: 1.45rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents .text, #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents .text, #site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents .text {
    font-size: 0.95rem;
  }
}

#site.page_home section.group-ph-part5 .field .featured-block-container.text-only .contents {
  display: inline-block;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container.image > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container.image .contents {
    padding-top: 1rem;
  }
}

#site.page_home section.group-ph-part5 .field .featured-block-container.image .image-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.4459930314%;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.image .image-container .spacer > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.image .image-container .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .yt-video {
  position: relative;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .yt-video .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .yt-video .button-container button {
  z-index: 2;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .yt-video .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .yt-video .spacer > .wrap {
  position: relative;
}

#site.page_home section.group-ph-part5 .field .featured-block-container.video .yt-video .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container.video > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part5 .field .featured-block-container.video .contents {
    padding-top: 1rem;
  }
}

@media (max-width: 767px) {
  #site.page_home section.group-ph-part5 .featured-block-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_home section.group-ph-part5 .featured-block-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

#site.page_section section.group-ps-part1 {
  font-size: 0;
}

#site.page_section section.group-ps-part1 .title-container {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .title-container {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .title-container {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10%;
  }
}

#site.page_section section.group-ps-part1 .title-container h2, #site.page_section section.group-ps-part1 .title-container p {
  color: #ffffff;
  font-family: 'PN Semibold';
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .title-container h2, #site.page_section section.group-ps-part1 .title-container p {
    font-size: 1.2rem;
    text-align: center;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .title-container h2, #site.page_section section.group-ps-part1 .title-container p {
    font-size: 2.95rem;
    text-align: left;
  }
}

#site.page_section section.group-ps-part1 .field {
  z-index: 1;
}

#site.page_section section.group-ps-part1 .field .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 28.90625%;
}

#site.page_section section.group-ps-part1 .field .spacer > .wrap {
  position: relative;
}

#site.page_section section.group-ps-part1 .field .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_section section.group-ps-part1 .menus-container {
  position: relative;
  width: 100%;
  z-index: 2;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container {
    margin-left: auto;
    margin-right: auto;
    padding-top: 24%;
    max-width: 800px;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap {
    background-color: #ffffff;
    padding: .25rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap {
    padding: .25rem;
    padding-top: 1rem;
  }
}

#site.page_section section.group-ps-part1 .menus-container > .wrap .menus-container-closer-container {
  display: none;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap .menus-container-closer-container.opened {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background-color: #ffffff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner {
    min-height: 200px;
  }
}

#site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu {
  display: table-cell;
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu.ranges {
    border-right: 1px dotted #e1e1e1;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu.guides {
    display: none;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu.guides {
    border-left: 1px solid #000000;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu.menu-parent {
    background-color: #ae172a;
    position: relative;
    height: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu.menu-parent > li {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu.menu-parent > li {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu.menu-parent > li.parent {
    padding: .5rem;
  }
}

#site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu li {
  list-style-type: none;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu li:not(:first-child) {
    padding-top: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu li:not(:first-child) {
    padding-top: 1rem;
  }
}

#site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu li.parent {
  text-transform: uppercase;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu li.parent {
    color: #ffffff;
    text-decoration: underline;
    text-align: center;
    font-size: 0.75rem;
    cursor: pointer;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu li.parent {
    font-family: 'PN Regular';
    color: #000000;
    font-size: 0.7rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu li.parent {
    letter-spacing: 0.1em;
    font-size: 0.95rem;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #ffffff;
    margin: auto;
    display: none;
    margin-bottom: .25rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu {
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu:not(:first-child) {
    border-right: 1px dotted #e1e1e1;
  }
}

#site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu.opened {
  display: table !important;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu li {
    color: #ffffff;
    text-align: center;
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu li {
    color: #2f2e2e;
  }
}

#site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu li a {
  text-decoration: none;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu li a {
    color: #2f2e2e;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu li a {
    text-decoration: none;
    color: #2f2e2e;
    font-size: 0.825rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part1 .menus-container > .wrap > .inner .menu .sub-menu li a {
    font-size: 0.95rem;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part5 {
    padding-top: .5rem;
  }
}

#site.page_section section.group-ps-part5 .custotheme-breadcrumb {
  padding-bottom: 0;
}

#site.page_section section.group-ps-part5 .part .row {
  position: relative;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .part .row .col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .part .row:nth-child(odd) .col:nth-child(2) {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
  }
}

#site.page_section section.group-ps-part5 .featured-block-container {
  padding: 0.6rem;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container.fb-ps-or-3, #site.page_section section.group-ps-part5 .featured-block-container.fb-ps-or-4 {
    position: absolute;
    width: 50%;
    bottom: 0;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container.fb-ps-or-3 {
    left: 0;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container.fb-ps-or-4 {
    right: 0;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container.fb-ps-or-5, #site.page_section section.group-ps-part5 .featured-block-container.fb-ps-or-6 {
    width: 50%;
    display: inline-block;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container.fb-ps-or-7 {
    position: absolute;
    width: 50%;
    display: inline;
  }
}

#site.page_section section.group-ps-part5 .featured-block-container > .wrap > .inner {
  position: relative;
}

#site.page_section section.group-ps-part5 .featured-block-container > .wrap > .inner > a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background-color: transparent;
}

#site.page_section section.group-ps-part5 .featured-block-container > .wrap > .inner > a:hover .cover {
  background-color: rgba(255, 255, 255, 0.5);
}

#site.page_section section.group-ps-part5 .featured-block-container > .wrap > .inner > a:hover .contents .title {
  opacity: 1;
}

#site.page_section section.group-ps-part5 .featured-block-container .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  transition: background-color 0.25s ease-in-out 0s;
}

#site.page_section section.group-ps-part5 .featured-block-container .contents {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 1rem);
  z-index: 3;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#site.page_section section.group-ps-part5 .featured-block-container .contents > .wrap {
  position: relative;
}

#site.page_section section.group-ps-part5 .featured-block-container .contents .title {
  display: block;
  opacity: 0;
  color: #000000;
  transition: opacity 0.25s ease-in-out 0s;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents .title {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents .title {
    font-size: 0.95rem;
    margin-bottom: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents .title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1168px) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents .title {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents a {
    font-size: 0.825rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents a {
    font-size: 0.45rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents a {
    font-size: 0.7rem;
  }
}

@media (min-width: 1168px) {
  #site.page_section section.group-ps-part5 .featured-block-container .contents a {
    font-size: 0.7rem;
  }
}

#site.page_section section.group-ps-part5 .featured-block-container .spacer1 > .wrap, #site.page_section section.group-ps-part5 .featured-block-container .spacer2 > .wrap {
  position: relative;
}

#site.page_section section.group-ps-part5 .featured-block-container .spacer1 > .wrap img, #site.page_section section.group-ps-part5 .featured-block-container .spacer2 > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_section section.group-ps-part5 .featured-block-container .spacer1.spacer-big {
  width: 100%;
  height: 0;
  padding-bottom: 93.3098591549%;
}

#site.page_section section.group-ps-part5 .featured-block-container .spacer1.spacer-wide {
  width: 100%;
  height: 0;
  padding-bottom: 44.014084507%;
}

#site.page_section section.group-ps-part5 .featured-block-container .spacer1.spacer-small {
  width: 100%;
  height: 0;
  padding-bottom: 93.2835820896%;
}

#site.page_section section.group-ps-part5 .featured-block-container .spacer2 {
  width: 100%;
  height: 0;
  padding-bottom: 44.014084507%;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part5 .featured-block-container .spacer1 {
    display: none;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part5 .featured-block-container .spacer2 {
    display: none;
  }
}

#site.page_section section.group-ps-part2 .group-ps-part2a p {
  text-align: center;
}

#site.page_section section.group-ps-part2 .group-ps-part2b {
  font-size: 0;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser {
    width: 25%;
  }
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .visual-container {
  /*@include tiamatBpLowerThanTablet {
                    padding:.25rem;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    padding:.25rem;
                }*/
  padding: 2rem;
  padding-bottom: .25rem;
  padding-top: 0;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .visual-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .visual-container .spacer .wrap {
  position: relative;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .visual-container .spacer .wrap img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0s;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .visual-container .spacer .wrap img:hover {
  opacity: 0.5;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .range-title {
  font-family: 'PN Semibold';
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .product-title, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .range-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .product-title > span, #site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .range-title > span {
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .product-title {
  display: none;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .info .description {
  font-size: 0.825rem;
}

#site.page_section section.group-ps-part2 .group-ps-part2b .product-teaser a .link {
  font-family: 'PN Semibold';
  display: inline-block;
  letter-spacing: 0.05em;
  font-size: 0.825rem;
  border-bottom: 2px solid #000000;
}

#site.page_section section.group-ps-part3 {
  background-color: #f5f5f5;
  font-size: 0;
  /*
        .group-ps-part3a {
            font-size: 0;
        }

        .field-group-div {
            @extend .mt4;
        }
        .field-name-field-ps-fb-gen1 {

            @import '../partials/fb-generic';

            @include tiamatBpLowerThanTablet {
                @include mb2;
            }

            @include tiamatBpHigherOrEqualToTablet {
                display:inline-block;
                width:50%;
                vertical-align: middle;
            }
        }

        @import '../partials/product-teaser';

        .product-teaser {
            @include tiamatBpLowerThanTablet {
                @include mt2;
            }
        }*/
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part3 {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
}

#site.page_section section.group-ps-part3 p {
  text-align: center;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
  }
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container > .wrap > .inner {
  position: relative;
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents {
  display: table;
  position: absolute;
  left: 50%;
  bottom: 3rem;
  background-color: #ffffff;
  z-index: 2;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents {
    width: calc(100% - 5rem);
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents {
    width: calc(100% - 6rem);
  }
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents > .wrap {
  position: relative;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents > .wrap {
    padding: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents > .wrap {
    padding: 2rem;
  }
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents .title {
  display: block;
  color: #000000;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents .title {
    font-size: 0.95rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents .title {
    font-size: 0.95rem;
    margin-bottom: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents .title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1168px) {
  #site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .contents .title {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .spacer {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  padding-bottom: 80.347826087%;
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .spacer > .wrap {
  position: relative;
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .spacer > .wrap img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

#site.page_section section.group-ps-part3 .field-name-field-fb-ps-selection-gen1 .featured-block-container .spacer > .wrap .face {
  border: 2px solid #ffffff;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  top: 0.5rem;
  left: 0.5rem;
  position: absolute;
  z-index: 2;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part3 .products-holder {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part3 .products-holder {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
  }
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser {
    width: 25%;
  }
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .visual-container, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .visual-container {
  /*@include tiamatBpLowerThanTablet {
                    padding:.25rem;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    padding:.25rem;
                }*/
  padding: 2rem;
  padding-bottom: .25rem;
  padding-top: 0;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .visual-container .spacer, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .visual-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .visual-container .spacer .wrap, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .visual-container .spacer .wrap {
  position: relative;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .visual-container .spacer .wrap img, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .visual-container .spacer .wrap img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0s;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .visual-container .spacer .wrap img:hover, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .visual-container .spacer .wrap img:hover {
  opacity: 0.5;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .range-title {
  font-family: 'PN Semibold';
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .range-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .range-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .product-title > span, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .range-title > span, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .product-title > span, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .range-title > span {
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .product-title, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .product-title {
  display: none;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .info .description, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .info .description {
  font-size: 0.825rem;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser a .link, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser a .link {
  font-family: 'PN Semibold';
  display: inline-block;
  letter-spacing: 0.05em;
  font-size: 0.825rem;
  border-bottom: 2px solid #000000;
}

#site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product1 .product-teaser, #site.page_section section.group-ps-part3 .products-holder .field-name-field-fb-ps-selection-product2 .product-teaser {
  margin-bottom: 0;
  width: 100%;
}

#site.page_section section.group-ps-part4 {
  background-color: #f5f5f5;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .field-group-div {
    table-layout: fixed;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part4 .featured-block-container {
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container {
    padding-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part4 .featured-block-container:first-child {
    padding-top: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container:first-child {
    padding-top: 4rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container:not(.centerize) .contents {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container.centerize > .wrap {
    width: 60%;
    margin: auto;
  }
}

#site.page_section section.group-ps-part4 .featured-block-container.video .contents, #site.page_section section.group-ps-part4 .featured-block-container.image .contents, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents {
  text-align: center;
}

#site.page_section section.group-ps-part4 .featured-block-container.video .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.image .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents .title {
  font-family: 'PN Semibold';
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container.video .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.image .contents .title, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents .title {
    font-size: 1.45rem;
  }
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container.video .contents .text, #site.page_section section.group-ps-part4 .featured-block-container.image .contents .text, #site.page_section section.group-ps-part4 .featured-block-container.text-only .contents .text {
    font-size: 0.95rem;
  }
}

#site.page_section section.group-ps-part4 .featured-block-container.text-only .contents {
  display: inline-block;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container.image > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part4 .featured-block-container.image .contents {
    padding-top: 1rem;
  }
}

#site.page_section section.group-ps-part4 .featured-block-container.image .image-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.4459930314%;
}

#site.page_section section.group-ps-part4 .featured-block-container.image .image-container .spacer > .wrap {
  position: relative;
}

#site.page_section section.group-ps-part4 .featured-block-container.image .image-container .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_section section.group-ps-part4 .featured-block-container.video .yt-video {
  position: relative;
}

#site.page_section section.group-ps-part4 .featured-block-container.video .yt-video .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#site.page_section section.group-ps-part4 .featured-block-container.video .yt-video .button-container button {
  z-index: 2;
}

#site.page_section section.group-ps-part4 .featured-block-container.video .yt-video .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#site.page_section section.group-ps-part4 .featured-block-container.video .yt-video .spacer > .wrap {
  position: relative;
}

#site.page_section section.group-ps-part4 .featured-block-container.video .yt-video .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_section section.group-ps-part4 .featured-block-container.video > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_section section.group-ps-part4 .featured-block-container.video .contents {
    padding-top: 1rem;
  }
}

#site.page_gamme section.group-pg-part1 {
  /*.contents {
            position:absolute;
            z-index:2;

            //md3
            //background-color:#ffffff;

            @include tiamatBpLowerThanTablet {
                //md3
                //left:3rem;
                //bottom:3rem;
                //width:calc(100% - 6rem);
                //@include pa4;
                top:50%;
                left:50%;
                width:80%;
                @include transform(translateX(-50%) translateY(-50%));
            }

            @include tiamatBpHigherOrEqualToTablet {
                //md3
                //left:((100% - 40%) / 2);
                //width:40%;
                //bottom:10%;
                //@include pa4;
                top:50%;
                left:50%;
                width:50%;
                @include transform(translateX(-50%) translateY(-50%));

            }

            h1 {
                margin:0;
                padding:0;
                text-align: center;
                text-transform: uppercase;
                color:#000000;
                @extend .tracked;

                @include tiamatBpLowerThanTablet {
                    @include f4;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    @include f3;
                }
            }

            .description {
                text-align: center;
                color:#000000;

                @include tiamatBpLowerThanTablet {
                    @include f7;
                    @include mt3;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    @include f6;
                    @include mt3;
                }
            }
        }*/
  /*.contents-holder {


            @include tiamatBpLowerThanTablet {
                margin:1rem;
            }

            @include tiamatBpHigherOrEqualToTablet {
                position: absolute;
                right: 2rem;
                top: 0;
                height:100%;
                width: 42.5%;

            }

            >.contents {
                position:relative;
                background-color:#f5f5f5;
                padding: 0.5rem;
                >.wrap {
                    position:relative;

                }
            }

            !*
            >.wrap {
                background-color:#f5f5f5;
                padding: 0.5rem;
                margin-top: 10%;
                //transform:translateY(-50%);
                >.inner {
                    position:relative;
                }
            }
            *!

            !*>.wrap {
                width: 100%;
                height: 100%;
                position: relative;
                //overflow: hidden;

                >.inner {
                    display: table;
                    width: 100%;
                    height: 100%;
                }
            }*!

            .face {
                border: 2px solid #ffffff;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                position: absolute;
                z-index: 1;
            }

            .title-holder {
                position: relative;
                //display: table-cell;
                //vertical-align: middle;
                text-align: center;
                color:#000000;
                padding: 1rem;

                z-index: 2;

                h1 {
                    margin:0;

                    padding:0;
                    text-transform: uppercase;
                    color:#000000;
                    @extend .tracked;

                    @include tiamatBpLowerThanTablet {
                        @include f5;
                        @include mb2;
                    }

                    @include tiamatBpHigherOrEqualToTablet {
                        @include f3;
                        @include mb3;
                    }
                }

                p {
                    @include tiamatBpLowerThanTablet {
                        @include f6;
                    }

                    @include tiamatBpHigherOrEqualToTablet {
                        @include f5;
                    }

                    @include tiamatBpLarge {
                        @include f4;
                    }
                }
            }


        }*/
}

#site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img1 {
  font-size: 0;
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img1 {
    display: none;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img1 {
    width: 60%;
  }
}

#site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img1 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 51.6666666667%;
}

#site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img1 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img2 {
    display: none;
  }
}

#site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img2 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 28.90625%;
}

#site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img2 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part1 .contents-holder {
    margin: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part1 .contents-holder {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
  }
}

#site.page_gamme section.group-pg-part1 .contents-holder > .contents {
  position: relative;
  background-color: #f5f5f5;
  padding: 0.5rem;
  height: 100%;
}

#site.page_gamme section.group-pg-part1 .contents-holder > .contents > .wrap {
  position: relative;
  display: table;
  height: 100%;
  width: 100%;
}

#site.page_gamme section.group-pg-part1 .contents-holder .face {
  border: 2px solid #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

#site.page_gamme section.group-pg-part1 .contents-holder .title-holder {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #000000;
  padding: 1rem;
  z-index: 2;
}

#site.page_gamme section.group-pg-part1 .contents-holder .title-holder h2 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #000000;
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part1 .contents-holder .title-holder h2 {
    font-size: 0.95rem;
    margin-bottom: .5rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part1 .contents-holder .title-holder h2 {
    font-size: 1.45rem;
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part1 .contents-holder .title-holder p {
    font-size: 0.825rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part1 .contents-holder .title-holder p {
    font-size: 0.95rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_gamme section.group-pg-part1 .contents-holder .title-holder p {
    font-size: 1.2rem;
  }
}

#site.page_gamme section.group-pg-part2 {
  /*.custotheme-component-product-list-filter {
            .results {
                @import '../partials/product-teaser';

                .field-name-field-pg-fb-gen1 {
                    @import '../partials/fb-generic';

                    @include tiamatBpLowerThanTablet {
                        @include mb2;
                    }

                    @include tiamatBpHigherOrEqualToTablet {
                        display:inline-block;
                        width:50%;
                        vertical-align: middle;
                    }
                }
            }
            .load-more-container {
                text-align: center;
                @extend .mt4;

                @include tiamatBpLowerThanTablet {
                }

                @include tiamatBpHigherOrEqualToTablet {
                }

                button {
                }
            }
        }*/
}

#site.page_gamme section.group-pg-part3 {
  background-color: #f5f5f5;
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container {
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container {
    padding-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container:first-child {
    padding-top: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container:first-child {
    padding-top: 4rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container:not(.centerize) .contents {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container.centerize > .wrap {
    width: 60%;
    margin: auto;
  }
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents {
  text-align: center;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents .title {
  font-family: 'PN Semibold';
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents .title, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents .title {
    font-size: 1.45rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents .text, #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents .text, #site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents .text {
    font-size: 0.95rem;
  }
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.text-only .contents {
  display: inline-block;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container.image > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container.image .contents {
    padding-top: 1rem;
  }
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.image .image-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.4459930314%;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.image .image-container .spacer > .wrap {
  position: relative;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.image .image-container .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .yt-video {
  position: relative;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .yt-video .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .yt-video .button-container button {
  z-index: 2;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .yt-video .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .yt-video .spacer > .wrap {
  position: relative;
}

#site.page_gamme section.group-pg-part3 .field .featured-block-container.video .yt-video .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container.video > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part3 .field .featured-block-container.video .contents {
    padding-top: 1rem;
  }
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part3 .featured-block-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part3 .featured-block-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container > .wrap > .inner {
  position: relative;
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .contents {
  display: table;
  position: absolute;
  background-color: #ffffff;
  z-index: 2;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents {
    left: 50%;
    bottom: 3rem;
    width: calc(100% - 5rem);
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents {
    left: 3rem;
    top: 50%;
    width: calc(30%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .contents > .wrap {
  position: relative;
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents > .wrap {
    padding: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents > .wrap {
    padding: 2rem;
  }
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .contents .title {
  display: block;
  color: #000000;
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents .title {
    font-size: 0.95rem;
  }
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents .title {
    font-size: 0.95rem;
    margin-bottom: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents .title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1168px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .contents .title {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer1 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  padding-bottom: 37.03125%;
}

@media (max-width: 767px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer1 {
    display: none;
  }
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer1 > .wrap {
  position: relative;
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer1 > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer2 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  padding-bottom: 116.967509025%;
}

@media (min-width: 768px) {
  #site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer2 {
    display: none;
  }
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer2 > .wrap {
  position: relative;
}

#site.page_gamme section.group-pg-part4 .field .featured-block-container .spacer2 > .wrap img {
  width: 100%;
  height: 100%;
}

#site.product_list section .custotheme-component-product-list-controls {
  position: relative;
}

#site.product_list section .custotheme-component-product-list-controls .spacer1, #site.product_list section .custotheme-component-product-list-controls .spacer2 {
  position: relative;
  z-index: 1;
}

#site.product_list section .custotheme-component-product-list-controls .spacer1 > .wrap, #site.product_list section .custotheme-component-product-list-controls .spacer2 > .wrap {
  position: relative;
}

#site.product_list section .custotheme-component-product-list-controls .spacer1 > .wrap img, #site.product_list section .custotheme-component-product-list-controls .spacer2 > .wrap img {
  width: 100%;
  height: 100%;
}

#site.product_list section .custotheme-component-product-list-controls .spacer1 {
  width: 100%;
  height: 0;
  padding-bottom: 18.359375%;
}

#site.product_list section .custotheme-component-product-list-controls .spacer2 {
  width: 100%;
  height: 0;
  padding-bottom: 46.6666666667%;
}

@media (max-width: 767px) {
  #site.product_list section .custotheme-component-product-list-controls .spacer1 {
    display: none;
  }
}

@media (min-width: 768px) {
  #site.product_list section .custotheme-component-product-list-controls .spacer2 {
    display: none;
  }
}

#site.product_list section .custotheme-component-product-list-controls .selectors {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#site.product_list section .custotheme-component-product-list-controls .selectors h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #ffffff;
  font-weight: normal;
}

@media (max-width: 767px) {
  #site.product_list section .custotheme-component-product-list-controls .selectors h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #site.product_list section .custotheme-component-product-list-controls .selectors h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site.product_list section .custotheme-component-product-list-controls .selectors h2 {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

#site.product_list section .custotheme-component-product-list-controls .selectors select {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  #site.product_list section .custotheme-component-product-list-controls .selectors select {
    letter-spacing: 0.1em;
  }
}

#site.product_list section .custotheme-component-product-list-controls .selectors .selectric-wrapper {
  display: inline-block;
}

#site.product_list section .custotheme-component-product-list-controls .selectors .selectric-filter-range {
  display: none;
}

#site.search section > .wrap > .inner {
  font-size: 0px;
}

#site.search section .search-form {
  display: none;
}

#site.search section .ds-search-extra {
  font-size: 0.95rem;
}

#site.search section .custotheme-search-nb-results {
  font-family: 'PN Semibold';
}

#site.search section .custotheme-search-terms {
  font-family: 'PN Semibold';
}

#site.search section .product-teaser {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

@media (max-width: 767px) {
  #site.search section .product-teaser {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #site.search section .product-teaser {
    width: 25%;
  }
}

#site.search section .product-teaser a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

#site.search section .product-teaser a .info .visual-container {
  /*@include tiamatBpLowerThanTablet {
                    padding:.25rem;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    padding:.25rem;
                }*/
  padding: 2rem;
  padding-bottom: .25rem;
  padding-top: 0;
}

#site.search section .product-teaser a .info .visual-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site.search section .product-teaser a .info .visual-container .spacer .wrap {
  position: relative;
}

#site.search section .product-teaser a .info .visual-container .spacer .wrap img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0s;
}

#site.search section .product-teaser a .info .visual-container .spacer .wrap img:hover {
  opacity: 0.5;
}

#site.search section .product-teaser a .info .range-title {
  font-family: 'PN Semibold';
}

#site.search section .product-teaser a .info .product-title, #site.search section .product-teaser a .info .range-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}

#site.search section .product-teaser a .info .product-title > span, #site.search section .product-teaser a .info .range-title > span {
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}

#site.search section .product-teaser a .info .product-title {
  display: none;
}

#site.search section .product-teaser a .info .description {
  font-size: 0.825rem;
}

#site.search section .product-teaser a .link {
  font-family: 'PN Semibold';
  display: inline-block;
  letter-spacing: 0.05em;
  font-size: 0.825rem;
  border-bottom: 2px solid #000000;
}

#site.search section .item-list .pager {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

#site.search section .item-list .pager li {
  display: inline-block;
}

#site.search section .item-list .pager li.pager-current {
  font-family: 'PN Semibold';
  color: #000000;
}

#site.search section .item-list .pager li.pager-item a {
  color: #7d7d7d;
}

#site.search section .item-list .pager li.pager-next a, #site.search section .item-list .pager li.pager-last a, #site.search section .item-list .pager li.pager-previous a, #site.search section .item-list .pager li.pager-first a {
  color: #7d7d7d;
}

#site.page_product_list_custom section .custotheme-component-product-list-controls {
  position: relative;
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .spacer1, #site.page_product_list_custom section .custotheme-component-product-list-controls .spacer2 {
  position: relative;
  z-index: 1;
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .spacer1 > .wrap, #site.page_product_list_custom section .custotheme-component-product-list-controls .spacer2 > .wrap {
  position: relative;
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .spacer1 > .wrap img, #site.page_product_list_custom section .custotheme-component-product-list-controls .spacer2 > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .spacer1 {
  width: 100%;
  height: 0;
  padding-bottom: 18.359375%;
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .spacer2 {
  width: 100%;
  height: 0;
  padding-bottom: 46.6666666667%;
}

@media (max-width: 767px) {
  #site.page_product_list_custom section .custotheme-component-product-list-controls .spacer1 {
    display: none;
  }
}

@media (min-width: 768px) {
  #site.page_product_list_custom section .custotheme-component-product-list-controls .spacer2 {
    display: none;
  }
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .selectors {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .selectors h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #ffffff;
  font-weight: normal;
}

@media (max-width: 767px) {
  #site.page_product_list_custom section .custotheme-component-product-list-controls .selectors h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_product_list_custom section .custotheme-component-product-list-controls .selectors h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_product_list_custom section .custotheme-component-product-list-controls .selectors h2 {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .selectors select {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  #site.page_product_list_custom section .custotheme-component-product-list-controls .selectors select {
    letter-spacing: 0.1em;
  }
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .selectors .selectric-wrapper {
  display: inline-block;
}

#site.page_product_list_custom section .custotheme-component-product-list-controls .selectors .selectric-filter-range {
  display: none;
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 {
    padding-top: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 {
    padding-top: 4rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a, #site.page_product section.group-pp-part1 .group-pp-part1b {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a {
    margin-bottom: 6rem;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails {
    position: absolute;
    width: 100%;
    top: 100%;
    text-align: center;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails > .wrap {
    padding-right: 1rem;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container {
  cursor: pointer;
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container {
    width: 60px;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container:not(:first-child) {
    margin-left: .25rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container:not(:first-child) {
    margin-top: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container:not(:first-child) {
    margin-top: .5rem;
  }
}

@media (min-width: 1168px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container:not(:first-child) {
    margin-top: 1rem;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container.on {
  border: 1px solid #000000;
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container .product-thumbnail {
    padding: 0.15rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container .product-thumbnail {
    padding: .25rem;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container .product-thumbnail .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #f5f5f5;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container .product-thumbnail .spacer > .wrap {
  position: relative;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .product-thumbnails .product-thumbnail-container .product-thumbnail .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals {
    display: table-cell;
    width: 80%;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals .swiper-container {
  overflow: hidden;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals .swiper-container > .swiper-wrapper .swiper-slide {
  position: relative;
  display: table-cell;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals .swiper-container > .swiper-wrapper .swiper-slide > .wrap > .inner {
  position: relative;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals .swiper-container > .swiper-wrapper .swiper-slide .visual-container {
  position: relative;
  z-index: 1;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals .swiper-container > .swiper-wrapper .swiper-slide .visual-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals .swiper-container > .swiper-wrapper .swiper-slide .visual-container .spacer > .wrap {
  position: relative;
}

#site.page_product section.group-pp-part1 .group-pp-part1a .field .swiper-product-visuals .swiper-container > .swiper-wrapper .swiper-slide .visual-container .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b {
    padding-left: 2rem;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h2 {
  text-transform: uppercase;
  font-family: 'PN Semibold';
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h2 {
    font-size: 1.45rem;
    text-align: center;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h2 {
    font-size: 1.45rem;
    text-align: left;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h3 {
  text-transform: uppercase;
  text-align: left;
  font-family: 'PN Regular';
  font-weight: normal;
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h3 {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.45rem;
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b1 h3 {
    margin-bottom: 2rem;
    font-size: 1.2rem;
  }
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tabs-container {
  position: relative;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tabs-container:after {
  position: absolute;
  bottom: 3px;
  content: '';
  display: block;
  border-bottom: 1px solid black;
  width: 100%;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tabs-container .tab {
  display: inline-block;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tabs-container .tab.on {
  border-bottom: 3px solid black;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tabs-container .tab button span {
  font-family: 'PN Semibold';
  font-size: 0.825rem;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tab-contents-container {
  display: none;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tab-contents-container > p {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b2 .product-tab-contents-container.on {
  display: block;
}

#site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b3 select {
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 38px;
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b3 select {
    letter-spacing: 0.1em;
  }
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b3 .selectric-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part1 .group-pp-part1b .group-pp-part1b3 .share-container {
    text-align: center;
  }
}

#site.page_product section.group-pp-part2 {
  background-color: #f5f5f5;
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container {
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container {
    padding-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container:first-child {
    padding-top: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container:first-child {
    padding-top: 4rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container:not(.centerize) .contents {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container.centerize > .wrap {
    width: 60%;
    margin: auto;
  }
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .contents, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents {
  text-align: center;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents .title {
  font-family: 'PN Semibold';
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents .title, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents .title {
    font-size: 1.45rem;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents .text, #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents .text, #site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents .text {
    font-size: 0.95rem;
  }
}

#site.page_product section.group-pp-part2 .field .featured-block-container.text-only .contents {
  display: inline-block;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container.image > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container.image .contents {
    padding-top: 1rem;
  }
}

#site.page_product section.group-pp-part2 .field .featured-block-container.image .image-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.4459930314%;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.image .image-container .spacer > .wrap {
  position: relative;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.image .image-container .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .yt-video {
  position: relative;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .yt-video .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .yt-video .button-container button {
  z-index: 2;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .yt-video .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .yt-video .spacer > .wrap {
  position: relative;
}

#site.page_product section.group-pp-part2 .field .featured-block-container.video .yt-video .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container.video > .wrap > .inner {
    display: table;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part2 .field .featured-block-container.video .contents {
    padding-top: 1rem;
  }
}

#site.page_product section.group-pp-part3 {
  /*.swiper-controls-container {
            position:absolute;
            top:50%;
            z-index:3;

            @include transform(translateY(-50%));

            @include tiamatBpLowerThanTablet {
                display:none;
            }

            &.swiper-control-prev {
                left:2rem;
            }

            &.swiper-control-next {
                right:2rem;
            }
        }

        .swiper-puces {
            display:table;

            @include tiamatBpHigherOrEqualToTablet {
                display:none;
            }

            .swiper-bt-puce {
                margin-left:0.25rem;
                margin-right:0.25rem;
            }
        }

        .swiper-container {
            overflow: hidden;

            @include tiamatBpLowerThanTablet {

            }

            @include tiamatBpHigherOrEqualToTablet {

            }

            >.swiper-wrapper {
                .swiper-slide {
                    position: relative;
                    display:table-cell;

                    >.wrap {
                        >.inner {
                            position: relative;
                        }
                    }

                    .slide-container {
                        position:absolute;
                        display:table;

                        z-index:2;

                        left:50%;

                        @include transform(translateX(-50%));

                        @include tiamatBpLowerThanTablet {
                            bottom:7%;
                            max-width:90%;
                        }

                        @include tiamatBpHigherOrEqualToTablet {
                            bottom:7%;
                            max-width:60%;
                        }

                        @include tiamatBpLarge {
                            bottom:7%;
                            max-width:40%;
                        }

                        >.wrap {
                            //md1
                            //background-color:#ffffff;
                            text-align: center;

                            @include tiamatBpLowerThanTablet {
                                padding:1rem;
                            }

                            @include tiamatBpHigherOrEqualToTablet {
                                padding:1rem;
                            }

                            @include tiamatBpLarge {
                                padding:2rem;
                            }
                        }

                        .title, .description {
                            //md1
                            display:none;
                            color:#000000;
                        }

                        .title {

                            @include tiamatBpLowerThanTablet {
                                font-size:1.4rem;
                            }
                            @include tiamatBpHigherOrEqualToTablet {
                                //md2
                                font-size:(1rem + $fontSizeBonus);
                            }
                            @include tiamatBpLarge {
                                //md2
                                font-size:(1.2rem + $fontSizeBonus);
                            }
                        }
                        .description {
                            margin-top:1rem;

                            @include tiamatBpLowerThanTablet {
                                font-size:1rem;
                            }
                            @include tiamatBpHigherOrEqualToTablet {
                                //md2
                                font-size:(0.75rem + $fontSizeBonus);
                            }
                            @include tiamatBpLarge {
                                //md2
                                font-size:(0.9rem + $fontSizeBonus);
                            }
                        }
                        a {
                            margin-top:1rem;

                        }
                    }
                    .slide-bg-container {
                        position:relative;
                        z-index:1;


                        .slide-bg1 {

                            @include tiamatBpSmall {
                                display:none;
                            }

                            .spacer {
                                //2560x470
                                @include tiamatKeepRatio(2560, 740);
                                >.wrap {
                                    position:relative;
                                    img {
                                        width:100%;
                                        height:100%;
                                    }
                                }
                            }
                        }

                        .slide-bg2 {

                            @include tiamatBpNotSmall {
                                display:none;
                            }

                            .spacer {
                                @include tiamatKeepRatio(554, 648);
                                >.wrap {
                                    position:relative;
                                    img {
                                        width:100%;
                                        height:100%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }*/
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related-text p {
  text-align: center;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related {
  display: table;
  width: 100%;
  font-size: 0;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser {
    width: 25%;
  }
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .visual-container {
  /*@include tiamatBpLowerThanTablet {
                    padding:.25rem;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    padding:.25rem;
                }*/
  padding: 2rem;
  padding-bottom: .25rem;
  padding-top: 0;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .visual-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .visual-container .spacer .wrap {
  position: relative;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .visual-container .spacer .wrap img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0s;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .visual-container .spacer .wrap img:hover {
  opacity: 0.5;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .range-title {
  font-family: 'PN Semibold';
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .product-title, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .range-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .product-title > span, #site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .range-title > span {
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .product-title {
  display: none;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .info .description {
  font-size: 0.825rem;
}

#site.page_product section.group-pp-part3 .field-name-field-pp-products-related .product-teaser a .link {
  font-family: 'PN Semibold';
  display: inline-block;
  letter-spacing: 0.05em;
  font-size: 0.825rem;
  border-bottom: 2px solid #000000;
}

#site.page_product section.group-pp-part3 .swiper-products-related {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-container {
  overflow: hidden;
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part3 .swiper-products-related .swiper-container {
    width: calc(100% - 120px);
    margin: auto;
  }
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-container > .swiper-wrapper .swiper-slide {
  position: relative;
  display: table-cell;
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-container > .swiper-wrapper .swiper-slide > .wrap > .inner {
  position: relative;
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-controls-container {
  position: absolute;
  top: 50%;
  z-index: 3;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  #site.page_product section.group-pp-part3 .swiper-products-related .swiper-controls-container {
    display: none;
  }
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-controls-container.swiper-control-prev {
  left: 0;
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-controls-container.swiper-control-next {
  right: 0;
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-slide .product-teaser {
  width: 100%;
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-puces {
  display: table;
}

@media (min-width: 768px) {
  #site.page_product section.group-pp-part3 .swiper-products-related .swiper-puces {
    display: none;
  }
}

#site.page_product section.group-pp-part3 .swiper-products-related .swiper-puces .swiper-bt-puce {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

#site.page_customer_service section.group-pcs-part1 .title-container {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#site.page_customer_service section.group-pcs-part1 .title-container h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #ffffff;
}

@media (max-width: 767px) {
  #site.page_customer_service section.group-pcs-part1 .title-container h2 {
    font-size: 1.45rem;
  }
}

@media (min-width: 768px) {
  #site.page_customer_service section.group-pcs-part1 .title-container h2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 767px) {
  #site.page_customer_service section.group-pcs-part1 .field-name-field-pcs-head-img1 {
    display: none;
  }
}

#site.page_customer_service section.group-pcs-part1 .field-name-field-pcs-head-img1 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 18.359375%;
}

#site.page_customer_service section.group-pcs-part1 .field-name-field-pcs-head-img1 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_customer_service section.group-pcs-part1 .field-name-field-pcs-head-img2 {
    display: none;
  }
}

#site.page_customer_service section.group-pcs-part1 .field-name-field-pcs-head-img2 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 46.6666666667%;
}

#site.page_customer_service section.group-pcs-part1 .field-name-field-pcs-head-img2 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page_customer_service section.group-pcs-part3 form .form-item {
    text-align: left;
  }
}

@media (max-width: 767px) {
  #site.page_customer_service section.group-pcs-part3 form .form-item input {
    width: 100%;
  }
}

#site.page section.group-bp-part1 .title-container {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#site.page section.group-bp-part1 .title-container h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #ffffff;
}

@media (max-width: 767px) {
  #site.page section.group-bp-part1 .title-container h2 {
    font-size: 1.45rem;
  }
}

@media (min-width: 768px) {
  #site.page section.group-bp-part1 .title-container h2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 767px) {
  #site.page section.group-bp-part1 .field-name-field-bp-head-img1 {
    display: none;
  }
}

#site.page section.group-bp-part1 .field-name-field-bp-head-img1 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 18.359375%;
}

#site.page section.group-bp-part1 .field-name-field-bp-head-img1 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #site.page section.group-bp-part1 .field-name-field-bp-head-img2 {
    display: none;
  }
}

#site.page section.group-bp-part1 .field-name-field-bp-head-img2 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 46.6666666667%;
}

#site.page section.group-bp-part1 .field-name-field-bp-head-img2 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

#site.page section.group-bp-part2 .faq-summary ol {
  display: block;
  margin: 0;
}

#site.page section.group-bp-part2 .faq-summary ol li {
  font-family: 'PN Semibold';
  color: #000000;
  text-align: center;
  width: 100%;
}

@media (max-width: 767px) {
  #site.page section.group-bp-part2 .faq-summary ol li {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page section.group-bp-part2 .faq-summary ol li {
    float: left;
    width: 50%;
    font-size: 1.2rem;
    margin-bottom: .25rem;
  }
}

#site.page section.group-bp-part2 .faq-summary ol li a {
  font-family: 'PN Semibold';
  text-decoration: none;
  color: #000000;
}

#site.page section.group-bp-part2 .faq-questions ol {
  counter-reset: item;
}

#site.page section.group-bp-part2 .faq-questions ol li {
  display: block;
}

#site.page section.group-bp-part2 .faq-questions ol li h2 {
  display: inline-block;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  #site.page section.group-bp-part2 .faq-questions ol li h2 {
    font-size: 1.45rem;
  }
}

#site.page section.group-bp-part2 .faq-questions ol li:before {
  font-family: 'PN Semibold';
  color: #000000;
  content: counter(item) ". ";
  counter-increment: item;
  list-style-position: inherit;
}

@media (max-width: 767px) {
  #site.page section.group-bp-part2 .faq-questions ol li:before {
    font-size: 1.45rem;
  }
}

@media (min-width: 768px) {
  #site.page section.group-bp-part2 .faq-questions ol li:before {
    font-size: 1.45rem;
  }
}

#site.page section.group-bp-part2 .faq-questions ol li dl {
  border-top: 1px solid #000000;
}

#site.page section.group-bp-part2 .faq-questions ol li dl dt {
  cursor: pointer;
}

#site.page section.group-bp-part2 .faq-questions ol li dl dt:before {
  font-family: 'PN Semibold';
  content: 'Q.';
  padding-right: .25rem;
}

#site.page section.group-bp-part2 .faq-questions ol li dl dt:not(:first-child) {
  margin-top: 1rem;
}

#site.page section.group-bp-part2 .faq-questions ol li dl dt:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: .25rem;
}

@media (min-width: 768px) {
  #site.page section.group-bp-part2 .faq-questions ol li dl dt {
    font-size: 1.2rem;
  }
}

#site.page section.group-bp-part2 .faq-questions ol li dl dd {
  display: none;
  overflow: hidden;
  margin: 0;
}

#site.page section.group-bp-part2 .faq-questions ol li dl dd:before {
  font-family: 'PN Semibold';
  content: 'R.';
  padding-right: .25rem;
}

@media (min-width: 768px) {
  #site.page section.group-bp-part2 .faq-questions ol li dl dd {
    font-size: 0.95rem;
  }
}

#site.page_404 section {
  border: 1px solid #000000;
}

@media (max-width: 767px) {
  #site.page_404 section {
    width: calc(100% - 3rem);
  }
}

@media (min-width: 768px) {
  #site.page_404 section {
    width: 50%;
  }
}

#site.page_user_login section {
  border: 1px solid #000000;
}

@media (max-width: 767px) {
  #site.page_user_login section {
    width: calc(100% - 3rem);
  }
}

@media (min-width: 768px) {
  #site.page_user_login section {
    width: 50%;
  }
}

#site.page_user_login section .form-item input[type="text"], #site.page_user_login section .form-item input[type="password"] {
  width: 100%;
}

@media (min-width: 768px) {
  #site.page_user_login section .form-item input[type="text"], #site.page_user_login section .form-item input[type="password"] {
    max-width: 10rem;
  }
}

#site.page_brand section.group-pb-part1 {
  font-size: 0;
}

#site.page_brand section.group-pb-part1 .title-container {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

@media (max-width: 767px) {
  #site.page_brand section.group-pb-part1 .title-container {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part1 .title-container {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10%;
  }
}

#site.page_brand section.group-pb-part1 .title-container h2, #site.page_brand section.group-pb-part1 .title-container p {
  color: #ffffff;
  font-family: 'PN Semibold';
}

@media (max-width: 767px) {
  #site.page_brand section.group-pb-part1 .title-container h2, #site.page_brand section.group-pb-part1 .title-container p {
    font-size: 1.2rem;
    text-align: center;
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part1 .title-container h2, #site.page_brand section.group-pb-part1 .title-container p {
    font-size: 2.95rem;
    text-align: left;
  }
}

#site.page_brand section.group-pb-part1 .field {
  z-index: 1;
}

#site.page_brand section.group-pb-part1 .field .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 28.90625%;
}

#site.page_brand section.group-pb-part1 .field .spacer > .wrap {
  position: relative;
}

#site.page_brand section.group-pb-part1 .field .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #site.page_brand section:not(.group-pb-part1) .field.face, #site.page_brand section:not(.group-pb-part1) .field.quote {
    padding: 0.25rem;
  }
}

@media (min-width: 768px) {
  #site.page_brand section:not(.group-pb-part1) .field.face, #site.page_brand section:not(.group-pb-part1) .field.quote {
    padding: 0.5rem;
  }
}

#site.page_brand section:not(.group-pb-part1) .field.face .spacer, #site.page_brand section:not(.group-pb-part1) .field.quote .spacer {
  border: 1px solid #ffffff;
  position: relative;
}

@media (min-width: 768px) {
  #site.page_brand section:not(.group-pb-part1) .field.face .spacer, #site.page_brand section:not(.group-pb-part1) .field.quote .spacer {
    width: 100%;
    height: 0;
    padding-bottom: 80.8333333333%;
  }
}

@media (max-width: 767px) {
  #site.page_brand section:not(.group-pb-part1) .field.face .spacer > .wrap, #site.page_brand section:not(.group-pb-part1) .field.quote .spacer > .wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_brand section:not(.group-pb-part1) .field.face .spacer > .wrap, #site.page_brand section:not(.group-pb-part1) .field.quote .spacer > .wrap {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 100%;
  }
}

#site.page_brand section:not(.group-pb-part1) .field.face .spacer > .wrap {
  color: #ffffff;
  text-align: center;
}

#site.page_brand section:not(.group-pb-part1) .field.face .spacer > .wrap table {
  width: 100%;
  border-collapse: collapse;
}

#site.page_brand section:not(.group-pb-part1) .field.face .spacer > .wrap table > tbody > tr:nth-of-type(odd) {
  border-bottom: 1px solid #ffffff;
}

#site.page_brand section:not(.group-pb-part1) .field.face .spacer > .wrap table > tbody > tr > td:nth-of-type(odd) {
  border-right: 1px solid #ffffff;
}

#site.page_brand section:not(.group-pb-part1) .field.quote .spacer > .wrap {
  color: #74767b;
}

#site.page_brand section:not(.group-pb-part1) .field-name-field-pb-visual-img1 .spacer, #site.page_brand section:not(.group-pb-part1) .field-name-field-pb-visual-img2 .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site.page_brand section:not(.group-pb-part1) .field-name-field-pb-visual-img1 .spacer > .wrap, #site.page_brand section:not(.group-pb-part1) .field-name-field-pb-visual-img2 .spacer > .wrap {
  position: relative;
}

#site.page_brand section:not(.group-pb-part1) .field-name-field-pb-visual-img1 .spacer > .wrap img, #site.page_brand section:not(.group-pb-part1) .field-name-field-pb-visual-img2 .spacer > .wrap img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #site.page_brand section.group-pb-part2 {
    margin-top: 1rem;
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part2 {
    margin-top: 4rem;
  }
}

@media (max-width: 767px) {
  #site.page_brand section.group-pb-part2, #site.page_brand section.group-pb-part4 {
    padding-top: .5rem;
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part2 .field, #site.page_brand section.group-pb-part4 .field {
    width: 50%;
    float: left;
  }
}

#site.page_brand section.group-pb-part2 .field:nth-of-type(odd), #site.page_brand section.group-pb-part4 .field:nth-of-type(odd) {
  clear: both;
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part3 .field.face {
    width: 70%;
    margin: auto;
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part3 .field.face .spacer {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
  }
}

@media (max-width: 767px) {
  #site.page_brand section.group-pb-part5 {
    padding-top: .5rem;
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part5 .field {
    width: 49%;
  }
}

@media (max-width: 767px) {
  #site.page_brand section.group-pb-part5 .field:first-child {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part5 .field:nth-of-type(odd) {
    float: left;
    clear: both;
  }
}

@media (min-width: 768px) {
  #site.page_brand section.group-pb-part5 .field:nth-of-type(even) {
    float: right;
  }
}

#site.page_brand section.group-pb-part5 .field .icon-world {
  width: 51px;
  height: 51px;
  background-image: url("../images/optimized/icon-world.png");
  margin: auto;
  background-size: cover;
}

@media (min-width: 1168px) {
  #site.page_brand section.group-pb-part5 .field .icon-world {
    width: 76.5px;
    height: 76.5px;
  }
}

#site > header.banner .bar.sticky, #site > header.banner .bar.sticky-animate {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}

#site > header.banner {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
}

#site > header.banner .bar.sticky-animate {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  box-shadow: none;
}

#site > header.banner .bar.sticky-animate.sticky-animate-reveal {
  transition: transform 0.5s ease-in-out 0s;
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}

#site > header.banner .top {
  position: relative;
}

@media (max-width: 767px) {
  #site > header.banner .top {
    border-bottom: 3px solid #ae172a;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .top {
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site > header.banner .top {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

#site > header.banner .top .logo-container {
  display: block;
}

#site > header.banner .top .logo-container a {
  display: block;
  margin: auto;
}

@media (max-width: 767px) {
  #site > header.banner .top .logo-container a {
    padding-top: 0;
    width: 124px;
    height: 38.5714285714px;
  }
}

@media (min-width: 768px) {
  #site > header.banner .top .logo-container a {
    width: 217px;
  }
}

@media (max-width: 767px) {
  #site > header.banner .top .language-switcher-container-ns {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .top .language-switcher-container-ns {
    position: absolute;
    top: .5rem;
    right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site > header.banner .top .language-switcher-container-ns {
    right: 0;
  }
}

#site > header.banner .top .language-switcher-container-ns ul li {
  list-style: none;
  display: inline-block;
  font-size: 0;
}

#site > header.banner .top .language-switcher-container-ns ul li a {
  font-family: 'PN SemiBold';
  color: #ae172a;
  font-size: .875rem;
  text-decoration: none;
}

#site > header.banner .top .language-switcher-container-ns ul li:not(.first):before {
  content: '|';
  display: inline-block;
  font-size: .875rem;
  margin-right: 0.25rem;
}

#site > header.banner .custotheme-menu1 {
  position: absolute;
  top: 0.5rem;
  left: 0px;
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-menu1 {
    display: none;
  }
}

#site > header.banner .custotheme-menu1 .menu {
  list-style-type: none;
}

#site > header.banner .custotheme-menu1 .menu li {
  display: inline-block;
}

#site > header.banner .custotheme-menu1 .menu li a {
  text-decoration: none;
  color: #000000;
  font-family: 'PN Regular';
  font-size: 0.825rem;
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-menu4 {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-menu4 {
    display: none;
  }
}

#site > header.banner .custotheme-menu4 .menu {
  list-style-type: none;
  display: table;
  margin: auto;
}

#site > header.banner .custotheme-menu4 .menu > li {
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

#site > header.banner .custotheme-menu4 .menu > li a {
  text-decoration: none;
  color: #000000;
  font-family: 'PN Regular';
  font-size: 0.7rem;
}

#site > header.banner .custotheme-menu4 .language-switcher-locale-url li {
  list-style: none;
  display: inline-block;
  font-size: 0;
}

#site > header.banner .custotheme-menu4 .language-switcher-locale-url li a {
  font-family: 'PN SemiBold';
  color: #ae172a;
  font-size: .875rem;
  text-decoration: none;
}

#site > header.banner .custotheme-menu4 .language-switcher-locale-url li:not(.first):before {
  content: '|';
  display: inline-block;
  font-size: .875rem;
  margin-right: 0.25rem;
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-search-form {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-search-form {
    position: absolute;
    top: 1.75rem;
    right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site > header.banner .custotheme-search-form {
    right: 0px;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-search-form > form > div::after {
    clear: both;
    content: "";
    display: table;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-search-form > form > div {
    border-bottom: 1px solid #2a2a2a;
    padding-left: 0.5rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-search-form .form-item, #site > header.banner .custotheme-search-form .form-actions {
    display: inline-block;
    vertical-align: middle;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-search-form .form-item {
    float: left;
    width: calc(100% - (36px + 28px));
  }
}

#site > header.banner .custotheme-search-form .form-item .form-text {
  border: 0;
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-search-form .form-item .form-text {
    height: 48px;
    font-size: 0.875rem;
    width: 100%;
    padding-left: 1rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-search-form .form-item .form-text {
    font-size: 0.825rem;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-search-form .form-actions {
    float: right;
    padding-top: 4px;
    padding-right: 1.1rem;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-search-form .form-actions .form-submit {
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-search-form .form-actions .form-submit {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  #site > header.banner .icon-menu-container {
    position: absolute;
    margin-top: .25rem;
    margin-left: 1rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .icon-menu-container {
    display: none;
  }
}

@media (max-width: 767px) {
  #site > header.banner .icon-search-container {
    position: absolute;
    margin-top: .25rem;
    right: 1rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .icon-search-container {
    display: none;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content {
    position: absolute;
    width: 100%;
    z-index: 999;
  }
}

#site > header.banner .custotheme-main-menu > .content > .wrap {
  position: relative;
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content > .wrap {
    height: 100%;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content > .wrap > .inner {
    display: table;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content > .wrap > .inner > .slide-rail {
    position: relative;
    width: 300%;
    left: 0;
    background-color: #ffffff;
    overflow-y: auto;
    height: calc(100% - 148px);
  }
  #site > header.banner .custotheme-main-menu > .content > .wrap > .inner > .slide-rail::after {
    clear: both;
    content: "";
    display: table;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .slider-controls {
    position: relative;
    background: #ffffff;
    height: 48px;
    border-bottom: 1px solid #eeeeee;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .slider-controls {
    display: none;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .slider-controls .parent-reference {
    display: none;
    padding-top: 0.5rem;
    padding-left: 0.75rem;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .slider-controls .parent-reference .title {
    display: inline-block;
    vertical-align: middle;
    font-family: 'PN Regular';
    color: #2f2e2e;
    font-size: .875rem;
    margin-top: 0.4rem;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .slider-controls .custotheme-search-form {
    display: none;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .slider-controls.browse .parent-reference {
    display: block;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .slider-controls.search .custotheme-search-form {
    display: block;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .slider-links {
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .slider-links {
    display: none;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li:not(.menu-wrap), #site > header.banner .custotheme-main-menu > .content .second-children .menu li:not(.menu-wrap), #site > header.banner .custotheme-main-menu > .content .third-children .menu li:not(.menu-wrap) {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    min-height: 28px;
  }
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li:not(.menu-wrap)::after, #site > header.banner .custotheme-main-menu > .content .second-children .menu li:not(.menu-wrap)::after, #site > header.banner .custotheme-main-menu > .content .third-children .menu li:not(.menu-wrap)::after {
    clear: both;
    content: "";
    display: table;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li a, #site > header.banner .custotheme-main-menu > .content .first-children .menu li span, #site > header.banner .custotheme-main-menu > .content .second-children .menu li a, #site > header.banner .custotheme-main-menu > .content .second-children .menu li span, #site > header.banner .custotheme-main-menu > .content .third-children .menu li a, #site > header.banner .custotheme-main-menu > .content .third-children .menu li span {
    float: left;
    font-family: 'PN Regular';
    text-transform: uppercase;
    color: #2f2e2e;
    font-size: .875rem;
    margin-top: 0.4rem;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li a, #site > header.banner .custotheme-main-menu > .content .second-children .menu li a, #site > header.banner .custotheme-main-menu > .content .third-children .menu li a {
    text-decoration: none;
  }
}

#site > header.banner .custotheme-main-menu > .content .first-children .menu li button, #site > header.banner .custotheme-main-menu > .content .second-children .menu li button, #site > header.banner .custotheme-main-menu > .content .third-children .menu li button {
  float: right;
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .first-children {
    float: left;
    width: 33.3333333333%;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .first-children {
    background-color: #ae172a;
  }
}

#site > header.banner .custotheme-main-menu > .content .first-children .menu {
  list-style-type: none;
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu {
    display: table;
    margin: auto;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li a {
    display: inline-block;
    text-decoration: none;
    font-family: 'PN Regular';
    text-align: center;
    color: #e8b7bd;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.85rem;
  }
}

@media screen and (min-width: 60em) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li a {
    font-size: 0.95rem;
    letter-spacing: .05em;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 1168px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li a {
    letter-spacing: .075em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li a.active, #site > header.banner .custotheme-main-menu > .content .first-children .menu li a.active-trail {
    color: #ffffff;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li:hover a, #site > header.banner .custotheme-main-menu > .content .first-children .menu li.hover a, #site > header.banner .custotheme-main-menu > .content .first-children .menu li.active a, #site > header.banner .custotheme-main-menu > .content .first-children .menu li.active-trail a {
    color: #ffffff;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .first-children .menu li button {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: white;
    display: none;
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu > .wrap {
    display: table;
    position: relative;
    width: 100%;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu > .wrap > .inner .children-container {
    display: table-cell;
    width: 70%;
    vertical-align: top;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu > .wrap > .inner .featured-blocks {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu > .wrap > .inner .featured-blocks {
    display: table-cell;
    width: 30%;
    height: 100%;
    vertical-align: top;
  }
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .second-children, #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children {
    float: left;
    width: 33.3333333333%;
  }
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .second-children .parent-title, #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .parent-title {
  display: none;
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .second-children .menu, #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu {
  list-style-type: none;
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .second-children .menu li a, #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li a {
  display: inline-block;
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .second-children {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu.selected {
    display: inline-block;
    width: 33.3333333333%;
    vertical-align: top;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu.selected.border:before {
    content: '';
    display: block;
    border-right: 1px dotted #e1e1e1;
    position: absolute;
    height: 100%;
    margin-left: -2rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li {
    margin-top: 0.35rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li:first-child {
    margin-top: 0;
  }
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li:first-child span {
  font-family: 'PN Regular';
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li:first-child span {
    display: none;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li:first-child span {
    font-size: 0.825rem;
  }
}

@media screen and (min-width: 60em) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li:first-child span {
    font-size: 0.95rem;
  }
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li.menu-wrap > .menu-inner {
  list-style-type: none;
  /*>li {
                                        @include tiamatBpHigherOrEqualToTablet {
                                            padding-right:1rem;
                                            background:red;
                                        }
                                    }*/
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li.menu-wrap > .menu-inner a {
    padding-right: 0.5rem;
  }
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li a {
  font-family: 'PN Regular';
  text-decoration: none;
  color: #2f2e2e;
}

@media (max-width: 767px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li a {
    font-size: 0.825rem;
  }
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li a {
    font-size: 0.7rem;
  }
}

@media screen and (min-width: 60em) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .third-children .menu li a {
    font-size: 0.825rem;
  }
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks {
  position: relative;
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap {
  padding-right: 2rem;
  height: 100%;
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block {
  position: relative;
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block {
    display: none;
  }
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block a {
  display: table;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  max-width: calc(100% - 3rem);
  z-index: 3;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block a span {
    font-size: 0.45rem;
    letter-spacing: 0 !important;
  }
}

@media screen and (min-width: 60em) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block a span {
    font-size: 0.7rem;
  }
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block img {
  display: block;
  width: 100%;
  z-index: 1;
}

#site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block .face {
  border: 2px solid #ffffff;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  top: 0.5rem;
  left: 0.5rem;
  position: absolute;
  z-index: 2;
  opacity: 0.5;
}

@media (min-width: 768px) {
  #site > header.banner .custotheme-main-menu > .content .sub-menu .featured-blocks > .wrap .featured-block.selected {
    display: block;
  }
}

#site .status.custotheme-ajax-messages, #site .status.custotheme-system-messages, #site .status.custotheme-front-messages, #site .custotheme-ajax-messages .status.messages, #site .custotheme-system-messages .status.messages, #site .custotheme-front-messages .status.messages {
  color: #ffffff;
  background-color: green;
}

#site .warning.custotheme-ajax-messages, #site .warning.custotheme-system-messages, #site .warning.custotheme-front-messages, #site .custotheme-ajax-messages .warning.messages, #site .custotheme-system-messages .warning.messages, #site .custotheme-front-messages .warning.messages {
  color: #ffffff;
  background-color: orange;
}

#site .error.custotheme-ajax-messages, #site .error.custotheme-system-messages, #site .error.custotheme-front-messages, #site .custotheme-ajax-messages .error.messages, #site .custotheme-system-messages .error.messages, #site .custotheme-front-messages .error.messages {
  color: #ffffff;
  background-color: red;
}

#site .custotheme-ajax-messages, #site .custotheme-system-messages, #site .custotheme-front-messages {
  display: table;
  margin: auto;
  padding: 0.5rem;
}

#site .custotheme-ajax-messages ul, #site .custotheme-system-messages ul, #site .custotheme-front-messages ul {
  list-style-type: none;
}

#site .custotheme-ajax-messages ul li, #site .custotheme-system-messages ul li, #site .custotheme-front-messages ul li {
  display: inline-block;
}

#site .custotheme-breadcrumb {
  display: none;
}

@media (min-width: 768px) {
  #site .custotheme-breadcrumb {
    display: table;
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    /*@include pl3;
        @include pr3;

        &.alt-page-product {
            @include pl4;
            @include pr4;
        }*/
  }
  #site .custotheme-breadcrumb.not-page-product {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #site .custotheme-breadcrumb.not-page-product > .wrap {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  #site .custotheme-breadcrumb.is-page-with-body {
    position: relative;
    left: -3.5rem;
    margin-bottom: 1rem;
    padding-top: 0;
  }
}

#site .custotheme-breadcrumb .breadcrumb {
  display: inline-block;
  vertical-align: middle;
  font-family: 'PN Light';
  font-size: 0.7rem;
}

#site .custotheme-breadcrumb .breadcrumb a {
  text-decoration: none;
}

#site .custotheme-breadcrumb .breadcrumb.parent a {
  color: #8b8b8b;
}

#site .custotheme-breadcrumb .breadcrumb.parent:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

#site .custotheme-breadcrumb .breadcrumb.current {
  color: #ae172a;
}

#site .custotheme-component-product-list-filter .results {
  font-size: 0px;
}

#site .custotheme-component-product-list-filter .results .product-teaser {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

@media (max-width: 767px) {
  #site .custotheme-component-product-list-filter .results .product-teaser {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #site .custotheme-component-product-list-filter .results .product-teaser {
    width: 25%;
  }
}

#site .custotheme-component-product-list-filter .results .product-teaser a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .visual-container {
  /*@include tiamatBpLowerThanTablet {
                    padding:.25rem;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    padding:.25rem;
                }*/
  padding: 2rem;
  padding-bottom: .25rem;
  padding-top: 0;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .visual-container .spacer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .visual-container .spacer .wrap {
  position: relative;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .visual-container .spacer .wrap img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0s;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .visual-container .spacer .wrap img:hover {
  opacity: 0.5;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .range-title {
  font-family: 'PN Semibold';
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .product-title, #site .custotheme-component-product-list-filter .results .product-teaser a .info .range-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .product-title > span, #site .custotheme-component-product-list-filter .results .product-teaser a .info .range-title > span {
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .product-title {
  display: none;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .info .description {
  font-size: 0.825rem;
}

#site .custotheme-component-product-list-filter .results .product-teaser a .link {
  font-family: 'PN Semibold';
  display: inline-block;
  letter-spacing: 0.05em;
  font-size: 0.825rem;
  border-bottom: 2px solid #000000;
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container > .wrap > .inner, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container > .wrap > .inner, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container > .wrap > .inner, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container > .wrap > .inner, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container > .wrap > .inner {
  position: relative;
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents {
  display: table;
  position: absolute;
  left: 50%;
  bottom: 3rem;
  background-color: #ffffff;
  z-index: 2;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents {
    width: calc(100% - 5rem);
  }
}

@media (min-width: 768px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents {
    width: calc(100% - 6rem);
  }
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents > .wrap {
  position: relative;
}

@media (max-width: 767px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents > .wrap {
    padding: 2rem;
  }
}

@media (min-width: 768px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents > .wrap {
    padding: 2rem;
  }
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents .title {
  display: block;
  color: #000000;
}

@media (max-width: 767px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents .title {
    font-size: 0.95rem;
  }
}

@media (min-width: 768px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents .title {
    font-size: 0.95rem;
    margin-bottom: .5rem;
  }
}

@media screen and (min-width: 60em) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents .title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1168px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .contents .title, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .contents .title {
    font-size: 1.45rem;
    margin-bottom: 2rem;
  }
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .spacer, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .spacer, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .spacer, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .spacer, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .spacer {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  padding-bottom: 80.347826087%;
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .spacer > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .spacer > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .spacer > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .spacer > .wrap, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .spacer > .wrap {
  position: relative;
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .spacer > .wrap img, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .spacer > .wrap img, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .spacer > .wrap img, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .spacer > .wrap img, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .spacer > .wrap img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

#site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1 .featured-block-container .spacer > .wrap .face, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2 .featured-block-container .spacer > .wrap .face, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3 .featured-block-container .spacer > .wrap .face, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1 .featured-block-container .spacer > .wrap .face, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 .featured-block-container .spacer > .wrap .face {
  border: 2px solid #ffffff;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  top: 0.5rem;
  left: 0.5rem;
  position: absolute;
  z-index: 2;
}

@media (max-width: 767px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 {
    margin-bottom: .5rem;
  }
}

@media (min-width: 768px) {
  #site .custotheme-component-product-list-filter .results .field-name-field-pg-fb-gen1, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen2, #site .custotheme-component-product-list-filter .results .field-name-field-ps-fb-ptl-gen3, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen1, #site .custotheme-component-product-list-filter .results .field-name-field-pplc-fb-gen2 {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
  }
}

#site .custotheme-component-product-list-filter .no-results {
  display: none;
  font-family: 'PN Semibold';
  font-size: 0.95rem;
}

#site .custotheme-component-product-list-filter .featured-blocks-temporary-wrapper {
  display: none;
}

#site .custotheme-component-product-list-filter .load-more-container {
  text-align: center;
}

#site .custotheme-component-product-list-filter .load-more-container .loader-container .loader {
  display: none;
  background-image: url("../images/optimized/loading.gif");
  width: 64px;
  height: 64px;
  margin: auto;
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

#site .custotheme-component-product-list-filter .load-more-container button {
  display: none;
}

#site > footer.content-info {
  background-color: #2a2a2a;
}

#site > footer.content-info .newsletter1-wrapper {
  background-color: #f5f5f5;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 1.4rem;
}

#site > footer.content-info .newsletter1-wrapper > .wrap > .inner {
  display: table;
}

@media (max-width: 29.99em) {
  #site > footer.content-info .newsletter1-wrapper > .wrap > .inner {
    width: 100%;
  }
}

@media screen and (min-width: 30em) {
  #site > footer.content-info .newsletter1-wrapper > .wrap > .inner {
    width: 70%;
    margin: auto;
  }
}

#site > footer.content-info .newsletter1-wrapper .custotheme-ajax-messages {
  margin-top: 1rem;
}

#site > footer.content-info .newsletter1-wrapper .title, #site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 {
  display: table-cell;
  vertical-align: middle;
}

#site > footer.content-info .newsletter1-wrapper .title {
  padding-right: 0.75rem;
}

@media (max-width: 767px) {
  #site > footer.content-info .newsletter1-wrapper .title {
    width: 40%;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .newsletter1-wrapper .title {
    width: 41%;
  }
}

#site > footer.content-info .newsletter1-wrapper .title .major, #site > footer.content-info .newsletter1-wrapper .title .minor {
  display: block;
  color: #2a2a2a;
}

#site > footer.content-info .newsletter1-wrapper .title .major {
  font-family: 'PN Semibold';
}

@media (max-width: 767px) {
  #site > footer.content-info .newsletter1-wrapper .title .major.lang-fr {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .newsletter1-wrapper .title .major.lang-fr {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  #site > footer.content-info .newsletter1-wrapper .title .major.lang-en {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .newsletter1-wrapper .title .major.lang-en {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  #site > footer.content-info .newsletter1-wrapper .title .minor.lang-fr {
    font-size: 9px;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .newsletter1-wrapper .title .minor.lang-fr {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  #site > footer.content-info .newsletter1-wrapper .title .minor.lang-en {
    font-size: 11px;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .newsletter1-wrapper .title .minor.lang-en {
    font-size: 0.8rem;
  }
}

#site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 {
  background: blue;
}

@media (max-width: 767px) {
  #site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 {
    width: 60%;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 {
    width: 40%;
  }
}

#site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 form {
  position: relative;
  background-color: #ffffff;
}

#site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 form .form-item, #site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 form .form-submit {
  display: inline-block;
  vertical-align: middle;
}

#site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 form .form-item {
  width: calc(100% - 2.5rem);
}

#site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 form .form-item .form-text {
  border: 0;
  height: 2rem;
  font-size: 0.6rem;
  width: 100%;
  padding-left: 0.85rem;
  padding-right: 0.5rem;
  background-color: #ffffff;
}

#site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 form .form-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

#site > footer.content-info .newsletter1-wrapper .custotheme-simplenews-newsletter1 form.disabled .form-text {
  background-color: lightgrey;
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom > .wrap > .inner {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom > .wrap > .inner {
    display: table;
    width: 100%;
    padding-left: 3rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .logo-container, #site > footer.content-info .bottom .custotheme-menu2, #site > footer.content-info .bottom .custotheme-menu3 {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .logo-container {
    margin: auto;
    padding-top: 0;
    width: 124px;
    height: 38.5714285714px;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .logo-container {
    width: 133.538461538px;
  }
}

#site > footer.content-info .bottom .logo-container a {
  display: block;
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .custotheme-menu2 {
    margin-top: 1rem;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu2 {
    padding-left: 65px;
  }
}

#site > footer.content-info .bottom .custotheme-menu2 .menu {
  display: table;
  margin: auto;
  list-style-type: none;
}

#site > footer.content-info .bottom .custotheme-menu2 .menu li {
  display: inline-block;
}

#site > footer.content-info .bottom .custotheme-menu2 .menu li:not(:first-child):before {
  content: '\00b7';
  color: #ffffff;
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .custotheme-menu2 .menu li:not(:first-child):before {
    margin-left: 0.4rem;
    margin-right: 0.5rem;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu2 .menu li:not(:first-child):before {
    margin-left: 0.4rem;
    margin-right: 0.5rem;
  }
}

#site > footer.content-info .bottom .custotheme-menu2 .menu li a {
  text-decoration: none;
  color: #ffffff;
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .custotheme-menu2 .menu li a {
    font-size: 0.55rem;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu2 .menu li a {
    font-size: 0.6rem;
  }
}

@media screen and (min-width: 60em) {
  #site > footer.content-info .bottom .custotheme-menu2 .menu li a {
    font-size: 0.7rem;
  }
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .custotheme-menu3 {
    margin-top: 1.4rem;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu3 {
    text-align: right;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu3 {
    width: 144.666666667px;
    padding-top: 8px;
  }
}

@media screen and (min-width: 60em) {
  #site > footer.content-info .bottom .custotheme-menu3 {
    width: 217px;
  }
}

#site > footer.content-info .bottom .custotheme-menu3 .title {
  color: #ffffff;
  /*@include tiamatBpLowerThanTablet {
                    font-size:0.55rem;
                    text-align: center;
                }

                @include tiamatBpHigherOrEqualToTablet {
                    font-size:0.9rem;
                    //md1
                    //padding-right:2.2rem;
                }*/
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .custotheme-menu3 .title {
    text-align: center;
    font-size: 0.55rem;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu3 .title {
    font-size: 0.6rem;
    padding-right: 0.8rem;
  }
}

@media screen and (min-width: 60em) {
  #site > footer.content-info .bottom .custotheme-menu3 .title {
    font-size: 0.7rem;
  }
}

#site > footer.content-info .bottom .custotheme-menu3 .title:before, #site > footer.content-info .bottom .custotheme-menu3 .title:after {
  content: '-';
  color: #ffffff;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

#site > footer.content-info .bottom .custotheme-menu3 .menu {
  list-style-type: none;
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .custotheme-menu3 .menu {
    display: table;
    margin: auto;
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu3 .menu {
    display: inline-block;
    padding-right: 0.9rem;
  }
}

#site > footer.content-info .bottom .custotheme-menu3 .menu li {
  display: inline-block;
}

@media (max-width: 767px) {
  #site > footer.content-info .bottom .custotheme-menu3 .menu li a {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu3 .menu li a {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (min-width: 60em) {
  #site > footer.content-info .bottom .custotheme-menu3 .menu li a {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media (min-width: 768px) {
  #site > footer.content-info .bottom .custotheme-menu3 .menu li:not(:first-child) {
    margin-left: .5rem;
  }
}

#site .custotheme-webform-confirmation {
  border: 1px solid #000000;
}

@media (max-width: 767px) {
  #site .custotheme-webform-confirmation {
    width: calc(100% - 3rem);
  }
}

@media (min-width: 768px) {
  #site .custotheme-webform-confirmation {
    width: 50%;
  }
}

#site section.social-feed p {
  text-align: center;
}

#site section.social-feed .juicer-feed {
  background-color: #f5f5f5;
}

#site section.social-feed .juicer-feed h1 {
  display: none !important;
}

#site section.social-feed .juicer-button {
  display: block;
  margin: auto;
  border: none;
  background-color: #ae172a;
  color: #ffffff;
  font-size: 0.7rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color ease-out 0.2s, box-shadow ease-out 0.2s, color ease-out 0.2s;
}

@media (max-width: 767px) {
  #site section.social-feed .juicer-button {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  #site section.social-feed .juicer-button {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 60em) {
  #site section.social-feed .juicer-button {
    padding: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1168px) {
  #site section.social-feed .juicer-button {
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

#site section.social-feed .juicer-button.bold {
  font-family: 'PN Semibold';
}

#site section.social-feed .juicer-button:hover {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 3px #ae172a;
  color: #ae172a;
}

body {
  overflow: hidden;
}

#siteOverlay {
  font-family: 'PN Regular', sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
}

#siteOverlay strong {
  font-family: 'PN Semibold';
}

#siteOverlay > .wrap {
  display: table;
  width: 100%;
  height: 100%;
}

#siteOverlay > .wrap .overlay {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}

#siteOverlay > .wrap .overlay.opened {
  display: table-cell !important;
}

#siteOverlay > .wrap .overlay > .contents-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

#siteOverlay > .wrap .overlay > .contents-wrapper > .wrap {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 2;
}

#siteOverlay > .wrap .overlay > .contents-wrapper > .wrap > .inner {
  display: table;
  margin: auto;
  background-color: #ffffff;
}

#siteOverlay > .wrap .overlay > .outside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#siteOverlay .outside {
  background: rgba(0, 0, 0, 0.5);
}

#siteOverlay .share-social-page-overlay .contents {
  padding: 2rem;
  background-color: #2a2a2a;
}

#siteOverlay .share-social-page-overlay .contents p {
  color: #ffffff;
}

@keyframes rotation {
  0% {
    transform-origin: 50% 50%;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 50% 50%;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes glow-scale {
  0% {
    opacity: 0;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  20% {
    opacity: 0.6;
  }
  40% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.8;
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes shake {
  0% {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  15%, 95% {
    -ms-transform: translateY(-1%);
    transform: translateY(-1%);
  }
  25%, 85% {
    -ms-transform: translateY(2%);
    transform: translateY(2%);
  }
  35%, 55%, 75% {
    -ms-transform: translateY(-4%);
    transform: translateY(-4%);
  }
  45%, 65% {
    -ms-transform: translateY(4%);
    transform: translateY(4%);
  }
  100% {
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}

@keyframes blinkColor {
  from {
    background-color: #9ec549;
  }
  to {
    background-color: #ff4136;
  }
}

.transition-one {
  transition: all 1.0s ease-in-out 0s;
}

#stats {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

#logger {
  position: absolute;
  opacity: 0.8;
  width: 350px;
  height: 140px;
  bottom: 0;
  right: 0;
  z-index: 1039;
  background: #FFFFFF;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  overflow: scroll;
  word-break: break-all;
  overflow-x: hidden;
  padding: 5px;
}

#logger div {
  border-top: 1px solid #cbcbcb;
  padding-top: 4px;
  padding-bottom: 4px;
}

.dg.ac {
  opacity: 0.5;
}

/* glue: 0.13 hash: 3b6fb0b6d1 */
.sprite-common-icon-slide-arrow-right,
button.bt-icon.slide-arrow-right,
a.bt-icon.slide-arrow-right,
.bt-icon.slide-arrow-right[type='button'],
.bt-icon.slide-arrow-right[type='reset'],
.bt-icon.slide-arrow-right[type='submit'],
.sprite-common-icon-slide-arrow-left,
button.bt-icon.slide-arrow-left,
a.bt-icon.slide-arrow-left,
.bt-icon.slide-arrow-left[type='button'],
.bt-icon.slide-arrow-left[type='reset'],
.bt-icon.slide-arrow-left[type='submit'],
.sprite-common-icon-play,
button.bt-icon.play,
a.bt-icon.play,
.bt-icon.play[type='button'],
.bt-icon.play[type='reset'],
.bt-icon.play[type='submit'],
.sprite-common-icon-yt,
button.bt-icon.yt,
a.bt-icon.yt,
.bt-icon.yt[type='button'],
.bt-icon.yt[type='reset'],
.bt-icon.yt[type='submit'],
.sprite-common-icon-tw,
button.bt-icon.tw,
a.bt-icon.tw,
.bt-icon.tw[type='button'],
.bt-icon.tw[type='reset'],
.bt-icon.tw[type='submit'],
.sprite-common-icon-pt,
button.bt-icon.pt,
a.bt-icon.pt,
.bt-icon.pt[type='button'],
.bt-icon.pt[type='reset'],
.bt-icon.pt[type='submit'],
.sprite-common-icon-ig,
button.bt-icon.ig,
a.bt-icon.ig,
.bt-icon.ig[type='button'],
.bt-icon.ig[type='reset'],
.bt-icon.ig[type='submit'],
.sprite-common-icon-fb,
button.bt-icon.fb,
a.bt-icon.fb,
.bt-icon.fb[type='button'],
.bt-icon.fb[type='reset'],
.bt-icon.fb[type='submit'],
.sprite-common-icon-search,
button.bt-icon.search,
a.bt-icon.search,
.bt-icon.search[type='button'],
.bt-icon.search[type='reset'],
.bt-icon.search[type='submit'],
#site > header.banner .custotheme-search-form .form-actions .form-submit,
.sprite-common-icon-menu,
button.bt-icon.menu,
a.bt-icon.menu,
.bt-icon.menu[type='button'],
.bt-icon.menu[type='reset'],
.bt-icon.menu[type='submit'],
.sprite-common-icon-close-dark,
button.bt-icon.close,
a.bt-icon.close,
.bt-icon.close[type='button'],
.bt-icon.close[type='reset'],
.bt-icon.close[type='submit'],
.sprite-common-icon-arrow-right-dark,
button.bt-icon.arrow-right-dark,
a.bt-icon.arrow-right-dark,
.bt-icon.arrow-right-dark[type='button'],
.bt-icon.arrow-right-dark[type='reset'],
.bt-icon.arrow-right-dark[type='submit'],
.sprite-common-icon-arrow-left-dark,
button.bt-icon.arrow-left-dark,
a.bt-icon.arrow-left-dark,
.bt-icon.arrow-left-dark[type='button'],
.bt-icon.arrow-left-dark[type='reset'],
.bt-icon.arrow-left-dark[type='submit'],
.sprite-common-icon-arrow-bottom-dark,
#site .selectric .button,
.sprite-common-icon-arrow-right-light,
#site .custotheme-breadcrumb .breadcrumb.parent:after,
.sprite-common-icon-unexpand,
#site.page section.group-bp-part2 .faq-questions ol li dl dt.on:after,
.sprite-common-icon-expand,
#site.page section.group-bp-part2 .faq-questions ol li dl dt:after {
  background-image: url("common.png");
  background-repeat: no-repeat;
}

.sprite-common-icon-slide-arrow-right,
button.bt-icon.slide-arrow-right,
a.bt-icon.slide-arrow-right,
.bt-icon.slide-arrow-right[type='button'],
.bt-icon.slide-arrow-right[type='reset'],
.bt-icon.slide-arrow-right[type='submit'] {
  background-position: -2px -2px;
  width: 60px;
  height: 60px;
}


.sprite-common-icon-slide-arrow-left,
button.bt-icon.slide-arrow-left,
a.bt-icon.slide-arrow-left,
.bt-icon.slide-arrow-left[type='button'],
.bt-icon.slide-arrow-left[type='reset'],
.bt-icon.slide-arrow-left[type='submit'] {
  background-position: -66px -2px;
  width: 60px;
  height: 60px;
}


.sprite-common-icon-play,
button.bt-icon.play,
a.bt-icon.play,
.bt-icon.play[type='button'],
.bt-icon.play[type='reset'],
.bt-icon.play[type='submit'] {
  background-position: -2px -66px;
  width: 60px;
  height: 60px;
}


.sprite-common-icon-yt,
button.bt-icon.yt,
a.bt-icon.yt,
.bt-icon.yt[type='button'],
.bt-icon.yt[type='reset'],
.bt-icon.yt[type='submit'] {
  background-position: -66px -66px;
  width: 40px;
  height: 44px;
}


.sprite-common-icon-tw,
button.bt-icon.tw,
a.bt-icon.tw,
.bt-icon.tw[type='button'],
.bt-icon.tw[type='reset'],
.bt-icon.tw[type='submit'] {
  background-position: -130px -2px;
  width: 40px;
  height: 44px;
}


.sprite-common-icon-pt,
button.bt-icon.pt,
a.bt-icon.pt,
.bt-icon.pt[type='button'],
.bt-icon.pt[type='reset'],
.bt-icon.pt[type='submit'] {
  background-position: -130px -50px;
  width: 40px;
  height: 44px;
}


.sprite-common-icon-ig,
button.bt-icon.ig,
a.bt-icon.ig,
.bt-icon.ig[type='button'],
.bt-icon.ig[type='reset'],
.bt-icon.ig[type='submit'] {
  background-position: -174px -2px;
  width: 40px;
  height: 44px;
}


.sprite-common-icon-fb,
button.bt-icon.fb,
a.bt-icon.fb,
.bt-icon.fb[type='button'],
.bt-icon.fb[type='reset'],
.bt-icon.fb[type='submit'] {
  background-position: -174px -50px;
  width: 40px;
  height: 44px;
}


.sprite-common-icon-search,
button.bt-icon.search,
a.bt-icon.search,
.bt-icon.search[type='button'],
.bt-icon.search[type='reset'],
.bt-icon.search[type='submit'],
#site > header.banner .custotheme-search-form .form-actions .form-submit {
  background-position: -2px -130px;
  width: 36px;
  height: 36px;
}


.sprite-common-icon-menu,
button.bt-icon.menu,
a.bt-icon.menu,
.bt-icon.menu[type='button'],
.bt-icon.menu[type='reset'],
.bt-icon.menu[type='submit'] {
  background-position: -42px -130px;
  width: 36px;
  height: 36px;
}


.sprite-common-icon-close-dark,
button.bt-icon.close,
a.bt-icon.close,
.bt-icon.close[type='button'],
.bt-icon.close[type='reset'],
.bt-icon.close[type='submit'] {
  background-position: -82px -130px;
  width: 36px;
  height: 36px;
}


.sprite-common-icon-arrow-right-dark,
button.bt-icon.arrow-right-dark,
a.bt-icon.arrow-right-dark,
.bt-icon.arrow-right-dark[type='button'],
.bt-icon.arrow-right-dark[type='reset'],
.bt-icon.arrow-right-dark[type='submit'] {
  background-position: -174px -98px;
  width: 28px;
  height: 28px;
}


.sprite-common-icon-arrow-left-dark,
button.bt-icon.arrow-left-dark,
a.bt-icon.arrow-left-dark,
.bt-icon.arrow-left-dark[type='button'],
.bt-icon.arrow-left-dark[type='reset'],
.bt-icon.arrow-left-dark[type='submit'] {
  background-position: -130px -98px;
  width: 28px;
  height: 28px;
}


.sprite-common-icon-arrow-bottom-dark,
#site .selectric .button {
  background-position: -122px -130px;
  width: 28px;
  height: 28px;
}


.sprite-common-icon-arrow-right-light,
#site .custotheme-breadcrumb .breadcrumb.parent:after {
  background-position: -110px -66px;
  width: 14px;
  height: 20px;
}


.sprite-common-icon-unexpand,
#site.page section.group-bp-part2 .faq-questions ol li dl dt.on:after {
  background-position: -154px -130px;
  width: 18px;
  height: 18px;
}


.sprite-common-icon-expand,
#site.page section.group-bp-part2 .faq-questions ol li dl dt:after {
  background-position: -176px -130px;
  width: 18px;
  height: 18px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1), screen and (min--moz-device-pixel-ratio: 1), screen and (min-device-pixel-ratio: 1), screen and (min-resolution: 1dppx) {
  .sprite-common-icon-slide-arrow-right,
  button.bt-icon.slide-arrow-right,
  a.bt-icon.slide-arrow-right,
  .bt-icon.slide-arrow-right[type='button'],
  .bt-icon.slide-arrow-right[type='reset'],
  .bt-icon.slide-arrow-right[type='submit'],
  .sprite-common-icon-slide-arrow-left,
  button.bt-icon.slide-arrow-left,
  a.bt-icon.slide-arrow-left,
  .bt-icon.slide-arrow-left[type='button'],
  .bt-icon.slide-arrow-left[type='reset'],
  .bt-icon.slide-arrow-left[type='submit'],
  .sprite-common-icon-play,
  button.bt-icon.play,
  a.bt-icon.play,
  .bt-icon.play[type='button'],
  .bt-icon.play[type='reset'],
  .bt-icon.play[type='submit'],
  .sprite-common-icon-yt,
  button.bt-icon.yt,
  a.bt-icon.yt,
  .bt-icon.yt[type='button'],
  .bt-icon.yt[type='reset'],
  .bt-icon.yt[type='submit'],
  .sprite-common-icon-tw,
  button.bt-icon.tw,
  a.bt-icon.tw,
  .bt-icon.tw[type='button'],
  .bt-icon.tw[type='reset'],
  .bt-icon.tw[type='submit'],
  .sprite-common-icon-pt,
  button.bt-icon.pt,
  a.bt-icon.pt,
  .bt-icon.pt[type='button'],
  .bt-icon.pt[type='reset'],
  .bt-icon.pt[type='submit'],
  .sprite-common-icon-ig,
  button.bt-icon.ig,
  a.bt-icon.ig,
  .bt-icon.ig[type='button'],
  .bt-icon.ig[type='reset'],
  .bt-icon.ig[type='submit'],
  .sprite-common-icon-fb,
  button.bt-icon.fb,
  a.bt-icon.fb,
  .bt-icon.fb[type='button'],
  .bt-icon.fb[type='reset'],
  .bt-icon.fb[type='submit'],
  .sprite-common-icon-search,
  button.bt-icon.search,
  a.bt-icon.search,
  .bt-icon.search[type='button'],
  .bt-icon.search[type='reset'],
  .bt-icon.search[type='submit'],
  #site > header.banner .custotheme-search-form .form-actions .form-submit,
  .sprite-common-icon-menu,
  button.bt-icon.menu,
  a.bt-icon.menu,
  .bt-icon.menu[type='button'],
  .bt-icon.menu[type='reset'],
  .bt-icon.menu[type='submit'],
  .sprite-common-icon-close-dark,
  button.bt-icon.close,
  a.bt-icon.close,
  .bt-icon.close[type='button'],
  .bt-icon.close[type='reset'],
  .bt-icon.close[type='submit'],
  .sprite-common-icon-arrow-right-dark,
  button.bt-icon.arrow-right-dark,
  a.bt-icon.arrow-right-dark,
  .bt-icon.arrow-right-dark[type='button'],
  .bt-icon.arrow-right-dark[type='reset'],
  .bt-icon.arrow-right-dark[type='submit'],
  .sprite-common-icon-arrow-left-dark,
  button.bt-icon.arrow-left-dark,
  a.bt-icon.arrow-left-dark,
  .bt-icon.arrow-left-dark[type='button'],
  .bt-icon.arrow-left-dark[type='reset'],
  .bt-icon.arrow-left-dark[type='submit'],
  .sprite-common-icon-arrow-bottom-dark,
  #site .selectric .button,
  .sprite-common-icon-arrow-right-light,
  #site .custotheme-breadcrumb .breadcrumb.parent:after,
  .sprite-common-icon-unexpand,
  #site.page section.group-bp-part2 .faq-questions ol li dl dt.on:after,
  .sprite-common-icon-expand,
  #site.page section.group-bp-part2 .faq-questions ol li dl dt:after {
    background-image: url("common.png");
    background-size: 216px 168px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  .sprite-common-icon-slide-arrow-right,
  button.bt-icon.slide-arrow-right,
  a.bt-icon.slide-arrow-right,
  .bt-icon.slide-arrow-right[type='button'],
  .bt-icon.slide-arrow-right[type='reset'],
  .bt-icon.slide-arrow-right[type='submit'],
  .sprite-common-icon-slide-arrow-left,
  button.bt-icon.slide-arrow-left,
  a.bt-icon.slide-arrow-left,
  .bt-icon.slide-arrow-left[type='button'],
  .bt-icon.slide-arrow-left[type='reset'],
  .bt-icon.slide-arrow-left[type='submit'],
  .sprite-common-icon-play,
  button.bt-icon.play,
  a.bt-icon.play,
  .bt-icon.play[type='button'],
  .bt-icon.play[type='reset'],
  .bt-icon.play[type='submit'],
  .sprite-common-icon-yt,
  button.bt-icon.yt,
  a.bt-icon.yt,
  .bt-icon.yt[type='button'],
  .bt-icon.yt[type='reset'],
  .bt-icon.yt[type='submit'],
  .sprite-common-icon-tw,
  button.bt-icon.tw,
  a.bt-icon.tw,
  .bt-icon.tw[type='button'],
  .bt-icon.tw[type='reset'],
  .bt-icon.tw[type='submit'],
  .sprite-common-icon-pt,
  button.bt-icon.pt,
  a.bt-icon.pt,
  .bt-icon.pt[type='button'],
  .bt-icon.pt[type='reset'],
  .bt-icon.pt[type='submit'],
  .sprite-common-icon-ig,
  button.bt-icon.ig,
  a.bt-icon.ig,
  .bt-icon.ig[type='button'],
  .bt-icon.ig[type='reset'],
  .bt-icon.ig[type='submit'],
  .sprite-common-icon-fb,
  button.bt-icon.fb,
  a.bt-icon.fb,
  .bt-icon.fb[type='button'],
  .bt-icon.fb[type='reset'],
  .bt-icon.fb[type='submit'],
  .sprite-common-icon-search,
  button.bt-icon.search,
  a.bt-icon.search,
  .bt-icon.search[type='button'],
  .bt-icon.search[type='reset'],
  .bt-icon.search[type='submit'],
  #site > header.banner .custotheme-search-form .form-actions .form-submit,
  .sprite-common-icon-menu,
  button.bt-icon.menu,
  a.bt-icon.menu,
  .bt-icon.menu[type='button'],
  .bt-icon.menu[type='reset'],
  .bt-icon.menu[type='submit'],
  .sprite-common-icon-close-dark,
  button.bt-icon.close,
  a.bt-icon.close,
  .bt-icon.close[type='button'],
  .bt-icon.close[type='reset'],
  .bt-icon.close[type='submit'],
  .sprite-common-icon-arrow-right-dark,
  button.bt-icon.arrow-right-dark,
  a.bt-icon.arrow-right-dark,
  .bt-icon.arrow-right-dark[type='button'],
  .bt-icon.arrow-right-dark[type='reset'],
  .bt-icon.arrow-right-dark[type='submit'],
  .sprite-common-icon-arrow-left-dark,
  button.bt-icon.arrow-left-dark,
  a.bt-icon.arrow-left-dark,
  .bt-icon.arrow-left-dark[type='button'],
  .bt-icon.arrow-left-dark[type='reset'],
  .bt-icon.arrow-left-dark[type='submit'],
  .sprite-common-icon-arrow-bottom-dark,
  #site .selectric .button,
  .sprite-common-icon-arrow-right-light,
  #site .custotheme-breadcrumb .breadcrumb.parent:after,
  .sprite-common-icon-unexpand,
  #site.page section.group-bp-part2 .faq-questions ol li dl dt.on:after,
  .sprite-common-icon-expand,
  #site.page section.group-bp-part2 .faq-questions ol li dl dt:after {
    background-image: url("common@2x.png");
    background-size: 216px 168px;
  }
}
.title-holder span[style] {
  font-size:16px !important;
}
.product-teaser .description {
    text-transform: lowercase !important;
}
@media (min-width: 768px) and (max-width: 1200px) {
    #site.page_gamme section.group-pg-part1 .contents-holder {
        position: static !important;
        right: 0;
        top: 0;
        width: 100%;
        height: auto !important;
        padding: 20px;
    }

    #site.page_gamme section.group-pg-part1 .field-name-field-pg-head-img1 {
        width: 100%;
    }

    #site.page_gamme section.group-pg-part1 {
        height: auto !important;
    }
}
#site.page_gamme section.group-pg-part1 {
    height: auto !important;
}
@media (min-width: 1201px){
    #site.page_gamme section.group-pg-part1 .contents-holder{
        height: 100% !important;
    }
}