@charset "UTF-8";
/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* imports
  - compass
  - base top
  - theme
  - components
  - layout
  - base bottom

* development
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #imports
    -------------------------------------------------- */
/*! --------------------------------------------------
* 
*   TABLE OF CONTENTS
*
*   Fonts
*   Colors
*   Measurement
*   Breakpoints
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    Fonts
    -------------------------------------------------- */
/*! --------------------------------------------------
    Colors
    -------------------------------------------------- */
/*! --------------------------------------------------
    Measurement
    -------------------------------------------------- */
/*! --------------------------------------------------
    Breakpoints
    -------------------------------------------------- */
/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* reset list styles
* hide text
* align
* grid
* justify table
* box sizing
* REM
* opacity
* vendor prefixing
* set max width
* responsive video
* animate prefixer
* generate keyframes animations
* retina Backgrounds
* set media queries
* clearfix
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #reset list styles
    -------------------------------------------------- */
/*! --------------------------------------------------
    #hide text
    -------------------------------------------------- */
/*! --------------------------------------------------
    #align - It works straight out of the box, until IE9
    -------------------------------------------------- */
/*! --------------------------------------------------
    #grid -- @include grid(".list-item", 5%, 4, 3, 2, 1 );
    @include grid("element", margin, xl-cols, l-cols, m-cols, s-cols );
    -------------------------------------------------- */
/*! --------------------------------------------------
    #justify table
    -------------------------------------------------- */
/*! --------------------------------------------------
    #box sizing
    The box-sizing property allows you to define certain elements to fit an area in a certain way
    Values: content-box - border-box - initial - inherit
    -------------------------------------------------- */
/*! --------------------------------------------------
    #REM font size
    @include font-size(size);
    -------------------------------------------------- */
/*! --------------------------------------------------
    #opacity
    This mixin ensures cross browser opacity all the way down to Internet Explorer 5
    @include opacity(0.8);
    -------------------------------------------------- */
/*! --------------------------------------------------
    #vendor prefixing
    -------------------------------------------------- */
/*! --------------------------------------------------
    #set max width
    -------------------------------------------------- */
/*! --------------------------------------------------
    #responsive video - @include responsiveVideo(iframe); or @include responsiveVideo(iframe, 16, 9);
    -------------------------------------------------- */
/*! --------------------------------------------------
    #animate prefixer
    
    .fadeIn {
      @include animate-prefixer(animation, 'fadeIn');
    } 

    -------------------------------------------------- */
/*! --------------------------------------------------
    #generate keyframes animations
    
    .fadeIn {
      @include animate-prefixer(animation, fadeIn);
    }

    @include animate-keyframe(fadeIn) {
      0% {opacity: 0;}
      100% {opacity: 1;}
    }  

    -------------------------------------------------- */
/*! --------------------------------------------------
    #retina Backgrounds
    Usage:
    1. create background image for pixel ratio 1 screens and put it somewhere in your images folder.
    2. create background image for pixel ratio 2 screens and put it somewhere in your images folder.
    3. include the background-image property in your Sass/Scss using: '@include background-retina(<ratio-1-imagefile>, <ratio-2-imagefile>)'
 */
/*! --------------------------------------------------
    #set media queries
    @include MQ(min, max);
    @include MQ(variable);
    -------------------------------------------------- */
/*! --------------------------------------------------
    #clearfix
    -------------------------------------------------- */
/*! --------------------------------------------------
* 
*   MIXINS
*   TABLE OF CONTENTS
*
*   android highlight color
*   buttons
*   arrow buttons

*  	explore bounce

*	taxonomy term block

*	break-word
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #android highlight color
    -------------------------------------------------- */
/*! --------------------------------------------------
    #buttons
    -------------------------------------------------- */
/* btnBasic */
/*! --------------------------------------------------
    #main page headers
    -------------------------------------------------- */
/*! --------------------------------------------------
    #arrow buttons
    -------------------------------------------------- */
/* btnArrow */
/*! --------------------------------------------------
    #explore bounce
    -------------------------------------------------- */
/* .field-name-kimberleyprocess-custom-homepage-slideshow-explore */
/*! --------------------------------------------------
    #taxonomy term block
    -------------------------------------------------- */
/*! --------------------------------------------------
    #break word
    -------------------------------------------------- */
/*! --------------------------------------------------
* 
*   TABLE OF CONTENTS
*
*   basictheme font icons
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #basictheme font icons
    -------------------------------------------------- */
@font-face {
  font-family: "basictheme";
  src: url('../fonts/basictheme/basictheme.eot?1533886805');
  src: url('../fonts/basictheme/basictheme.eot?&1533886805#iefix') format("embedded-opentype"), url('../fonts/basictheme/basictheme.woff?1533886805') format("woff"), url('../fonts/basictheme/basictheme.ttf?1533886805') format("truetype"), url('../fonts/basictheme/basictheme.svg?1533886805#basictheme') format("svg");
  font-weight: normal;
  font-style: normal;
}
/*! --------------------------------------------------
* 
*   TABLE OF CONTENTS
*
*   basic font-icon styles
*   icons
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #basic font-icon styles
    -------------------------------------------------- */
/*! --------------------------------------------------
    #icons
    -------------------------------------------------- */
/*! --------------------------------------------------
* 
*   EXTENDS
*   TABLE OF CONTENTS
*
*   buttons
*   text content
*
* -------------------------------------------------- */
/*! --------------------------------------------------
	#buttons
	-------------------------------------------------- */
.field.field-name-kimberleyprocess-custom-homepage-slideshow-explore.field-type-ds.field-label-hidden {
        z-index: 99999999;
    cursor: pointer !important;
    position: relative !important;
    bottom: -15% !important;
}
.form-submit {
  padding: 15px 12px 15px 12px;
  border: 1px solid #363636;
  background: #363636;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
}
.form-submit:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
ul.menu li.last:nth-child(7) ul li:last-of-type {
    display: none;
}
.pager.pager-load-more a, #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-links a, .btn-primary, .node-landing-page .mid-term-content-wrapper .file-document .kimberleyprocess-custom-file-download-link, .page-meeting-practical .field-name-field-pi-link a, .page-meeting-message .content-right a.add-manager, .page-meeting-invitations .views-field-nothing a {
  padding: 15px 12px 15px 12px;
  border: 1px solid #363636;
  background: #363636;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
}
.pager.pager-load-more a:hover, #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-links a:hover, .btn-primary:hover, .node-landing-page .mid-term-content-wrapper .file-document .kimberleyprocess-custom-file-download-link:hover, .page-meeting-practical .field-name-field-pi-link a:hover, .page-meeting-message .content-right a.add-manager:hover, .page-meeting-invitations .views-field-nothing a:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.node-document-pdf.node-teaser .kimberleyprocess-custom-file-download-link, .node-document.node-teaser .kimberleyprocess-custom-file-download-link, .node-meeting-download.node-teaser .kimberleyprocess-custom-file-download-link, .node-type-meeting .xls-download-button, .page-meeting-agenda .tabs + a {
  padding: 15px 12px 15px 12px;
  border: 1px solid #24387f;
  background: #24387f;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
}
.node-document-pdf.node-teaser .kimberleyprocess-custom-file-download-link:hover, .node-document.node-teaser .kimberleyprocess-custom-file-download-link:hover, .node-meeting-download.node-teaser .kimberleyprocess-custom-file-download-link:hover, .node-type-meeting .xls-download-button:hover, .page-meeting-agenda .tabs + a:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.newsletter-twitter .newsletter .form-actions .form-submit {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ef881a;
  background: #ef881a;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
}
.newsletter-twitter .newsletter .form-actions .form-submit:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/*! --------------------------------------------------
	#text content
	-------------------------------------------------- */
.page-node.node-type-news-item .node-news-item .group_content_zone, .page-node.node-type-event .node-event .group_content_zone, .node-blog-item.view-mode-full .field-name-field-main-text, .node-links-nodeblock .field-item, .node-page .field-name-field-main-text, .node-page .node-event, .page-node .field-name-field-main-text, .page-node .node-event {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}
.page-node.node-type-news-item .node-news-item .group_content_zone p, .page-node.node-type-event .node-event .group_content_zone p, .node-blog-item.view-mode-full .field-name-field-main-text p, .node-links-nodeblock .field-item p, .node-page .field-name-field-main-text p, .node-page .node-event p, .page-node .field-name-field-main-text p, .page-node .node-event p {
  font-size: 1em;
  margin-bottom: 1em;
}
.page-node.node-type-news-item .node-news-item .group_content_zone p:last-child, .page-node.node-type-event .node-event .group_content_zone p:last-child, .node-blog-item.view-mode-full .field-name-field-main-text p:last-child, .node-links-nodeblock .field-item p:last-child, .node-page .field-name-field-main-text p:last-child, .node-page .node-event p:last-child, .page-node .field-name-field-main-text p:last-child, .page-node .node-event p:last-child {
  margin-bottom: 0;
}
.page-node.node-type-news-item .node-news-item .group_content_zone h1, .page-node.node-type-event .node-event .group_content_zone h1, .node-blog-item.view-mode-full .field-name-field-main-text h1, .node-links-nodeblock .field-item h1, .node-page .field-name-field-main-text h1, .node-page .node-event h1, .page-node .field-name-field-main-text h1, .page-node .node-event h1 {
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 34px;
}
.page-node.node-type-news-item .node-news-item .group_content_zone h2 a:not([href]), .page-node.node-type-event .node-event .group_content_zone h2 a:not([href]), .node-blog-item.view-mode-full .field-name-field-main-text h2 a:not([href]), .node-links-nodeblock .field-item h2 a:not([href]), .node-page .field-name-field-main-text h2 a:not([href]), .node-page .node-event h2 a:not([href]), .page-node .field-name-field-main-text h2 a:not([href]), .page-node .node-event h2 a:not([href]), .page-node.node-type-news-item .node-news-item .group_content_zone h3 a:not([href]), .page-node.node-type-event .node-event .group_content_zone h3 a:not([href]), .node-blog-item.view-mode-full .field-name-field-main-text h3 a:not([href]), .node-links-nodeblock .field-item h3 a:not([href]), .node-page .field-name-field-main-text h3 a:not([href]), .node-page .node-event h3 a:not([href]), .page-node .field-name-field-main-text h3 a:not([href]), .page-node .node-event h3 a:not([href]) {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.page-node.node-type-news-item .node-news-item .group_content_zone p + h1, .page-node.node-type-event .node-event .group_content_zone p + h1, .node-blog-item.view-mode-full .field-name-field-main-text p + h1, .node-links-nodeblock .field-item p + h1, .node-page .field-name-field-main-text p + h1, .node-page .node-event p + h1, .page-node .field-name-field-main-text p + h1, .page-node .node-event p + h1 {
  margin-top: 68px;
}
.page-node.node-type-news-item .node-news-item .group_content_zone p + h2, .page-node.node-type-event .node-event .group_content_zone p + h2, .node-blog-item.view-mode-full .field-name-field-main-text p + h2, .node-links-nodeblock .field-item p + h2, .node-page .field-name-field-main-text p + h2, .node-page .node-event p + h2, .page-node .field-name-field-main-text p + h2, .page-node .node-event p + h2 {
  margin-top: 68px;
}
.page-node.node-type-news-item .node-news-item .group_content_zone p + h3, .page-node.node-type-event .node-event .group_content_zone p + h3, .node-blog-item.view-mode-full .field-name-field-main-text p + h3, .node-links-nodeblock .field-item p + h3, .node-page .field-name-field-main-text p + h3, .node-page .node-event p + h3, .page-node .field-name-field-main-text p + h3, .page-node .node-event p + h3,
.page-node.node-type-news-item .node-news-item .group_content_zone p + h4,
.page-node.node-type-event .node-event .group_content_zone p + h4,
.node-blog-item.view-mode-full .field-name-field-main-text p + h4,
.node-links-nodeblock .field-item p + h4,
.node-page .field-name-field-main-text p + h4,
.node-page .node-event p + h4,
.page-node .field-name-field-main-text p + h4,
.page-node .node-event p + h4,
.page-node.node-type-news-item .node-news-item .group_content_zone p + h5,
.page-node.node-type-event .node-event .group_content_zone p + h5,
.node-blog-item.view-mode-full .field-name-field-main-text p + h5,
.node-links-nodeblock .field-item p + h5,
.node-page .field-name-field-main-text p + h5,
.node-page .node-event p + h5,
.page-node .field-name-field-main-text p + h5,
.page-node .node-event p + h5,
.page-node.node-type-news-item .node-news-item .group_content_zone p + h6,
.page-node.node-type-event .node-event .group_content_zone p + h6,
.node-blog-item.view-mode-full .field-name-field-main-text p + h6,
.node-links-nodeblock .field-item p + h6,
.node-page .field-name-field-main-text p + h6,
.node-page .node-event p + h6,
.page-node .field-name-field-main-text p + h6,
.page-node .node-event p + h6 {
  margin-top: 2em;
}
.page-node.node-type-news-item .node-news-item .group_content_zone a, .page-node.node-type-event .node-event .group_content_zone a, .node-blog-item.view-mode-full .field-name-field-main-text a, .node-links-nodeblock .field-item a, .node-page .field-name-field-main-text a, .node-page .node-event a, .page-node .field-name-field-main-text a, .page-node .node-event a {
  color: #337ab7;
  text-decoration: none;
}
.page-node.node-type-news-item .node-news-item .group_content_zone a:hover, .page-node.node-type-event .node-event .group_content_zone a:hover, .node-blog-item.view-mode-full .field-name-field-main-text a:hover, .node-links-nodeblock .field-item a:hover, .node-page .field-name-field-main-text a:hover, .node-page .node-event a:hover, .page-node .field-name-field-main-text a:hover, .page-node .node-event a:hover, .page-node.node-type-news-item .node-news-item .group_content_zone a:focus, .page-node.node-type-event .node-event .group_content_zone a:focus, .node-blog-item.view-mode-full .field-name-field-main-text a:focus, .node-links-nodeblock .field-item a:focus, .node-page .field-name-field-main-text a:focus, .node-page .node-event a:focus, .page-node .field-name-field-main-text a:focus, .page-node .node-event a:focus {
  color: #23527c;
  text-decoration: underline;
}
.page-node.node-type-news-item .node-news-item .group_content_zone ul, .page-node.node-type-event .node-event .group_content_zone ul, .node-blog-item.view-mode-full .field-name-field-main-text ul, .node-links-nodeblock .field-item ul, .node-page .field-name-field-main-text ul, .node-page .node-event ul, .page-node .field-name-field-main-text ul, .page-node .node-event ul,
.page-node.node-type-news-item .node-news-item .group_content_zone ol,
.page-node.node-type-event .node-event .group_content_zone ol,
.node-blog-item.view-mode-full .field-name-field-main-text ol,
.node-links-nodeblock .field-item ol,
.node-page .field-name-field-main-text ol,
.node-page .node-event ol,
.page-node .field-name-field-main-text ol,
.page-node .node-event ol {
  margin: 1em 0;
  margin-left: 1.5em;
  list-style: outside;
}
.page-node.node-type-news-item .node-news-item .group_content_zone ul, .page-node.node-type-event .node-event .group_content_zone ul, .node-blog-item.view-mode-full .field-name-field-main-text ul, .node-links-nodeblock .field-item ul, .node-page .field-name-field-main-text ul, .node-page .node-event ul, .page-node .field-name-field-main-text ul, .page-node .node-event ul {
  list-style-type: disc;
}
.page-node.node-type-news-item .node-news-item .group_content_zone ol, .page-node.node-type-event .node-event .group_content_zone ol, .node-blog-item.view-mode-full .field-name-field-main-text ol, .node-links-nodeblock .field-item ol, .node-page .field-name-field-main-text ol, .node-page .node-event ol, .page-node .field-name-field-main-text ol, .page-node .node-event ol {
  list-style-type: decimal;
}
.page-node.node-type-news-item .node-news-item .group_content_zone blockquote, .page-node.node-type-event .node-event .group_content_zone blockquote, .node-blog-item.view-mode-full .field-name-field-main-text blockquote, .node-links-nodeblock .field-item blockquote, .node-page .field-name-field-main-text blockquote, .node-page .node-event blockquote, .page-node .field-name-field-main-text blockquote, .page-node .node-event blockquote {
  margin-left: 1em;
  margin-bottom: 1em;
}

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

/* 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 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

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

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

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

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

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

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #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;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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;
}

/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/*! --------------------------------------------------
*   
*   BASIC STYLES
*   TABLE OF CONTENTS
*
*   global styles
*   field collection items reset
*   admin tabs
*   error forms & messages
*   IE10
*   admin menu
*   development
*
*   -------------------------------------------------- */
/*  -----------------------------------------------------
    #global styles
    -------------------------------------------------- */
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

iframe {
  border: none;
}

table {
  width: 100%;
  max-width: 100%;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.item-list ul,
.item-list ul li {
  margin: 0;
  padding: 0;
}

.user-profile h3 {
  margin-top: 20px;
  font-size: 16px;
  font-size: 1rem;
}

/*  --------------------------------------------------
    #field collection items reset
    -------------------------------------------------- */
/* global style */
.field-collection-view,
.field-collection-container .field-items .field-item,
.field-collection-container {
  border: 0;
  padding: 0;
  margin: 0;
}

ul.field-collection-view-links li a {
  margin: 0px 5px;
}

/* add button */
.field-collection-container ul.action-links-field-collection-add {
  float: none;
  margin: 0;
  padding: 0;
}
.field-collection-container ul.action-links-field-collection-add li {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 5px;
}
.field-collection-container ul.action-links-field-collection-add li a {
  display: inline-block;
  padding: 15px 12px 15px 12px;
  color: #ffffff;
  background: #000000;
  border: 1px solid #000000;
}
.field-collection-container ul.action-links-field-collection-add li a:hover {
  background: #ef881a;
}
.node-homepage .field-collection-container ul.action-links-field-collection-add {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 5px;
}

/*  --------------------------------------------------
	#media queries
	-------------------------------------------------- */
body:after {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  body:after {
    content: 'xl';
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  body:after {
    content: 'l';
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  body:after {
    content: 'm';
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  body:after {
    content: 's';
  }
}

body:before {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  body:before {
    content: 'menu';
  }
}

/*  -----------------------------------------------------
    #IE10
    ignores the meta viewport tag for any viewport smaller than 400 pixels in width.
    To get IE10 in snap mode to play nicely we use this CSS Device Adaptation.
    source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design
	-------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
/*  --------------------------------------------------
    #admin tabs
    -------------------------------------------------- */
.admin-button-wrapper {
  margin-top: 100px;
  position: relative;
  margin-bottom: 50px;
  width: 100%;
  text-align: center;
}

ul.tabs.primary {
  *zoom: 1;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 100;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
ul.tabs.primary:before, ul.tabs.primary:after {
  content: " ";
  display: table;
}
ul.tabs.primary:after {
  clear: both;
}
ul.tabs.primary li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  ul.tabs.primary {
    border-bottom: none;
  }
}
ul.tabs.primary li {
  display: block;
  position: relative;
  float: left;
  margin-bottom: -1px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  ul.tabs.primary li {
    margin-bottom: 2px;
  }
}
ul.tabs.primary li a {
  display: block;
  position: relative;
  margin-right: 2px;
  padding: 10px 15px;
  background: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  ul.tabs.primary li a {
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}
ul.tabs.primary li a:hover {
  color: #555;
}
ul.tabs.primary li.active a {
  color: #555;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid transparent !important;
  cursor: default;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  ul.tabs.primary li.active a {
    background: #eee;
    border-bottom: 1px solid #ddd !important;
  }
}

/*  -----------------------------------------------------
    #error forms & messages
    -------------------------------------------------- */
#messages-wrap {
  position: relative;
  z-index: 500;
}

div.messages {
  width: auto;
  padding: 12px 2% 12px 2%;
  margin: 0;
  border: 0;
  background-image: none;
  text-align: center;
}
div.messages.status {
  background-color: #8dc63f;
  color: #ffffff;
}
div.messages.error {
  background-color: #e45959;
  color: #ffffff;
}
div.messages a, div.messages a:link, div.messages a:visited, div.messages a:active {
  color: #ffffff;
  text-decoration: underline;
}

/* div.messages */
/*  -----------------------------------------------------
    #admin menu
    -------------------------------------------------- */
#admin-menu {
  margin: 0px;
  box-shadow: none;
}

.btn.btn-admin {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ef881a;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #363636;
  border-color: #ffffff;
  font-size: 15px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
  background-color: #363636;
  color: #ffffff;
  border-color: #363636;
}
.btn.btn-admin:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn.btn-admin span {
  color: #363636;
}
.btn.btn-admin:hover span {
  color: #ffffff;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn.btn-admin span {
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
}

.action-links-field-collection-add {
  position: relative;
  z-index: 9999;
}

/*!  --------------------------------------------------
    #development
    -------------------------------------------------- */
#toolbar {
  box-shadow: none;
}

#block-locale-language .contextual-links-wrapper {
  display: none;
}

#l10n-client.hidden {
  display: block;
  visibility: visible;
}

/*! --------------------------------------------------
    Example
    -------------------------------------------------- */
/*! --------------------------------------------------
    Variables
    -------------------------------------------------- */
/*! --------------------------------------------------
    Sidebar nav
    -------------------------------------------------- */
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
	body.page-node-25524  div#main-top {
				background: url(https://www.kimberleyprocess.com/sites/www.kimberleyprocess.com/files/c3prm38wmaazpui.jpeg) center left / cover no-repeat;
    padding: 355px 0 30px 0;
}
	body.page-node-25524 div#main-top:before {
    content: " ";
    background-color: #00000052;
    width: 100%;
    height: 455px;
    position: absolute;
    min-height: 465px;
    top: 0;
    z-index: 0;
    left: 0;
}
  #container {
    position: relative;
    right: 0;
    -moz-transition: right 0.35s ease 0s;
    -o-transition: right 0.35s ease 0s;
    -webkit-transition: right 0.35s ease;
    -webkit-transition-delay: 0s;
    transition: right 0.35s ease 0s;
  }
  #container:before {
    content: " ";
    position: fixed;
    z-index: 700;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  [data-role="responsive-aside"] {
    position: fixed;
    z-index: 800;
    background: #24387f;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.35s ease 0s;
  }
  [data-role="responsive-aside"].position-top {
    top: 0;
    left: 0;
    width: 100%;
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  [data-role="responsive-aside"].position-left {
    top: 0;
    left: 0;
    width: 95%;
    max-width: 100%;
    height: 100%;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  [data-role="responsive-aside"].position-right {
    top: 0;
    right: 0;
    width: 95%;
    max-width: 100%;
    height: 100%;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  [data-role="responsive-aside"].position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  html.show-sidebar-nav, html.show-sidebar-nav body {
    overflow: hidden;
    height: 100%;
  }
  html.show-sidebar-nav #container {
    position: relative;
    right: 95%;
  }
  html.show-sidebar-nav [data-role="responsive-aside"] {
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
}
/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* breadcrumb
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #breadcrumb
    -------------------------------------------------- */
#breadcrumb {
  width: 1100px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin: 40px auto 50px auto;
  padding: 0 20px;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #breadcrumb {
    padding: 0;
  }
}
#breadcrumb ul {
  margin: 0;
  padding: 0;
}
#breadcrumb ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#breadcrumb ul li {
  position: relative;
  display: inline-block;
  margin-right: 9px;
  padding-right: 14px;
  color: #ababab;
  line-height: 1.2;
  text-transform: uppercase;
}
#breadcrumb ul li:after {
  content: "/";
  position: absolute;
  top: -1px;
  right: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #ccc;
}
#breadcrumb ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}
#breadcrumb ul li:last-child:after {
  display: none;
}
#breadcrumb ul li a {
  display: inline-block;
  color: #ababab;
}

/** --------------------------------------------------
* 
*   SIDEBARS
*
*   TABLE OF CONTENTS
*   general
*
* -------------------------------------------------- */
/** --------------------------------------------------
*   #general
*   -------------------------------------------------- */
.region-sidebar-first,
.region-sidebar-first .sidebar-toggle-block {
  /* menu toggle */
  /* *********** */
}
.region-sidebar-first > .block-views,
.region-sidebar-first .sidebar-toggle-block > .block-views {
  padding: 20px;
  background: #f0f0f0;
}
.region-sidebar-first > .block-views h2,
.region-sidebar-first .sidebar-toggle-block > .block-views h2 {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 2px solid #dcdcdc;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.region-sidebar-first > .block-views.sidebar-documents-filter,
.region-sidebar-first .sidebar-toggle-block > .block-views.sidebar-documents-filter {
  background: #363636;
  color: #ffffff;
}
.region-sidebar-first > .block-views.sidebar-documents-filter h2,
.region-sidebar-first .sidebar-toggle-block > .block-views.sidebar-documents-filter h2 {
  margin-top: 10px;
  border-bottom: 2px solid #4a4a4a;
  color: #ffffff;
}
.region-sidebar-first > .block-menu,
.region-sidebar-first > .block-menu-block,
.region-sidebar-first .sidebar-toggle-block > .block-menu,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block {
  padding: 20px;
  background: #f0f0f0;
}
.region-sidebar-first > .block-menu ul.menu,
.region-sidebar-first > .block-menu-block ul.menu,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu {
  margin: 0;
  padding: 0;
}
.region-sidebar-first > .block-menu ul.menu li,
.region-sidebar-first > .block-menu-block ul.menu li,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.region-sidebar-first > .block-menu ul.menu li,
.region-sidebar-first > .block-menu-block ul.menu li,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li {
  margin-bottom: 10px;
  list-style: none;
}
.region-sidebar-first > .block-menu ul.menu li.last,
.region-sidebar-first > .block-menu-block ul.menu li.last,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li.last,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li.last {
  margin-bottom: 0;
}
.region-sidebar-first > .block-menu ul.menu li:before,
.region-sidebar-first > .block-menu-block ul.menu li:before,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li:before,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li:before {
  content: '- ';
}
.region-sidebar-first > .block-menu ul.menu li a,
.region-sidebar-first > .block-menu-block ul.menu li a,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li a,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li a {
  color: #363636;
}
.region-sidebar-first > .block-menu ul.menu li a.active,
.region-sidebar-first > .block-menu-block ul.menu li a.active,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li a.active,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li a.active {
  font-weight: 600;
}
.region-sidebar-first > .block-menu ul.menu li.collapsed,
.region-sidebar-first > .block-menu-block ul.menu li.collapsed,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li.collapsed,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li.collapsed {
  margin-bottom: 10px;
}
.region-sidebar-first > .block-menu ul.menu li.collapsed a,
.region-sidebar-first > .block-menu-block ul.menu li.collapsed a,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li.collapsed a,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li.collapsed a {
  color: #363636;
}
.region-sidebar-first > .block-menu ul.menu li.expanded ul,
.region-sidebar-first > .block-menu-block ul.menu li.expanded ul,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li.expanded ul,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li.expanded ul {
  margin-top: 10px;
}
.region-sidebar-first > .block-menu ul.menu li.expanded ul li,
.region-sidebar-first > .block-menu-block ul.menu li.expanded ul li,
.region-sidebar-first .sidebar-toggle-block > .block-menu ul.menu li.expanded ul li,
.region-sidebar-first .sidebar-toggle-block > .block-menu-block ul.menu li.expanded ul li {
  padding-left: 20px;
}
.region-sidebar-first .sidebar-toggle-button,
.region-sidebar-first .sidebar-toggle-block .sidebar-toggle-button {
  display: none;
  width: 100%;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 20px;
  padding-right: 60px;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.42857;
  letter-spacing: 1px;
  color: #363636;
  background-color: #f0f0f0;
  background-image: url('../images/distribution/icons-mini/arrow-down--black.svg?1584088102');
  background-position: top 26px right 20px;
  background-size: 15px auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .region-sidebar-first .sidebar-toggle-button,
  .region-sidebar-first .sidebar-toggle-block .sidebar-toggle-button {
    display: block;
  }
}
.region-sidebar-first .sidebar-toggle-button:hover, .region-sidebar-first .sidebar-toggle-button:focus,
.region-sidebar-first .sidebar-toggle-block .sidebar-toggle-button:hover,
.region-sidebar-first .sidebar-toggle-block .sidebar-toggle-button:focus {
  text-decoration: underline;
  outline: none;
}
.region-sidebar-first .sidebar-toggle-button.js-open,
.region-sidebar-first .sidebar-toggle-block .sidebar-toggle-button.js-open {
  text-decoration: none;
  background-image: url('../images/distribution/icons-mini/arrow-up--black.svg?1584088104');
}
.region-sidebar-first .sidebar-toggle-block,
.region-sidebar-first .sidebar-toggle-block .sidebar-toggle-block {
  display: block;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .region-sidebar-first .sidebar-toggle-block,
  .region-sidebar-first .sidebar-toggle-block .sidebar-toggle-block {
    display: none;
    border-top: 1px solid #ababab;
  }
  .region-sidebar-first .sidebar-toggle-block.js-active,
  .region-sidebar-first .sidebar-toggle-block .sidebar-toggle-block.js-active {
    display: block;
  }
}

/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* pager
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #pager
    -------------------------------------------------- */
.pager {
  text-align: center;
}
.item-list .pager {
  margin: 20px 0;
}
.pager li {
  display: inline;
}
.pager.pager-load-more {
  position: relative;
}
.pager.pager-load-more a {
  display: inline-block;
  height: 53px;
  position: relative;
  padding-right: 22px;
  font-size: 15px;
  font-size: 0.9375rem;
}
.pager.pager-load-more a:hover {
  text-decoration: none;
}

.view-faq .pager.pager-load-more,
.view-documents .pager.pager-load-more,
.view-search-api-documents .pager.pager-load-more,
.view-news-view-recent- .pager.pager-load-more,
.view-blog-view-recent- .pager.pager-load-more {
  position: relative;
}
.view-faq .pager.pager-load-more a:after,
.view-documents .pager.pager-load-more a:after,
.view-search-api-documents .pager.pager-load-more a:after,
.view-news-view-recent- .pager.pager-load-more a:after,
.view-blog-view-recent- .pager.pager-load-more a:after {
  content: '+';
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 8px;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.0625rem;
}
.view-faq .pager.pager-load-more .progress-disabled,
.view-documents .pager.pager-load-more .progress-disabled,
.view-search-api-documents .pager.pager-load-more .progress-disabled,
.view-news-view-recent- .pager.pager-load-more .progress-disabled,
.view-blog-view-recent- .pager.pager-load-more .progress-disabled {
  float: none;
  display: inline;
}
.view-faq .pager.pager-load-more .ajax-progress,
.view-documents .pager.pager-load-more .ajax-progress,
.view-search-api-documents .pager.pager-load-more .ajax-progress,
.view-news-view-recent- .pager.pager-load-more .ajax-progress,
.view-blog-view-recent- .pager.pager-load-more .ajax-progress {
  float: none;
  display: inline;
  position: relative;
}
.view-faq .pager.pager-load-more .ajax-progress .throbber,
.view-documents .pager.pager-load-more .ajax-progress .throbber,
.view-search-api-documents .pager.pager-load-more .ajax-progress .throbber,
.view-news-view-recent- .pager.pager-load-more .ajax-progress .throbber,
.view-blog-view-recent- .pager.pager-load-more .ajax-progress .throbber {
  position: absolute;
  right: -24px;
  top: -15px;
  /* background: transparent url('../images/custom.gif') no-repeat; */
  background: #363636 url('../images/distribution/ajax-loader.gif?1584088091') left center no-repeat;
  background-size: 16px 16px;
  float: none;
  height: 52px;
  width: 25px;
  margin: 0;
  display: inline-block;
  -moz-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.view-faq .pager.pager-load-more _:-moz-tree-row(hover), .view-faq .pager.pager-load-more .ajax-progress .throbber,
.view-documents .pager.pager-load-more _:-moz-tree-row(hover),
.view-documents .pager.pager-load-more .ajax-progress .throbber,
.view-search-api-documents .pager.pager-load-more _:-moz-tree-row(hover),
.view-search-api-documents .pager.pager-load-more .ajax-progress .throbber,
.view-news-view-recent- .pager.pager-load-more _:-moz-tree-row(hover),
.view-news-view-recent- .pager.pager-load-more .ajax-progress .throbber,
.view-blog-view-recent- .pager.pager-load-more _:-moz-tree-row(hover),
.view-blog-view-recent- .pager.pager-load-more .ajax-progress .throbber {
  height: 53px;
}
.view-faq .pager.pager-load-more tr .ajax-progress .throbber,
.view-documents .pager.pager-load-more tr .ajax-progress .throbber,
.view-search-api-documents .pager.pager-load-more tr .ajax-progress .throbber,
.view-news-view-recent- .pager.pager-load-more tr .ajax-progress .throbber,
.view-blog-view-recent- .pager.pager-load-more tr .ajax-progress .throbber {
  margin: 0;
}
.view-faq .pager.pager-load-more .pager-next:hover .ajax-progress .throbber,
.view-documents .pager.pager-load-more .pager-next:hover .ajax-progress .throbber,
.view-search-api-documents .pager.pager-load-more .pager-next:hover .ajax-progress .throbber,
.view-news-view-recent- .pager.pager-load-more .pager-next:hover .ajax-progress .throbber,
.view-blog-view-recent- .pager.pager-load-more .pager-next:hover .ajax-progress .throbber {
  background-color: #ef881a;
}

.view-events .pager.pager-load-more {
  position: relative;
}
.view-events .ajax-progress {
  display: inline;
  position: absolute;
  top: 17px;
  right: 12px;
}
.view-events .ajax-progress .throbber {
  /* background: transparent url('../images/custom.gif') no-repeat; */
  background: transparent url('../images/distribution/ajax-loader.gif?1584088091') left center no-repeat;
  background-size: 16px 16px;
}

/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* flexslider reset
* slider stylen (homepage)
* Control nav
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #flexslider reset
    -------------------------------------------------- */
/*! --------------------------------------------------
    #slider style (homepage)
    -------------------------------------------------- */
#block-kimberleyprocess-custom-custom-slideshow-block {
  /* .field-name-field-slideshow */
  /* .field-collection-item-field-slideshow */
  /* .field-name-kimberleyprocess-custom-homepage-slideshow-explore */
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow {
  margin: 0;
  padding: 0;
  position: relative;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow a:focus {
  outline: none;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow .field-items {
  margin: 0;
  padding: 0;
  *zoom: 1;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow .field-items li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow .field-items:before, #block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow .field-items:after {
  content: " ";
  display: table;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow .field-items:after {
  clear: both;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow .field-items .field-item {
  display: none;
  -webkit-backface-visibility: hidden;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow .field-items .field-item:first-child {
  display: block;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .flex-viewport > .slide,
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .field-items {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .flex-viewport > .slide > .field-item,
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .field-items > .field-item {
  position: relative;
  height: 100vh;
  max-height: 100vh;
  min-height: 720px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .flex-viewport > .slide > .field-item,
  #block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .field-items > .field-item {
    min-height: 0;
    height: 620px;
    max-height: 700px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .flex-viewport > .slide > .field-item,
  #block-kimberleyprocess-custom-custom-slideshow-block .field-name-field-slideshow > .field-items > .field-item {
    height: 700px;
    max-height: none;
  }
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* .content */
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 33%;
  bottom: 30px;
  width: 1270px;
  max-width: 80%;
  padding-top: 20px;
  padding-bottom: 30px;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content {
    top: 24%;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content {
    top: 150px;
    max-width: 90%;
  }
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-title {
  margin-bottom: 30px;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 90px;
  font-size: 5.625rem;
  line-height: 1.1;
  font-weight: 400;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-title {
    font-size: 75px;
    font-size: 4.6875rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-title {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-title {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-description {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 400;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-description {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  #block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-description {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-slide-video-title {
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: uppercase;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-video a.iframe {
  overflow: hidden;
  content: '';
  text-indent: -9999em;
  *text-transform: uppercase;
  text-align: left;
  display: block;
  width: 80px;
  height: 80px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  background: #ef881a url('../images/distribution/misc/icon_play.svg?1584088108') center center/20px auto no-repeat;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-links a {
  display: inline-block;
  background: #ef881a;
  border-color: #ef881a;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-decoration: none;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-collection-item-field-slideshow .content .field-name-field-links a:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #ef881a;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-kimberleyprocess-custom-homepage-slideshow-explore {
  text-align: center;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 10%;
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-kimberleyprocess-custom-homepage-slideshow-explore .hero-arrow {
  position: relative;
  padding-bottom: 20px;
  background: url('../images/distribution/icons-mini/arrow-down--white.svg?1584088104') center bottom/14px auto no-repeat;
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
#block-kimberleyprocess-custom-custom-slideshow-block .field-name-kimberleyprocess-custom-homepage-slideshow-explore .bounce {
  -webkit-animation: bounce 2s 2;
  animation: bounce 2s 2;
}

/* #block-kimberleyprocess-custom-custom-slideshow-block */
/*! --------------------------------------------------
    Control nav
    -------------------------------------------------- */
.flex-control-nav {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 200;
  top: 45%;
  right: 20px;
  width: 30px;
}
.flex-control-nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .flex-control-nav {
    display: none;
  }
}
.flex-control-nav li {
  display: block;
}
.flex-control-nav li a {
  display: block;
  overflow: hidden;
  width: 10px;
  height: 10px;
  margin: 5px 0 0 0;
  border: 1px solid #ffffff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-indent: -5555px;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.flex-control-nav li a.flex-active {
  background: #ffffff;
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  background-color: transparent;
  position: absolute;
  top: 15%;
  width: 44px;
  height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flickity-prev-next-button:hover .flickity-prev-next-button .arrow {
  fill: #999;
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 8px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}

.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
  width: 83.33%;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .cd-horizontal-timeline.loaded {
    width: 100%;
  }
}

.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: auto;
  overflow: hidden;
  padding: 0px 10px;
  width: 83.33%;
}

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 11px;
  width: 100% !important;
  /* width will be set using JavaScript */
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  -webkit-box-shadow: 0 3px 0 #ddd;
  -moz-box-shadow: 0 3px 0 #ddd;
  box-shadow: 0 3px 0 #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.cd-horizontal-timeline .filling-line {
  display: none;
}

.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #adadad;
  padding-bottom: 30px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
}
.cd-horizontal-timeline .events a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .cd-horizontal-timeline .events a {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -4px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #282828;
  -moz-transition: background-color 0.3s, border-color -0.3s;
  -o-transition: background-color 0.3s, border-color -0.3s;
  -webkit-transition: background-color 0.3s, border-color -0.3s;
  transition: background-color 0.3s, border-color -0.3s;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .cd-horizontal-timeline .events a::after {
    width: 10px;
    height: 10px;
    bottom: 0px;
  }
}

.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
  text-decoration: none;
  font-size: 24px;
  font-size: 1.5rem;
  color: #282828;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .cd-horizontal-timeline .events a.selected {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.cd-horizontal-timeline .events a.selected::after {
  background-color: #c16d14;
  border-color: #c16d14;
  border: 15px solid #ef881a;
  width: 50px;
  height: 50px;
  bottom: -19px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .cd-horizontal-timeline .events a.selected::after {
    border: 5px solid #ef881a;
    width: 20px;
    height: 20px;
    bottom: -5px;
  }
}

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }

  .cd-horizontal-timeline::before {
    content: 'desktop';
  }
}
.cd-timeline-navigation a {
  display: none;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -moz-animation-direction: cd-enter-right;
  -webkit-animation-direction: cd-enter-right;
  animation-direction: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -moz-animation-direction: cd-enter-left;
  -webkit-animation-direction: cd-enter-left;
  animation-direction: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -moz-animation-direction: reverse;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.cd-horizontal-timeline .events li:nth-child(1) a {
  left: 8% !important;
}

.cd-horizontal-timeline .events li:nth-child(2) a {
  left: 21% !important;
}

.cd-horizontal-timeline .events li:nth-child(3) a {
  left: 34% !important;
}

.cd-horizontal-timeline .events li:nth-child(4) a {
  left: 47% !important;
}

.cd-horizontal-timeline .events li:nth-child(5) a {
  left: 60% !important;
}

.cd-horizontal-timeline .events li:nth-child(6) a {
  left: 73% !important;
}

.cd-horizontal-timeline .events li:nth-child(7) a {
  left: 86% !important;
}

.events-content {
  height: 100% !important;
}

/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* variabelen
* fancybox layout
* modal
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #variabelen
    -------------------------------------------------- */
    /*
    $overlay-bg-color:              rgba($black, 0.5);
    $content-bg-color:              #ffffff;
    
    $skin-padding:                  3px;
    $skin-radius:                   5px;

    $button-width:                  50px;
    $button-height:                 50px;
    $buttons-bg:                    $white;
    $buttons-icon-color:            $link;
    $button-radius:                 100%;

    $button-left-right-icon-size:   25px;
    $button-close-icon-size:        33px;

    $button-shadow-distance:        1px;
    $button-shadow-blur:            2px;
    $button-shadow-color:           rgba($black, 0.15);
    */
/*! --------------------------------------------------
    #fancybox layout
    -------------------------------------------------- */
.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr;
}

.fancybox-show-controls .fancybox-controls {
  opacity: 1;
}

.fancybox-infobar {
  display: none;
}

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
  display: block;
}

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr;
}

.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.fancybox-slide--image {
  overflow: hidden;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent;
}

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent;
}

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}

/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none;
}

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none;
}

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5;
}

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close {
  float: right;
}

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left;
  }

  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important;
  }

  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}
/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none;
}

/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent;
}

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent;
}

/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px;
}

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
}

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px;
}

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
}

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important;
  }

  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0;
  }
}
/*! --------------------------------------------------
    #modal
    -------------------------------------------------- */
div.ctools-modal-content .form-item label {
  float: none;
}
div.ctools-modal-content .modal-header {
  padding: 20px;
  background: #24387f;
}
div.ctools-modal-content .modal-header a.close {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 27px;
  text-indent: -9999em;
  background: transparent;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
div.ctools-modal-content .modal-header a.close:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 6px;
  background: url('../images/distribution/misc/icon_close_white.svg?1584088107') left center/15px auto no-repeat;
}
div.ctools-modal-content .modal-header a.close img {
  display: none;
}
div.ctools-modal-content .modal-header .modal-title {
  color: #ffffff;
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1;
}
div.ctools-modal-content input[type='submit']#edit-cancel {
  padding: 15px 12px 15px 12px;
  border: 1px solid #9b9b9b;
  background: #9b9b9b;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  margin-right: 20px;
}
div.ctools-modal-content input[type='submit']#edit-cancel:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/*! --------------------------------------------------
* 
*   PLENARY MEETING
*   TABLE OF CONTENTS
*
*   horizontal tabs pane
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #horizontal tabs pane
    -------------------------------------------------- */
div.horizontal-tabs {
  width: 688px;
  max-width: 100%;
  margin: 0 auto;
  border: none;
  /* ul.horizontal-tabs-list */
}
div.horizontal-tabs ul.horizontal-tabs-list {
  border: none;
  background: none;
  /* li */
}
div.horizontal-tabs ul.horizontal-tabs-list li {
  width: calc(50% - 10px);
  min-width: 0;
  padding: 0;
  background: none;
  border: none;
  border-bottom: 3px solid #c9c9c9;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  div.horizontal-tabs ul.horizontal-tabs-list li {
    min-height: 42px;
  }
}
div.horizontal-tabs ul.horizontal-tabs-list li.first {
  margin-right: 10px;
}
div.horizontal-tabs ul.horizontal-tabs-list li.last {
  margin-left: 10px;
}
div.horizontal-tabs ul.horizontal-tabs-list li a {
  display: block;
  padding: 0 0 10px 0;
  background: none;
  color: #c9c9c9;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
div.horizontal-tabs ul.horizontal-tabs-list li a strong {
  color: #c9c9c9;
  font-weight: 600;
}
div.horizontal-tabs ul.horizontal-tabs-list li.selected, div.horizontal-tabs ul.horizontal-tabs-list li:hover {
  padding: 0;
  background: none;
  border-bottom: 3px solid #243880;
}
div.horizontal-tabs ul.horizontal-tabs-list li.selected a, div.horizontal-tabs ul.horizontal-tabs-list li:hover a {
  padding: 0 0 10px 0;
  background: none;
  color: #243880;
}
div.horizontal-tabs ul.horizontal-tabs-list li.selected a strong, div.horizontal-tabs ul.horizontal-tabs-list li:hover a strong {
  color: #243880;
}
div.horizontal-tabs fieldset.horizontal-tabs-pane {
  padding: 0;
}

/* div.horizontal-tabs */
/*! --------------------------------------------------
*   
*   GLOBAL
*   TABLE OF CONTENTS
*
*   resets
*   html & body
*   typography
*
*   -------------------------------------------------- */
/*  --------------------------------------------------
    #resets
    -------------------------------------------------- */
body,
div, section, article,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, legend,
figure, figcaption,
p, blockquote,
th, td {
  margin: 0;
  padding: 0;
}

/*  --------------------------------------------------
	#html & body
	-------------------------------------------------- */
html {
  font-size: 16px;
}
html.lt-ie10 {
  overflow-x: hidden;
}

body {
  position: relative;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.42857;
  letter-spacing: 1px;
  color: #363636;
}

/*  --------------------------------------------------
	#typography
	-------------------------------------------------- */
a {
  color: #337ab7;
  text-decoration: none;
  outline: none;
  -moz-transition: all 0.15s ease 0s;
  -o-transition: all 0.15s ease 0s;
  -webkit-transition: all 0.15s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.15s ease 0s;
}
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #363636;
  font-weight: bold;
  line-height: 1.1;
}

h1 {
  color: #ffffff;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 70px;
  font-size: 4.375rem;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  h1 {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}

h2 {
  font-size: 40px;
  font-size: 2.5rem;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
}

h4 {
  font-size: 18px;
  font-size: 1.125rem;
}

h5 {
  font-size: 14px;
  font-size: 0.875rem;
}

h6 {
  font-size: 12px;
  font-size: 0.75rem;
}

table.sticky-header {
  display: none;
}

table {
  margin-bottom: 1em;
  border-style: hidden;
  color: #363636;
  width: 100% !important;
}
table tr,
table th,
table thead,
table tbody,
table tfoot,
table td {
  border: none;
}
table tr.odd, table tr.even {
  background: none;
}
table th,
table td {
  padding: 20px;
  text-align: center;
}
table th {
  background: #ffffff;
  border-bottom: 3px solid #f0f0f0;
  font-weight: 600;
  line-height: 1.2;
}
table td {
  background: #f8f8f8;
  border: 3px solid #f0f0f0;
  color: #24387f;
  font-weight: 600;
}

.table-responsive-wrapper {
  overflow-x: auto;
  margin-bottom: 1em;
}
.table-responsive-wrapper table {
  margin: 0;
}

.btn-primary {
  display: inline-block;
}

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

hr {
  border-top: 1px solid #ececec;
}
hr.dark {
  border-top: 2px solid #dddddd;
}

.larger {
  font-size: 18px;
  font-size: 1.125rem;
}

.semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

form .iti-flag {
  background-image: url("../images/distribution/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  form .iti-flag {
    background-image: url("../images/distribution/flags@2x.png");
  }
}
/*! --------------------------------------------------
*   
*   STRUCTURE
*   TABLE OF CONTENTS
*
*   general
*   sidebars
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
  #general
  -------------------------------------------------- */
#main-top {
  min-height: 250px;
  padding: 250px 0 30px 0;
  background: url('../images/distribution/backgrounds/hero_blue.png?1584088102') center top/cover no-repeat;
  background-color: #1c2c67;
  color: #ffffff;
  text-align: center;
}
#main-top > .section > h1 {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 15px;
}
#main-top .block-kimberleyprocess-custom {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 15px;
}
#main-top .block-kimberleyprocess-custom h2 {
  margin: 0 0 10px 0;
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: uppercase;
}
#main-top .block-kimberleyprocess-custom h1 {
  margin: 10px 0 30px 0;
  color: #ffffff;
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 1.1;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #main-top .block-kimberleyprocess-custom h1 {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}

#main {
  padding-bottom: 160px;
}
.node-type-homepage #main, .node-type-landing-page #main {
  padding-bottom: 0;
}
.node-type-page #main {
  overflow-x: hidden;
}

#content-wrapper {
  *zoom: 1;
  width: 1100px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}
#content-wrapper:before, #content-wrapper:after {
  content: " ";
  display: table;
}
#content-wrapper:after {
  clear: both;
}
.node-type-landing-page #content-wrapper {
  width: 100%;
  max-width: 100%;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #content-wrapper {
    width: 100%;
    max-width: none;
  }
}
#content-wrapper #content {
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #content-wrapper #content {
    padding: 0;
  }
}
.node-type-homepage #content-wrapper {
  width: 100%;
  max-width: none;
}

/*! --------------------------------------------------
    #sidebars
  -------------------------------------------------- */
#sidebar-first {
  float: left;
  width: 33.33%;
  padding-right: 15px;
}
.node-type-meeting #sidebar-first {
  width: 200px;
}

#sidebar-second {
  float: left;
  width: 33.33%;
  padding-right: 15px;
}

.sidebar-first #content {
  float: left;
  width: 66.67%;
}
.sidebar-first.node-type-meeting #content {
  width: calc(100% - 200px);
}
.sidebar-second #content {
  float: left;
  width: 66.67%;
}
.two-sidebars #content {
  float: left;
  width: 33.34%;
}

/* #content */
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #sidebar-first {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
  .node-type-meeting #sidebar-first {
    width: 100%;
  }

  #sidebar-second {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0;
  }

  .sidebar-first #content, .sidebar-second #content, .two-sidebars #content {
    float: none;
    width: 100%;
  }
  .sidebar-first.node-type-meeting #content {
    width: 100%;
  }

  /* #content */
}
/* MQ(M) */
/*! --------------------------------------------------
*   
*  TABLE OF CONTENTS
*
*  custom theme layout
*
*  -------------------------------------------------- */
/*! --------------------------------------------------
    #custom theme layout
    -------------------------------------------------- */
.custom-theme-layout .group-main {
  *zoom: 1;
}
.custom-theme-layout .group-main:before, .custom-theme-layout .group-main:after {
  content: " ";
  display: table;
}
.custom-theme-layout .group-main:after {
  clear: both;
}
.custom-theme-layout .field-name-field-bottom-left,
.custom-theme-layout .field-name-field-bottom-right {
  float: left;
  width: 50%;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   main header
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #main header
    -------------------------------------------------- */
#main-header {
  position: absolute;
  z-index: 800;
  top: 0;
  right: 0;
  left: 0;
  *zoom: 1;
  margin-top: 20px;
}
#main-header:before, #main-header:after {
  content: " ";
  display: table;
}
#main-header:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #main-header {
    margin-top: 0;
  }
}
#main-header .section {
  position: relative;
  width: 100%;
  max-width: 1270px;
  min-height: 50px;
  margin: 0 auto 20px auto;
  padding: 0 15px;
}

/*! --------------------------------------------------
    #logo
    -------------------------------------------------- */
#logo {
  display: block;
  float: left;
  width: 139px;
  max-width: 100%;
  margin: 8px 15px 8px 0;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #logo {
    width: 90px;
  }
}
#logo img {
  width: 100%;
}
#logo img#logo-normal {
  display: block;
}
#logo img#logo-hires {
  display: none;
}

/*! --------------------------------------------------
    #search
    -------------------------------------------------- */
#block-search-form {
  position: relative;
  float: right;
  margin: 0 0 5px 5px;
  /* form-item */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #block-search-form {
    display: none;
  }
}
#block-search-form .form-item {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-transition: all 0.35s, border-radius 0s;
  -o-transition: all 0.35s, border-radius 0s;
  -webkit-transition: all 0.35s, border-radius 0s;
  transition: all 0.35s, border-radius 0s;
  float: right;
  margin: 0;
  width: 38px;
  height: 38px;
  border: 2px solid #fff;
  /* form-text */
}
#block-search-form .form-item .form-text {
  display: block;
  width: 34px;
  height: 34px;
  padding-right: 38px;
  background: transparent;
  border: 0 none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
}
#block-search-form .form-item .form-text::-webkit-input-placeholder {
  color: #fff;
  display: none;
}
#block-search-form .form-item .form-text:-moz-placeholder {
  color: #fff;
  display: none;
}
#block-search-form .form-item .form-text::-moz-placeholder {
  color: #fff;
  display: none;
}
#block-search-form .form-item .form-text:-ms-input-placeholder {
  color: #fff;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
#block-search-form .form-item .form-text::-ms-input-placeholder {
  color: #fff;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
#block-search-form .form-item .form-text:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
#block-search-form:hover .form-item {
  min-width: 150%;
  width: 150px;
}
#block-search-form:hover .form-item .form-text {
  width: 100%;
}
#block-search-form:hover .form-item .form-text::-webkit-input-placeholder {
  color: #fff;
  display: inline;
  opacity: 1;
  filter: alpha(opacity=100);
}
#block-search-form:hover .form-item .form-text:-moz-placeholder {
  color: #fff;
  display: inline;
  opacity: 1;
  filter: alpha(opacity=100);
}
#block-search-form:hover .form-item .form-text::-moz-placeholder {
  color: #fff;
  display: inline;
  opacity: 1;
  filter: alpha(opacity=100);
}
#block-search-form:hover .form-item .form-text:-ms-input-placeholder {
  color: #fff;
  display: inline;
  opacity: 1;
  filter: alpha(opacity=100);
}
#block-search-form:hover .form-item .form-text::-ms-input-placeholder {
  color: #fff;
  display: inline;
  opacity: 1;
  filter: alpha(opacity=100);
}
#block-search-form .form-actions {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: block;
  width: 38px;
  height: 38px;
}
#block-search-form .form-actions .form-submit {
  width: 38px;
  height: 38px;
  padding: 6px 10px;
  background: url('../images/distribution/icons-mini/search.svg?1584088104') center/15px no-repeat;
  border: none;
  color: #fff;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
}

.lt-ie10 #block-search-form .form-item .form-text {
  width: 0;
  padding-left: 0;
  padding-right: 0;
}
.lt-ie10 #block-search-form:hover .form-item .form-text {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/*! --------------------------------------------------
    #language
    -------------------------------------------------- */
#block-kimberleyprocess-custom-custom-language-switcher-block {
  float: right;
  /* .languages */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #block-kimberleyprocess-custom-custom-language-switcher-block {
    display: none;
  }
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages {
  position: relative;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages .current-language {
  width: 37px;
  height: 37px;
  margin-left: 8px;
  padding-top: 6px;
  border: 2px solid #fff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  -moz-transition: all 0.35s, border-radius 0s;
  -o-transition: all 0.35s, border-radius 0s;
  -webkit-transition: all 0.35s, border-radius 0s;
  transition: all 0.35s, border-radius 0s;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages ul {
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  width: 150px;
  margin: 0;
  margin-left: 50px;
  padding: 10px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: left;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages ul li {
  float: none;
  display: block;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages ul a {
  padding: 0;
  border: none;
  color: #24387f;
  text-decoration: none;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages ul a:hover {
  text-decoration: underline;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages ul a.active {
  color: #ef881a;
}
#block-kimberleyprocess-custom-custom-language-switcher-block .languages:hover ul {
  display: block;
}

/*! --------------------------------------------------
    #user menu
    -------------------------------------------------- */
#block-system-user-menu {
  float: right;
  margin-left: 3px;
  /* ul.menu */
  /* responsive menu */
  /* --------------- */
}
#block-system-user-menu ul.menu {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* li */
}
#block-system-user-menu ul.menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  #block-system-user-menu ul.menu {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
#block-system-user-menu ul.menu li {
  float: left;
  padding: 0 5px;
}
#block-system-user-menu ul.menu li a {
  display: inline-block;
  padding: 6px 12px;
  border: 2px solid #ffffff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: #ffffff;
  line-height: 20px;
  text-decoration: none;
}
#block-system-user-menu ul.menu li a:hover, #block-system-user-menu ul.menu li a:focus {
  background: #ef881a;
  border-color: #ef881a;
  color: #ffffff;
}
#block-system-user-menu ul.menu li.close-link.visible-responsive {
  display: none !important;
}
#block-system-user-menu ul.menu li.last a,
#block-system-user-menu ul.menu li.last a:hover,
#block-system-user-menu ul.menu li.last a:focus {
  background: #ffffff;
  border-color: #ffffff;
  color: #24387f;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #block-system-user-menu {
    float: none;
    margin-left: 0;
    /* ul */
  }
  #block-system-user-menu ul.menu {
    float: none;
    /* li */
  }
  #block-system-user-menu ul.menu li {
    float: none;
    margin: 0px;
    padding: 0px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  #block-system-user-menu ul.menu li.close-link {
    display: block;
  }
  #block-system-user-menu ul.menu li a {
    display: block;
    padding: 15px;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25;
  }
  #block-system-user-menu ul.menu li a:hover, #block-system-user-menu ul.menu li a:focus {
    background: none;
    border-color: transparent;
    color: #ffffff;
  }
  #block-system-user-menu ul.menu li.close-link.visible-responsive {
    display: block !important;
  }
  #block-system-user-menu ul.menu li.close-link span.close {
    display: block;
    height: 20px;
    background: url('../images/distribution/misc/icon_close_white.svg?1584088107') left center/15px auto no-repeat;
  }
  #block-system-user-menu ul.menu li.last a,
  #block-system-user-menu ul.menu li.last a:hover,
  #block-system-user-menu ul.menu li.last a:focus {
    background: none;
    border-color: transparent;
    color: #ffffff;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   responsive button
*   main nav
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #responsive button
    -------------------------------------------------- */
[data-role="responsive-button"] {
  position: relative;
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  [data-role="responsive-button"] {
    display: block;
    float: right;
    width: 33px;
    height: 30px;
    margin: 30px 10px 8px 0;
  }
}
[data-role="responsive-button"] .menu-icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 33px;
  height: 4px;
  background: #ffffff;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
[data-role="responsive-button"] .menu-icon:before, [data-role="responsive-button"] .menu-icon:after {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #ffffff;
}
[data-role="responsive-button"] .menu-icon:before {
  top: -13px;
  right: 0;
}
[data-role="responsive-button"] .menu-icon:after {
  bottom: -13px;
  right: 0;
  width: 66.66%;
}
[data-role="responsive-button"] .menu-text {
  display: none;
}

/*! --------------------------------------------------
    #main nav
    -------------------------------------------------- */
#container:before {
  content: " ";
  position: fixed;
  z-index: 700;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -moz-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -webkit-transition: all, 0.2s;
  transition: all, 0.2s;
}
.show-subnavigation #container:before {
  opacity: 0.6;
  filter: alpha(opacity=60);
  visibility: visible;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .show-subnavigation #container:before {
    display: none;
  }
}
.show-sidebar-nav.show-subnavigation #container:before {
  display: none;
}

.navbar-collapse {
  color: #ffffff;
  /* ul.menu */
}
.navbar-collapse #main-nav {
  padding-top: 20px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .navbar-collapse #main-nav {
    overflow-y: auto;
    height: 100%;
    padding-top: 0;
  }
}
.navbar-collapse ul.menu {
  *zoom: 1;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  /* li */
  /* responsive menu */
  /* --------------- */
  /* MQ(MENU) */
}
.navbar-collapse ul.menu:before, .navbar-collapse ul.menu:after {
  content: " ";
  display: table;
}
.navbar-collapse ul.menu:after {
  clear: both;
}
.navbar-collapse ul.menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .navbar-collapse ul.menu {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.navbar-collapse ul.menu li {
  float: left;
  display: block;
  margin: 0;
  padding: 15px 15px 0;
  /* second level */
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .navbar-collapse ul.menu li {
    padding: 15px 8px 0;
  }
}
.navbar-collapse ul.menu li:first-child {
  padding-left: 0;
}
.navbar-collapse ul.menu li.active a {
  background: transparent;
  border-bottom: 2px solid #fff;
}
.navbar-collapse ul.menu li.expanded > a {
  border-bottom: 2px solid transparent;
}
.navbar-collapse ul.menu li.expanded > a:hover, .navbar-collapse ul.menu li.expanded > a:focus {
  border-bottom: 2px solid transparent;
}
.navbar-collapse ul.menu li.language-item {
  display: none;
}
.navbar-collapse ul.menu li a {
  display: block;
  padding: 0 0 5px;
  border-bottom: 2px solid transparent;
  color: #ffffff;
  line-height: 1.25;
  text-transform: uppercase;
  text-decoration: none;
}
.navbar-collapse ul.menu li a:hover, .navbar-collapse ul.menu li a:focus {
  background: transparent;
  border-bottom: 2px solid #fff;
}
.navbar-collapse ul.menu li.sibling-on a {
  color: #ececec;
  color: rgba(236, 236, 236, 0.5);
}
.navbar-collapse ul.menu li ul.menu {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 5px 0 40px 0;
  border-top: 2px solid #ffffff;
}
.navbar-collapse ul.menu li ul.menu.visible-responsive {
  display: block;
}
.navbar-collapse ul.menu li ul.menu li {
  float: left;
  width: 26%;
  padding: 10px 0 0 0;
}
.navbar-collapse ul.menu li ul.menu li.back-link, .navbar-collapse ul.menu li ul.menu li.parent-item {
  display: none;
}
.navbar-collapse ul.menu li ul.menu li a {
  border: none;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.416;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .navbar-collapse ul.menu {
    margin: 0;
    padding: 0;
    position: initial;
    float: none;
  }
  .navbar-collapse ul.menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
  }
  .navbar-collapse ul.menu li {
    float: none;
    width: auto;
    margin: 0px;
    padding: 0px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    /* second level ul.menu */
  }
  .navbar-collapse ul.menu li:first-child {
    border-top: none;
  }
  .navbar-collapse ul.menu li.active a {
    border-bottom: none;
  }
  .navbar-collapse ul.menu li.active a:hover, .navbar-collapse ul.menu li.active a:focus {
    border-bottom: none;
  }
  .navbar-collapse ul.menu li.expanded > a {
    position: initial;
    border-bottom: none;
  }
  .navbar-collapse ul.menu li.expanded > a:hover, .navbar-collapse ul.menu li.expanded > a:focus {
    border-bottom: none;
  }
  .navbar-collapse ul.menu li.expanded > a span {
    display: block;
    position: relative;
  }
  .navbar-collapse ul.menu li.expanded > a span:before {
    content: ">";
    position: absolute;
    right: 8px;
    margin-right: 0.5rem;
    display: inline;
  }
  .navbar-collapse ul.menu li.language-item {
    display: block;
  }
  .navbar-collapse ul.menu li a {
    padding: 15px;
    border-bottom: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.111;
  }
  .navbar-collapse ul.menu li a:hover, .navbar-collapse ul.menu li a:focus {
    background: transparent;
    border-bottom: none;
  }
  .navbar-collapse ul.menu li.sibling-on a {
    color: #ffffff;
  }
  .navbar-collapse ul.menu li ul.menu {
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    display: block;
    position: absolute;
    z-index: 1002;
    float: none;
    -webkit-backface-visibility: hidden;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: #1e398b;
    border: none;
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    -ms-transition: -ms-transform 300ms ease;
    -o-transition: -o-transform 300ms ease;
    transition: transform 300ms ease;
  }
  .navbar-collapse ul.menu li ul.menu.move-left {
    display: block;
    min-height: 550px;
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
  .navbar-collapse ul.menu li ul.menu li {
    float: none;
    width: 100%;
    padding: 0;
  }
  .navbar-collapse ul.menu li ul.menu li.back-link, .navbar-collapse ul.menu li ul.menu li.parent-item {
    display: block;
  }
  .navbar-collapse ul.menu li ul.menu li a {
    padding: 15px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.111;
  }
  .navbar-collapse ul.menu li ul.menu li.back-link .chevron-left {
    display: block;
    height: 20px;
    background: url('../images/distribution/misc/icon_chevron_left_white.svg?1584088104') left center/12px auto no-repeat;
  }
}

/*! --------------------------------------------------
*   
* TABLE OF CONTENTS
*
* global form styles
* checkboxes
* radio btn
* stylish select
* datepicker
*
* request technical assistance
*
* -------------------------------------------------- */
/*! --------------------------------------------------
  #global form styles
  -------------------------------------------------- */
label {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}

.form-item {
  width: 100%;
}
.form-item .description {
  color: #9b9b9b;
}
.form-item.form-disabled label,
.form-item.form-disabled label * {
  color: #d4d4d4;
}

.form-text,
textarea,
select {
  width: 100%;
  height: 60px;
  padding: 6px 12px;
  background: #f0f0f0;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: 0;
  color: #aaa;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.42857;
  -webkit-appearance: none;
}
.form-text.error,
textarea.error,
select.error {
  border: 1px solid #e45959;
}
.form-text:focus,
textarea:focus,
select:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 2px solid #ef881a;
}
.form-disabled .form-text, .form-disabled
textarea, .form-disabled
select {
  background-color: #fafafa;
}
.form-text::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #363636;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.form-disabled .form-text::-webkit-input-placeholder, .form-disabled
textarea::-webkit-input-placeholder, .form-disabled
select::-webkit-input-placeholder {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-text::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  /* Firefox 19+ */
  color: #363636;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.form-disabled .form-text::-moz-placeholder, .form-disabled
textarea::-moz-placeholder, .form-disabled
select::-moz-placeholder {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-text:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  /* IE 10+ */
  color: #363636;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.form-disabled .form-text:-ms-input-placeholder, .form-disabled
textarea:-ms-input-placeholder, .form-disabled
select:-ms-input-placeholder {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-text::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
  /* EDGE */
  color: #363636;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.form-disabled .form-text::-ms-input-placeholder, .form-disabled
textarea::-ms-input-placeholder, .form-disabled
select::-ms-input-placeholder {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-text:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  /* Firefox 18- */
  color: #363636;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.form-disabled .form-text:-moz-placeholder, .form-disabled
textarea:-moz-placeholder, .form-disabled
select:-moz-placeholder {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.form-disabled .form-text::-webkit-input-placeholder,
.form-disabled textarea::-webkit-input-placeholder,
.form-disabled select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #363636;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-disabled .form-text::-moz-placeholder,
.form-disabled textarea::-moz-placeholder,
.form-disabled select::-moz-placeholder {
  /* Firefox 19+ */
  color: #363636;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-disabled .form-text:-ms-input-placeholder,
.form-disabled textarea:-ms-input-placeholder,
.form-disabled select:-ms-input-placeholder {
  /* IE 10+ */
  color: #363636;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-disabled .form-text::-ms-input-placeholder,
.form-disabled textarea::-ms-input-placeholder,
.form-disabled select::-ms-input-placeholder {
  /* EDGE */
  color: #363636;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-disabled .form-text:-moz-placeholder,
.form-disabled textarea:-moz-placeholder,
.form-disabled select:-moz-placeholder {
  /* Firefox 18- */
  color: #363636;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.form-actions {
  text-align: center;
}

.form-submit {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

.grippie {
  display: none;
}

.marker, .form-required {
  color: red;
}

textarea {
  min-height: 125px;
}

@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .password-strength {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  div.form-item div.password-suggestions,
  input.password-confirm,
  input.password-field {
    width: 100%;
  }
}

legend {
  display: block;
  width: 100%;
  margin: 30px 15px 10px 15px;
  padding: 10px 0;
  color: #24387f;
  border-bottom: 2px solid #dddddd;
  font-size: 21px;
  font-size: 1.3125rem;
  text-transform: uppercase;
}

.form-type-managed-file .form-item-logo .file {
  display: inline-block;
  width: 100px;
}
.form-type-managed-file .form-submit {
  padding: 15px 12px 15px 12px;
  border: 1px solid #24387f;
  background: #24387f;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  padding: 5px 30px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.form-type-managed-file .form-submit:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/*! --------------------------------------------------
  #checkboxes
  -------------------------------------------------- */
.form-type-checkboxes,
.form-checkboxes {
  *zoom: 1;
}
.form-type-checkboxes:before, .form-type-checkboxes:after,
.form-checkboxes:before,
.form-checkboxes:after {
  content: " ";
  display: table;
}
.form-type-checkboxes:after,
.form-checkboxes:after {
  clear: both;
}

.form-type-checkbox {
  float: left;
  width: 33%;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .form-type-checkbox {
    width: 50%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .form-type-checkbox {
    width: 100%;
  }
}
.form-type-checkbox.form-item-submitted-disclaimer-disclaimer-agree {
  width: 100%;
}
.form-type-checkbox input {
  display: none;
}
.form-type-checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 3px 15px 0 37px;
  color: #9b9b9b;
  text-transform: none;
}
.form-type-checkbox label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 23px;
  height: 20px;
  border: none;
  background: #f0f0f0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form-type-checkbox label:before {
  content: '';
  display: block;
  width: 14px;
  height: 10px;
  position: absolute;
  z-index: 5;
  top: 2px;
  left: 5px;
  background: url('../images/distribution/icons-mini/tick--black.svg?1584088104') center center/14px 10px no-repeat;
  position: absolute;
  color: #363636;
  font-size: 12px;
  font-size: 0.75rem;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: top 0.3s, opacity 0.1s;
  -o-transition: top 0.3s, opacity 0.1s;
  -webkit-transition: top 0.3s, opacity 0.1s;
  transition: top 0.3s, opacity 0.1s;
}
.form-type-checkbox input:checked + label:before {
  top: 9px;
  opacity: 1;
  filter: alpha(opacity=100);
}

/*! --------------------------------------------------
  #radio btn
  -------------------------------------------------- */
.form-type-radio {
  margin: 0 auto;
  text-align: left;
}
.form-type-radio input {
  display: none;
}
.form-type-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 27px;
}
.form-type-radio label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: -1px;
  width: 17px;
  height: 17px;
  border: none;
  background: #f0f0f0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form-type-radio label:before {
  content: '';
  position: absolute;
  z-index: 5;
  top: 8px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #363636;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.form-type-radio input:checked + label:before {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*! --------------------------------------------------
  #stylish select
  -------------------------------------------------- */
select {
  display: block;
}

.newListSelected {
  min-width: 200px;
  outline: 0;
  /* selectedTxt */
  /* SSContainerDivWrapper */
}
.newListSelected .selectedTxt {
  position: relative;
  width: 100%;
  min-height: 60px;
  padding: 18px 12px;
  background-color: #f0f0f0;
  border: 2px solid #f0f0f0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: 0;
  color: #aaa;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.42857;
  -webkit-appearance: none;
}
.newListSelected .selectedTxt.error {
  border: 2px solid #e45959;
}
.newListSelected .selectedTxt:focus, .newListSelected .selectedTxt.focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 2px solid #ef881a;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .newListSelected .selectedTxt {
    overflow: hidden;
  }
}
.newListSelected .selectedTxt:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 10px;
  position: absolute;
  top: 25px;
  right: 30px;
  background: url('../images/distribution/icons-mini/arrow-down--black.svg?1584088102') center center/14px 10px no-repeat;
  color: #363636;
  font-size: 15px;
  font-size: 0.9375rem;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.newListSelected .SSContainerDivWrapper {
  position: absolute;
  z-index: 1000;
  width: 100%;
  min-width: 150px;
  top: 62px !important;
  height: auto !important;
  margin: 0 auto;
  text-align: left;
}
.newListSelected .SSContainerDivWrapper .newList {
  max-height: 240px;
  overflow-y: auto;
  height: 100% !important;
  background: #fafafa;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  -moz-box-shadow: 0 1px 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
.newListSelected .SSContainerDivWrapper ul {
  margin: 0;
  padding: 0;
}
.newListSelected .SSContainerDivWrapper ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.newListSelected .SSContainerDivWrapper a {
  display: block;
  padding: 18px 12px;
  color: #aaa;
  outline: 0;
  border-top: 1px solid #e3e3e3;
  background: #fafafa;
  font-size: 15px;
  font-size: 0.9375rem;
  text-decoration: none;
  -moz-transition: color 0.3s, background 0.3s;
  -o-transition: color 0.3s, background 0.3s;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.newListSelected .SSContainerDivWrapper a:hover {
  color: #101010;
  background: #f0f0f0;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .newListSelected .SSContainerDivWrapper a:hover {
    background: transparent;
  }
}
.newListSelected .SSContainerDivWrapper li.newListOptionTitle {
  display: block;
  padding: 18px 12px 0 12px;
  color: #363636;
  outline: 0;
  border-top: 1px solid #e3e3e3;
  background: #fafafa;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  -moz-transition: color 0.3s, background 0.3s;
  -o-transition: color 0.3s, background 0.3s;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.newListSelected .SSContainerDivWrapper li.newListOptionTitle ul {
  margin-right: -12px;
  margin-left: -12px;
}
.newListSelected .SSContainerDivWrapper li.newListOptionTitle ul li:first-child {
  margin-top: 18px;
}
.newListSelected .SSContainerDivWrapper li.newListOptionTitle ul li a {
  padding: 18px 12px 18px 30px;
  color: input-color;
}
.newListSelected.newListDisabled {
  position: relative;
}
.newListSelected.newListDisabled .selectedTxt {
  background-color: #fafafa;
  border: 2px solid #fafafa;
}
.newListSelected.newListDisabled .selectedTxt:after {
  background: url('../images/distribution/icons-mini/arrow-down--gray.svg?1584088102') center center/14px 10px no-repeat;
}

/* newListSelected */
/*! --------------------------------------------------
  #datepicker
  -------------------------------------------------- */
.form-type-date-popup .form-item:first-child input {
  padding-right: 40px;
  background-image: url('../images/distribution/icons-mini/icon-calendar.svg?1584088104');
  background-position: 92% 17px;
  background-size: 25px auto;
  background-repeat: no-repeat;
}
.form-type-date-popup .form-item {
  width: auto !important;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .form-type-date-popup .form-item {
    width: 100% !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .form-type-date-popup input {
    width: 100% !important;
  }
}

#ui-datepicker-div {
  z-index: 1500 !important;
  padding: 10px;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#ui-datepicker-div .ui-datepicker-header {
  padding: 5px 0 0 0;
  background: #ffffff;
  border: none;
  font-weight: 400;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:focus {
  background-color: #b7c3eb;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  top: 8px !important;
  background-color: transparent !important;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background-color: transparent !important;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
  border: none;
  background-color: transparent;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
  border: none;
  background-color: transparent;
}
#ui-datepicker-div .ui-datepicker-header select {
  height: auto;
  padding: 5px;
  background-image: url('../images/distribution/icons-mini/arrow-down--black.svg?1584088102');
  background-position: 95% center;
  background-size: 10px auto;
  background-repeat: no-repeat;
}
#ui-datepicker-div table {
  background: #ffffff;
}
#ui-datepicker-div td {
  background: #f0f0f0;
}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
  background-color: #f0f0f0;
  background-image: none;
}
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active {
  background-color: #ffffff;
  background-image: none;
}
#ui-datepicker-div .ui-state-disabled, #ui-datepicker-div .ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-widget-header .ui-state-disabled {
  opacity: 0;
  filter: alpha(opacity=0);
}

.ui-datepicker td span,
.ui-datepicker td a {
  padding: 4px 0.2em 0 0.2em !important;
}

/*! --------------------------------------------------
  #request technical assistance
  -------------------------------------------------- */
#webform-component-required-fields,
#webform-component-request-information,
#webform-component-detailed-request,
#webform-component-disclaimer {
  *zoom: 1;
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
}
#webform-component-required-fields:before, #webform-component-required-fields:after,
#webform-component-request-information:before,
#webform-component-request-information:after,
#webform-component-detailed-request:before,
#webform-component-detailed-request:after,
#webform-component-disclaimer:before,
#webform-component-disclaimer:after {
  content: " ";
  display: table;
}
#webform-component-required-fields:after,
#webform-component-request-information:after,
#webform-component-detailed-request:after,
#webform-component-disclaimer:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #webform-component-required-fields,
  #webform-component-request-information,
  #webform-component-detailed-request,
  #webform-component-disclaimer {
    width: 100%;
  }
}

#webform-component-required-fields {
  text-align: center;
}

#webform-component-request-information .webform-component-textfield,
#webform-component-request-information .webform-component-email {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #webform-component-request-information .webform-component-textfield,
  #webform-component-request-information .webform-component-email {
    width: 100%;
  }
}
#webform-component-request-information .webform-component-checkboxes {
  clear: both;
  padding-left: 15px;
  padding-right: 15px;
}

#webform-component-detailed-request .fieldset-wrapper,
#webform-component-disclaimer .fieldset-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   footer
*   footer-bottom
*
* -------------------------------------------------- */
#footer-wrapper {
  position: relative;
  padding: 70px 0 36px 0;
  background: #363636;
  color: #ffffff;
  /*! --------------------------------------------------
    #footer
    -------------------------------------------------- */
}
#footer-wrapper:before {
  content: '';
  position: absolute;
  z-index: 999;
  top: -153px;
  width: 100%;
  height: 153px;
  background: url('../images/distribution/backgrounds/footer.png?1584088101') center bottom/100% 100% no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper:before {
    top: -65px;
    height: 65px;
    background: url('../images/distribution/backgrounds/mobile/footer.png?1584088116') center bottom/100% 100% no-repeat;
  }
}
#footer-wrapper #main-footer {
  width: 1270px;
  max-width: 90%;
  margin: 0 auto;
  padding: 0 15px;
  /* Footer menu right 1 */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .content > ul.menu, #footer-wrapper #main-footer .menu-block-wrapper > ul.menu {
    padding-top: 30px !important;
  }
}
#footer-wrapper #main-footer > .section {
  *zoom: 1;
  margin-right: -15px;
  margin-left: -15px;
}
#footer-wrapper #main-footer > .section:before, #footer-wrapper #main-footer > .section:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer > .section:after {
  clear: both;
}
#footer-wrapper #main-footer .footer-left {
  float: left;
  width: 50%;
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-left {
    float: none;
    width: 100%;
  }
}
#footer-wrapper #main-footer .footer-right {
  float: right;
  width: 50%;
  padding: 0 15px;
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right {
    float: none;
    width: 100%;
    text-align: center;
  }
}
#footer-wrapper #main-footer .region-footer-left {
  *zoom: 1;
}
#footer-wrapper #main-footer .region-footer-left:before, #footer-wrapper #main-footer .region-footer-left:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer .region-footer-left:after {
  clear: both;
}
#footer-wrapper #main-footer .region-footer-left .block-menu {
  float: left;
  width: 50%;
  padding: 0 15px;
  /* ul.menu */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .region-footer-left .block-menu {
    float: none;
    width: 100%;
  }
}
#footer-wrapper #main-footer .region-footer-left .block-menu h2 {
  display: none;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.428;
  text-transform: uppercase;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li {
  /* second level */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li {
    text-align: center;
  }
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li a {
  display: inline-block;
  color: #ffffff;
  padding-bottom: 15px;
  text-decoration: none;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li ul.menu {
  margin-top: 2px;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li ul.menu li a {
  color: #9b9b9b;
}
#footer-wrapper #main-footer .footer-right .block-menu-block:first-of-type {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right .block-menu-block:first-of-type {
    width: 100%;
    float: none;
  }
}
#footer-wrapper #main-footer .footer-right .block-menu-block:nth-of-type(2n) {
  width: 40%;
  float: right;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right .block-menu-block:nth-of-type(2n) {
    width: 100%;
    float: none;
  }
}
#footer-wrapper #main-footer .footer-right ul.menu {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.428;
  text-transform: uppercase;
}
#footer-wrapper #main-footer .footer-right ul.menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#footer-wrapper #main-footer .footer-right ul.menu li {
  /* second level */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right ul.menu li {
    text-align: center;
  }
}
#footer-wrapper #main-footer .footer-right ul.menu li a {
  display: inline-block;
  color: #ffffff;
  padding-bottom: 15px;
  text-decoration: none;
  cursor: default;
}
#footer-wrapper #main-footer .footer-right ul.menu li ul.menu {
  margin-top: 2px;
}
#footer-wrapper #main-footer .footer-right ul.menu li ul.menu li a {
  color: #9b9b9b;
  cursor: pointer;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links {
  float: right;
  margin-right: -15px;
  margin-left: -15px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links {
    float: none;
  }
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links h5 {
  margin: 10px 0;
  padding: 0 15px;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links h5 {
    text-align: center;
  }
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links {
  *zoom: 1;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links:before, #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links:after {
  clear: both;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li {
  float: left;
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li {
    float: none;
    display: inline-block;
    text-align: center;
  }
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a {
  display: block;
  width: 23px;
  height: 20px;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-twitter {
  background: url('../images/distribution/footer/social/icon_twitter.svg?1584088119') right center/20px auto no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-facebook {
  background: url('../images/distribution/footer/social/icon_facebook.svg?1584088116') right center/auto 19px no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-instagram {
  background: url('../images/distribution/footer/social/icon_instagram.svg?1584088116') right center/19px auto no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-linkedin {
  background: url('../images/distribution/footer/social/icon_linkedin.svg?1584088116') right center/18px auto no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-youtube {
  background: url('../images/distribution/footer/social/icon_youtube.svg?1584088119') right center/22px auto no-repeat;
}
#footer-wrapper #main-footer .footer-logos {
  *zoom: 1;
  float: right;
  clear: both;
  margin-right: -15px;
  margin-left: -15px;
}
#footer-wrapper #main-footer .footer-logos:before, #footer-wrapper #main-footer .footer-logos:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer .footer-logos:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-logos {
    float: none;
    padding-top: 30px;
  }
}
#footer-wrapper #main-footer .footer-logos a {
  display: inline-block;
  float: left;
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-logos a {
    width: 50%;
  }
  #footer-wrapper #main-footer .footer-logos a#logo-un {
    text-align: right;
  }
  #footer-wrapper #main-footer .footer-logos a#logo-kp {
    text-align: left;
  }
}
#footer-wrapper #main-footer .footer-logos a img {
  width: auto;
  height: 108px;
}
#footer-wrapper #main-footer .copyright-info {
  float: right;
  clear: both;
  margin-top: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .copyright-info {
    float: none;
  }
}
#footer-wrapper #main-footer .copyright-info a {
  color: #ffffff;
}

/* footer-wrapper */
/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   footer
*   footer-bottom
*
* -------------------------------------------------- */
#footer-wrapper {
  position: relative;
  padding: 70px 0 36px 0;
  background: #363636;
  color: #ffffff;
  /*! --------------------------------------------------
    #footer
    -------------------------------------------------- */
}
#footer-wrapper:before {
  content: '';
  position: absolute;
  z-index: 999;
  top: -153px;
  width: 100%;
  height: 153px;
  background: url('../images/distribution/backgrounds/footer.png?1584088101') center bottom/100% 100% no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper:before {
    top: -65px;
    height: 65px;
    background: url('../images/distribution/backgrounds/mobile/footer.png?1584088116') center bottom/100% 100% no-repeat;
  }
}
#footer-wrapper #main-footer {
  width: 1270px;
  max-width: 90%;
  margin: 0 auto;
  padding: 0 15px;
  /* Footer menu right 1 */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .content > ul.menu, #footer-wrapper #main-footer .menu-block-wrapper > ul.menu {
    padding-top: 30px !important;
  }
}
#footer-wrapper #main-footer > .section {
  *zoom: 1;
  margin-right: -15px;
  margin-left: -15px;
}
#footer-wrapper #main-footer > .section:before, #footer-wrapper #main-footer > .section:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer > .section:after {
  clear: both;
}
#footer-wrapper #main-footer .footer-left {
  float: left;
  width: 50%;
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-left {
    float: none;
    width: 100%;
  }
}
#footer-wrapper #main-footer .footer-right {
  float: right;
  width: 50%;
  padding: 0 15px;
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right {
    float: none;
    width: 100%;
    text-align: center;
  }
}
#footer-wrapper #main-footer .region-footer-left {
  *zoom: 1;
}
#footer-wrapper #main-footer .region-footer-left:before, #footer-wrapper #main-footer .region-footer-left:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer .region-footer-left:after {
  clear: both;
}
#footer-wrapper #main-footer .region-footer-left .block-menu {
  float: left;
  width: 50%;
  padding: 0 15px;
  /* ul.menu */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .region-footer-left .block-menu {
    float: none;
    width: 100%;
  }
}
#footer-wrapper #main-footer .region-footer-left .block-menu h2 {
  display: none;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.428;
  text-transform: uppercase;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li {
  /* second level */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li {
    text-align: center;
  }
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li a {
  display: inline-block;
  color: #ffffff;
  padding-bottom: 15px;
  text-decoration: none;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li ul.menu {
  margin-top: 2px;
}
#footer-wrapper #main-footer .region-footer-left .block-menu ul.menu li ul.menu li a {
  color: #9b9b9b;
}
#footer-wrapper #main-footer .footer-right .block-menu-block:first-of-type {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right .block-menu-block:first-of-type {
    width: 100%;
    float: none;
  }
}
#footer-wrapper #main-footer .footer-right .block-menu-block:nth-of-type(2n) {
  width: 40%;
  float: right;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right .block-menu-block:nth-of-type(2n) {
    width: 100%;
    float: none;
  }
}
#footer-wrapper #main-footer .footer-right ul.menu {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.428;
  text-transform: uppercase;
}
#footer-wrapper #main-footer .footer-right ul.menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#footer-wrapper #main-footer .footer-right ul.menu li {
  /* second level */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-right ul.menu li {
    text-align: center;
  }
}
#footer-wrapper #main-footer .footer-right ul.menu li a {
  display: inline-block;
  color: #ffffff;
  padding-bottom: 15px;
  text-decoration: none;
  cursor: default;
}
#footer-wrapper #main-footer .footer-right ul.menu li ul.menu {
  margin-top: 2px;
}
#footer-wrapper #main-footer .footer-right ul.menu li ul.menu li a {
  color: #9b9b9b;
  cursor: pointer;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links {
  float: right;
  margin-right: -15px;
  margin-left: -15px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links {
    float: none;
  }
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links h5 {
  margin: 10px 0;
  padding: 0 15px;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links h5 {
    text-align: center;
  }
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links {
  *zoom: 1;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links:before, #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links:after {
  clear: both;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li {
  float: left;
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li {
    float: none;
    display: inline-block;
    text-align: center;
  }
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a {
  display: block;
  width: 23px;
  height: 20px;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-twitter {
  background: url('../images/distribution/footer/social/icon_twitter.svg?1584088119') right center/20px auto no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-facebook {
  background: url('../images/distribution/footer/social/icon_facebook.svg?1584088116') right center/auto 19px no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-instagram {
  background: url('../images/distribution/footer/social/icon_instagram.svg?1584088116') right center/19px auto no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-linkedin {
  background: url('../images/distribution/footer/social/icon_linkedin.svg?1584088116') right center/18px auto no-repeat;
}
#footer-wrapper #main-footer #block-kimberleyprocess-custom-custom-social-media-links ul.links li a.icon-youtube {
  background: url('../images/distribution/footer/social/icon_youtube.svg?1584088119') right center/22px auto no-repeat;
}
#footer-wrapper #main-footer .footer-logos {
  *zoom: 1;
  float: right;
  clear: both;
  margin-right: -15px;
  margin-left: -15px;
}
#footer-wrapper #main-footer .footer-logos:before, #footer-wrapper #main-footer .footer-logos:after {
  content: " ";
  display: table;
}
#footer-wrapper #main-footer .footer-logos:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-logos {
    float: none;
    padding-top: 30px;
  }
}
#footer-wrapper #main-footer .footer-logos a {
  display: inline-block;
  float: left;
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .footer-logos a {
    width: 50%;
  }
  #footer-wrapper #main-footer .footer-logos a#logo-un {
    text-align: right;
  }
  #footer-wrapper #main-footer .footer-logos a#logo-kp {
    text-align: left;
  }
}
#footer-wrapper #main-footer .footer-logos a img {
  width: auto;
  height: 108px;
}
#footer-wrapper #main-footer .copyright-info {
  float: right;
  clear: both;
  margin-top: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #footer-wrapper #main-footer .copyright-info {
    float: none;
  }
}
#footer-wrapper #main-footer .copyright-info a {
  color: #ffffff;
}

/* footer-wrapper */
/*! --------------------------------------------------
* 
*   NEWS
*   TABLE OF CONTENTS
*
*   tiny teaser
*   teaser
*   widget - overview
*   detail node
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #tiny teaser
    -------------------------------------------------- */
.node-news-item.view-mode-tiny_teaser {
  /* .field-name-title */
}
.node-news-item.view-mode-tiny_teaser .field-name-title {
  margin-bottom: 20px;
}
.node-news-item.view-mode-tiny_teaser .field-name-title a {
  color: #363636;
}

/* .node-news-item.view-mode-tiny_teaser */
/*! --------------------------------------------------
    #teaser
    -------------------------------------------------- */
.node-news-item.node-teaser {
  *zoom: 1;
  position: relative;
  min-height: 193px;
  background: #e9eeff;
  /* .group-image-zone */
  /* .group_content_zone */
}
.node-news-item.node-teaser:before, .node-news-item.node-teaser:after {
  content: " ";
  display: table;
}
.node-news-item.node-teaser:after {
  clear: both;
}
.node-news-item.node-teaser .group-image-zone {
  position: absolute;
  width: 33.3333%;
  top: 0;
  left: 0;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-news-item.node-teaser .group-image-zone {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 165px;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-news-item.node-teaser .group-image-zone {
    height: 213px;
  }
}
.node-news-item.node-teaser .group-image-zone img {
  display: none;
}
.node-news-item.node-teaser .group_content_zone {
  margin-left: 33.3333%;
  padding: 20px 30px;
  color: #363636;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-news-item.node-teaser .group_content_zone {
    position: relative;
    width: 100%;
    margin-left: 0;
  }
}
.node-news-item.node-teaser .group_content_zone .group-content-zone-text {
  position: relative;
  padding-right: 70px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-news-item.node-teaser .group_content_zone .group-content-zone-text {
    padding-right: 0;
  }
}
.node-news-item.node-teaser .group_content_zone .item-title {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
}
.node-news-item.node-teaser .group_content_zone .item-title a {
  color: #363636;
}
.node-news-item.node-teaser .group_content_zone .group-meta-info {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-top: 20px;
}
.node-news-item.node-teaser .group_content_zone .group-meta-info > .field {
  display: inline-block;
}
.node-news-item.node-teaser .group_content_zone .group-meta-info > .field:after {
  content: '/';
  display: inline-block;
  margin: 0 4px;
}
.node-news-item.node-teaser .group_content_zone .group-meta-info > .field:last-child:after {
  display: none;
}
.node-news-item.node-teaser .group_content_zone .group-meta-info > .field .field-items {
  display: inline-block;
}
.node-news-item.node-teaser .group_content_zone .field-name-node-link {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 0;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-news-item.node-teaser .group_content_zone .field-name-node-link {
    display: none;
  }
}
.node-news-item.node-teaser .group_content_zone .field-name-node-link a {
  display: block;
  display: inline-block;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #b2b2b2;
  background-image: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104');
  background-repeat: no-repeat;
  background-size: 10px 14px;
  background-position: center center;
  transition: background-color 0.15s ease;
}
.node-news-item.node-teaser .group_content_zone .field-name-node-link a:hover, .node-news-item.node-teaser .group_content_zone .field-name-node-link a:focus {
  background-image: url('../images/distribution/icons-mini/arrow-right--white.svg?1584088104');
  background-color: #ef881a;
  border-color: #ef881a;
}

/* .node-news-item.node-teaser */
/*! --------------------------------------------------
    #widget - overview
    -------------------------------------------------- */
.news-teaser-row {
  margin-bottom: 40px;
}
.news-teaser-row.views-row-last {
  margin-bottom: 0;
}
.news-teaser-row .node-news-item {
  margin: 0 -15px 0 -15px;
}

/*! --------------------------------------------------
    #detail node
    -------------------------------------------------- */
.page-node.node-type-news-item .node-news-item {
  /* .group-info-zone */
}
.page-node.node-type-news-item .node-news-item .group-info-zone {
  *zoom: 1;
  margin-bottom: 12px;
}
.page-node.node-type-news-item .node-news-item .group-info-zone:before, .page-node.node-type-news-item .node-news-item .group-info-zone:after {
  content: " ";
  display: table;
}
.page-node.node-type-news-item .node-news-item .group-info-zone:after {
  clear: both;
}
.page-node.node-type-news-item .node-news-item .group-info-zone > div {
  float: left;
  color: #777;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}
.page-node.node-type-news-item .node-news-item .group-info-zone > div .field-item:after {
  content: '/';
  margin: 0 4px;
}
.page-node.node-type-news-item .node-news-item .group-info-zone > div:last-child .field-item:after {
  display: none;
}
.page-node.node-type-news-item .node-news-item .group_image_zone {
  margin-top: 12px;
}
.page-node.node-type-news-item .node-news-item .group_image_zone img {
  display: block;
}

/* .page-node.node-type-news-item */
/*! --------------------------------------------------
* 
*   EVENTS
*   TABLE OF CONTENTS

*   mixin featured-event (homepage, kp-in-action)
*
*   sidebar
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #sidebar
    -------------------------------------------------- */
.region-sidebar-first .view-events {
  /* item-list */
}
.region-sidebar-first .view-events .item-list ul li .field-name-field-event-date {
  margin: 10px 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.region-sidebar-first .view-events .item-list ul li .field-name-title h2 {
  padding: 0;
  border: none;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.region-sidebar-first .view-events .item-list ul li .field-name-title h2:before {
  content: '- ';
}
.region-sidebar-first .view-events .item-list ul li .field-name-title h2 a {
  color: #363636;
  font-weight: 400;
}
.region-sidebar-first .view-events h3 {
  margin: 10px 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.region-sidebar-first .view-events .views-field-title .field-content:before {
  content: '- ';
}
.region-sidebar-first .view-events .views-field-title .field-content a {
  color: #363636;
  text-transform: uppercase;
}
.region-sidebar-first .view-events .more-link {
  margin: 0 -19px -19px -19px;
}
.region-sidebar-first .view-events .more-link a {
  position: relative;
  display: block;
  padding: 15px 12px;
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  color: #363636;
  text-align: center;
  text-transform: uppercase;
}
.region-sidebar-first .view-events .more-link a:hover {
  background-color: #ef881a;
  border-color: #ef881a;
  text-decoration: none;
}
.region-sidebar-first .view-events .more-link a:after {
  content: ' >';
}
.region-sidebar-first .view-events .pager.pager-load-more {
  margin: 20px -19px -19px -19px;
}
.region-sidebar-first .view-events .pager.pager-load-more li {
  display: block;
  padding: 0;
}
.region-sidebar-first .view-events .pager.pager-load-more li a {
  position: relative;
  display: block;
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  color: #363636;
}
.region-sidebar-first .view-events .pager.pager-load-more li a:hover {
  background-color: #ef881a;
  border-color: #ef881a;
}
.region-sidebar-first .view-events .pager.pager-load-more li a:after {
  content: ' +';
}

/*! --------------------------------------------------
#teaser
-------------------------------------------------- */
.node-event.node-teaser {
  *zoom: 1;
  position: relative;
  min-height: 144px;
  background: #e9eeff;
  /* .group-image-zone */
  /* .group_content_zone */
}
.node-event.node-teaser:before, .node-event.node-teaser:after {
  content: " ";
  display: table;
}
.node-event.node-teaser:after {
  clear: both;
}
.node-event.node-teaser .group-image-zone {
  position: absolute;
  width: 33.3333%;
  top: 0;
  left: 0;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-event.node-teaser .group-image-zone {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 171px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-event.node-teaser .group-image-zone {
    height: 124px;
  }
}
.node-event.node-teaser .group-image-zone img {
  display: none;
}
.node-event.node-teaser .group_content_zone {
  margin-left: 33.3333%;
  padding: 20px 30px;
  color: #363636;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-event.node-teaser .group_content_zone {
    position: relative;
    width: 100%;
    margin-left: 0;
  }
}
.node-event.node-teaser .group_content_zone .group-content-zone-text {
  position: relative;
  padding-right: 70px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-event.node-teaser .group_content_zone .group-content-zone-text {
    padding-right: 0;
  }
}
.node-event.node-teaser .group_content_zone .field-name-title h4 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
}
.node-event.node-teaser .group_content_zone .field-name-title h4 a {
  color: #363636;
}
.node-event.node-teaser .group_content_zone .group-meta-info {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-top: 20px;
}
.node-event.node-teaser .group_content_zone .group-meta-info > .field {
  display: inline-block;
}
.node-event.node-teaser .group_content_zone .group-meta-info > .field:after {
  content: '/';
  display: inline-block;
  margin: 0 4px;
}
.node-event.node-teaser .group_content_zone .group-meta-info > .field:last-child:after {
  display: none;
}
.node-event.node-teaser .group_content_zone .group-meta-info > .field .field-items {
  display: inline-block;
}
.node-event.node-teaser .group_content_zone .field-name-node-link {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 0;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-event.node-teaser .group_content_zone .field-name-node-link {
    display: none;
  }
}
.node-event.node-teaser .group_content_zone .field-name-node-link a {
  display: block;
  display: inline-block;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #b2b2b2;
  background-image: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104');
  background-repeat: no-repeat;
  background-size: 10px 14px;
  background-position: center center;
  transition: background-color 0.15s ease;
}
.node-event.node-teaser .group_content_zone .field-name-node-link a:hover, .node-event.node-teaser .group_content_zone .field-name-node-link a:focus {
  background-image: url('../images/distribution/icons-mini/arrow-right--white.svg?1584088104');
  background-color: #ef881a;
  border-color: #ef881a;
}

/* .node-news-item.node-teaser */
/*! --------------------------------------------------
    #widget - overview
    -------------------------------------------------- */
.event-teaser-row {
  margin-bottom: 40px;
}
.event-teaser-row.event-row-last {
  margin-bottom: 0;
}
.event-teaser-row .node-event {
  margin: 0 -15px 0 -15px;
}

/*! --------------------------------------------------
#detail node
-------------------------------------------------- */
.page-node.node-type-event .node-event {
  /* .group-info-zone */
}
.page-node.node-type-event .node-event .group-info-zone {
  *zoom: 1;
  margin-bottom: 12px;
}
.page-node.node-type-event .node-event .group-info-zone:before, .page-node.node-type-event .node-event .group-info-zone:after {
  content: " ";
  display: table;
}
.page-node.node-type-event .node-event .group-info-zone:after {
  clear: both;
}
.page-node.node-type-event .node-event .group-info-zone > div {
  float: left;
  color: #777;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}
.page-node.node-type-event .node-event .group-info-zone > div .field-item:after {
  content: '/';
  margin: 0 4px;
}
.page-node.node-type-event .node-event .group-info-zone > div:last-child .field-item:after {
  display: none;
}
.page-node.node-type-event .node-event .group_image_zone {
  margin-top: 12px;
}
.page-node.node-type-event .node-event .group_image_zone img {
  display: block;
}

/* .page-node.node-type-news-item */
/*! --------------------------------------------------
* 
*   BLOG
*   TABLE OF CONTENTS
*
*   tiny teaser
*   widget - overview
*   teaser
*   blog item
*   comments
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #tiny teaser
    -------------------------------------------------- */
.node-blog-item.view-mode-tiny_teaser {
  /* .field-name-title */
}
.node-blog-item.view-mode-tiny_teaser .field-name-title {
  margin-bottom: 20px;
}
.node-blog-item.view-mode-tiny_teaser .field-name-title a {
  color: #363636;
}

/* .node-news-item.view-mode-tiny_teaser */
/*! --------------------------------------------------
    #widget - overview
    -------------------------------------------------- */
.blog-teaser-row {
  margin-bottom: 40px;
}
.blog-teaser-row.views-row-last {
  margin-bottom: 0;
}
.blog-teaser-row .node-blog-item {
  margin: 0 -15px 0 -15px;
}

/*! --------------------------------------------------
    #teaser
    -------------------------------------------------- */
.node-blog-item.node-teaser {
  *zoom: 1;
  position: relative;
  min-height: 150px;
  background: #e9eeff;
  /* .group-content-zone */
}
.node-blog-item.node-teaser:before, .node-blog-item.node-teaser:after {
  content: " ";
  display: table;
}
.node-blog-item.node-teaser:after {
  clear: both;
}
.node-blog-item.node-teaser .group-content-zone {
  padding: 20px 30px;
  color: #363636;
  /* .group-author-info */
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-blog-item.node-teaser .group-content-zone {
    position: relative;
    width: 100%;
    margin-left: 0;
  }
}
.node-blog-item.node-teaser .group-content-zone .group-info-zone {
  position: relative;
  padding-right: 70px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-blog-item.node-teaser .group-content-zone .group-info-zone {
    padding-right: 0;
  }
}
.node-blog-item.node-teaser .group-content-zone .field-name-title h2 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
}
.node-blog-item.node-teaser .group-content-zone .field-name-title h2 a {
  color: #363636;
}
.node-blog-item.node-teaser .group-content-zone .group-author-info {
  margin-bottom: 0;
}
.node-blog-item.node-teaser .group-content-zone .group-author-info div.field-name-ds-user-picture {
  padding-right: 20px;
}
.node-blog-item.node-teaser .group-content-zone .field-name-node-link {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 30px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-blog-item.node-teaser .group-content-zone .field-name-node-link {
    display: none;
  }
}
.node-blog-item.node-teaser .group-content-zone .field-name-node-link a {
  display: block;
  display: inline-block;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #b2b2b2;
  background-image: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104');
  background-repeat: no-repeat;
  background-size: 10px 14px;
  background-position: center center;
  transition: background-color 0.15s ease;
}
.node-blog-item.node-teaser .group-content-zone .field-name-node-link a:hover, .node-blog-item.node-teaser .group-content-zone .field-name-node-link a:focus {
  background-image: url('../images/distribution/icons-mini/arrow-right--white.svg?1584088104');
  background-color: #ef881a;
  border-color: #ef881a;
}

/*! --------------------------------------------------
 #blog item
 -------------------------------------------------- */
.node-blog-item {
  /* .group-author-info */
}
.node-blog-item .group-author-info {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.node-blog-item .group-author-info > div {
  display: inline-block;
}
.node-blog-item .group-author-info > div:after {
  content: '/';
  display: inline-block;
  margin: 0 4px;
}
.node-blog-item .group-author-info > div:last-child:after {
  display: none;
}
.node-blog-item .group-author-info > div.field-name-ds-user-picture {
  padding-right: 20px;
}
.node-blog-item .group-author-info > div.field-name-ds-user-picture:after {
  display: none;
}
.node-blog-item .group-author-info > div .field-items {
  display: inline-block;
}

/*! --------------------------------------------------
 #comments
 -------------------------------------------------- */
#comments {
  margin-top: 30px;
}
#comments h2.title {
  margin: 20px 0;
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
}
#comments .indented {
  margin-left: 0;
}

.comment {
  margin: 20px 0;
  padding: 20px;
  background: #f0f0f0;
}
.comment .group-left {
  width: 40px;
  margin-right: 20px;
}
.comment .group-right {
  width: calc(100% - 60px);
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.comment .group-right .username {
  color: #363636;
}
.comment .group-footer {
  padding-top: 20px;
}
.comment .group-footer .field-name-comment-body {
  margin-bottom: 10px;
}
.comment .group-footer .links {
  *zoom: 1;
}
.comment .group-footer .links:before, .comment .group-footer .links:after {
  content: " ";
  display: table;
}
.comment .group-footer .links:after {
  clear: both;
}
.comment .group-footer .links li {
  padding: 0;
}
.comment .group-footer .links li a {
  display: inline-block;
  padding: 5px 15px;
  background: #363636;
  color: #ffffff;
}

/* .comment */
#comment-form {
  padding: 20px;
  background: #f0f0f0;
}
#comment-form .form-item {
  margin-top: 0;
}
#comment-form .form-item label {
  display: inline-block;
}
#comment-form .form-item textarea {
  background: #ffffff;
}
#comment-form .form-actions {
  margin: 0;
}
#comment-form .username {
  color: #363636;
  font-weight: bold;
}

/* comment-form */
/*! --------------------------------------------------
* 
*   DOCUMENTS
*   TABLE OF CONTENTS
*
*   filter
*   documenst overview
*   teaser rows
*   node document pdf
*   
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #filter
    -------------------------------------------------- */
#views-exposed-form-documents-page .views-exposed-form .views-exposed-widget, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 15px 0 0 0;
}
#views-exposed-form-documents-page .views-exposed-form .views-exposed-widget.views-submit-button, #views-exposed-form-documents-page .views-exposed-form .views-exposed-widget.views-reset-button, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget.views-submit-button, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget.views-reset-button {
  float: left;
  width: 48%;
}
#views-exposed-form-documents-page .views-exposed-form .views-exposed-widget.views-submit-button .form-submit, #views-exposed-form-documents-page .views-exposed-form .views-exposed-widget.views-reset-button .form-submit, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget.views-submit-button .form-submit, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget.views-reset-button .form-submit {
  width: 100%;
  margin: 0;
  background-color: #9b9b9b;
  border-color: #9b9b9b;
}
#views-exposed-form-documents-page .views-exposed-form .views-exposed-widget.views-submit-button .form-submit:hover, #views-exposed-form-documents-page .views-exposed-form .views-exposed-widget.views-reset-button .form-submit:hover, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget.views-submit-button .form-submit:hover, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget.views-reset-button .form-submit:hover {
  background-color: #ef881a;
  border-color: #ef881a;
}
#views-exposed-form-documents-page .views-exposed-form .views-exposed-widget.views-reset-button, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget.views-reset-button {
  float: right;
}
#views-exposed-form-documents-page .views-exposed-form .views-exposed-widget .date-padding, #views-exposed-form-search-api-documents-page .views-exposed-form .views-exposed-widget .date-padding {
  float: none;
}
#views-exposed-form-documents-page .views-exposed-form label, #views-exposed-form-search-api-documents-page .views-exposed-form label {
  margin-bottom: 5px;
  font-weight: normal;
}
#views-exposed-form-documents-page .views-exposed-form .form-item, #views-exposed-form-search-api-documents-page .views-exposed-form .form-item {
  width: 100%;
}

/*! --------------------------------------------------
    #documents overview
    -------------------------------------------------- */
.view-documents .view-filters, .view-search-api-documents .view-filters {
  display: none;
}

/*! --------------------------------------------------
    #teaser rows
    -------------------------------------------------- */
.documents-teaser-row {
  margin-bottom: 20px;
}
.documents-teaser-row.views-row-last {
  margin-bottom: 0;
}

/*! --------------------------------------------------
    #node document pdf
    -------------------------------------------------- */
.node-document-pdf, .node-document, .node-meeting-download {
  /* pdf teaser */
  /* restricted documents */
  /* pdf-iframe  */
}
.node-document-pdf.node-teaser, .node-document.node-teaser, .node-meeting-download.node-teaser {
  position: relative;
  min-height: 137px;
  padding: 15px 40px 15px 30px;
  background: #e9eeff;
  /* groups */
}
.node-document-pdf.node-teaser .group-left,
.node-document-pdf.node-teaser .group-middle,
.node-document-pdf.node-teaser .group-right, .node-document.node-teaser .group-left,
.node-document.node-teaser .group-middle,
.node-document.node-teaser .group-right, .node-meeting-download.node-teaser .group-left,
.node-meeting-download.node-teaser .group-middle,
.node-meeting-download.node-teaser .group-right {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.node-document-pdf.node-teaser .group-left, .node-document.node-teaser .group-left, .node-meeting-download.node-teaser .group-left {
  width: 78px;
  margin-right: 20px;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-document-pdf.node-teaser .group-left, .node-document.node-teaser .group-left, .node-meeting-download.node-teaser .group-left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.node-document-pdf.node-teaser .group-left img, .node-document.node-teaser .group-left img, .node-meeting-download.node-teaser .group-left img {
  width: 100%;
}
.node-document-pdf.node-teaser .group-middle, .node-document.node-teaser .group-middle, .node-meeting-download.node-teaser .group-middle {
  width: 50%;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-document-pdf.node-teaser .group-middle, .node-document.node-teaser .group-middle, .node-meeting-download.node-teaser .group-middle {
    width: 100%;
  }
}
.node-document-pdf.node-teaser .group-right, .node-document.node-teaser .group-right, .node-meeting-download.node-teaser .group-right {
  width: calc(100% - 120px - 50%);
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-document-pdf.node-teaser .group-right, .node-document.node-teaser .group-right, .node-meeting-download.node-teaser .group-right {
    width: 100%;
    margin-top: 20px;
  }
}
.node-document-pdf.node-teaser h2, .node-document.node-teaser h2, .node-meeting-download.node-teaser h2 {
  margin: 0 0 20px 0;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  color: #363636;
}
.node-document-pdf.node-teaser h2 a, .node-document.node-teaser h2 a, .node-meeting-download.node-teaser h2 a {
  color: #363636;
}
.node-document-pdf.node-teaser .kimberleyprocess-custom-file-icon-or-preview span, .node-document.node-teaser .kimberleyprocess-custom-file-icon-or-preview span, .node-meeting-download.node-teaser .kimberleyprocess-custom-file-icon-or-preview span {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #b0b9d6;
}
.node-document-pdf.node-teaser .field-name-node-link a, .node-document.node-teaser .field-name-node-link a, .node-meeting-download.node-teaser .field-name-node-link a {
  padding-right: 15px;
  background: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104') center right/8px auto no-repeat;
  color: #363636;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 1;
  text-transform: uppercase;
}
.node-document-pdf.node-teaser .field-name-document-file-duplicate, .node-document.node-teaser .field-name-document-file-duplicate, .node-meeting-download.node-teaser .field-name-document-file-duplicate {
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-document-pdf.node-teaser .field-name-document-file-duplicate, .node-document.node-teaser .field-name-document-file-duplicate, .node-meeting-download.node-teaser .field-name-document-file-duplicate {
    text-align: left;
  }
}
.node-document-pdf.node-teaser .kimberleyprocess-custom-file-download-link, .node-document.node-teaser .kimberleyprocess-custom-file-download-link, .node-meeting-download.node-teaser .kimberleyprocess-custom-file-download-link {
  display: inline-block;
}
.node-document-pdf.node-teaser .kimberleyprocess-custom-file-download-link:hover, .node-document.node-teaser .kimberleyprocess-custom-file-download-link:hover, .node-meeting-download.node-teaser .kimberleyprocess-custom-file-download-link:hover {
  color: #ffffff;
  text-decoration: none;
}
.node-document-pdf.working-groups-restricted-content a.kimberleyprocess-custom-file-download-link, .node-document.working-groups-restricted-content a.kimberleyprocess-custom-file-download-link, .node-meeting-download.working-groups-restricted-content a.kimberleyprocess-custom-file-download-link {
  background: #ef881a;
  border-color: #ef881a;
}
.node-document-pdf.working-groups-restricted-content a.kimberleyprocess-custom-file-download-link:hover, .node-document.working-groups-restricted-content a.kimberleyprocess-custom-file-download-link:hover, .node-meeting-download.working-groups-restricted-content a.kimberleyprocess-custom-file-download-link:hover {
  background: #24387f;
  border-color: #24387f;
}
.node-document-pdf .media, .node-document .media, .node-meeting-download .media {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 800px;
}
.node-document-pdf .media iframe, .node-document .media iframe, .node-meeting-download .media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.node-document-pdf .media .field-name-field-document-date,
.node-document-pdf .media .field-name-field-countries, .node-document .media .field-name-field-document-date,
.node-document .media .field-name-field-countries, .node-meeting-download .media .field-name-field-document-date,
.node-meeting-download .media .field-name-field-countries {
  font-size: 14px;
  font-size: 0.875rem;
}

/*! --------------------------------------------------
* 
*   GALLERY
*   TABLE OF CONTENTS
*
*   sidebar
*   teaser
*   widget - overview
*   gallery
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #sidebar
    -------------------------------------------------- */
.region-sidebar-first .view-gallery-view h3 {
  margin: 10px 0;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}
.region-sidebar-first .view-gallery-view .views-field-title a {
  color: #363636;
}

/*! --------------------------------------------------
    #teaser
    -------------------------------------------------- */
.node-photo-gallery.view-mode-teaser {
  *zoom: 1;
  position: relative;
  width: auto;
  min-height: 90px;
  background: #e9eeff;
  /* .group-image-zone */
  /* .group_content_zone */
}
.node-photo-gallery.view-mode-teaser:before, .node-photo-gallery.view-mode-teaser:after {
  content: " ";
  display: table;
}
.node-photo-gallery.view-mode-teaser:after {
  clear: both;
}
.node-photo-gallery.view-mode-teaser .group-image-zone {
  position: absolute;
  width: 33.3333%;
  top: 0;
  left: 0;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-photo-gallery.view-mode-teaser .group-image-zone {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 110px;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-photo-gallery.view-mode-teaser .group-image-zone {
    height: 130px;
  }
}
.node-photo-gallery.view-mode-teaser .group-image-zone img {
  display: none;
}
.node-photo-gallery.view-mode-teaser .group_content_zone {
  margin-left: 33.3333%;
  padding: 20px 30px;
  padding-right: 100px;
  color: #363636;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-photo-gallery.view-mode-teaser .group_content_zone {
    position: relative;
    width: 100%;
    margin-left: 0;
    padding-right: 30px;
  }
}
.node-photo-gallery.view-mode-teaser .group_content_zone .item-title {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
}
.node-photo-gallery.view-mode-teaser .group_content_zone .item-title a {
  color: #363636;
}
.node-photo-gallery.view-mode-teaser .group_content_zone .field-name-node-link {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 30px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-photo-gallery.view-mode-teaser .group_content_zone .field-name-node-link {
    display: none;
  }
}
.node-photo-gallery.view-mode-teaser .group_content_zone .field-name-node-link a {
  display: block;
  display: inline-block;
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #b2b2b2;
  background-image: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104');
  background-repeat: no-repeat;
  background-size: 10px 14px;
  background-position: center center;
  transition: background-color 0.15s ease;
}
.node-photo-gallery.view-mode-teaser .group_content_zone .field-name-node-link a:hover, .node-photo-gallery.view-mode-teaser .group_content_zone .field-name-node-link a:focus {
  background-image: url('../images/distribution/icons-mini/arrow-right--white.svg?1584088104');
  background-color: #ef881a;
  border-color: #ef881a;
}

/* .node-photo-gallery.view-mode-teaser */
/*! --------------------------------------------------
    #widget - overview
    -------------------------------------------------- */
.gallery-teaser-row {
  margin-bottom: 40px;
}
.gallery-teaser-row.views-row-last {
  margin-bottom: 0;
}
.gallery-teaser-row .node-photo-gallery {
  margin: 0 -15px 0 -15px;
}

/*! --------------------------------------------------
    #gallery
    -------------------------------------------------- */
.node-photo-gallery {
  width: 83.33%;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-photo-gallery {
    width: 100%;
  }
}
.node-photo-gallery h1.content-title {
  margin: 0 0 40px 0;
  color: #363636;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: normal;
  text-align: center;
}
.node-photo-gallery .field-name-field-main-text {
  margin-bottom: 20px;
}

.field-name-field-gallery-images .field-items {
  *zoom: 1;
}
.field-name-field-gallery-images .field-items:before, .field-name-field-gallery-images .field-items:after {
  content: " ";
  display: table;
}
.field-name-field-gallery-images .field-items:after {
  clear: both;
}
.field-name-field-gallery-images .field-items .field-item {
  float: left;
  width: calc(((100% - 4.6%) / 3) - 0.01px);
  margin-right: 2.3%;
  margin-bottom: 2.3%;
}
.field-name-field-gallery-images .field-items .field-item:nth-child(3n) {
  margin-right: 0px;
}
.field-name-field-gallery-images .field-items .field-item:nth-child(3n+1) {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .field-name-field-gallery-images .field-items .field-item {
    width: calc(((100% - 4.6%) / 3) - 0.01px);
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n) {
    margin-right: 0px;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .field-name-field-gallery-images .field-items .field-item {
    width: calc(((100% - 4.6%) / 3) - 0.01px);
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n) {
    margin-right: 2.3%;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n+1) {
    clear: none;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n) {
    margin-right: 0px;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .field-name-field-gallery-images .field-items .field-item {
    width: calc(((100% - 2.3%) / 2) - 0.01px);
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n) {
    margin-right: 2.3%;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(3n+1) {
    clear: none;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(2n) {
    margin-right: 0px;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .field-name-field-gallery-images .field-items .field-item {
    width: calc(((100% - 0%) / 1) - 0.01px);
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(2n) {
    margin-right: 2.3%;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(2n+1) {
    clear: none;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(1n) {
    margin-right: 0px;
  }
  .field-name-field-gallery-images .field-items .field-item:nth-child(1n+1) {
    clear: both;
  }
}
.field-name-field-gallery-images .field-items .field-item {
  overflow: hidden;
}
.field-name-field-gallery-images .field-items .field-item a {
  display: block;
  position: relative;
}
.field-name-field-gallery-images .field-items .field-item a img {
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  width: 100%;
}
.field-name-field-gallery-images .field-items .field-item a:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/distribution/misc/icon_enlarge.svg?1584088107') center center/72px auto no-repeat;
  background-color: rgba(239, 136, 26, 0.8);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.field-name-field-gallery-images .field-items .field-item a:hover img {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  width: 100%;
}
.field-name-field-gallery-images .field-items .field-item a:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.field-name-field-gallery-images .field-items .field-item > span {
  display: none;
}

/* gallery images */
/*! --------------------------------------------------
*   
*   CONTACT
*
*
*   -------------------------------------------------- */
.field-name-contact-form,
#-kimberleyprocess-crud-render-contact-form {
  *zoom: 1;
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
}
.field-name-contact-form:before, .field-name-contact-form:after,
#-kimberleyprocess-crud-render-contact-form:before,
#-kimberleyprocess-crud-render-contact-form:after {
  content: " ";
  display: table;
}
.field-name-contact-form:after,
#-kimberleyprocess-crud-render-contact-form:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .field-name-contact-form,
  #-kimberleyprocess-crud-render-contact-form {
    width: 100%;
  }
}
.field-name-contact-form .form-item,
#-kimberleyprocess-crud-render-contact-form .form-item {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .field-name-contact-form .form-item,
  #-kimberleyprocess-crud-render-contact-form .form-item {
    width: 100%;
  }
}
.field-name-contact-form .form-type-select,
.field-name-contact-form .form-item-subject,
.field-name-contact-form .form-type-textarea,
#-kimberleyprocess-crud-render-contact-form .form-type-select,
#-kimberleyprocess-crud-render-contact-form .form-item-subject,
#-kimberleyprocess-crud-render-contact-form .form-type-textarea {
  clear: both;
  width: 100%;
}
.field-name-contact-form .form-required,
#-kimberleyprocess-crud-render-contact-form .form-required {
  color: #ececec;
  font-size: 14px;
  font-size: 0.875rem;
}
.field-name-contact-form .mollom-privacy,
#-kimberleyprocess-crud-render-contact-form .mollom-privacy {
  clear: both;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.field-name-contact-form .form-submit,
#-kimberleyprocess-crud-render-contact-form .form-submit {
  clear: both;
}

/*! --------------------------------------------------
* 
* 	Link block
*	node-links-nodeblock
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #Link block
    -------------------------------------------------- */
.links-block {
  width: 100vw;
  position: relative;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 80px;
  margin-bottom: -160px;
  padding: 50px 0 210px 0;
  background: #ececec;
}
.links-block .items {
  *zoom: 1;
  width: 1100px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.links-block .items:before, .links-block .items:after {
  content: " ";
  display: table;
}
.links-block .items:after {
  clear: both;
}
.links-block .items .item {
  float: left;
  width: 33.33%;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .links-block .items .item {
    width: 100%;
  }
}
.links-block .items .item:nth-child(3n+4) {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .links-block .items .item:nth-child(3n+4) {
    clear: none;
  }
}
.links-block .items a {
  position: relative;
  display: block;
  min-height: 240px;
  padding: 40px 30px 90px;
  background: #ffffff;
  color: #337ab7;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  -moz-box-shadow: -10px 10px 0 #d4d4d4;
  -webkit-box-shadow: -10px 10px 0 #d4d4d4;
  box-shadow: -10px 10px 0 #d4d4d4;
  -moz-transition: color 0.15s;
  -o-transition: color 0.15s;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .links-block .items a {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .links-block .items a {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.links-block .items a:before {
  content: '';
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border: 2px solid #b2b2b2;
  background: transparent;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -moz-transition: background 0.15s, border-color 0.15s;
  -o-transition: background 0.15s, border-color 0.15s;
  -webkit-transition: background 0.15s, border-color 0.15s;
  transition: background 0.15s, border-color 0.15s;
}
.links-block .items a:after {
  content: '';
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-left: -24px;
  background: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104') center center/10px auto no-repeat;
}
.links-block .items a:hover {
  color: #23527c;
  text-decoration: underline;
}
.links-block .items a:hover:before {
  background: #ef881a;
  border-color: #ef881a;
}
.links-block .items a:hover:after {
  background: url('../images/distribution/icons-mini/arrow-right--white.svg?1584088104') center center/10px auto no-repeat;
}

/*! --------------------------------------------------
    #node Links nodeblock
    -------------------------------------------------- */
.node-links-nodeblock .group-header {
  margin-bottom: 40px;
}
.node-links-nodeblock .group-header h2 {
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  text-align: center;
}
.node-links-nodeblock .group-left {
  padding-right: 30px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-links-nodeblock .group-left {
    float: none;
    width: 100%;
    padding-right: 0;
  }
}
.node-links-nodeblock .group-right {
  padding-left: 30px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-links-nodeblock .group-right {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   node page
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #node page
    -------------------------------------------------- */
.node-page, .page-node {
  /* Intro text */
  /* End of intro text */
  /* Main text */
  /* End of main text */
  /* Footer text */
  /* End of footer text */
  /* Main and footer text */
  /* End of main and footer text */
}
.node-page .field-name-field-intro, .page-node .field-name-field-intro {
  width: 66.66%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.node-page .field-name-field-intro a, .page-node .field-name-field-intro a {
  color: #363636;
  font-weight: 600;
  text-decoration: underline;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-page .field-name-field-intro, .page-node .field-name-field-intro {
    width: 100%;
  }
}
.node-page .field-name-field-main-text, .node-page .node-event, .page-node .field-name-field-main-text, .page-node .node-event {
  margin-bottom: 20px;
}
.node-page .field-name-field-footer-text, .page-node .field-name-field-footer-text {
  width: 100vw;
  position: relative;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 80px;
  margin-bottom: -160px;
  padding: 50px 0 210px 0;
  background: #ececec;
  font-size: 14px;
  font-size: 0.875rem;
}
.node-page .field-name-field-footer-text .field-items, .page-node .field-name-field-footer-text .field-items {
  *zoom: 1;
  width: 1100px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.node-page .field-name-field-footer-text .field-items:before, .node-page .field-name-field-footer-text .field-items:after, .page-node .field-name-field-footer-text .field-items:before, .page-node .field-name-field-footer-text .field-items:after {
  content: " ";
  display: table;
}
.node-page .field-name-field-footer-text .field-items:after, .page-node .field-name-field-footer-text .field-items:after {
  clear: both;
}
.node-page .field-name-field-footer-text .row, .page-node .field-name-field-footer-text .row {
  *zoom: 1;
  margin-left: -15px;
  margin-right: -15px;
}
.node-page .field-name-field-footer-text .row:before, .node-page .field-name-field-footer-text .row:after, .page-node .field-name-field-footer-text .row:before, .page-node .field-name-field-footer-text .row:after {
  content: " ";
  display: table;
}
.node-page .field-name-field-footer-text .row:after, .page-node .field-name-field-footer-text .row:after {
  clear: both;
}
.node-page .field-name-field-footer-text .col-sm-4, .page-node .field-name-field-footer-text .col-sm-4 {
  position: relative;
  float: left;
  width: 33.33%;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-page .field-name-field-footer-text .col-sm-4, .page-node .field-name-field-footer-text .col-sm-4 {
    width: 100%;
  }
}
.node-page .field-name-field-footer-text a, .page-node .field-name-field-footer-text a {
  color: #337ab7;
  text-decoration: none;
}
.node-page .field-name-field-footer-text a:hover, .node-page .field-name-field-footer-text a:focus, .page-node .field-name-field-footer-text a:hover, .page-node .field-name-field-footer-text a:focus {
  color: #23527c;
  text-decoration: underline;
}
.node-page .field-name-field-main-text .larger,
.node-page .field-name-field-footer-text .larger, .page-node .field-name-field-main-text .larger,
.page-node .field-name-field-footer-text .larger {
  margin-bottom: 10px;
}
.node-page .field-name-field-main-text .text-dark,
.node-page .field-name-field-footer-text .text-dark, .page-node .field-name-field-main-text .text-dark,
.page-node .field-name-field-footer-text .text-dark {
  padding-right: 20px;
  color: #282828;
  background: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104') center right/10px auto no-repeat;
}

.page-node- h2 + h3, .node-type-page h2 + h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.page-node- p + h3, .node-type-page p + h3 {
  padding-bottom: 15px;
}

/*! --------------------------------------------------
* 
*   DOCUMENTS
*   TABLE OF CONTENTS
*
* search node
*   search results
*   
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #search node
    -------------------------------------------------- */
.page-search-node #content h2 {
  margin: 20px 0 30px 0;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .page-search-node #content h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
.page-search-node #content ul {
  margin: 10px 0 0 0;
  padding: 0 0 0 40px;
  font-size: 14px;
  font-size: 0.875rem;
  list-style-type: disc;
}

/*! --------------------------------------------------
    #search form
    -------------------------------------------------- */
#search-form legend {
  margin: 0;
  border-bottom: none;
}
#search-form #edit-basic .form-item label {
  display: none;
}
#search-form #edit-basic .form-item .form-text {
  float: left;
  width: calc(100% - 57px);
  max-width: 470px;
}
#search-form #edit-basic .form-submit {
  width: 57px;
  height: 60px;
  padding: 20px;
  background-image: url('../images/distribution/icons-mini/search.svg?1584088104');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px auto;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0;
}
#search-form #edit-advanced {
  margin-top: 10px;
}
#search-form #edit-advanced .criterion {
  float: none;
  margin-right: 0;
}
#search-form #edit-advanced .criterion .form-text {
  max-width: 527px;
}

.block-search .search-form {
  margin-bottom: 0;
}

/*! --------------------------------------------------
    #search results
    -------------------------------------------------- */
.search-results {
  margin: 10px 0 0 0;
  padding: 0 0 0 40px;
  list-style-type: decimal;
}
.search-results li h3.title {
  margin: 20px 0 25px 0;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 600;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .search-results li h3.title {
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.search-results li .search-snippet {
  margin-bottom: 10px;
}

/*! --------------------------------------------------
* 
*   NEWS
*   TABLE OF CONTENTS
*
*   participant detail
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #participant detail
    -------------------------------------------------- */
.participant-basic-page {
  /* field-name-kimberleyprocess-custom-participant-information */
  /* .field-name-field-main-text */
}
.participant-basic-page .field-name-field-documents.field-type-entityreference {
  text-align: center;
}
.participant-basic-page .field-name-field-documents.field-type-entityreference .field-items > div {
  width: 100%;
  text-align: center;
  padding: 10px;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information {
  text-align: center;
  /* form-type-select */
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information img {
  max-width: 110px;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information h1.style2 {
  margin: 20px 0;
  color: #363636;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information #kimberleyprocess-custom-country-form > div {
  position: relative;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information #kimberleyprocess-custom-country-form > div > span {
  position: relative;
  z-index: 50;
  display: inline-block;
  width: 400px;
  max-width: 100%;
  height: 60px;
  padding: 20px 40px 20px 20px;
  color: #ffffff;
  background: #363636;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  -moz-transition: background 0.15s;
  -o-transition: background 0.15s;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information #kimberleyprocess-custom-country-form > div > span:after {
  content: '';
  position: absolute;
  z-index: 55;
  right: 21px;
  top: 26px;
  display: inline-block;
  width: 14px;
  height: 10px;
  background: url('../images/distribution/icons-mini/arrow-down--white.svg?1584088104') center center/14px 10px no-repeat;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information #kimberleyprocess-custom-country-form > div select {
  display: block !important;
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information #kimberleyprocess-custom-country-form.js-hover > div > span {
  background: #ef881a;
  cursor: pointer;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information .form-type-select {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.participant-basic-page .field-name-field-intro {
  margin-bottom: 0;
}
.participant-basic-page .field-name-field-intro > .field-items {
  *zoom: 1;
  width: 1100px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.participant-basic-page .field-name-field-intro > .field-items:before, .participant-basic-page .field-name-field-intro > .field-items:after {
  content: " ";
  display: table;
}
.participant-basic-page .field-name-field-intro > .field-items:after {
  clear: both;
}
.participant-basic-page .field-name-field-intro > .field-items > .field-item {
  width: 66.66%;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participant-basic-page .field-name-field-intro > .field-items > .field-item {
    width: 100%;
  }
}
.participant-basic-page .field-name-field-main-text {
  margin-bottom: 0px;
}
.participant-basic-page .field-name-field-main-text > .field-items {
  *zoom: 1;
  width: 1100px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.participant-basic-page .field-name-field-main-text > .field-items:before, .participant-basic-page .field-name-field-main-text > .field-items:after {
  content: " ";
  display: table;
}
.participant-basic-page .field-name-field-main-text > .field-items:after {
  clear: both;
}
.participant-basic-page .field-name-field-main-text > .field-items > .field-item {
  width: 66.66%;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participant-basic-page .field-name-field-main-text > .field-items > .field-item {
    width: 100%;
  }
}
.participant-basic-page .field-name-field-main-text > .field-items > .field-item h2 {
  margin: 20px 0;
}
.participant-basic-page .field-name-field-main-text > .field-items > .field-item h2 a:not([href]) {
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.participant-basic-page .field-name-field-main-text > .field-items > .field-item .table-responsive-wrapper {
  overflow-x: auto;
  margin-bottom: 1em;
}
.participant-basic-page .field-name-field-main-text > .field-items > .field-item .table-responsive-wrapper table {
  margin: 0;
}
.participant-basic-page .field-name-field-main-text > .field-items > .field-item .table-responsive-wrapper + h2 {
  margin-top: 40px;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information ~ div {
  width: 100vw;
  position: relative;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #ececec;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information + div {
  margin-top: -33px;
  padding: 50px 0 40px 0;
  margin-bottom: 0px;
}
.participant-basic-page .field-name-kimberleyprocess-custom-participant-information ~ div:last-child {
  margin-bottom: -160px;
  padding-bottom: 210px;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   homepage
*
*       Background images
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #homepage
    -------------------------------------------------- */
.node-type-homepage {
  /* #main-top */
}
.node-type-homepage #main-top {
  padding: 0;
}
.node-type-homepage #main-top #block-kimberleyprocess-custom-custom-slideshow-block {
  position: relative;
  max-width: none;
  padding: 0;
}
.node-type-homepage #footer-wrapper {
  margin-top: -100px;
  z-index: 9999;
}

@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .field-name-field-widget > .field-items {
    margin-top: -150px;
  }
}
.node-homepage .field-name-field-widget > .field-items > .field-item:first-child {
  background: url('../images/distribution/backgrounds/blue_mask.png?1584088102') center top/100% 100% no-repeat;
  padding: 160px 0;
  position: relative;
  margin: 0 -30px;
  margin-top: -160px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .field-name-field-widget > .field-items > .field-item:first-child {
    margin: 0 -15px;
    margin-top: -160px;
    background-size: cover;
  }
}
.node-homepage .field-name-field-widget > .field-items > .field-item:nth-child(2) {
  background: url('../images/distribution/backgrounds/white.png?1584088102') center top/100% 100% no-repeat;
  margin: -200px -30px 0 -30px;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .field-name-field-widget > .field-items > .field-item:nth-child(2) {
    margin: 0 -15px;
    background: url('../images/distribution/backgrounds/mobile/white.png?1584088118') center top/100% 100% no-repeat;
    background-size: cover;
    margin-top: -200px;
  }
}
.node-homepage .field-name-field-widget > .field-items > .field-item:nth-child(3) {
  background: url('../images/distribution/backgrounds/grey_mask.png?1584088104') center top/100% 100% no-repeat;
  margin: 100px -30px 0 -30px;
  z-index: 99;
  position: relative;
  padding-bottom: 370px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .field-name-field-widget > .field-items > .field-item:nth-child(3) {
    margin: 0 -15px;
    background: url('../images/distribution/backgrounds/mobile/grey_mask.png?1584088118') center top/100% 100% no-repeat;
    background-size: cover;
    margin-top: 100px;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   Kimberley Process Block (Homepage)
*		Structure
*		KP wrapper
*		Timeline structure styling
*		Timeline specific styling
*		Facts structure styling
*		Facts specific styling
*
* -------------------------------------------------- */
.widget-kp-process {
  width: 1270px;
  max-width: 90%;
  margin: auto;
  text-align: center;
  margin-bottom: 200px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process {
    margin-bottom: 50px;
  }
}
.widget-kp-process h2 {
  font-size: 43px;
  margin-bottom: 30px;
  color: #ffffff;
  font-weight: normal;
  width: 100%;
  text-align: center;
  padding-top: 160px;
  position: relative;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .widget-kp-process h2 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.widget-kp-process h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_connect.svg?1584088108') center center/111px 111px no-repeat;
  width: 112px;
  height: 112px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.widget-kp-process h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.widget-kp-process p {
  font-size: 24px;
  color: #ffffff;
}
.widget-kp-process > p {
  text-align: center;
  width: 66.6%;
  margin: auto;
  margin-bottom: 50px;
  font-weight: 300;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .widget-kp-process > p {
    width: 500px;
    padding: 0 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process > p {
    font-size: 24px;
    font-size: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0 7px;
  }
}
.widget-kp-process > .btn.btn-default {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ef881a;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #363636;
  border-color: #ffffff;
  font-size: 15px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
}
.widget-kp-process > .btn.btn-default:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.widget-kp-process > .btn.btn-default span {
  color: #363636;
}
.widget-kp-process > .btn.btn-default:hover span {
  color: #ffffff;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.widget-kp-process .item-list {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 195px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process .item-list {
    margin-top: 128px;
  }
}
.widget-kp-process ul.timeline {
  list-style: none;
  padding: 0 0 20px;
  position: relative;
  height: 100%;
}
.widget-kp-process ul.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #fff;
  left: 50%;
  margin-left: -1px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline:before {
    content: none;
  }
}
.widget-kp-process ul.timeline li {
  position: relative;
  clear: both;
  width: 100%;
  padding-bottom: 55px;
  *zoom: 1;
  margin-bottom: 20px;
}
.widget-kp-process ul.timeline li:before, .widget-kp-process ul.timeline li:after {
  content: " ";
  display: table;
}
.widget-kp-process ul.timeline li:after {
  clear: both;
}
.widget-kp-process ul.timeline li div.timeline-panel {
  width: 48%;
  float: left;
  border-radius: 2px;
  margin-top: -23px;
  padding: 0 10px 20px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process ul.timeline li div.timeline-panel {
    width: 47%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li div.timeline-panel {
    width: 100%;
    float: none;
  }
}
.widget-kp-process ul.timeline li div.timeline-panel p {
  font-size: 20px;
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li div.timeline-panel p {
    text-align: center;
  }
}
.widget-kp-process ul.timeline li div.timeline-panel p a {
  color: #ffffff;
  text-decoration: underline;
}
.widget-kp-process ul.timeline li div.timeline-panel:before {
  position: absolute;
  content: "";
  top: -60px;
  right: 10px;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #ef881a;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li div.timeline-panel:before {
    top: -66px;
    right: auto;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.widget-kp-process ul.timeline li div.timeline-panel:after {
  position: absolute;
  content: "";
  top: -60px;
  right: 10px;
  display: block;
  width: 50px;
  height: 50px;
  background: url('../images/distribution/octagon-headings/icon_connect.svg?1584088108') center center/50px 50px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li div.timeline-panel:after {
    top: -66px;
    right: auto;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.widget-kp-process ul.timeline div.timeline-badge {
  background: #24387f;
  border: 2px solid #ffffff;
  color: #ffffff;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -5px;
  z-index: 100;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline div.timeline-badge {
    display: none;
  }
}
.widget-kp-process ul.timeline div.timeline-badge:before {
  content: "";
  width: 18px;
  height: 2px;
  background-color: #ffffff;
  top: 2px;
  left: -20px;
  position: absolute;
  display: block;
  z-index: 9999;
}
.widget-kp-process ul.timeline li.timeline-inverted div.timeline-panel {
  float: right;
}
.widget-kp-process ul.timeline li.timeline-inverted div.timeline-panel p {
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li.timeline-inverted div.timeline-panel p {
    text-align: center;
  }
}
.widget-kp-process ul.timeline li.timeline-inverted div.timeline-panel:before {
  left: 10px;
  right: auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li.timeline-inverted div.timeline-panel:before {
    top: -66px;
    right: auto;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.widget-kp-process ul.timeline li.timeline-inverted div.timeline-panel:after {
  left: 10px;
  right: auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li.timeline-inverted div.timeline-panel:after {
    top: -66px;
    right: auto;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.widget-kp-process ul.timeline li.timeline-inverted div.timeline-badge:before {
  left: 7px;
}
.widget-kp-process ul.timeline li.first {
  height: 108px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li.first {
    height: auto;
  }
}
.widget-kp-process ul.timeline li.first div.timeline-badge {
  background-color: #ffffff;
  top: 0px;
}
.widget-kp-process ul.timeline li.first div.timeline-badge:before {
  content: none;
}
.widget-kp-process ul.timeline li.first p.text-center {
  margin-top: -50px;
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process ul.timeline li {
    padding: 38px 0px;
  }
}
.widget-kp-process ul.timeline li:nth-child(2) div.timeline-panel:after {
  background: url('../images/distribution/pages/homepage/what-is-process/icon_what_orange.svg?1584088120') center center/32px 32px no-repeat;
}
.widget-kp-process ul.timeline li:nth-child(3) div.timeline-panel:after {
  background: url('../images/distribution/pages/homepage/what-is-process/icon_what_sync.svg?1584088120') center center/32px 32px no-repeat;
}
.widget-kp-process ul.timeline li:nth-child(4) div.timeline-panel:after {
  background: url('../images/distribution/pages/homepage/what-is-process/icon_what_link.svg?1584088120') center center/32px 32px no-repeat;
}
.widget-kp-process ul.timeline li:nth-child(5) div.timeline-panel:after {
  background: url('../images/distribution/pages/homepage/what-is-process/icon_what_rings.svg?1584088120') center 8px/32px 32px no-repeat;
}
.widget-kp-process .line-break {
  position: absolute;
  bottom: 410px;
  margin: 0px;
  background-color: #24387f;
  width: 3px;
  left: calc(50% - 2px);
}
.widget-kp-process .line-break:nth-of-type(1n) {
  padding-bottom: 10px;
  border: none;
  bottom: 419px;
}
.widget-kp-process .line-break:nth-of-type(2n) {
  padding-bottom: 8px;
  border: none;
  bottom: 396px;
}
.widget-kp-process .line-break:nth-of-type(3n) {
  padding-bottom: 8px;
  border: none;
  bottom: 376px;
}
.widget-kp-process .line-break:nth-of-type(4n) {
  padding-bottom: 8px;
  border: none;
  bottom: 362px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process .line-break {
    display: none;
  }
}
.widget-kp-process .fact1, .widget-kp-process .fact2, .widget-kp-process .fact3 {
  height: 313px;
  width: 313px;
  text-align: center;
  position: absolute;
  display: block;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-kp-process .fact1, .widget-kp-process .fact2, .widget-kp-process .fact3 {
    display: none;
  }
}
.widget-kp-process .fact1:before, .widget-kp-process .fact2:before, .widget-kp-process .fact3:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -25%;
  left: 0;
  background: url('../images/distribution/pages/homepage/fact-circles/fact-circle-1.svg?1584088119') center center/86% 86% no-repeat;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.widget-kp-process .fact1:after, .widget-kp-process .fact2:after, .widget-kp-process .fact3:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -25%;
  left: 0;
  border: 1px solid #ffffff;
  border-radius: 50%;
  opacity: 0.15;
  filter: alpha(opacity=15);
}
.widget-kp-process .fact1 .fact-title, .widget-kp-process .fact2 .fact-title, .widget-kp-process .fact3 .fact-title {
  font-weight: 500;
}
.widget-kp-process .fact1 .fact-text p, .widget-kp-process .fact2 .fact-text p, .widget-kp-process .fact3 .fact-text p {
  font-weight: 500;
}
.widget-kp-process .fact-body .fact-title {
  font-size: 63px;
  font-size: 3.9375rem;
  color: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact-body .fact-title {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.widget-kp-process .fact-body .fact-text p {
  font-size: 16px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact-body .fact-text p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.widget-kp-process .fact1 {
  left: 5%;
  top: 33.5%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact1 {
    height: 280px;
    width: 280px;
    top: 43%;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .widget-kp-process .fact1 {
    top: 42%;
  }
}
.widget-kp-process .fact1 .fact-text p {
  width: 220px;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact1 .fact-body {
    margin-top: 15px;
  }
}
.widget-kp-process .fact2 {
  right: 3%;
  top: 39%;
  height: 291px;
  width: 291px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact2 {
    height: 250px;
    width: 250px;
    top: 70%;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .widget-kp-process .fact2 {
    top: 71%;
    right: 5%;
  }
}
.widget-kp-process .fact2 .fact-text p {
  width: 200px;
  margin: auto;
}
.widget-kp-process .fact2 .fact-body {
  margin-top: -25px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact2 .fact-body {
    margin-top: -5px;
  }
}
.widget-kp-process .fact2:before {
  background: url('../images/distribution/pages/homepage/fact-circles/fact-circle-2.svg?1584088119') center center/86% 86% no-repeat;
}
.widget-kp-process .fact3 {
  left: 10%;
  top: 77.5%;
  height: 236px;
  width: 236px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact3 {
    left: 4%;
  }
}
.widget-kp-process .fact3 .fact-text p {
  width: 145px;
  margin: auto;
}
.widget-kp-process .fact3 .fact-body {
  margin-top: -15px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .widget-kp-process .fact3 .fact-body {
    margin-top: 0px;
  }
}

/*! --------------------------------------------------
*   
*   CHAIRS PAGE
*
*	General
*	Homepage block specific theming
*
*
*   -------------------------------------------------- */
.widget-chairs {
  width: 1270px;
  max-width: 90%;
  margin: auto;
  text-align: center;
}
.widget-chairs .row {
  margin-left: -15px;
  margin-right: -15px;
}
.widget-chairs .chairs-wrapper .row:first-child {
  width: 100%;
  margin: auto;
  *zoom: 1;
  padding-bottom: 35px;
  border-bottom: 1px solid #eaeaea;
}
.widget-chairs .chairs-wrapper .row:first-child:before, .widget-chairs .chairs-wrapper .row:first-child:after {
  content: " ";
  display: table;
}
.widget-chairs .chairs-wrapper .row:first-child:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .widget-chairs .chairs-wrapper .row:first-child {
    width: 600px;
    margin: auto;
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-chairs .chairs-wrapper .row:first-child {
    width: 750px;
    max-width: 100%;
  }
}
.widget-chairs .chairs-wrapper .row:first-child > div {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-chairs .chairs-wrapper .row:first-child > div.col-sm-5 {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-chairs .chairs-wrapper .row:first-child > div.col-sm-5.col-sm-offset-1 {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-chairs .chairs-wrapper .row:first-child > div {
    width: 100%;
  }
}
.widget-chairs .chairs-wrapper .row:first-child > div img {
  width: 190px;
  height: 190px;
}
.widget-chairs .chairs-wrapper .row:first-child > div h4 {
  text-transform: uppercase;
}
.widget-chairs .chairs-wrapper .row:first-child > div h4 span {
  background-color: #ffffff;
  padding: 0 10px;
  color: #24387f;
}
.widget-chairs .chairs-wrapper .row:first-child > div h2 {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 30px;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
.widget-chairs .chairs-wrapper .row:first-child > div .strike {
  text-align: center;
  margin: 30px 0 25px 0;
  position: relative;
  z-index: 1;
  width: 80%;
  margin-left: 10%;
  background-color: #ffffff;
}
.widget-chairs .chairs-wrapper .row:first-child > div .strike:before {
  border-top: 1px solid #24387f;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 49%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}
.widget-chairs .chairs-wrapper .row:first-child > div p {
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .widget-chairs .chairs-wrapper .row:first-child > div p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .widget-chairs .chairs-wrapper .row:first-child > div p {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.node-type-homepage .widget-chairs .chairs-wrapper .row:first-child {
  width: 66.66%;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-homepage .widget-chairs .chairs-wrapper .row:first-child {
    width: 90%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-homepage .widget-chairs .chairs-wrapper .row:first-child {
    width: 100%;
  }
}
.node-type-homepage .widget-chairs .chairs-wrapper .row:last-child {
  margin-top: 40px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-homepage .widget-chairs .chairs-wrapper .row:last-child {
    width: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-homepage .widget-chairs .chairs-wrapper .row:last-child {
    width: 100%;
  }
}
.node-type-homepage .widget-chairs .chairs-wrapper .row:last-child p {
  padding-bottom: 40px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-homepage .widget-chairs .chairs-wrapper .row:last-child p {
    width: 375px;
    margin: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-homepage .widget-chairs .chairs-wrapper .row:last-child p {
    width: 100%;
  }
}
.node-type-homepage .widget-chairs .chairs-wrapper .row:last-child a {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ef881a;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #363636;
  border-color: #ffffff;
  font-size: 15px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
  background-color: #363636;
  color: #ffffff;
  border-color: #363636;
}
.node-type-homepage .widget-chairs .chairs-wrapper .row:last-child a:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.node-type-homepage .widget-chairs .chairs-wrapper .row:last-child a span {
  color: #363636;
}
.node-type-homepage .widget-chairs .chairs-wrapper .row:last-child a:hover span {
  color: #ffffff;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.node-type-homepage .widget-chairs .chairs-wrapper .row:last-child a span {
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   KP in action widget on homepage
*
*
*
* -------------------------------------------------- */
.node-homepage .kp-in-action {
  text-align: center;
  width: 1270px;
  margin: auto;
  max-width: 90%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-homepage .kp-in-action {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-homepage .kp-in-action {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action {
    width: 100%;
    max-width: none;
    padding: 0 15px;
  }
}
.node-homepage .kp-in-action h3 {
  font-size: 43px;
  margin-bottom: 30px;
  color: #ffffff;
  font-weight: normal;
  width: 100%;
  text-align: center;
  padding-top: 160px;
  position: relative;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  padding-top: 330px;
  color: #363636;
  padding-bottom: 20px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-homepage .kp-in-action h3 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action h3 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.node-homepage .kp-in-action h3:before {
  content: "";
  width: 112px;
  height: 112px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.node-homepage .kp-in-action h3 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action h3 {
    padding-top: 330px;
  }
}
.node-homepage .kp-in-action h3:before {
  background: url('../images/distribution/octagon-headings/icon_external--dark.svg?1584088108') center center/111px 111px no-repeat;
  bottom: 135px;
  top: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-homepage .kp-in-action h3:before {
    bottom: 95px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action h3:before {
    bottom: 110px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action img {
    width: 100%;
    height: auto;
  }
}
.node-homepage .kp-in-action .kp-in-action-wrapper {
  *zoom: 1;
}
.node-homepage .kp-in-action .kp-in-action-wrapper:before, .node-homepage .kp-in-action .kp-in-action-wrapper:after {
  content: " ";
  display: table;
}
.node-homepage .kp-in-action .kp-in-action-wrapper:after {
  clear: both;
}
.node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4 {
  float: left;
  width: calc(((100% - 90px) / 4) - 0.01px);
  margin-right: 30px;
  margin-bottom: 30px;
}
.node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n) {
  margin-right: 0px;
}
.node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n+1) {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4 {
    width: calc(((100% - 90px) / 4) - 0.01px);
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n) {
    margin-right: 0px;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4 {
    width: calc(((100% - 90px) / 4) - 0.01px);
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n) {
    margin-right: 30px;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n+1) {
    clear: none;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n) {
    margin-right: 0px;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4 {
    width: calc(((100% - 0px) / 1) - 0.01px);
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n) {
    margin-right: 30px;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(4n+1) {
    clear: none;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(1n) {
    margin-right: 0px;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(1n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4 {
    width: calc(((100% - 0px) / 1) - 0.01px);
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(1n) {
    margin-right: 30px;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(1n+1) {
    clear: none;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(1n) {
    margin-right: 0px;
  }
  .node-homepage .kp-in-action .kp-in-action-wrapper > .col-sm-4:nth-child(1n+1) {
    clear: both;
  }
}
.node-homepage .kp-in-action .kp-in-action-wrapper p {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 10px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-homepage .kp-in-action .kp-in-action-wrapper p {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action .kp-in-action-wrapper p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-homepage .kp-in-action .kp-in-action-wrapper {
    padding-bottom: 20px;
  }
}
.node-homepage .kp-in-action a.kp-in-action-link {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ef881a;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #363636;
  border-color: #ffffff;
  font-size: 15px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
  background-color: #363636;
  color: #ffffff;
  border-color: #363636;
}
.node-homepage .kp-in-action a.kp-in-action-link:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.node-homepage .kp-in-action a.kp-in-action-link span {
  color: #363636;
}
.node-homepage .kp-in-action a.kp-in-action-link:hover span {
  color: #ffffff;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.node-homepage .kp-in-action a.kp-in-action-link span {
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
}

/*! --------------------------------------------------
* 
*   Featured News + events
*
* mixin featered-news

* featured news title
* featured news wrapper
* featured news
* featured event
*
*
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #mixin featered-news
    -------------------------------------------------- */
/*! --------------------------------------------------
    #featured news title
    -------------------------------------------------- */
.featured-news-title {
  padding-top: 130px;
  width: 100%;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  font-size: 2.5rem;
  margin-bottom: 25px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .featured-news-title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-title {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

/*! --------------------------------------------------
    #featured news wrapper
    -------------------------------------------------- */
.featured-news-wrapper {
  width: 1270px;
  margin: auto;
  padding: 0 15px;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .featured-news-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .featured-news-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper {
    width: 100%;
  }
}
.featured-news-wrapper .featured-news {
  *zoom: 1;
}
.featured-news-wrapper .featured-news:before, .featured-news-wrapper .featured-news:after {
  content: " ";
  display: table;
}
.featured-news-wrapper .featured-news:after {
  clear: both;
}
.featured-news-wrapper .featured-news > div {
  width: 50%;
  float: left;
  padding-bottom: 30px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .featured-news > div {
    width: 100%;
    display: block;
    float: none;
  }
}
.featured-news-wrapper .featured-news > div:first-child {
  width: 100%;
  float: none;
}
.featured-news-wrapper .featured-news .field-name-field-news-image:hover img {
  transform: scale(1.05);
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0s;
  transition: all 0.2s linear 0s;
}
.featured-news-wrapper .featured-news .col-sm-6 {
  position: relative;
}
.featured-news-wrapper .featured-news .col-sm-6:nth-child(odd) {
  padding-left: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .featured-news .col-sm-6:nth-child(odd) {
    padding-left: 0px;
  }
}
.featured-news-wrapper .featured-news .col-sm-6:nth-child(even) {
  padding-right: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .featured-news .col-sm-6:nth-child(even) {
    padding-right: 0px;
  }
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-field-news-image {
  overflow: hidden;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-title {
  display: block;
  background-color: #ffffff;
  padding: 25px 40px;
  height: 200px;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-title h2 {
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 400;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-title a {
  color: #363636;
  text-decoration: none;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-title {
    padding: 25px 20px;
    height: auto;
    min-height: 200px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-title {
    padding: 25px 70px 25px 20px;
    height: auto;
    min-height: 150px;
  }
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-title h2 {
  letter-spacing: 2px;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-title h2 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-title h2 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link {
  position: absolute;
  bottom: 50px;
  right: 40px;
  width: 50px;
  height: 50px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #b2b2b2;
  -moz-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -o-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -webkit-transition: all 0.15s ease, border-radius 0s ease;
  -webkit-transition-delay: 0s, 0s;
  transition: all 0.15s ease 0s, border-radius 0s ease 0s;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link {
    bottom: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link {
    bottom: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link {
    bottom: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link {
    right: 15px;
  }
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link:hover {
  background-color: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -o-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -webkit-transition: all 0.15s ease, border-radius 0s ease;
  -webkit-transition-delay: 0s, 0s;
  transition: all 0.15s ease 0s, border-radius 0s ease 0s;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link:hover a:before {
  background: url('../images/distribution/icons-mini/arrow-right--white.png?1584088104') center center/10px 14px no-repeat;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link a {
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link a span {
  text-indent: -9999px;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-node-link a:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url('../images/distribution/icons-mini/arrow-right--black.png?1584088104') center center/10px 14px no-repeat;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all {
  display: inline-block;
  position: absolute;
  z-index: 9999;
  top: 45px;
  right: 35px;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all span {
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all a {
  color: #ffffff;
  position: relative;
}
.featured-news-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all a:after {
  display: inline-block;
  content: "";
  z-index: 9999;
  width: 8px;
  height: 12px;
  background: url('../images/distribution/icons-mini/arrow-right--white.png?1584088104') center center/10px 14px no-repeat;
  position: relative;
  top: 1px;
  left: 2px;
  padding-left: 2px;
}
.featured-news-wrapper .featured-news .col-sm-12 {
  position: relative;
}
.featured-news-wrapper .featured-news .col-sm-12 .field-name-field-news-image {
  position: relative;
}
.featured-news-wrapper .featured-news .col-sm-12 .field-name-title {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
}
.featured-news-wrapper .featured-news .col-sm-12 .field-name-title h2 {
  color: #ffffff;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 40px;
  font-size: 2.5rem;
  padding-bottom: 30px;
  padding-left: 35px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .featured-news-wrapper .featured-news .col-sm-12 .field-name-title h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .featured-news .col-sm-12 .field-name-title h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    padding-bottom: 20px;
  }
}
.featured-news-wrapper .featured-news .col-sm-12 img {
  width: 100%;
  height: auto;
}
.featured-news-wrapper .featured-news .node-news-item {
  position: relative;
  overflow: hidden;
}
.featured-news-wrapper .featured-news .node-news-item .news-item-icon {
  text-indent: -9999px;
  display: block;
  width: 65px;
  height: 65px;
  float: left;
  background: url('../images/distribution/octagon-icons/press_release.png?1584088116') center center/55px 55px no-repeat;
  position: absolute;
  top: 25px;
  left: 30px;
  z-index: 333;
}
.featured-news-wrapper .featured-news .node-news-item h4 {
  float: left;
  display: inline-block;
  line-height: 55px;
  position: absolute;
  top: 30px;
  left: 105px;
  z-index: 333;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
}
.featured-news-wrapper .featured-news .node-news-item img {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.featured-news-wrapper .node-event {
  text-align: initial;
  width: 100%;
  display: block;
  background-color: #24387f;
  color: #ffffff;
  letter-spacing: 2px;
  padding: 25px 45px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .node-event {
    padding: 25px 20px;
  }
}
.featured-news-wrapper .node-event .event-icon {
  text-indent: -9999px;
  display: block;
  width: 65px;
  height: 65px;
  float: left;
  background: url('../images/distribution/octagon-icons/press_release.png?1584088116') center center/55px 55px no-repeat;
  position: absolute;
  top: 25px;
  left: 30px;
  z-index: 333;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .featured-news-wrapper .node-event .event-icon {
    top: 25px;
    left: 30px;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.featured-news-wrapper .node-event h4 {
  float: left;
  display: inline-block;
  line-height: 55px;
  position: absolute;
  top: 30px;
  left: 105px;
  z-index: 333;
  color: #ffffff;
  text-transform: uppercase;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 15px;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .featured-news-wrapper .node-event h4 {
    left: 33px;
    top: 70px;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .node-event h4 {
    top: 30px;
    left: 105px;
  }
}
.featured-news-wrapper .node-event h2 {
  color: #ffffff;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-weight: 400;
  margin-bottom: 10px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .node-event h2 {
    padding-top: 85px;
  }
}
.featured-news-wrapper .node-event h2 a {
  color: #ffffff;
}
.featured-news-wrapper .node-event .field-name-node-link {
  position: absolute;
  bottom: 50px;
  right: 40px;
  width: 50px;
  height: 50px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #b2b2b2;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  bottom: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.featured-news-wrapper .node-event .field-name-node-link:hover {
  background-color: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.featured-news-wrapper .node-event .field-name-node-link:hover a:before {
  background: url('../images/distribution/icons-mini/arrow-right--white.svg?1584088104') center center/10px 14px no-repeat;
}
.featured-news-wrapper .node-event .field-name-node-link a {
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
}
.featured-news-wrapper .node-event .field-name-node-link a span {
  text-indent: -9999px;
}
.featured-news-wrapper .node-event .field-name-node-link a:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104') center center/10px 14px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .node-event .field-name-node-link {
    top: 25px;
    right: 40px;
    bottom: auto;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.featured-news-wrapper .node-event .field-name-node-link a:before {
  background: url('../images/distribution/icons-mini/arrow-right--white.png?1584088104') center center/10px 14px no-repeat;
}
.featured-news-wrapper .node-event .field-name-field-event-location, .featured-news-wrapper .node-event .field-name-field-event-date {
  font-size: 14px;
  font-size: 0.875rem;
}
.featured-news-wrapper .node-event h2, .featured-news-wrapper .node-event .field-name-field-event-location, .featured-news-wrapper .node-event .field-name-field-event-date {
  padding-left: 225px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .featured-news-wrapper .node-event h2, .featured-news-wrapper .node-event .field-name-field-event-location, .featured-news-wrapper .node-event .field-name-field-event-date {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .featured-news-wrapper .node-event h2, .featured-news-wrapper .node-event .field-name-field-event-location, .featured-news-wrapper .node-event .field-name-field-event-date {
    padding-left: 125px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .featured-news-wrapper .node-event h2, .featured-news-wrapper .node-event .field-name-field-event-location, .featured-news-wrapper .node-event .field-name-field-event-date {
    padding-left: 15px;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   landingpage
*
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #homepage
    -------------------------------------------------- */
.node-type-landing-page #main-top {
  padding: 0;
}
.node-type-landing-page #main-top #block-kimberleyprocess-custom-custom-landing-page-header-block {
  position: relative;
  max-width: none;
  padding: 0;
}

.node-landing-page {
  /* &.view-mode-header_block */
}
.node-landing-page.view-mode-header_block {
  position: relative;
  height: 100vh;
  max-height: 100vh;
  min-height: 720px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  /* .ds-header-content */
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page.view-mode-header_block {
    min-height: 0;
    height: 620px;
    max-height: 700px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page.view-mode-header_block {
    height: 700px;
    max-height: none;
  }
}
.node-landing-page.view-mode-header_block .ds-header-content {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 33%;
  bottom: 30px;
  width: 1270px;
  max-width: 80%;
  padding: 0 15px;
  padding-top: 20px;
  padding-bottom: 30px;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page.view-mode-header_block .ds-header-content {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page.view-mode-header_block .ds-header-content {
    width: 750px;
    top: 24%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page.view-mode-header_block .ds-header-content {
    width: 90%;
    max-width: 90%;
    top: 150px;
  }
}
.node-landing-page.view-mode-header_block .ds-header-content .field-name-title h2 {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: uppercase;
}
.node-landing-page.view-mode-header_block .ds-header-content .field-name-field-slogan {
  margin: 20px 0 30px 0;
  font-size: 70px;
  font-size: 4.375rem;
  font-weight: 600;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page.view-mode-header_block .ds-header-content .field-name-field-slogan {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.1;
  }
}
.node-landing-page.view-mode-header_block .ds-header-content .field-name-field-sub-slogan {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 400;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page.view-mode-header_block .ds-header-content .field-name-field-sub-slogan {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page.view-mode-header_block .ds-header-content .field-name-field-sub-slogan {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.node-landing-page.view-mode-header_block .ds-header-content .field-name-kimberleyprocess-custom-homepage-slideshow-explore {
  text-align: center;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 10%;
}
.node-landing-page.view-mode-header_block .ds-header-content .field-name-kimberleyprocess-custom-homepage-slideshow-explore .hero-arrow {
  position: relative;
  padding-bottom: 20px;
  background: url('../images/distribution/icons-mini/arrow-down--white.svg?1584088104') center bottom/14px auto no-repeat;
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.node-landing-page.view-mode-header_block .ds-header-content .field-name-kimberleyprocess-custom-homepage-slideshow-explore .bounce {
  -webkit-animation: bounce 2s 2;
  animation: bounce 2s 2;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page.view-mode-header_block .ds-header-content .field-name-kimberleyprocess-custom-homepage-slideshow-explore {
    bottom: 5%;
  }
}
.node-landing-page .field-name-field-widget {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .field-name-field-widget {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   Basic structure
*
*   -------------------------------------------------- */
.node-type-landing-page .workflow-top {
  background: url('../images/distribution/backgrounds/white_mask.png?1584088104') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
  padding-top: 160px;
  margin-top: -160px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .workflow-top {
    background: url('../images/distribution/backgrounds/white_mask.png?1584088104') center top/100% 100% no-repeat;
    background-size: cover;
  }
}
.node-type-landing-page .workflow-top .workflow-top-content-wrapper {
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-type-landing-page .workflow-top .workflow-top-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .workflow-top .workflow-top-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .workflow-top .workflow-top-content-wrapper {
    width: 100%;
  }
}
.node-type-landing-page .workflow-bottom {
  background: url('../images/distribution/backgrounds/grey.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
  padding: 160px 0;
  margin-top: -375px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .workflow-bottom {
    margin-top: -250px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .workflow-bottom {
    background: url('../images/distribution/backgrounds/mobile/grey.png?1584088116') center top/cover no-repeat;
    background-size: cover;
  }
}
.node-type-landing-page .workflow-bottom .workflow-bottom-content-wrapper {
  *zoom: 1;
  text-align: center;
  width: 1170px;
  margin: auto;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.node-type-landing-page .workflow-bottom .workflow-bottom-content-wrapper:before, .node-type-landing-page .workflow-bottom .workflow-bottom-content-wrapper:after {
  content: " ";
  display: table;
}
.node-type-landing-page .workflow-bottom .workflow-bottom-content-wrapper:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-type-landing-page .workflow-bottom .workflow-bottom-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .workflow-bottom .workflow-bottom-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .workflow-bottom .workflow-bottom-content-wrapper {
    width: 100%;
  }
}
.node-type-landing-page .kp-statistics {
  background: url('../images/distribution/backgrounds/blue_mask2.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
  padding: 160px 0;
  margin-top: -160px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .kp-statistics {
    background: url('../images/distribution/backgrounds/mobile/blue_mask2.png?1584088116') center top/cover no-repeat;
  }
}
.node-type-landing-page .kp-statistics .statistics-content-wrapper {
  *zoom: 1;
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
.node-type-landing-page .kp-statistics .statistics-content-wrapper:before, .node-type-landing-page .kp-statistics .statistics-content-wrapper:after {
  content: " ";
  display: table;
}
.node-type-landing-page .kp-statistics .statistics-content-wrapper:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-type-landing-page .kp-statistics .statistics-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .kp-statistics .statistics-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .kp-statistics .statistics-content-wrapper {
    width: 100%;
  }
}
.node-type-landing-page .faq.row {
  background: url('../images/distribution/backgrounds/white2.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
  padding: 160px 0;
  margin-top: -230px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .faq.row {
    margin-top: -165px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .faq.row {
    background: url('../images/distribution/backgrounds/mobile/white2.png?1584088118') center top/cover no-repeat;
    margin-top: 100px;
    margin-top: -100px;
  }
}
.node-type-landing-page .faq.row .faq-content-wrapper {
  *zoom: 1;
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
.node-type-landing-page .faq.row .faq-content-wrapper:before, .node-type-landing-page .faq.row .faq-content-wrapper:after {
  content: " ";
  display: table;
}
.node-type-landing-page .faq.row .faq-content-wrapper:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-type-landing-page .faq.row .faq-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .faq.row .faq-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .faq.row .faq-content-wrapper {
    width: 100%;
  }
}
.node-type-landing-page .making-the-difference {
  background: url('../images/distribution/backgrounds/background.jpg?1584088099') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
  padding: 160px 0;
  margin-top: -160px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .making-the-difference {
    background: url('../images/distribution/backgrounds/mobile/background.jpg?1584088116') center top/cover no-repeat;
    background-size: cover;
  }
}
.node-type-landing-page .making-the-difference .making-the-difference-content-wrapper {
  *zoom: 1;
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
.node-type-landing-page .making-the-difference .making-the-difference-content-wrapper:before, .node-type-landing-page .making-the-difference .making-the-difference-content-wrapper:after {
  content: " ";
  display: table;
}
.node-type-landing-page .making-the-difference .making-the-difference-content-wrapper:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-type-landing-page .making-the-difference .making-the-difference-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .making-the-difference .making-the-difference-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .making-the-difference .making-the-difference-content-wrapper {
    width: 100%;
  }
}
.node-type-landing-page .kp-in-action.row {
  background: url('../images/distribution/backgrounds/diamond.jpg?1584088101') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
  padding: 160px 0;
  margin-top: 0px;
  overflow-x: hidden;
  padding-bottom: 200px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .kp-in-action.row {
    background: url('../images/distribution/backgrounds/mobile/diamond.jpg?1584088116') center top/cover no-repeat;
  }
}
.node-type-landing-page .kp-in-action.row .kp-in-action-content {
  *zoom: 1;
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
.node-type-landing-page .kp-in-action.row .kp-in-action-content:before, .node-type-landing-page .kp-in-action.row .kp-in-action-content:after {
  content: " ";
  display: table;
}
.node-type-landing-page .kp-in-action.row .kp-in-action-content:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-type-landing-page .kp-in-action.row .kp-in-action-content {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .kp-in-action.row .kp-in-action-content {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .kp-in-action.row .kp-in-action-content {
    width: 100%;
  }
}
.node-type-landing-page .kp-history.row {
  background: url('../images/distribution/backgrounds/grey.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
  padding: 160px 0;
  margin-top: -80px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .kp-history.row {
    background: url('../images/distribution/backgrounds/mobile/grey.png?1584088116') center top/cover no-repeat;
  }
}
.node-type-landing-page .kp-history.row .history-content-wrapper {
  *zoom: 1;
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
.node-type-landing-page .kp-history.row .history-content-wrapper:before, .node-type-landing-page .kp-history.row .history-content-wrapper:after {
  content: " ";
  display: table;
}
.node-type-landing-page .kp-history.row .history-content-wrapper:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-type-landing-page .kp-history.row .history-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-landing-page .kp-history.row .history-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-landing-page .kp-history.row .history-content-wrapper {
    width: 100%;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   Workflow Top
*
*   -------------------------------------------------- */
.workflow-top.row {
  text-align: center;
}
.workflow-top.row h2 {
  font-size: 45px;
  margin-bottom: 55px;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: normal;
  width: 100%;
  text-align: center;
  padding-top: 170px;
  position: relative;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.workflow-top.row h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_diamond--dark.svg?1584088108') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.workflow-top.row h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.workflow-top.row .workflow-top-content-wrapper > p {
  text-align: center;
  margin-bottom: 80px;
  line-height: 1.4;
  font-size: 24px;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .workflow-top-content-wrapper > p {
    width: 500px;
    padding: 0 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .workflow-top-content-wrapper > p {
    font-size: 24px;
    font-size: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0 7px;
  }
}
.workflow-top.row .conflict-diamond-item {
  position: relative;
  min-height: 700px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .workflow-top.row .conflict-diamond-item {
    min-height: 620px;
  }
}
.workflow-top.row .conflict-diamond-item > div {
  width: 249px;
  height: 249px;
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/polygons/polygon-item.svg?1584088125') center center/100% 100% no-repeat;
  cursor: pointer;
  position: relative;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
}
.touch .workflow-top.row .conflict-diamond-item > div {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.workflow-top.row .conflict-diamond-item > div:hover {
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/polygons/polygon-item_4x-orange.png?1584088125') center center/100% 100% no-repeat;
  -moz-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
}
.touch .workflow-top.row .conflict-diamond-item > div:hover {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item > div {
    width: 220px;
    height: 220px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamond-item > div {
    width: 170px;
    height: 170px;
  }
}
.workflow-top.row .conflict-diamond-item > div .polygon-title {
  color: #24387f;
  display: block;
  width: 100%;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.workflow-top.row .conflict-diamond-item > div .polygon-title:before {
  content: " ";
  display: block;
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item > div .polygon-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamond-item > div .polygon-title {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.workflow-top.row .conflict-diamond-item .mandate {
  position: absolute;
  left: 15%;
  top: 249px;
}
.workflow-top.row .conflict-diamond-item .mandate .polygon-title:before {
  width: 113px;
  height: 96px;
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_unmandate.svg?1584088125') center bottom/113px 96px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .mandate .polygon-title:before {
    width: 70px;
    height: 60px;
    background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_unmandate.svg?1584088125') center bottom/70px 60px no-repeat;
  }
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .workflow-top.row .conflict-diamond-item .mandate {
    left: 5%;
    top: 150px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .mandate {
    left: 0%;
    top: 200px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamond-item .mandate {
    left: 5%;
    top: 420px;
  }
}
.workflow-top.row .conflict-diamond-item .participants {
  position: absolute;
  left: 29%;
  top: 40px;
}
.workflow-top.row .conflict-diamond-item .participants .polygon-title:before {
  width: 88px;
  height: 88px;
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_participants.svg?1584088125') center bottom/88px 88px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .participants .polygon-title:before {
    width: 70px;
    height: 70px;
    background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_participants.svg?1584088125') center bottom/70px 70px no-repeat;
  }
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .workflow-top.row .conflict-diamond-item .participants {
    left: 22%;
    top: -60px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .participants {
    left: 20%;
    top: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamond-item .participants {
    left: 5%;
    top: -20px;
  }
}
.workflow-top.row .conflict-diamond-item .industry {
  position: absolute;
  left: 52%;
  top: 40px;
}
.workflow-top.row .conflict-diamond-item .industry .polygon-title:before {
  width: 118px;
  height: 76px;
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_industry.svg?1584088125') center bottom/118px 76px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .industry .polygon-title:before {
    width: 70px;
    height: 45px;
    background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_industry.svg?1584088125') center bottom/70px 45px no-repeat;
  }
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .workflow-top.row .conflict-diamond-item .industry {
    right: 20%;
    top: -60px;
    left: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .industry {
    left: 52%;
    top: 20px;
    right: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamond-item .industry {
    right: 5%;
    top: -20px;
    left: auto;
  }
}
.workflow-top.row .conflict-diamond-item .society {
  position: absolute;
  left: 65%;
  top: 249px;
}
.workflow-top.row .conflict-diamond-item .society .polygon-title:before {
  width: 109px;
  height: 62px;
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_civilsociety.svg?1584088125') center bottom/109px 62px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .society .polygon-title:before {
    width: 70px;
    height: 40px;
    background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_civilsociety.svg?1584088125') center bottom/70px 40px no-repeat;
  }
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .workflow-top.row .conflict-diamond-item .society {
    right: 5%;
    top: 150px;
    left: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-item .society {
    left: 70%;
    top: 200px;
    right: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamond-item .society {
    right: 5%;
    top: 420px;
    left: auto;
  }
}
.workflow-top.row .conflict-diamond-data {
  width: 410px;
  height: 410px;
  margin: auto;
  position: relative;
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/polygons/polygon-main.svg?1584088125') center center/100% 100% no-repeat;
  top: -420px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .workflow-top.row .conflict-diamond-data {
    top: -430px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-data {
    width: 320px;
    height: 320px;
    top: -390px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamond-data {
    width: 300px;
    height: 300px;
    top: -490px;
  }
}
.workflow-top.row .conflict-diamond-data > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 250px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-data > div {
    width: 225px;
  }
}
.workflow-top.row .conflict-diamond-data .polygon-body p {
  color: #ffffff;
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-data .polygon-body p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1;
  }
}
.workflow-top.row .conflict-diamond-data .default {
  display: block;
  width: 240px;
  margin: auto;
}
.mandate .workflow-top.row .conflict-diamond-data .default, .participants .workflow-top.row .conflict-diamond-data .default, .industry .workflow-top.row .conflict-diamond-data .default, .society .workflow-top.row .conflict-diamond-data .default {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-data .default {
    width: 240px;
  }
}
.workflow-top.row .conflict-diamond-data .default .polygon-body p {
  line-height: 1.4;
  font-size: 30px;
  font-size: 1.875rem;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamond-data .default .polygon-body p {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.4;
  }
}
.workflow-top.row .conflict-diamond-data .default .polygon-body p:before {
  content: " ";
  display: block;
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
  width: 67px;
  height: 51px;
  background: url('../images/distribution/pages/what-is-kpcp/conflict-diamonds/icons/icon_kp-diamond.svg?1584088125') center bottom/67px 51px no-repeat;
}
.mandate .workflow-top.row .conflict-diamond-data .mandate {
  display: block !important;
}
.participants .workflow-top.row .conflict-diamond-data .participants {
  display: block !important;
}
.industry .workflow-top.row .conflict-diamond-data .industry {
  display: block !important;
}
.society .workflow-top.row .conflict-diamond-data .society {
  display: block !important;
}
.workflow-top.row .conflict-diamonds-footer {
  width: 50%;
  margin: auto;
  background: rgba(183, 200, 255, 0.3);
  color: #24387f;
  font-size: 30px;
  font-size: 1.875rem;
  padding: 19px;
  position: relative;
  top: -390px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-top.row .conflict-diamonds-footer {
    width: 83.33%;
    top: -300px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamonds-footer {
    width: 95%;
    top: -280px;
  }
}
.workflow-top.row .conflict-diamonds-footer p {
  color: #24387f;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-top.row .conflict-diamonds-footer p {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}

/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* WITKP page
* block 2
*
* -------------------------------------------------- */
.workflow-bottom h2 {
  font-size: 45px;
  margin-bottom: 55px;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: normal;
  width: 100%;
  text-align: center;
  padding-top: 170px;
  position: relative;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-bottom h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-bottom h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.workflow-bottom h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_works--dark.svg?1584088111') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.workflow-bottom h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.workflow-bottom p {
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 24px;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-bottom p {
    width: 500px;
    padding: 0 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .workflow-bottom p {
    font-size: 24px;
    font-size: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0 7px;
  }
}
.workflow-bottom p.larger {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 40px;
}
.workflow-bottom .items-wrapper {
  /* enable Flickity by default */
}
@media screen and (max-width: 767px) {
  .workflow-bottom .items-wrapper {
    overflow-x: hidden;
    cursor: move;
    cursor: grab;
  }
}
.workflow-bottom .items-wrapper:after {
  content: 'flickity';
  display: none;
  /* hide :after */
}
@media screen and (min-width: 767px) {
  .workflow-bottom .items-wrapper {
    /* disable Flickity for large devices */
  }
  .workflow-bottom .items-wrapper:after {
    content: "";
  }
}
.workflow-bottom .col-sm-3 {
  position: relative;
  float: left;
  width: 25%;
  padding: 20px 15px 0 15px;
}
.workflow-bottom .col-sm-3:before {
  position: absolute;
  content: " ";
  width: 41px;
  height: 41px;
  background-color: #ef881a;
  border-radius: 50%;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.workflow-bottom .col-sm-3:after {
  position: absolute;
  content: " ";
  background: url('../images/distribution/icons-mini/tick--white.svg?1584088104') center center/16px 12px no-repeat;
  width: 16px;
  height: 12px;
  display: block;
  top: 15px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.workflow-bottom .col-sm-3 > div {
  text-align: center;
  padding: 40px 30px 30px;
  margin-bottom: 40px;
  -webkit-box-shadow: -10px 10px 0px #d4d4d4;
  -moz-box-shadow: -10px 10px 0px #d4d4d4;
  box-shadow: -10px 10px 0px #d4d4d4;
  background: #fff;
}
.workflow-bottom .col-sm-3 .field-name-field-image {
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .workflow-bottom .col-sm-3 {
    width: 66%;
  }
}
.workflow-bottom .col-sm-3 .taxonomy-term-description {
  margin: 0;
  text-align: center;
}
.workflow-bottom .col-sm-3 .taxonomy-term-description p {
  margin: 0;
  color: #24387f;
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .workflow-bottom .col-sm-3 .taxonomy-term-description p {
    padding: 0px !important;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   Statistics
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
*	WITKP page
*	block 2
*
* -------------------------------------------------- */
.kp-statistics h3 {
  padding-top: 100px;
  font-size: 40px;
  font-size: 2.5rem;
  margin-bottom: 25px;
  color: #ffffff;
  font-weight: normal;
  width: 100%;
  text-align: center;
  position: relative;
  font-weight: 600;
  font-family: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .kp-statistics h3 {
    padding-top: 85px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-statistics h3 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-statistics h3 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.kp-statistics h3 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.kp-statistics .text-orange {
  color: #ef881a;
  font-size: 70px;
  font-size: 4.375rem;
  margin-bottom: 30px;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-statistics .text-orange {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}
.kp-statistics a {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ef881a;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #363636;
  border-color: #ffffff;
  font-size: 15px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
}
.kp-statistics a:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kp-statistics a span {
  color: #363636;
}
.kp-statistics a:hover span {
  color: #ffffff;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kp-statistics p {
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 20px;
  color: #ffffff;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-statistics p {
    width: 500px;
    padding: 0 15px;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-statistics p {
    font-size: 20px;
    font-size: 1.25rem;
    width: 100%;
    max-width: 100%;
    padding: 0 7px;
  }
}
.kp-statistics .file-document {
  width: 50%;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-statistics .file-document {
    width: 83.3333%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-statistics .file-document {
    width: 100%;
    padding: 0px 15px;
  }
}
.kp-statistics .file-document .group-header .field-name-field-file-title {
  padding-top: 120px;
}
.kp-statistics .file-document .group-header .field-name-field-file-title .field-item {
  font-size: 45px;
  margin-bottom: 40px;
  color: #ffffff;
  font-weight: normal;
  width: 100%;
  text-align: center;
  position: relative;
  font-weight: 600;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-statistics .file-document .group-header .field-name-field-file-title .field-item {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-statistics .file-document .group-header .field-name-field-file-title .field-item {
    font-size: 32px;
    font-size: 2rem;
  }
}
.kp-statistics .file-document .group-left {
  width: 33.33%;
  padding: 0px 15px;
}
.kp-statistics .file-document .group-left img {
  width: 100%;
  height: auto;
  max-width: 100%;
  width: auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-statistics .file-document .group-left {
    width: 100%;
  }
}
.kp-statistics .file-document .group-right {
  width: 66.66%;
  padding: 0px 15px;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-statistics .file-document .group-right {
    width: 100%;
    text-align: center;
  }
}
.kp-statistics .file-document .group-right .field-item {
  text-align: left;
  color: #ffffff;
  padding-bottom: 40px;
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-statistics .file-document .group-right .field-item {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-statistics .file-document .group-right .field-item {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    padding-top: 20px;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   What is the KP In action block
*
*   -------------------------------------------------- */
.kp-in-action.row .kp-in-action-content {
  outline: none !important;
}
.kp-in-action.row .kp-in-action-content > h2 {
  padding-top: 170px;
  margin-bottom: 55px;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  color: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-in-action.row .kp-in-action-content > h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-in-action.row .kp-in-action-content > h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.kp-in-action.row .kp-in-action-content > h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_link.svg?1584088111') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.kp-in-action.row .kp-in-action-content > h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.kp-in-action.row .kp-in-action-content .custom-column-container {
  width: 83.33%;
  *zoom: 1;
  margin: auto;
}
.kp-in-action.row .kp-in-action-content .custom-column-container:before, .kp-in-action.row .kp-in-action-content .custom-column-container:after {
  content: " ";
  display: table;
}
.kp-in-action.row .kp-in-action-content .custom-column-container:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-in-action.row .kp-in-action-content .custom-column-container {
    width: 100%;
  }
}
.kp-in-action.row .kp-in-action-content .custom-column-container .columns {
  width: 33.33%;
  float: left;
  padding: 0px 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-in-action.row .kp-in-action-content .custom-column-container .columns {
    width: 100%;
    max-width: 90%;
    float: none;
    padding-bottom: 40px;
    margin: auto;
  }
}
.kp-in-action.row .kp-in-action-content .custom-column-container h3 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #ffffff;
  margin-bottom: 20px;
}
.kp-in-action.row .kp-in-action-content .custom-column-container p {
  color: #ffffff;
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-in-action.row .kp-in-action-content .custom-column-container p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-in-action.row .kp-in-action-content .custom-column-container p {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.kp-in-action.row .kp-in-action-content .custom-column-container > span {
  color: #ffffff;
  width: 100%;
  display: block;
  text-align: center;
  clear: both;
  padding: 80px 0px;
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-in-action.row .kp-in-action-content .custom-column-container > span {
    padding-top: 40px;
  }
}
.kp-in-action.row .kp-in-action-content .desktop .taxonomy-term-description p, .kp-in-action.row .kp-in-action-content .mobile .taxonomy-term-description p {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  padding-bottom: 10px;
}
.kp-in-action.row .kp-in-action-content .desktop .field-type-link-field a, .kp-in-action.row .kp-in-action-content .mobile .field-type-link-field a {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ef881a;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #363636;
  border-color: #ffffff;
  font-size: 15px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
  background-color: #ef881a;
  color: #ffffff;
  border-color: #ef881a;
}
.kp-in-action.row .kp-in-action-content .desktop .field-type-link-field a:hover, .kp-in-action.row .kp-in-action-content .mobile .field-type-link-field a:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kp-in-action.row .kp-in-action-content .desktop .field-type-link-field a span, .kp-in-action.row .kp-in-action-content .mobile .field-type-link-field a span {
  color: #363636;
}
.kp-in-action.row .kp-in-action-content .desktop .field-type-link-field a:hover span, .kp-in-action.row .kp-in-action-content .mobile .field-type-link-field a:hover span {
  color: #ffffff;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kp-in-action.row .kp-in-action-content .desktop .field-type-link-field a span, .kp-in-action.row .kp-in-action-content .mobile .field-type-link-field a span {
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .kp-in-action.row .kp-in-action-content .desktop .field-name-title h2, .kp-in-action.row .kp-in-action-content .mobile .field-name-title h2 {
    color: #ffffff;
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: uppercase;
  }
}
.kp-in-action.row .kp-in-action-content .controls {
  display: block;
  width: 50%;
  margin: auto;
  position: relative;
  top: -180px;
}
.kp-in-action.row .kp-in-action-content .controls a {
  width: 70px;
  height: 70px;
  cursor: pointer;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #3C465D;
  text-indent: -9999px;
}
.kp-in-action.row .kp-in-action-content .controls .previous {
  float: left;
  background: url('../images/distribution/pages/what-is-kpcp/stronger-together/arrow_left.png?1584088124') center center/70px 70px no-repeat;
}
.kp-in-action.row .kp-in-action-content .controls .next {
  float: right;
  background: url('../images/distribution/pages/what-is-kpcp/stronger-together/arrow_right.png?1584088124') center center/70px 70px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .kp-in-action.row .kp-in-action-content .controls {
    display: none;
  }
}
.kp-in-action.row .kp-in-action-content .desktop {
  padding-bottom: 1000px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 30px;
}
@media only screen and (max-width: 1270px) and (min-width: 1200px) {
  .kp-in-action.row .kp-in-action-content .desktop {
    margin-left: -50px;
    padding-left: 0px;
  }
}
.kp-in-action.row .kp-in-action-content .desktop ul li .taxonomy-term-description, .kp-in-action.row .kp-in-action-content .desktop ul li .field-name-field-links {
  display: none;
}
.kp-in-action.row .kp-in-action-content .desktop ul li h2 {
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 1px;
}
.kp-in-action.row .kp-in-action-content .desktop ul li.active h2 {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 20px;
}
.kp-in-action.row .kp-in-action-content .desktop ul li.active .taxonomy-term-description, .kp-in-action.row .kp-in-action-content .desktop ul li.active .field-name-field-links {
  display: block;
}
.kp-in-action.row .kp-in-action-content .desktop ul {
  padding-left: 0;
  position: relative;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item {
  display: block;
  position: absolute;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item .larger,
.kp-in-action.row .kp-in-action-content .desktop ul .item .item-img-active,
.kp-in-action.row .kp-in-action-content .desktop ul .item .item-action {
  display: none;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item.active .larger,
.kp-in-action.row .kp-in-action-content .desktop ul .item.active .item-img-active,
.kp-in-action.row .kp-in-action-content .desktop ul .item.active .item-action {
  display: block;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item.active .item-img {
  display: none;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item.active .large {
  font-size: 30px;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item.active img {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.kp-in-action.row .kp-in-action-content .desktop ul .item.active p {
  margin-top: 0;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item.transition {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.kp-in-action.row .kp-in-action-content .desktop ul {
  top: 60px;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item {
  width: 350px;
  height: 250px;
  vertical-align: middle;
  text-align: center;
}
.kp-in-action.row .kp-in-action-content .desktop ul .item p {
  margin-top: 20px;
}
.kp-in-action.row .kp-in-action-content .desktop .controls {
  position: relative;
  top: 700px;
  left: 25%;
  width: 50%;
  z-index: 9999;
}
.kp-in-action.row .kp-in-action-content .desktop .controls a {
  display: block;
}
.kp-in-action.row .kp-in-action-content .desktop .controls .previous {
  float: left;
}
.kp-in-action.row .kp-in-action-content .desktop .controls .next {
  float: right;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .kp-in-action.row .kp-in-action-content .desktop {
    display: none;
  }
}
.kp-in-action.row .kp-in-action-content .desktop li.transition img {
  width: 70px;
  height: 70px;
}
.kp-in-action.row .kp-in-action-content .desktop li.transition.active img {
  width: auto;
  height: auto;
}
.kp-in-action.row .kp-in-action-content .mobile {
  display: none;
  margin-top: 400px;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .kp-in-action.row .kp-in-action-content .mobile {
    padding-top: 400px;
  }
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .kp-in-action.row .kp-in-action-content .mobile {
    display: block;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-in-action.row .kp-in-action-content .mobile {
    margin-top: 30px;
  }
}
.kp-in-action.row .kp-in-action-content .mobile .views-row {
  width: 100%;
  padding: 0px 40px;
}
.kp-in-action.row .kp-in-action-content .mobile .field-name-title {
  margin: 10px auto;
}
.kp-in-action.row .kp-in-action-content .mobile .flickity-page-dots {
  bottom: -40px;
}
.kp-in-action.row .kp-in-action-content .mobile .view-content {
  padding-bottom: 20px;
}

/*! --------------------------------------------------
* 
* 	FAQ block
*
* -------------------------------------------------- */
.faq .field-name-title h2 {
  font-size: 45px;
  margin-bottom: 55px;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: normal;
  width: 100%;
  text-align: center;
  padding-top: 170px;
  position: relative;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .faq .field-name-title h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .faq .field-name-title h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.faq .field-name-title h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_question--dark.svg?1584088111') center center/111px 111px no-repeat;
  width: 112px;
  height: 112px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.faq .field-name-title h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.faq .link-wrapper {
  width: 100%;
  text-align: center;
  margin: auto;
}
.faq .link-wrapper a {
  padding: 15px 12px 15px 12px;
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ef881a;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  border: 1px solid #363636;
  border-color: #ffffff;
  font-size: 15px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
  background-color: #363636;
  color: #ffffff;
  border-color: #363636;
}
.faq .link-wrapper a:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.faq .link-wrapper a span {
  color: #363636;
}
.faq .link-wrapper a:hover span {
  color: #ffffff;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.faq .link-wrapper a span {
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
}

.view-faq .view-content {
  width: 83.33%;
  margin: auto;
  padding-bottom: 20px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .view-faq .view-content {
    width: 100%;
    max-width: 95%;
  }
}
.view-faq .views-row {
  margin-bottom: 20px;
}
.view-faq h2 {
  padding: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  text-transform: none;
  cursor: pointer;
  color: #24387f;
  text-align: left;
  background: rgba(183, 200, 255, 0.3);
  position: relative;
  padding-right: 110px;
}
.view-faq h2:after {
  position: absolute;
  top: 50%;
  right: 60px;
  content: "";
  width: 40px;
  height: 24px;
  margin-top: -12px;
  display: block;
  background: url('../images/distribution/icons-mini/arrow_up.png?1584088107') center center/40px 24px no-repeat;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.view-faq h2.open:after {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.view-faq .field-name-body {
  background: #b7c8ff;
  padding: 40px;
  display: none;
  width: 100%;
  text-align: left;
}
.view-faq .field-name-body p {
  display: block;
  width: 100%;
  text-align: left;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   Basic structure
*
*   -------------------------------------------------- */
.kp-history h3 {
  padding-top: 170px;
  margin-bottom: 55px;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-history h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-history h3 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.kp-history h3:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_history--dark.svg?1584088108') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.kp-history h3 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.kp-history p {
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 24px;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-history p {
    width: 500px;
    padding: 0 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-history p {
    font-size: 24px;
    font-size: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0 7px;
  }
}
.kp-history > .item-list {
  width: 83.33%;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-history > .item-list {
    width: 100%;
  }
}
.kp-history .events-content {
  width: 85%;
  margin: auto;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.kp-history .events-content li {
  padding-top: 50px;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .kp-history .events-content li {
    width: 100%;
  }
}
.kp-history .events-content li > div {
  background: rgba(183, 200, 255, 0.3);
}
.kp-history .events-content li .group-left {
  padding: 30px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-history .events-content li .group-left {
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .kp-history .events-content li .group-right {
    width: 100%;
  }
  .kp-history .events-content li .group-right .field-item {
    text-align: center;
    padding-bottom: 30px;
  }
  .kp-history .events-content li .group-right .field-item img {
    max-width: 90%;
    margin: auto;
    width: 100%;
  }
}
.kp-history .events-content li h2 {
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-weight: 400;
  color: #282828;
  font-size: 35px;
  font-size: 2.1875rem;
}
.kp-history .events-content li p {
  font-size: 16px;
  font-size: 1rem;
  text-align: left;
  margin: 0px;
  width: 100%;
  padding-left: 0px;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   Basic structure
*
*   -------------------------------------------------- */
.making-the-difference .making-the-difference-content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.making-the-difference .making-the-difference-content-wrapper > h2 {
  padding-top: 170px;
  margin-bottom: 55px;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  color: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .making-the-difference .making-the-difference-content-wrapper > h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .making-the-difference .making-the-difference-content-wrapper > h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.making-the-difference .making-the-difference-content-wrapper > h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_rings.svg?1584088111') center center/111px 111px no-repeat;
  width: 112px;
  height: 112px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.making-the-difference .making-the-difference-content-wrapper > h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.making-the-difference .making-the-difference-content-wrapper > h3 {
  padding-top: 30px;
  margin-bottom: 55px;
  width: 100%;
  text-align: center;
  position: relative;
  font-weight: 600;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  color: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .making-the-difference .making-the-difference-content-wrapper > h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .making-the-difference .making-the-difference-content-wrapper > h3 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 50px;
  }
}
.making-the-difference .making-the-difference-content-wrapper > h3 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.making-the-difference .making-the-difference-content-wrapper > p {
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 24px;
  color: #ffffff;
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .making-the-difference .making-the-difference-content-wrapper > p {
    width: 500px;
    padding: 0 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .making-the-difference .making-the-difference-content-wrapper > p {
    font-size: 24px;
    font-size: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0 7px;
  }
}
.making-the-difference .making-the-difference-content-wrapper .btn-primary {
  display: block;
  text-align: center;
  margin: auto;
  background: transparent;
  border: none;
}
.making-the-difference .making-the-difference-content-wrapper .btn-primary:hover {
  text-decoration: none;
  border: none;
}
.making-the-difference .making-the-difference-content-wrapper .btn-primary:hover span {
  border-color: #ffffff;
  background-color: #ffffff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.making-the-difference .making-the-difference-content-wrapper .btn-primary span {
  font-size: 28px;
  font-size: 1.75rem;
  padding: 15px 12px;
  font-weight: 500;
  text-transform: uppercase;
  border: 5px solid #ef881a;
  color: #ef881a;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 1px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .making-the-difference .making-the-difference-content-wrapper .btn-primary span {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.making-the-difference .making-the-difference-content-wrapper .row {
  *zoom: 1;
  position: relative;
  padding-top: 40px;
}
.making-the-difference .making-the-difference-content-wrapper .row:before, .making-the-difference .making-the-difference-content-wrapper .row:after {
  content: " ";
  display: table;
}
.making-the-difference .making-the-difference-content-wrapper .row:after {
  clear: both;
}
.making-the-difference .making-the-difference-content-wrapper .row > div {
  float: left;
  width: calc(((100% - 10%) / 3) - 0.01px);
  margin-right: 5%;
  margin-bottom: 5%;
}
.making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n) {
  margin-right: 0px;
}
.making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n+1) {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .making-the-difference .making-the-difference-content-wrapper .row > div {
    width: calc(((100% - 10%) / 3) - 0.01px);
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n) {
    margin-right: 0px;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .making-the-difference .making-the-difference-content-wrapper .row > div {
    width: calc(((100% - 10%) / 3) - 0.01px);
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n) {
    margin-right: 5%;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n+1) {
    clear: none;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n) {
    margin-right: 0px;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .making-the-difference .making-the-difference-content-wrapper .row > div {
    width: calc(((100% - 0%) / 1) - 0.01px);
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n) {
    margin-right: 5%;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(3n+1) {
    clear: none;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(1n) {
    margin-right: 0px;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(1n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .making-the-difference .making-the-difference-content-wrapper .row > div {
    width: calc(((100% - 0%) / 1) - 0.01px);
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(1n) {
    margin-right: 5%;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(1n+1) {
    clear: none;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(1n) {
    margin-right: 0px;
  }
  .making-the-difference .making-the-difference-content-wrapper .row > div:nth-child(1n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .making-the-difference .making-the-difference-content-wrapper .row > div {
    margin-top: 10px;
  }
}
.making-the-difference .making-the-difference-content-wrapper .row > div:before {
  content: "";
  top: 0;
  width: 150px;
  height: 150px;
  display: block;
  background-color: #ffffff;
  margin: auto;
  border-radius: 50%;
  margin-bottom: 10px;
}
.making-the-difference .making-the-difference-content-wrapper .row p {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .making-the-difference .making-the-difference-content-wrapper .row p {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .making-the-difference .making-the-difference-content-wrapper .row p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block1, .making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block2, .making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block3 {
  position: relative;
}
.making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block1:after, .making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block2:after, .making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block3:after {
  position: absolute;
  content: " ";
  background: url('../images/distribution/pages/what-is-kpcp/united-difference/United-difference-icon-1.png?1584088125') center center/100% 100% no-repeat;
  top: 0px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9999;
  width: 150px;
  height: 150px;
}
.making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block2:after {
  background: url('../images/distribution/pages/what-is-kpcp/united-difference/United-difference-icon-2.png?1584088125') center center/100% 100% no-repeat;
}
.making-the-difference .making-the-difference-content-wrapper .row .making-the-difference-block3:after {
  background: url('../images/distribution/pages/what-is-kpcp/united-difference/United-difference-icon-3.png?1584088125') center center/150px 150px no-repeat;
  background-size: 104px 67px;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   kp in action landing page
*
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #kp in action landing page
    -------------------------------------------------- */
.node-landing-page .kp-in-action-extended {
  margin-top: -130px;
  padding: 160px 0;
  background: url('../images/distribution/backgrounds/white_mask2.png?1584088104') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended {
    background: url('../images/distribution/backgrounds/white_mask2.png?1584088104') center top/coverno-repeat;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper {
  text-align: center;
  width: 1270px;
  margin: auto;
  padding: 0 15px;
  position: relative;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .kp-in-action-extended-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper {
    width: 100%;
  }
}
.node-landing-page .newsletter-twitter {
  margin-top: -130px;
  padding: 160px 0;
  background: url('../images/distribution/backgrounds/grey2.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .newsletter-twitter {
    background: url('../images/distribution/backgrounds/mobile/grey2.png?1584088116') center top/cover no-repeat;
  }
}
.node-landing-page .newsletter {
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .newsletter {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .newsletter {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .newsletter {
    width: 100%;
  }
}
.node-landing-page .twitter {
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .twitter {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .twitter {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .twitter {
    width: 100%;
  }
}
.node-landing-page .kp-mid-term-report {
  margin-top: -180px;
  padding: 160px 0;
  background: url('../images/distribution/backgrounds/white3.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-mid-term-report {
    background: url('../images/distribution/backgrounds/mobile/white3.png?1584088118') center top/cover no-repeat;
  }
}
.node-landing-page .mid-term-content-wrapper {
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .mid-term-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .mid-term-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .mid-term-content-wrapper {
    width: 100%;
  }
}
.node-landing-page .key-initiatives {
  margin-top: -180px;
  padding: 160px 0;
  background: url('../images/distribution/backgrounds/grey3.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .key-initiatives {
    background: url('../images/distribution/backgrounds/mobile/grey3.png?1584088116') center top/cover no-repeat;
  }
}
.node-landing-page .key-initiatives-content-wrapper {
  text-align: center;
  width: 1270px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .key-initiatives-content-wrapper {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .key-initiatives-content-wrapper {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .key-initiatives-content-wrapper {
    width: 100%;
  }
}

.participants-statistics-map {
  margin-top: -180px;
  padding: 160px 0 153px 0;
  background: url('../images/distribution/backgrounds/blue_gradient.png?1584088102') center top/100% 100% no-repeat;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participants-statistics-map {
    background: url('../images/distribution/backgrounds/mobile/map.png?1584088118') center top/cover no-repeat;
  }
}
.participants-statistics-map .distribution-map {
  text-align: center;
  width: 1200px;
  margin: auto;
  position: relative;
  max-width: 100%;
}
.participants-statistics-map .distribution-map img {
  padding: 20px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .participants-statistics-map .distribution-map {
    width: 970px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .participants-statistics-map .distribution-map {
    width: 750px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participants-statistics-map .distribution-map {
    width: 100%;
  }
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   kp in action extended
*   extended content wrapper
*   featured news (mixin _featured-news.scss)
*   featured event (mixin _events.scss)
*   btn see more
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #kp in action extended
    -------------------------------------------------- */
.node-landing-page .kp-in-action-extended-content-wrapper h3 {
  padding-top: 170px;
  margin-bottom: 55px;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper h3 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper h3:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_process--dark.svg?1584088110') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.node-landing-page .kp-in-action-extended-content-wrapper h3 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.node-landing-page .kp-in-action-extended-content-wrapper h3 + p {
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 24px;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper h3 + p {
    width: 83.33%;
    padding: 0 15px;
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper h3 + p {
    font-size: 24px;
    font-size: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0px 15px 50px 15px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper p.lead.news-title {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper p.lead.news-title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper p.lead.news-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news {
  *zoom: 1;
  text-align: initial;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news:before, .node-landing-page .kp-in-action-extended-content-wrapper .featured-news:after {
  content: " ";
  display: table;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news:after {
  clear: both;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news > div {
  width: 50%;
  float: left;
  padding-bottom: 30px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news > div {
    width: 100%;
    display: block;
    float: none;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news > div:first-child {
  width: 100%;
  float: none;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .field-name-field-news-image:hover img {
  transform: scale(1.05);
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0s;
  transition: all 0.2s linear 0s;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 {
  position: relative;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6:nth-child(odd) {
  padding-left: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6:nth-child(odd) {
    padding-left: 0px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6:nth-child(even) {
  padding-right: 15px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6:nth-child(even) {
    padding-right: 0px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-field-news-image {
  overflow: hidden;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title {
  display: block;
  background-color: #ffffff;
  padding: 25px 40px;
  height: 200px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title h2 {
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 400;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title a {
  color: #363636;
  text-decoration: none;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title {
    padding: 25px 20px;
    height: auto;
    min-height: 200px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title {
    padding: 25px 70px 25px 20px;
    height: auto;
    min-height: 150px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title h2 {
  letter-spacing: 2px;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title h2 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title h2 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link {
  position: absolute;
  bottom: 50px;
  right: 40px;
  width: 50px;
  height: 50px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #b2b2b2;
  -moz-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -o-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -webkit-transition: all 0.15s ease, border-radius 0s ease;
  -webkit-transition-delay: 0s, 0s;
  transition: all 0.15s ease 0s, border-radius 0s ease 0s;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link {
    bottom: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link {
    bottom: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link {
    bottom: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link {
    right: 15px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link:hover {
  background-color: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -o-transition: all 0.15s ease 0s, border-radius 0s ease 0s;
  -webkit-transition: all 0.15s ease, border-radius 0s ease;
  -webkit-transition-delay: 0s, 0s;
  transition: all 0.15s ease 0s, border-radius 0s ease 0s;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link:hover a:before {
  background: url('../images/distribution/icons-mini/arrow-right--white.png?1584088104') center center/10px 14px no-repeat;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link a {
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link a span {
  text-indent: -9999px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-node-link a:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url('../images/distribution/icons-mini/arrow-right--black.png?1584088104') center center/10px 14px no-repeat;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all {
  display: inline-block;
  position: absolute;
  z-index: 9999;
  top: 45px;
  right: 35px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all span {
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all a {
  color: #ffffff;
  position: relative;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-kimberleyprocess-custom-news-item-view-all a:after {
  display: inline-block;
  content: "";
  z-index: 9999;
  width: 8px;
  height: 12px;
  background: url('../images/distribution/icons-mini/arrow-right--white.png?1584088104') center center/10px 14px no-repeat;
  position: relative;
  top: 1px;
  left: 2px;
  padding-left: 2px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-12 {
  position: relative;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-12 .field-name-field-news-image {
  position: relative;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-12 .field-name-title {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-12 .field-name-title h2 {
  color: #ffffff;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 40px;
  font-size: 2.5rem;
  padding-bottom: 30px;
  padding-left: 35px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-12 .field-name-title h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-12 .field-name-title h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    padding-bottom: 20px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-12 img {
  width: 100%;
  height: auto;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .node-news-item {
  position: relative;
  overflow: hidden;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .node-news-item .news-item-icon {
  text-indent: -9999px;
  display: block;
  width: 65px;
  height: 65px;
  float: left;
  background: url('../images/distribution/octagon-icons/press_release.png?1584088116') center center/55px 55px no-repeat;
  position: absolute;
  top: 25px;
  left: 30px;
  z-index: 333;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .node-news-item h4 {
  float: left;
  display: inline-block;
  line-height: 55px;
  position: absolute;
  top: 30px;
  left: 105px;
  z-index: 333;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .node-news-item img {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.node-landing-page .kp-in-action-extended-content-wrapper .featured-news .col-sm-6 .field-name-title {
  background: #f0f0f0;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event {
  text-align: initial;
  width: 100%;
  display: block;
  background-color: #24387f;
  color: #ffffff;
  letter-spacing: 2px;
  padding: 25px 45px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event {
    padding: 25px 20px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .event-icon {
  text-indent: -9999px;
  display: block;
  width: 65px;
  height: 65px;
  float: left;
  background: url('../images/distribution/octagon-icons/press_release.png?1584088116') center center/55px 55px no-repeat;
  position: absolute;
  top: 25px;
  left: 30px;
  z-index: 333;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event .event-icon {
    top: 25px;
    left: 30px;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event h4 {
  float: left;
  display: inline-block;
  line-height: 55px;
  position: absolute;
  top: 30px;
  left: 105px;
  z-index: 333;
  color: #ffffff;
  text-transform: uppercase;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 15px;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event h4 {
    left: 33px;
    top: 70px;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event h4 {
    top: 30px;
    left: 105px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event h2 {
  color: #ffffff;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-weight: 400;
  margin-bottom: 10px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event h2 {
    padding-top: 85px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event h2 a {
  color: #ffffff;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link {
  position: absolute;
  bottom: 50px;
  right: 40px;
  width: 50px;
  height: 50px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #b2b2b2;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  bottom: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link:hover {
  background-color: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link:hover a:before {
  background: url('../images/distribution/icons-mini/arrow-right--white.svg?1584088104') center center/10px 14px no-repeat;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link a {
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link a span {
  text-indent: -9999px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link a:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url('../images/distribution/icons-mini/arrow-right--black.svg?1584088104') center center/10px 14px no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link {
    top: 25px;
    right: 40px;
    bottom: auto;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-node-link a:before {
  background: url('../images/distribution/icons-mini/arrow-right--white.png?1584088104') center center/10px 14px no-repeat;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-location, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-date {
  font-size: 14px;
  font-size: 0.875rem;
}
.node-landing-page .kp-in-action-extended-content-wrapper .node-event h2, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-location, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-date {
  padding-left: 225px;
}
@media only screen and (min-width: 0) and (max-width: 75em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event h2, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-location, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-date {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event h2, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-location, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-date {
    padding-left: 125px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .kp-in-action-extended-content-wrapper .node-event h2, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-location, .node-landing-page .kp-in-action-extended-content-wrapper .node-event .field-name-field-event-date {
    padding-left: 15px;
  }
}
.node-landing-page .kp-in-action-extended-content-wrapper .btn-primary {
  margin-top: 40px;
}
.node-landing-page .kp-in-action-extended-content-wrapper .btn-primary:hover {
  text-decoration: none;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   kp mid term report
*   file document
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #kp mid term report
    -------------------------------------------------- */
.node-landing-page .kp-mid-term-report.row {
  padding-bottom: 240px;
}
.node-landing-page .mid-term-content-wrapper h3,
.node-landing-page .mid-term-content-wrapper .file-document {
  width: 50%;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .mid-term-content-wrapper h3,
  .node-landing-page .mid-term-content-wrapper .file-document {
    width: 83.3333%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .mid-term-content-wrapper h3,
  .node-landing-page .mid-term-content-wrapper .file-document {
    width: 100%;
    padding: 0px 15px;
  }
}
.node-landing-page .mid-term-content-wrapper h3 {
  padding-top: 170px;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 700;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .mid-term-content-wrapper h3 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .mid-term-content-wrapper h3 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.node-landing-page .mid-term-content-wrapper h3:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_chair--dark.svg?1584088108') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.node-landing-page .mid-term-content-wrapper h3 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.node-landing-page .mid-term-content-wrapper .file-document .group-header .field-name-field-file-title {
  margin-bottom: 40px;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: normal;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .mid-term-content-wrapper .file-document .group-header .field-name-field-file-title {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .mid-term-content-wrapper .file-document .group-header .field-name-field-file-title {
    font-size: 32px;
    font-size: 2rem;
  }
}
.node-landing-page .mid-term-content-wrapper .file-document .group-left {
  width: 33.33%;
  padding: 0px 15px;
}
.node-landing-page .mid-term-content-wrapper .file-document .group-left .field-name-field-file-image img {
  height: auto;
  width: 172px;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .mid-term-content-wrapper .file-document .group-left {
    width: 100%;
  }
}
.node-landing-page .mid-term-content-wrapper .file-document .group-right {
  width: 66.66%;
  padding: 0px 15px;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .mid-term-content-wrapper .file-document .group-right {
    width: 100%;
    text-align: center;
  }
}
.node-landing-page .mid-term-content-wrapper .file-document .group-right .field-item {
  text-align: left;
  padding-bottom: 40px;
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .mid-term-content-wrapper .file-document .group-right .field-item {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .mid-term-content-wrapper .file-document .group-right .field-item {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    padding-top: 20px;
  }
}
.node-landing-page .mid-term-content-wrapper .file-document .kimberleyprocess-custom-file-download-link {
  text-decoration: none;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   key initiatives
*   taxonomy term blocks
*
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #key initiatives
    -------------------------------------------------- */
.node-landing-page .key-initiatives.row {
  padding-top: 180px;
}
.node-landing-page .key-initiatives-content-wrapper {
  *zoom: 1;
}
.node-landing-page .key-initiatives-content-wrapper:before, .node-landing-page .key-initiatives-content-wrapper:after {
  content: " ";
  display: table;
}
.node-landing-page .key-initiatives-content-wrapper:after {
  clear: both;
}
.node-landing-page .key-initiatives-content-wrapper > h2 {
  padding-top: 170px;
  margin-bottom: 55px;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  color: "freight-sans-pro", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .key-initiatives-content-wrapper > h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-landing-page .key-initiatives-content-wrapper > h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 180px;
  }
}
.node-landing-page .key-initiatives-content-wrapper > h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_list--dark.svg?1584088110') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.node-landing-page .key-initiatives-content-wrapper > h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.node-landing-page .key-initiatives-content-wrapper .key-rows {
  /* enable Flickity by default */
}
@media screen and (max-width: 767px) {
  .node-landing-page .key-initiatives-content-wrapper .key-rows {
    overflow-x: hidden;
    cursor: move;
    cursor: grab;
  }
}
.node-landing-page .key-initiatives-content-wrapper .key-rows:after {
  content: 'flickity';
  display: none;
  /* hide :after */
}
@media screen and (min-width: 767px) {
  .node-landing-page .key-initiatives-content-wrapper .key-rows {
    /* disable Flickity for large devices */
  }
  .node-landing-page .key-initiatives-content-wrapper .key-rows:after {
    content: "";
  }
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 {
  position: relative;
  float: left;
  width: 33.33%;
  padding: 20px 15px 0 15px;
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4:before {
  position: absolute;
  content: " ";
  width: 41px;
  height: 41px;
  background-color: #ef881a;
  border-radius: 50%;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4:after {
  position: absolute;
  content: " ";
  background: url('../images/distribution/icons-mini/tick--white.svg?1584088104') center center/16px 12px no-repeat;
  width: 16px;
  height: 12px;
  display: block;
  top: 15px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 > div {
  text-align: center;
  padding: 40px 30px 30px;
  margin-bottom: 40px;
  -webkit-box-shadow: -10px 10px 0px #d4d4d4;
  -moz-box-shadow: -10px 10px 0px #d4d4d4;
  box-shadow: -10px 10px 0px #d4d4d4;
  background: #fff;
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 .field-name-field-image {
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 {
    clear: none !important;
    width: 66%;
    margin-right: 30px;
    padding: 20px 0 0 0;
  }
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 .vocabulary-key-initiatives {
  margin-bottom: 40px;
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 .field-name-title h2 {
  margin: 0 0 10px 0;
  color: #24387f;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 .taxonomy-term-description {
  margin: 0;
  text-align: center;
}
.node-landing-page .key-initiatives-content-wrapper .key-rows .col-sm-4 .taxonomy-term-description p {
  margin: 0;
  color: #24387f;
  font-size: 18px;
  font-size: 1.125rem;
}

/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   newsletter
*   twitter
*
*
*   -------------------------------------------------- */
.newsletter-twitter {
  /*! --------------------------------------------------
      #newsletter
      -------------------------------------------------- */
  /*! --------------------------------------------------
      #twitter
      -------------------------------------------------- */
}
.newsletter-twitter .newsletter {
  max-width: 676px;
  margin: 0 auto 80px auto;
  padding: 0 15px;
  padding-top: 70px;
}
.newsletter-twitter .newsletter h2 {
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 600;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .newsletter-twitter .newsletter h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .newsletter-twitter .newsletter {
    width: 66.6%;
    margin: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .newsletter-twitter .newsletter {
    width: 100%;
    margin: auto;
  }
}
.newsletter-twitter .newsletter .webform-client-form {
  position: relative;
  border-collapse: separate;
}
.newsletter-twitter .newsletter .webform-client-form > div {
  position: relative;
}
.newsletter-twitter .newsletter .webform-component-email {
  margin-bottom: 30px;
}
.newsletter-twitter .newsletter .webform-component-email .form-text {
  float: left;
  width: calc(100% - 200px);
  height: 80px;
  background: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .newsletter-twitter .newsletter .webform-component-email .form-text {
    width: calc(100% - 110px);
  }
}
.newsletter-twitter .newsletter .form-type-checkbox {
  width: 100%;
}
.newsletter-twitter .newsletter .form-type-checkbox label:after {
  border: 1px solid #9b9b9b;
  background: #ffffff;
}
.newsletter-twitter .newsletter .form-actions {
  text-align: center;
  vertical-align: middle;
}
.newsletter-twitter .newsletter .form-actions .form-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 80px;
  padding: 10px 0;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .newsletter-twitter .newsletter .form-actions .form-submit {
    width: 110px;
  }
}
.newsletter-twitter .twitter {
  max-width: 1058px;
  margin: 0 auto 60px auto;
  padding: 0 15px;
  padding-top: 70px;
}
.newsletter-twitter .twitter h2 {
  position: relative;
  margin-bottom: 20px;
  padding-top: 75px;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 400;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .newsletter-twitter .twitter h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
.newsletter-twitter .twitter h2:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 55px;
  height: 55px;
  background: url('../images/distribution/octagon-icons/icon_twitter.svg?1584088116') center top/55px 55px no-repeat;
}

/* .newsletter-twitter */
/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   Basic structure
*
*   -------------------------------------------------- */
/* KPIA page */
.participants-statistics-map {
  padding-bottom: 180px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participants-statistics-map {
    padding-bottom: 250px;
  }
}
.participants-statistics-map > h2 {
  padding-top: 160px;
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 25px;
  color: #ffffff;
  font-weight: normal;
  width: 100%;
  text-align: center;
  position: relative;
  font-weight: 400;
  font-family: "freight-text-pro", "Times New Roman", Times, serif;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .participants-statistics-map > h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-bottom: 35px;
    padding-top: 165px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participants-statistics-map > h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 170px;
  }
}
.participants-statistics-map > h2:before {
  content: "";
  background: url('../images/distribution/octagon-headings/icon_stats.svg?1584088111') center center/111px 111px no-repeat;
  width: 111px;
  height: 111px;
  display: block;
  position: absolute;
  top: 38px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.participants-statistics-map > h2 strong {
  font-weight: bold;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.participants-statistics-map > p {
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.4;
  font-size: 24px;
  color: #ffffff;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .participants-statistics-map > p {
    width: 500px;
    padding: 0 15px;
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 95px;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participants-statistics-map > p {
    font-size: 24px;
    font-size: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0px 15px 50px 15px;
  }
}

/* End of KPIA page */
/* Participant page */
.node-type-page .participants-map-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 80px;
  padding: 120px 0 130px 0;
  background: #24387f;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-page .participants-map-wrapper {
    background: url('../images/distribution/backgrounds/mobile/map.png?1584088118') center top/cover no-repeat;
  }
}
.node-type-page .distribution-map-content-wrapper {
  width: 1200px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: inline-block;
}
.node-type-page .distribution-map-content-wrapper img {
  width: 100%;
  height: auto;
}
.node-type-page .participants-list {
  margin-top: 40px;
  margin-bottom: 160px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-page .participants-list {
    margin-bottom: 0;
  }
}
.node-type-page .participants-list .participants-list-container {
  width: 100%;
  display: block;
  *zoom: 1;
}
.node-type-page .participants-list .participants-list-container:before, .node-type-page .participants-list .participants-list-container:after {
  content: " ";
  display: table;
}
.node-type-page .participants-list .participants-list-container:after {
  clear: both;
}
.node-type-page .participants-list .participants-list-container > div {
  display: block;
  width: 25%;
  float: left;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-page .participants-list .participants-list-container > div {
    display: block;
    width: 50%;
    float: left;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .node-type-page .participants-list .participants-list-container > div {
    width: 100%;
  }
}
.node-type-page .participants-list .participants-list-container a {
  color: #363636;
  font-weight: 600;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-page .participants-list .participants-list-container a {
    width: 50%;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .node-type-page .participants-list .participants-list-container a {
    width: 100%;
  }
}

/* End of participant page */
/* General */
.participants-map-wrapper .full {
  display: block;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participants-map-wrapper .full {
    display: none !important;
  }
}
.participants-map-wrapper .mobile {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .participants-map-wrapper .mobile {
    display: block !important;
  }
}

.distribution-map {
  position: relative;
  text-align: center;
}
.distribution-map p.large {
  padding-top: 30px;
  color: #ffffff;
  position: absolute;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 50px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -95px;
  max-width: 90%;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .distribution-map p.large {
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .distribution-map p.large {
    font-size: 20px;
    font-size: 1.25rem;
    top: -57px;
  }
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .distribution-map p.large {
    font-size: 18px;
    font-size: 1.125rem;
    top: -90px;
  }
}
.distribution-map .distribution-map-content-wrapper {
  position: relative;
}
.distribution-map .distribution-map-content-wrapper .map-points {
  *zoom: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.distribution-map .distribution-map-content-wrapper .map-points:before, .distribution-map .distribution-map-content-wrapper .map-points:after {
  content: " ";
  display: table;
}
.distribution-map .distribution-map-content-wrapper .map-points:after {
  clear: both;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .distribution-map .distribution-map-content-wrapper .map-points {
    margin-top: 60px;
    position: relative;
  }
}
.distribution-map .map-point {
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  outline: none;
  z-index: 0;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .distribution-map .map-point {
    display: none;
  }
  .distribution-map .map-point.matched {
    display: block;
    box-shadow: 0 0 0 30px rgba(239, 136, 26, 0);
    animation: pulsetwo 2s infinite;
  }
}
.mobile .distribution-map .map-point {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  background: #ef881a;
  margin: 0;
  padding: 0;
  width: 267px;
  height: 267px;
  z-index: 1;
  position: relative;
  left: 50% !important;
  top: auto !important;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.mobile .distribution-map .map-point .content {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition-delay: .10s;
  /* Safari */
  transition-delay: .10s;
}
.distribution-map .map-point.pulse {
  animation: pulse 2s infinite;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .distribution-map .map-point.pulse {
    animation: pulsetwo 2s infinite;
  }
}
.full .distribution-map .map-point:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  background: #ef881a;
  margin: 0;
  padding: 0;
  width: 267px;
  height: 267px;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .full .distribution-map .map-point:hover {
    animation: pulsetwo 2s infinite;
  }
}
.full .distribution-map .map-point:hover .content {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition-delay: .10s;
  /* Safari */
  transition-delay: .10s;
}
.distribution-map .map-point .content {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.lt-ie10 .distribution-map .map-point .content {
  top: 20%;
}
.distribution-map .map-point .content a {
  color: #ffffff;
}
.distribution-map .map-point .content a:hover {
  text-decoration: none;
}
.distribution-map .map-point .content .lead {
  padding-bottom: 18px;
}
.distribution-map .map-point .content .lead a:hover {
  text-decoration: underline;
}
.distribution-map .map-point .content .lead span {
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  position: relative;
}
.distribution-map .map-point .content .lead span:before {
  content: " ";
  position: absolute;
  bottom: -9px;
  display: block;
  width: 52px;
  height: 2px;
  background-color: #C87318;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}
.distribution-map .map-point .content div.row {
  *zoom: 1;
  padding-bottom: 20px;
}
.distribution-map .map-point .content div.row:before, .distribution-map .map-point .content div.row:after {
  content: " ";
  display: table;
}
.distribution-map .map-point .content div.row:after {
  clear: both;
}
.distribution-map .map-point .content div.row .col-sm-6:first-child {
  float: left;
  width: 50%;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .distribution-map .map-point .content div.row .col-sm-6:first-child {
    width: 100%;
    float: none;
  }
}
.distribution-map .map-point .content div.row .col-sm-6:nth-child(2n) {
  float: left;
  width: 50%;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .distribution-map .map-point .content div.row .col-sm-6:nth-child(2n) {
    width: 100%;
    float: none;
  }
}
.distribution-map .map-point .content div.row p {
  color: #ffffff;
  font-size: 12px;
  font-size: 0.75rem;
}
.distribution-map .map-point .content .small.uppercase {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #ffffff;
  padding-bottom: 10px;
}
.distribution-map .map-point .content .btn-white {
  background: #ffffff;
  padding: 5px 10px;
  cursor: pointer;
}
.distribution-map .map-point .content .btn-white:hover {
  background-color: transparent;
}
.distribution-map .map-point .content .btn-white:hover span {
  color: #ffffff;
}
.distribution-map .map-point .content .btn-white span {
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #ef881a;
}
.mobile .distribution-map .newListSelected {
  width: 83.33%;
  margin: auto;
}
.mobile .distribution-map .newListSelected.newListSelHover, .mobile .distribution-map .newListSelected.newListSelFocus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.mobile .distribution-map .selectedTxt {
  text-align: left;
  color: #ffffff;
  background-color: #152352;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 20px;
  border: none;
  cursor: pointer;
}
.mobile .distribution-map .selectedTxt:after {
  background: url('../images/distribution/icons-mini/arrow-down--white.svg?1584088104') center center/14px 10px no-repeat;
  top: 30px;
}
.mobile .distribution-map label {
  display: none;
}
.mobile .distribution-map .newList {
  border: none;
}
.mobile .distribution-map .newList li a {
  color: #ffffff;
  padding: 20px;
  background-color: #152352;
}
.mobile .distribution-map .newList li a:hover {
  background-color: #111b40;
}

/* End of general */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(239, 136, 26, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(239, 136, 26, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(239, 136, 26, 0.6);
    box-shadow: 0 0 0 0 rgba(239, 136, 26, 0.6);
  }
  100% {
    -moz-box-shadow: 0 0 0 30px rgba(239, 136, 26, 0);
    box-shadow: 0 0 0 30px rgba(239, 136, 26, 0);
  }
}
@-webkit-keyframes pulsetwo {
  0% {
    -webkit-box-shadow: 0 0 0 20px rgba(239, 136, 26, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(239, 136, 26, 0.4);
  }
}
@keyframes pulsetwo {
  0% {
    -moz-box-shadow: 0 0 0 20px rgba(239, 136, 26, 0.4);
    box-shadow: 0 0 0 20px rgba(239, 136, 26, 0.4);
  }
  100% {
    -moz-box-shadow: 0 0 0 20px rgba(239, 136, 26, 0.4);
    box-shadow: 0 0 0 20px rgba(239, 136, 26, 0.4);
  }
}
/*! --------------------------------------------------
*   
*   TABLE OF CONTENTS
*
*   user page
*
*   -------------------------------------------------- */
/*! --------------------------------------------------
    #user page
    -------------------------------------------------- */
/* user page */
.page-user h1 {
  margin: 0 0 10px 0;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.page-user #user-login .form-item {
  position: relative;
}
.page-user #user-login .form-item .description {
  position: absolute;
  z-index: -1;
  top: 32px;
  left: -212px;
  width: 200px;
  padding: 4px 8px;
  background: #000000;
  color: #ffffff;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 1485px) {
  .page-user #user-login .form-item .description {
    display: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .page-user #user-login .form-item .description {
    display: block;
    position: relative;
    z-index: 100;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0;
    background: transparent;
    color: #363636;
    text-align: left;
    font-size: 13px;
    font-size: 0.8125rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.page-user #user-login .form-item .description:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  position: absolute;
  z-index: 100;
  top: 16px;
  right: -10px;
  border-left: 5px solid #000000;
  border-right: 5px solid #ffffff;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .page-user #user-login .form-item .description:after {
    display: none;
  }
}
.page-user #user-login .form-item.js-tooltip .description {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-user #user-login .grecaptcha-badge {
  z-index: 1000;
}
.page-user #user-login .form-submit {
  padding: 15px 12px 15px 33px;
  background-image: url('../images/distribution/pages/user-page/icon-login_4x.png?1584088120');
  background-repeat: no-repeat;
  background-size: 15px 16px;
  background-position: 12px 16px;
}

_:-moz-tree-row(hover), .page-user #user-login .form-submit {
  background-position: 12px 18px;
}

/* End of user page */
/* Create and account page */
.page-user-register .form-submit {
  background: #5cb85c;
  border-color: #5cb85c;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.page-user-register .form-submit:hover {
  background: #47a447;
  border-color: #47a447;
}

/* End of create and accoutn page */
/*! --------------------------------------------------
*   
*  	MEETING
*
*	--> plenary meeting/meeting
*
*
*   -------------------------------------------------- */
.node-type-meeting .xls-download-button {
  display: inline-block;
  padding: 15px 30px 15px 30px;
  text-decoration: none;
}

/*! --------------------------------------------------
*   
*  	MEETING HOME
*
*   -------------------------------------------------- */
.node-type-meeting .field-name-field-meeting-content-left {
  float: left;
  width: calc(100% - 200px);
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-meeting .field-name-field-meeting-content-left {
    width: 100%;
    margin-right: 5%;
    margin-bottom: 20px;
    float: none;
  }
}
.node-type-meeting .field-name-field-meeting-content-left p {
  padding: 19px;
}
.node-type-meeting #node-meeting-full-group-content-right-wrapper {
  width: 200px;
  float: right;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-meeting #node-meeting-full-group-content-right-wrapper {
    width: 100%;
    margin-right: 5%;
    float: none;
  }
}
.node-type-meeting #node-meeting-full-group-content-right-wrapper p {
  padding: 19px;
  background: #f0f0f0;
}
.node-type-meeting .group_content_right_wrapper {
  float: right;
  width: 25%;
  padding: 30px 20px;
  background: rgba(183, 200, 255, 0.3);
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .node-type-meeting .group_content_right_wrapper {
    width: 100%;
  }
}

/*! --------------------------------------------------
*   
*  	MEETING AGENDA
*
*   -------------------------------------------------- */
.page-meeting-agenda .tabs + a {
  float: right;
  position: relative;
  z-index: 50;
  display: inline-block;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .page-meeting-agenda .tabs + a {
    float: none;
    margin-bottom: 20px;
  }
}
.page-meeting-agenda .tabs + a:hover {
  color: #ffffff;
  text-decoration: none;
}
.page-meeting-agenda .node-agenda .field-name-field-file {
  margin-top: 20px;
}
.page-meeting-agenda .node-agenda .field-name-field-main-text {
  clear: both;
}

/*! --------------------------------------------------
*   
*  	MEETING PRACTICAL
*
*   -------------------------------------------------- */
.page-meeting-practical .field-name-field-meeting {
  margin-bottom: 20px;
}
.page-meeting-practical .field-name-field-pi-title {
  margin-bottom: 20px;
  color: #363636;
  font-weight: bold;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.1;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  .page-meeting-practical .field-name-field-pi-title {
    font-size: 32px;
    font-size: 2rem;
  }
}
.page-meeting-practical .field-name-field-pi-image {
  margin-bottom: 20px;
}
.page-meeting-practical .field-name-field-pi-description {
  margin-bottom: 20px;
}
.page-meeting-practical .field-name-field-pi-description h3 {
  margin-top: 20px;
}
.page-meeting-practical .field-name-field-pi-description h3:first-child {
  margin-top: 0;
}
.page-meeting-practical .field-name-field-pi-link {
  *zoom: 1;
  margin-bottom: 20px;
}
.page-meeting-practical .field-name-field-pi-link:before, .page-meeting-practical .field-name-field-pi-link:after {
  content: " ";
  display: table;
}
.page-meeting-practical .field-name-field-pi-link:after {
  clear: both;
}
.page-meeting-practical .field-name-field-pi-link a {
  display: inline-block;
  text-decoration: none;
}
.page-meeting-practical .field-name-field-pi-address {
  display: none;
  margin-bottom: 20px;
}
.page-meeting-practical .field-name-field-pi-google-maps {
  margin-bottom: 20px;
}
.page-meeting-practical .field-name-field-pi-file .field-item {
  margin-bottom: 5px !important;
}

/*! --------------------------------------------------
*   
*  	MEETING MESSAGE
*
*   -------------------------------------------------- */
.page-meeting-message .content-right {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.page-meeting-message .content-right a.add-manager {
  display: inline-block;
  margin-bottom: 20px;
  text-decoration: none;
}
.page-meeting-message .content-right a.add-manager span {
  position: relative;
  padding-left: 20px;
}
.page-meeting-message .content-right a.add-manager span:before {
  content: '+';
  position: absolute;
  top: -6px;
  left: 2px;
  margin-right: 5px;
  color: #ffffff;
  font-size: 21px;
  font-size: 1.3125rem;
}
.page-meeting-message .content-right table {
  margin-bottom: 0;
}
.page-meeting-message .content-right table a {
  text-decoration: underline;
}
.page-meeting-message .content-right table a.delete-manager {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 27px;
  text-indent: -9999em;
  background: #363636;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.page-meeting-message .content-right table a.delete-manager:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 6px;
  background: url('../images/distribution/misc/icon_close_white.svg?1584088107') left center/15px auto no-repeat;
}
.page-meeting-message table .form-type-checkbox {
  float: none;
}
.page-meeting-message table .form-type-checkbox input {
  display: block;
}
.page-meeting-message #main input[type='submit'] {
  float: right;
  margin-top: 20px;
}

_:-moz-tree-row(hover), .page-meeting-message .content-right table a.delete-manager:after {
  top: 4px;
}

/*! --------------------------------------------------
*   
*  	MEETING INVITATIONS
*
*   -------------------------------------------------- */
.page-meeting-invitations .views-field-field-firstname {
  display: inline-block;
}
.page-meeting-invitations .views-field-field-firstname .field-content {
  display: inline-block;
}
.page-meeting-invitations .views-field-field-lastname {
  display: inline-block;
}
.page-meeting-invitations .views-row {
  padding-bottom: 40px;
  height: 114px;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .page-meeting-invitations .views-row {
    height: auto;
  }
}
.page-meeting-invitations .views-field-nothing {
  margin-top: -15px;
  display: inline-block;
  float: right;
}
@media only screen and (min-width: 0) and (max-width: 61.875em) {
  .page-meeting-invitations .views-field-nothing {
    float: none;
    display: block;
    margin-top: 15px;
  }
}
.page-meeting-invitations .views-field-nothing a {
  display: inline-block;
  text-decoration: none;
}

.page-meeting-invitations-detail #edit-submit {
  float: right;
}

/*! --------------------------------------------------
* 
*   PLENARY MEETING
*   TABLE OF CONTENTS
*
*   guestlist
*   guestlist hostess

*   guestlist detail
*   guestlist hostess detail
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #guestlist
    #guestlist hostess
    -------------------------------------------------- */
.page-meeting-guestlist .views-table,
.page-meeting-guestlist-hostess .views-table {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
  letter-spacing: 0;
}
.page-meeting-guestlist .views-table tr.odd,
.page-meeting-guestlist-hostess .views-table tr.odd {
  background: #f8f8f8;
}
.page-meeting-guestlist .views-table tr:hover,
.page-meeting-guestlist-hostess .views-table tr:hover {
  background: #eee;
}
.page-meeting-guestlist .views-table th,
.page-meeting-guestlist .views-table td,
.page-meeting-guestlist-hostess .views-table th,
.page-meeting-guestlist-hostess .views-table td {
  padding: 7px 2px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.2;
}
.page-meeting-guestlist .views-table th,
.page-meeting-guestlist-hostess .views-table th {
  font-weight: bold;
}
.page-meeting-guestlist .views-table td,
.page-meeting-guestlist-hostess .views-table td {
  vertical-align: top;
  background: none;
  border-width: 2px;
}
.page-meeting-guestlist .views-table td.views-field-nothing a,
.page-meeting-guestlist-hostess .views-table td.views-field-nothing a {
  text-decoration: underline;
}
.page-meeting-guestlist .views-table td.views-field-field-invitee-email,
.page-meeting-guestlist-hostess .views-table td.views-field-field-invitee-email {
  word-break: break-word;
}

#-kimberleyprocess-guestlist-filter-form {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c9c9c9;
}
#-kimberleyprocess-guestlist-filter-form #edit-country-wrapper,
#-kimberleyprocess-guestlist-filter-form #edit-field-id-status-value-wrapper,
#-kimberleyprocess-guestlist-filter-form #edit-search-name-wrapper {
  width: 50%;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #-kimberleyprocess-guestlist-filter-form #edit-country-wrapper,
  #-kimberleyprocess-guestlist-filter-form #edit-field-id-status-value-wrapper,
  #-kimberleyprocess-guestlist-filter-form #edit-search-name-wrapper {
    width: 100%;
  }
}
#-kimberleyprocess-guestlist-filter-form #edit-apply-wrapper {
  float: right;
}
#-kimberleyprocess-guestlist-filter-form .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 33px;
  padding: 19px 20px;
}

/*! --------------------------------------------------
    #guestlist detail
    #guestlist hostess deatail
    -------------------------------------------------- */
.page-meeting-guestlist-detail #content-wrapper,
.page-meeting-guestlist-hostes-detail #content-wrapper {
  width: 688px;
  max-width: 95%;
  margin: 0 auto;
}
.page-meeting-guestlist-detail .print,
.page-meeting-guestlist-hostes-detail .print {
  padding: 15px 12px 15px 12px;
  border: 1px solid #24387f;
  background: #24387f;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  display: inline-block;
  float: right;
  margin: 0 0 20px 40px;
  text-decoration: none;
}
.page-meeting-guestlist-detail .print:hover,
.page-meeting-guestlist-hostes-detail .print:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  .page-meeting-guestlist-detail .print,
  .page-meeting-guestlist-hostes-detail .print {
    display: block;
    float: none;
    margin-left: 0;
  }
}
.page-meeting-guestlist-detail .print + div,
.page-meeting-guestlist-hostes-detail .print + div {
  clear: both;
}
.page-meeting-guestlist-detail #edit-status,
.page-meeting-guestlist-hostes-detail #edit-status {
  padding: 0 10px 20px 10px;
  border-bottom: 1px solid #c9c9c9;
}
.page-meeting-guestlist-detail .form-item-create-visa,
.page-meeting-guestlist-hostes-detail .form-item-create-visa {
  float: none;
  width: 100%;
  padding: 0 10px 20px 10px;
  border-bottom: 1px solid #c9c9c9;
}
.page-meeting-guestlist-detail #edit-submit,
.page-meeting-guestlist-hostes-detail #edit-submit {
  float: right;
}
.page-meeting-guestlist-detail #edit-cancel,
.page-meeting-guestlist-hostes-detail #edit-cancel {
  padding: 15px 12px 15px 12px;
  border: 1px solid #9b9b9b;
  background: #9b9b9b;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  float: left;
}
.page-meeting-guestlist-detail #edit-cancel:hover,
.page-meeting-guestlist-hostes-detail #edit-cancel:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-meeting-guestlist-detail #edit-step-one,
.page-meeting-guestlist-detail #edit-step-two,
.page-meeting-guestlist-hostes-detail #edit-step-one,
.page-meeting-guestlist-hostes-detail #edit-step-two {
  position: relative;
  margin-bottom: 20px;
}

.-kimberleyprocess-hostess-render-guestlist-detail-form > div,
.-kimberleyprocess-admin-render-guestlist-detail-form > div {
  position: relative;
}

.horizontal-tabs .horizontal-tab-hidden {
  position: absolute !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

/*
/** form
*/
#edit-step-one {
  width: 688px;
  max-width: 100%;
  margin: 0 auto;
  /* intro */
  /* form-wrapper */
}
#edit-step-one .intro {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #c9c9c9;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
#edit-step-one .intro a {
  color: #363636;
  font-weight: 600;
  text-decoration: underline;
}
#edit-step-one .form-wrapper {
  /* container inline date */
  /* &#edit-extrainfo */
}
#edit-step-one .form-wrapper > legend {
  display: none;
}
#edit-step-one .form-wrapper > .fieldset-wrapper {
  *zoom: 1;
  padding: 20px 0;
  border-bottom: 1px solid #c9c9c9;
}
#edit-step-one .form-wrapper > .fieldset-wrapper:before, #edit-step-one .form-wrapper > .fieldset-wrapper:after {
  content: " ";
  display: table;
}
#edit-step-one .form-wrapper > .fieldset-wrapper:after {
  clear: both;
}
#edit-step-one .form-wrapper .form-item {
  float: left;
  width: 50%;
  padding: 0 10px;
}
@media only screen and (min-width: 0) and (max-width: 47.9375em) {
  #edit-step-one .form-wrapper .form-item {
    width: 100%;
  }
}
#edit-step-one .form-wrapper .form-item.form-item-nationality, #edit-step-one .form-wrapper .form-item.form-item-number-previous-entries-host-country, #edit-step-one .form-wrapper .form-item.form-type-managed-file, #edit-step-one .form-wrapper .form-item.form-item-visa-city, #edit-step-one .form-wrapper .form-item.form-item-visa-country, #edit-step-one .form-wrapper .form-item.form-item-passport-issuing-authority, #edit-step-one .form-wrapper .form-item.form-item-passport-number, #edit-step-one .form-wrapper .form-item.form-item-visacheck, #edit-step-one .form-wrapper .form-item.form-item-company-name, #edit-step-one .form-wrapper .form-item.form-item-company-street-nr {
  width: 100%;
}
#edit-step-one .form-wrapper .form-item.form-item-company-phone .intl-tel-input .flag-container, #edit-step-one .form-wrapper .form-item.form-item-phone .intl-tel-input .flag-container {
  bottom: auto;
  height: 60px;
}
#edit-step-one .form-wrapper .form-item.form-item-company-phone .intl-tel-input .error-message, #edit-step-one .form-wrapper .form-item.form-item-phone .intl-tel-input .error-message {
  display: block;
  padding: 10px 10px 0 0;
  color: #e45959;
}
#edit-step-one .form-wrapper .form-item.form-item-hotel, #edit-step-one .form-wrapper .form-item.form-item-hotel-name, #edit-step-one .form-wrapper .form-item.form-item-flight, #edit-step-one .form-wrapper .form-item.form-item-flightnumber, #edit-step-one .form-wrapper .form-item.form-item-homeward-flightnumber {
  width: 100%;
}
#edit-step-one .form-wrapper .form-item .sub-label {
  color: #aaa;
  font-size: 12px;
  font-size: 0.75rem;
}
#edit-step-one .form-wrapper .form-item.form-disabled .sub-label {
  color: #d4d4d4;
}
#edit-step-one .form-wrapper .form-item img {
  max-width: 100px;
}
#edit-step-one .form-wrapper div.messages.error {
  clear: both;
}
#edit-step-one .form-wrapper .container-inline-date {
  *zoom: 1;
  width: 100%;
  margin: 1em 0;
  padding: 0 10px;
}
#edit-step-one .form-wrapper .container-inline-date:before, #edit-step-one .form-wrapper .container-inline-date:after {
  content: " ";
  display: table;
}
#edit-step-one .form-wrapper .container-inline-date:after {
  clear: both;
}
#edit-step-one .form-wrapper .container-inline-date .form-type-date-select,
#edit-step-one .form-wrapper .container-inline-date .form-type-date-popup {
  width: 100%;
  margin: 0;
  padding: 0;
}
#edit-step-one .form-wrapper .container-inline-date .form-type-date-select .date-padding,
#edit-step-one .form-wrapper .container-inline-date .form-type-date-popup .date-padding {
  float: none;
  margin: 0 -10px;
  padding: 0;
}
#edit-step-one .form-wrapper .container-inline-date .form-type-date-select .date-padding .form-item,
#edit-step-one .form-wrapper .container-inline-date .form-type-date-popup .date-padding .form-item {
  width: 33.33%;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  #edit-step-one .form-wrapper .container-inline-date .form-type-date-select .date-padding .form-item,
  #edit-step-one .form-wrapper .container-inline-date .form-type-date-popup .date-padding .form-item {
    width: 100%;
  }
}
#edit-step-one .form-wrapper .container-inline-date .newListSelected {
  min-width: 0;
}
#edit-step-one .form-wrapper#edit-extrainfo .fieldset-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  #edit-step-one .form-wrapper#edit-extrainfo .fieldset-wrapper {
    display: block;
  }
}
#edit-step-one .form-wrapper#edit-extrainfo .fieldset-wrapper > .form-item {
  float: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 0) and (max-width: 35.5em) {
  #edit-step-one .form-wrapper#edit-extrainfo .fieldset-wrapper > .form-item {
    display: block;
  }
}
#edit-step-one .form-wrapper#edit-extrainfo .fieldset-wrapper > .form-item > * {
  flex: 0 0 auto;
}
#edit-step-one .form-wrapper#edit-extrainfo .fieldset-wrapper > .form-item label {
  position: relative;
}
#edit-step-one .form-wrapper#edit-extrainfo .fieldset-wrapper > .form-item label span.form-required {
  position: absolute;
  top: 0;
  left: -15px;
}

/* #edit-step-one, #edit-step-two */
#edit-step-two > legend {
  float: right;
  top: -60px;
  right: 0;
  left: auto;
}

/*! --------------------------------------------------
    #guestlist hostess detail
    -------------------------------------------------- */
/*! --------------------------------------------------
* 
*   PLENARY MEETING DETAILS
*   TABLE OF CONTENTS
*
*   details
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #details
    -------------------------------------------------- */
.page-meeting-details .detail-content,
.page-meeting-guestlist-detail .detail-content,
.page-meeting-guestlist-hostes-detail .detail-content,
.page-admin-kimberleyprocess-admin-add-invitee .detail-content {
  position: relative;
  width: 688px;
  max-width: 100%;
  margin: 0 auto 40px auto;
  padding: 20px 20px 20px 60px;
  background: #ef881a;
  color: #ffffff;
}
.page-meeting-details .detail-content:before,
.page-meeting-guestlist-detail .detail-content:before,
.page-meeting-guestlist-hostes-detail .detail-content:before,
.page-admin-kimberleyprocess-admin-add-invitee .detail-content:before {
  content: '';
  position: absolute;
  top: 6px;
  right: 6px;
  bottom: 6px;
  left: 6px;
  border: 1px solid #ffffff;
}
.page-meeting-details .detail-content:after,
.page-meeting-guestlist-detail .detail-content:after,
.page-meeting-guestlist-hostes-detail .detail-content:after,
.page-admin-kimberleyprocess-admin-add-invitee .detail-content:after {
  content: '!';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  color: #ffffff;
  /* orange */
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: bold;
  text-align: center;
}
.page-meeting-details #edit-next,
.page-meeting-guestlist-detail #edit-next,
.page-meeting-guestlist-hostes-detail #edit-next,
.page-admin-kimberleyprocess-admin-add-invitee #edit-next {
  float: right;
  margin: 1em 0;
  padding: 15px 30px 15px 30px;
}
.page-meeting-details #edit-previous,
.page-meeting-details #edit-cancel,
.page-meeting-guestlist-detail #edit-previous,
.page-meeting-guestlist-detail #edit-cancel,
.page-meeting-guestlist-hostes-detail #edit-previous,
.page-meeting-guestlist-hostes-detail #edit-cancel,
.page-admin-kimberleyprocess-admin-add-invitee #edit-previous,
.page-admin-kimberleyprocess-admin-add-invitee #edit-cancel {
  padding: 15px 12px 15px 12px;
  border: 1px solid #9b9b9b;
  background: #9b9b9b;
  color: #ffffff;
  font-family: "freight-sans-pro", Arial, Helvetica, sans-serif;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  cursor: pointer;
  touch-action: manipulation;
  float: left;
  margin: 1em 0;
  padding: 15px 30px 15px 30px;
}
.page-meeting-details #edit-previous:hover,
.page-meeting-details #edit-cancel:hover,
.page-meeting-guestlist-detail #edit-previous:hover,
.page-meeting-guestlist-detail #edit-cancel:hover,
.page-meeting-guestlist-hostes-detail #edit-previous:hover,
.page-meeting-guestlist-hostes-detail #edit-cancel:hover,
.page-admin-kimberleyprocess-admin-add-invitee #edit-previous:hover,
.page-admin-kimberleyprocess-admin-add-invitee #edit-cancel:hover {
  background: #ef881a;
  border-color: #ef881a;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-meeting-details #edit-submit,
.page-meeting-guestlist-detail #edit-submit,
.page-meeting-guestlist-hostes-detail #edit-submit,
.page-admin-kimberleyprocess-admin-add-invitee #edit-submit {
  float: right;
  margin: 1em 0;
  padding: 15px 30px 15px 30px;
}

/*! --------------------------------------------------
* 
*   PLENARY MEETING BADGE
*   TABLE OF CONTENTS
*
*   badge
*
* -------------------------------------------------- */
/*! --------------------------------------------------
    #badge (618px * 855px)
    -------------------------------------------------- */
.badge-wrapper {
  width: 618px;
  height: 855px;
  padding: 25px;
}

.badge-image-wrapper {
  width: 618px;
  height: 855px;
}

#badge {
  position: relative;
  height: 805px;
  padding: 18px;
  background: #233746;
  color: #ffffff;
  letter-spacing: 0;
}
#badge.has-qr-code .user-role {
  padding-left: 68px;
  padding-right: 173px;
  text-align: left;
}
#badge.has-qr-code .user-role .qr-code-wrapper {
  position: absolute;
  bottom: -1px;
  right: 40px;
  display: inline-block;
  padding: 12px;
  padding-bottom: 22px;
  background: #ffffff;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}
#badge .header {
  margin: 0 0 6px 0;
  padding: 45px 0 0 0;
  text-align: center;
}
#badge .meeting-title {
  padding: 0 50px 6px 50px;
  color: #ffffff;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  text-align: center;
}
#badge .content {
  padding: 0 50px 0 50px;
  font-size: 28px;
}
#badge .content .meeting-info-wrapper {
  color: #00add9;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
}
#badge .invitee-subwrapper {
  position: absolute;
  bottom: 195px;
}
#badge .invitee-info-wrapper {
  padding: 60px 0 0 0;
}
#badge .invitee-info-wrapper h3, #badge .invitee-info-wrapper h2 {
  margin: 0;
  color: #ffffff;
  font-weight: normal;
  text-align: left;
}
#badge .invitee-info-wrapper h3 {
  font-size: 42px;
  font-size: 2.625rem;
}
#badge .invitee-info-wrapper h2 {
  font-size: 54px;
  font-size: 3.375rem;
}
#badge .invitee-company {
  padding-top: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
#badge .invitee-function {
  display: none;
  font-size: 24px;
  font-size: 1.5rem;
}
#badge .invitee-country {
  padding-top: 10px;
  color: #00add9;
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
}
#badge .user-role {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 160px;
  padding-top: 50px;
  border-top: 16px solid #888c8d;
  font-size: 46px;
  font-size: 2.875rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}
#badge.local_participant .user-role {
  padding-top: 27px;
}
#badge.administration .user-role {
  padding-top: 27px;
}
#badge.chair .invitee-company, #badge.vip .invitee-company, #badge.participant .invitee-company, #badge.observer .invitee-company {
  display: none;
}
#badge.contractor .invitee-country, #badge.guest .invitee-country, #badge.invitee .invitee-country, #badge.journalist .invitee-country, #badge.protocol .invitee-country, #badge.administration .invitee-country {
  display: none;
}
#badge.chair .user-role, #badge.vip .user-role {
  background: #CA9212;
}
#badge.contractor .user-role {
  background: #E47742;
}
#badge.participant .user-role {
  background: #00ADD9;
}
#badge.guest .user-role {
  background: #A99F86;
}
#badge.invitee .user-role {
  background: #af227a;
}
#badge.observer .user-role {
  background: #665CC7;
}
#badge.journalist .user-role {
  background: #E84A36;
}
#badge.protocol .user-role {
  background: #252525;
}
#badge.administration .user-role {
  background: #80BD01;
}
#badge.administration.has-qr-code .user-role {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.4;
}
#badge.australian-participant .user-role {
  background: #80BD01;
}
#badge.australian-participant.has-qr-code .user-role {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.2;
}
#badge.local_participant .user-role {
  background: #80BD01;
}
#badge.local_participant.has-qr-code .user-role {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.2;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  #main-header,
  #breadcrumb,
  .content-bottom,
  #main-footer,
  #messages-wrap,
  #legend {
    display: none;
  }

  #main-wrapper,
  #content,
  #main-content {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  #main-navigation {
    height: auto;
  }

  #logo {
    position: relative;
    left: auto;
    top: auto;
  }

  a#logo[href]:after {
    display: none;
  }

  #main-top {
    min-height: 0;
    padding-top: 0;
  }
  #main-top h1 {
    font-size: 16px;
  }

  #content {
    border: none;
  }

  /* print badge
  -------------------- */
  .page-meeting-print-badge #main-header,
  .page-meeting-print-badge #main-navigation,
  .page-meeting-print-badge #breadcrumb,
  .page-meeting-print-badge h1,
  .page-meeting-print-badge .content-bottom,
  .page-meeting-print-badge #main-footer,
  .page-meeting-print-badge #legend {
    display: none;
  }

  .page-meeting-print-badge #main-wrapper,
  .page-meeting-print-badge #content,
  .page-meeting-print-badge #main-content {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .page-meeting-print-badge #content {
    border: none;
  }

  #badge {
    background: #fff !important;
  }

  #badge .header {
    background-color: #24387f !important;
  }

  #badge .header * {
    color: #fff !important;
  }

  #badge .content *,
  #badge .content h2,
  #badge .content h3 {
    color: #363636 !important;
  }

  #badge .content .image-wrapper .portret {
    width: auto !important;
    max-width: none !important;
    height: 136px;
  }

  #badge .content .image-wrapper .image-mask {
    max-width: none !important;
  }

  #badge .user-role {
    margin-top: 10px;
    padding: 5px 15px !important;
    background-color: #24387f !important;
    color: #fff !important;
    text-transform: uppercase;
  }

  /* print guest detail
  -------------------- */
  .node-type-meeting #main-wrapper,
  .node-type-meeting #main-content {
    float: none;
    width: 600px;
    margin: 0 auto;
  }

  .page-meeting-guestlist-hostes-detail .print,
  .page-meeting-guestlist-hostes-detail .form-submit,
  .page-meeting-guestlist-hostes-detail .description {
    display: none;
  }

  #edit-picture-ajax-wrapper {
    padding: 0;
    border: none;
  }

  .page-meeting-guestlist-detail fieldset,
  .page-meeting-guestlist-hostes-detail fieldset {
    padding: 0;
  }

  .page-meeting-guestlist-hostes-detail #main-content {
    width: 600px;
    margin: 0 auto;
  }

  div.horizontal-tabs ul.horizontal-tabs-list {
    display: none;
  }

  .horizontal-tabs .horizontal-tab-hidden {
    position: relative !important;
    top: auto;
  }

  .page-meeting-guestlist-detail #edit-step-one,
  .page-meeting-guestlist-hostes-detail #edit-step-one,
  .page-meeting-guestlist-detail #edit-step-two,
  .page-meeting-guestlist-hostes-detail #edit-step-two {
    border: none;
  }

  .page-meeting-guestlist-detail fieldset fieldset,
  .page-meeting-guestlist-hostes-detail fieldset fieldset {
    padding: 0 0 20px 0;
  }

  .page-meeting-guestlist-detail #edit-step-one > legend,
  .page-meeting-guestlist-hostes-detail #edit-step-one > legend,
  .page-meeting-guestlist-detail #edit-step-two > legend,
  .page-meeting-guestlist-hostes-detail #edit-step-two > legend {
    display: none;
  }

  #edit-step-one > .fieldset-wrapper .form-wrapper > .fieldset-wrapper,
  #edit-step-two > .fieldset-wrapper .form-wrapper > .fieldset-wrapper {
    padding-top: 0;
  }

  .page-meeting-guestlist-detail span.fieldset-legend,
  .page-meeting-guestlist-hostes-detail span.fieldset-legend {
    display: block !important;
    width: 100%;
  }

  .page-meeting-guestlist-detail .form-item,
  .page-meeting-guestlist-hostes-detail .form-item {
    float: none !important;
    width: 100% !important;
    padding: 0 10px;
    margin: 3px 0;
  }
  .page-meeting-guestlist-detail .form-item label,
  .page-meeting-guestlist-hostes-detail .form-item label {
    float: left !important;
    display: block !important;
    width: 50% !important;
    margin: 0 !important;
    padding-right: 5px !important;
  }
  .page-meeting-guestlist-detail .form-item .form-text, .page-meeting-guestlist-detail .form-item textarea, .page-meeting-guestlist-detail .form-item select,
  .page-meeting-guestlist-hostes-detail .form-item .form-text,
  .page-meeting-guestlist-hostes-detail .form-item textarea,
  .page-meeting-guestlist-hostes-detail .form-item select {
    float: left !important;
    width: 50% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  .page-meeting-guestlist-detail .form-item img,
  .page-meeting-guestlist-hostes-detail .form-item img {
    width: 100px !important;
  }
  .page-meeting-guestlist-detail .form-item .newListSelected,
  .page-meeting-guestlist-hostes-detail .form-item .newListSelected {
    float: left !important;
    width: 50% !important;
    min-width: 100px !important;
  }
  .page-meeting-guestlist-detail .form-item .newListSelected .selectedTxt,
  .page-meeting-guestlist-hostes-detail .form-item .newListSelected .selectedTxt {
    height: auto !important;
    min-height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
  }
  .page-meeting-guestlist-detail .form-item.form-item-visacheck, .page-meeting-guestlist-detail .form-item.form-item-visacheck-alternative,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck-alternative {
    *zoom: 1;
  }
  .page-meeting-guestlist-detail .form-item.form-item-visacheck:before, .page-meeting-guestlist-detail .form-item.form-item-visacheck:after, .page-meeting-guestlist-detail .form-item.form-item-visacheck-alternative:before, .page-meeting-guestlist-detail .form-item.form-item-visacheck-alternative:after,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck:before,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck:after,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck-alternative:before,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck-alternative:after {
    content: " ";
    display: table;
  }
  .page-meeting-guestlist-detail .form-item.form-item-visacheck:after, .page-meeting-guestlist-detail .form-item.form-item-visacheck-alternative:after,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck:after,
  .page-meeting-guestlist-hostes-detail .form-item.form-item-visacheck-alternative:after {
    clear: both;
  }
  .page-meeting-guestlist-detail .form-item.form-type-checkbox label,
  .page-meeting-guestlist-hostes-detail .form-item.form-type-checkbox label {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .page-meeting-guestlist-detail .form-item.form-type-checkbox label:after,
  .page-meeting-guestlist-hostes-detail .form-item.form-type-checkbox label:after {
    border: 1px solid black !important;
  }
  .page-meeting-guestlist-detail .form-item.form-type-date-popup .date-padding,
  .page-meeting-guestlist-hostes-detail .form-item.form-type-date-popup .date-padding {
    float: left !important;
    width: 50% !important;
  }
  .page-meeting-guestlist-detail .form-item.form-type-date-popup .form-item,
  .page-meeting-guestlist-hostes-detail .form-item.form-type-date-popup .form-item {
    float: left !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  .page-meeting-guestlist-detail .form-item.form-type-date-popup .form-item .form-tex,
  .page-meeting-guestlist-hostes-detail .form-item.form-type-date-popup .form-item .form-tex {
    padding: 0;
  }
  .page-meeting-guestlist-detail .form-item.form-type-date-popup .form-item .description,
  .page-meeting-guestlist-hostes-detail .form-item.form-type-date-popup .form-item .description {
    display: none;
  }

  /* print agenda
  -------------------- */
  .page-meeting-agenda a {
    color: #000 !important;
  }

  .node-agenda .field-collection-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .node-agenda .field-collection-container .field-items .field-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .node-agenda .field-collection-view {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .node-agenda .field-name-field-md-date {
    margin: 10px 0;
    padding: 0;
    background: none;
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
  }

  .node-agenda .field-name-field-md-rooms {
    background: none;
    margin: 0;
  }

  .node-agenda .field-name-field-md-rooms > .field-items > .field-item {
    float: none;
    width: 100%;
  }

  .node-agenda .field-name-field-room-title {
    margin: 10px 0;
  }

  .node-agenda .field-collection-item-field-room-sessions {
    margin: 10px 0;
  }

  .node-agenda .field-name-field-md-rooms p {
    margin: 0;
  }
}
/*! --------------------------------------------------
    #development
    -------------------------------------------------- */