@charset "UTF-8";
/*!*****************************************************************************
*   ERP - Created by Point 6 Ltd
*   Copyright (c) 2018 ERP. All rights reserved.
********************************************************************************

    Contents:
    ---------

    - #1. Variables
    - #2. Typography, Normalise & Core styles
    - #3. Components
    - #4. Pages
    - #5. Vendor specific styles & overrides
    - #6. Print styles

*******************************************************************************/
/*==============================================================================
    #1: Variables
==============================================================================*/
/*==============================================================================
    Fonts: Fonts used across the site
==============================================================================*/
/*==============================================================================
    Colours: List of all colours used on the site
==============================================================================*/
/*##############################################################################
	Responsive breakpoints
##############################################################################*/
/*##############################################################################
	Widths, spacing and margins
##############################################################################*/
/*==============================================================================
    #2: Typography, Normalise & Core styles
==============================================================================*/
/*! 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 {
  -webkit-box-sizing: content-box;
  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 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

/**
 * 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 {
  -webkit-box-sizing: border-box;
  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"] {
  -webkit-box-sizing: border-box;
  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.3.0 | MIT License | https://html5boilerplate.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; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden, .breadcrumb-trail, main #erp-members-search-form, .newsletter-form .nf-form-fields-required,
.newsletter-form label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */ }

/*
 * 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, .focusable.breadcrumb-trail:active, main .focusable#erp-members-search-form:active, .newsletter-form .focusable.nf-form-fields-required:active,
.newsletter-form label.focusable:active,
.visuallyhidden.focusable:focus,
.focusable.breadcrumb-trail:focus,
main .focusable#erp-members-search-form:focus,
.newsletter-form .focusable.nf-form-fields-required:focus,
.newsletter-form label.focusable:focus {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit; }

/*
 * 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, .homepage-tabs ul:before, #share-this ul:before, .logos ul:before, .logos li:before, .content_img_block.right:before,
.content_img_block:before, .call-to-action:before, footer .footer-marketing:before,
footer .footer-links:before,
footer .footer-end:before, ul.link-boxes:before, ul.link-boxes li:before, .archive-navigation:before, .news-list:before, .tabbed .tab-content:before, .recovered-materials-content:before, .testimonials-list:before,
.clearfix:after,
.homepage-tabs ul:after,
#share-this ul:after,
.logos ul:after,
.logos li:after,
.content_img_block.right:after,
.content_img_block:after,
.call-to-action:after,
footer .footer-marketing:after,
footer .footer-links:after,
footer .footer-end:after,
ul.link-boxes:after,
ul.link-boxes li:after,
.archive-navigation:after,
.news-list:after,
.tabbed .tab-content:after,
.recovered-materials-content:after,
.testimonials-list:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }


.clearfix:after,
.homepage-tabs ul:after,
#share-this ul:after,
.logos ul:after,
.logos li:after,
.content_img_block.right:after,
.content_img_block:after,
.call-to-action:after,
footer .footer-marketing:after,
footer .footer-links:after,
footer .footer-end:after,
ul.link-boxes:after,
ul.link-boxes li:after,
.archive-navigation:after,
.news-list:after,
.tabbed .tab-content:after,
.recovered-materials-content:after,
.testimonials-list: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, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (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,
  p:first-letter,
  div:first-letter,
  blockquote:first-letter,
  li:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre {
    white-space: pre-wrap !important; }
  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; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  width: 100%;
  min-height: 100%;
  height: 100%;
  overflow-x: hidden; }

body {
  color: #656565;
  overflow-x: hidden;
  font: 12px/1.5 "FrutigerNextW02-Regular_724926", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  min-width: 320px; }

picture,
img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

h1, h2, h3, h4, h5, h6, blockquote, p, ul, ol, table, dl {
  margin: 0 0 20px; }

h2 {
  font-size: 1.1rem; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-weight: normal;
  line-height: 1.3; }
  h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #00b0f1;
    font-family: "FrutigerNextW02-Regular_724926", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; }
  h1 span.pre-title, h2 span.pre-title, h3 span.pre-title, h4 span.pre-title, h5 span.pre-title, h6 span.pre-title {
    display: block;
    font-size: 0.6em;
    margin: 0 0 20px; }

strong, b {
  font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-weight: normal; }

h1 span {
  color: #fff; }

a {
  color: #00b0f1;
  -webkit-transition: all 0.33s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.33s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.33s cubic-bezier(0.19, 1, 0.22, 1); }

main {
  background: #fff;
  border-top: 5px solid #00b0f1;
  position: relative;
  z-index: 10; }
  body.green main,
  .home main {
    border-color: #b2c800; }
  main ol,
  main ul {
    padding: 0 0 0 1em; }
  main li {
    line-height: 1.4;
    padding: 0.25em 0; }
  main ul li {
    list-style: square; }

.wrap {
  max-width: 1220px;
  margin: 0 auto; }

.reset, .homepage-tabs ul, #share-this ul, #share-this li, .animated_icons ul,
.animated_icons li, .services_list .services-list ul, .services_list .services-list li, .list_of_links ul, .list_of_links li, .logos ul, .logos li, .erp-map-filter, .erp-map-filter li, footer .footer-links ul, footer .footer-links li, footer .footer-copyright ul, footer .footer-copyright li, footer .footer-logos ul, footer .footer-logos li, .social-links, .social-links li, #preheader ul, #preheader li, ul.link-boxes, ul.link-boxes li, #navigation ul, #navigation li, .back-tag,
.post-categories, ul.news-navigation, .news-categories, .news-list, .tabbed ol, .tabbed ul, .tabbed li, .testimonials-list {
  border: 0;
  list-style: none;
  margin: 0;
  padding: 0; }

.content {
  padding: 15px; }

section .content > *:last-child {
  margin-bottom: 0; }

iframe {
  width: 100%;
  height: 220px; }

/*------------------------------------------------------------------------------
    Homepage tabs
------------------------------------------------------------------------------*/
.homepage-tabs ul {
  bottom: 0;
  left: 0;
  margin: 0 -10px;
  padding: 50px;
  position: absolute;
  right: 0; }
  .homepage-tabs ul li:not(:last-child) {
    margin-bottom: 10px; }
  .homepage-tabs ul a {
    background: #b2c800;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-decoration: none; }
  .homepage-tabs ul div {
    display: none;
    font-size: 0.875em;
    line-height: 1.5; }
  .homepage-tabs ul h3 {
    font-size: 1.2em;
    margin: 0; }
  .homepage-tabs ul p {
    margin: 0 0 10px; }
  .homepage-tabs ul p:last-child {
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    margin: 0; }

main .homepage-tabs {
  display: none; }

/*------------------------------------------------------------------------------
    Misc.
------------------------------------------------------------------------------*/
.smaller {
  font-size: 0.875em !important; }

.green .erp-featured-image .heading {
  background: rgba(178, 200, 0, 0.95); }

.green button,
.green .button {
  background: #b2c800;
  border-color: #b2c800; }
  .green button:hover,
  .green .button:hover {
    color: #b2c800; }

#blackout {
  background: rgba(255, 255, 255, 0.75);
  bottom: 0;
  left: 0;
  position: fixed;
  -webkit-animation: fade-in 0.25s ease-out forwards;
  animation: fade-in 0.25s ease-out forwards;
  right: 0;
  top: 0;
  z-index: 98; }

.black-out .footer-marketing {
  background: #656565;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 99999; }

/*------------------------------------------------------------------------------
    Share this
------------------------------------------------------------------------------*/
#share-this {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }
  #share-this h4 {
    background: #fff;
    text-align: center;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    font-family: "FrutigerNextW02-Regular_724926", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; }
  #share-this li {
    float: left;
    width: 25%; }
  #share-this a {
    display: block;
    background: #404040;
    padding: 7px 10px;
    color: white;
    text-align: center;
    text-decoration: none; }
    #share-this a:hover {
      background: #2c2c2c; }
  #share-this a.linkedin {
    background: #007bb6; }
    #share-this a.linkedin:hover {
      background: #30487b; }
  #share-this a.facebook {
    background: #3B5998; }
    #share-this a.facebook:hover {
      background: #30487b; }
  #share-this a.twitter {
    background: #33CCFF; }
    #share-this a.twitter:hover {
      background: #0ac2ff; }

#erp-members-search-form-results {
  background: #f6f6f6;
  padding: 10px;
  max-height: 150px;
  overflow: auto; }
  #erp-members-search-form-results h3 {
    margin: 0 0 10px; }
  #erp-members-search-form-results p.no-results {
    margin: 0;
    color: #999; }
  #erp-members-search-form-results ul {
    margin: 0;
    padding: 0 0 0 1em; }
  #erp-members-search-form-results li span.data {
    display: block;
    color: #999;
    font-size: 0.9em; }

#cboxLoadedContent #erp-members-search-form {
  padding: 20px; }
  #cboxLoadedContent #erp-members-search-form h2, #cboxLoadedContent #erp-members-search-form h3 {
    font-size: 100%; }

/*------------------------------------------------------------------------------
    TESTING ELEMENTS
------------------------------------------------------------------------------*/
.grid.wrap {
  background: rgba(255, 0, 0, 0.25);
  bottom: 0;
  display: none;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000; }
  .grid.wrap .col {
    background: rgba(255, 0, 0, 0.5);
    width: 1px;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 15px; }
    .grid.wrap .col:after {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 1px;
      background: red;
      left: 50%; }
  .grid.wrap .col2,
  .grid.wrap .col3,
  .grid.wrap .col4,
  .grid.wrap .col5 {
    background: rgba(255, 0, 0, 0.25) none repeat scroll 0 0;
    margin-left: -7.5px; }
  .grid.wrap .col2 {
    left: 20%; }
  .grid.wrap .col3 {
    left: 40%; }
  .grid.wrap .col4 {
    left: 60%; }
  .grid.wrap .col5 {
    left: 80%; }
  .grid.wrap .col6 {
    left: 100%; }

/*------------------------------------------------------------------------------
    WordPress admin styles
------------------------------------------------------------------------------*/
body.admin-bar:after {
  position: fixed;
  bottom: 0;
  left: 0;
  background: red;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  content: "mobile";
  z-index: 999999999; }

#wp-admin-bar-my-sites ul li .ab-item {
  min-width: 200px !important; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
@media only screen and (min-width: 420px) {
  body.admin-bar:after {
    content: 'small'; }
  iframe {
    height: 260px; } }

/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  body.admin-bar:after {
    content: 'tablet'; }
  h2 {
    font-size: 1.3rem; }
  main {
    margin-top: 580px;
    padding-right: 15px; }
  iframe {
    height: 340px; }
  .admin-bar main {
    margin-top: 548px; }
  .content {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .indent {
    margin-left: 20% !important;
    padding-left: 15px !important; }
  .vertical {
    display: block;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
  .mobile-only {
    display: none !important; }
  .homepage-tabs {
    position: relative; }
    .homepage-tabs ul {
      left: auto;
      right: auto;
      padding: 0; }
      .homepage-tabs ul li {
        display: inline-block;
        margin: 0 -5px 0 0 !important;
        padding: 0 7px;
        width: 25%;
        vertical-align: bottom; }
      .homepage-tabs ul a {
        padding: 15px; }
      .homepage-tabs ul div {
        display: block;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: all 0.66s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: all 0.66s cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 0.66s cubic-bezier(0.19, 1, 0.22, 1); }
      .homepage-tabs ul a:hover div {
        max-height: 10em;
        opacity: 1;
        padding: 10px 0 0; }
      .homepage-tabs ul .view-more:after {
        content: "";
        background: url(../images/svg/arrow.svg) center/contain no-repeat;
        display: inline-block;
        height: 1em;
        margin: 0 0 0 0.5em;
        vertical-align: middle;
        width: 0.8em; }
  main .homepage-tabs {
    display: block; }
  #share-this {
    position: static; }
    #share-this h4 {
      background: #EDEDED;
      float: left;
      padding: 0.5em 1em;
      text-align: left;
      text-transform: none; }
    #share-this li {
      width: auto; }
    #share-this a {
      min-width: 8em; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  body.admin-bar:after {
    content: 'medium'; }
  body {
    font-size: 0.9375em; }
  h2 {
    font-size: 1.875rem; }
  main {
    margin-top: 680px;
    padding-right: 0; }
  iframe {
    height: 480px; }
  .admin-bar main {
    margin-top: 648px; }
  .indent {
    padding-left: 30px !important; }
  .half-right {
    margin-left: 40% !important; }
  .half-left {
    margin-right: 40% !important; }
  .grid.wrap .col {
    margin-left: -15px;
    width: 30px; }
  .homepage-tabs ul li {
    padding: 0 10px; }
  .homepage-tabs ul a {
    padding: 15px 20px; }
  .homepage-tabs ul h3 {
    font-size: 1.4em; }
  .site-12 .homepage-tabs ul h3 {
    font-size: 1.25em; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {
  body.admin-bar:after {
    content: 'large'; }
  body {
    font-size: 1em; }
  main {
    margin-top: 740px; }
  .admin-bar main {
    margin-top: 708px; }
  .half-right {
    margin-left: 50% !important; }
  .half-left {
    margin-right: 50% !important; } }

/*==============================================================================
    #3: Components
==============================================================================*/
/*==============================================================================
    Animations: Controls animations on the page and relies on modernizr to
    detect support for cssanimations.
==============================================================================*/
@-webkit-keyframes slide-left {
  from {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes slide-left {
  from {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes slide-right {
  from {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes slide-right {
  from {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes slide-up {
  from {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes slide-up {
  from {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .js.cssanimations .entry-image {
    opacity: 0.2;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .js.cssanimations .content_img_block .content > * {
    opacity: 0; }
  .js.cssanimations .tabs li,
  .js.cssanimations .link-boxes li,
  .js.cssanimations .news-list li,
  .js.cssanimations .tab-inner li {
    opacity: 0; }
  .js.cssanimations .services_list .services-list li {
    opacity: 0; }
  .js.cssanimations .recovered-materials li {
    opacity: 0; }
  .js.cssanimations .on .tabs li,
  .js.cssanimations .on .link-boxes li,
  .js.cssanimations .on .news-list li,
  .js.cssanimations .on .tab-inner li {
    -webkit-animation: slide-up 0.25s ease-out forwards;
    animation: slide-up 0.25s ease-out forwards; }
  .js.cssanimations .on .tabs li:nth-child(1),
  .js.cssanimations .on .link-boxes li:nth-child(1),
  .js.cssanimations .on .news-list li:nth-child(1),
  .js.cssanimations .on .tab-inner li:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  .js.cssanimations .on .tabs li:nth-child(2),
  .js.cssanimations .on .link-boxes li:nth-child(2),
  .js.cssanimations .on .news-list li:nth-child(2),
  .js.cssanimations .on .tab-inner li:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .js.cssanimations .on .tabs li:nth-child(3),
  .js.cssanimations .on .link-boxes li:nth-child(3),
  .js.cssanimations .on .news-list li:nth-child(3),
  .js.cssanimations .on .tab-inner li:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .js.cssanimations .on .tabs li:nth-child(4),
  .js.cssanimations .on .link-boxes li:nth-child(4),
  .js.cssanimations .on .news-list li:nth-child(4),
  .js.cssanimations .on .tab-inner li:nth-child(4) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
  .js.cssanimations .on .tabs li:nth-child(5),
  .js.cssanimations .on .link-boxes li:nth-child(5),
  .js.cssanimations .on .news-list li:nth-child(5),
  .js.cssanimations .on .tab-inner li:nth-child(5) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .js.cssanimations .on .tabs li:nth-child(6),
  .js.cssanimations .on .link-boxes li:nth-child(6),
  .js.cssanimations .on .news-list li:nth-child(6),
  .js.cssanimations .on .tab-inner li:nth-child(6) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .js.cssanimations .on .tabs li:nth-child(7),
  .js.cssanimations .on .link-boxes li:nth-child(7),
  .js.cssanimations .on .news-list li:nth-child(7),
  .js.cssanimations .on .tab-inner li:nth-child(7) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s; }
  .js.cssanimations .on .tabs li:nth-child(8),
  .js.cssanimations .on .link-boxes li:nth-child(8),
  .js.cssanimations .on .news-list li:nth-child(8),
  .js.cssanimations .on .tab-inner li:nth-child(8) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s; }
  .js.cssanimations .on .tabs li:nth-child(9),
  .js.cssanimations .on .link-boxes li:nth-child(9),
  .js.cssanimations .on .news-list li:nth-child(9),
  .js.cssanimations .on .tab-inner li:nth-child(9) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .js.cssanimations .on .tabs li:nth-child(10),
  .js.cssanimations .on .link-boxes li:nth-child(10),
  .js.cssanimations .on .news-list li:nth-child(10),
  .js.cssanimations .on .tab-inner li:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  .js.cssanimations .on .tabs li:nth-child(11),
  .js.cssanimations .on .link-boxes li:nth-child(11),
  .js.cssanimations .on .news-list li:nth-child(11),
  .js.cssanimations .on .tab-inner li:nth-child(11) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s; }
  .js.cssanimations .on .tabs li:nth-child(12),
  .js.cssanimations .on .link-boxes li:nth-child(12),
  .js.cssanimations .on .news-list li:nth-child(12),
  .js.cssanimations .on .tab-inner li:nth-child(12) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  .js.cssanimations .on.content_img_block .content > * {
    -webkit-animation: slide-up 1s ease-out forwards;
    animation: slide-up 1s ease-out forwards; }
  .js.cssanimations .on.content_img_block .entry-image {
    opacity: 1;
    -webkit-filter: none;
    filter: none; }
  .js.cssanimations .on.services_list .services-content > * {
    -webkit-animation: slide-up 1s ease-out forwards;
    animation: slide-up 1s ease-out forwards; }
  .js.cssanimations .on.services_list .services-list li {
    -webkit-animation: slide-left 0.5s ease-out forwards 0.5s;
    animation: slide-left 0.5s ease-out forwards 0.5s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(1) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(3) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(4) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(5) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(6) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(7) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s; }
  .js.cssanimations .on.services_list .services-list li:nth-child(8) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s; }
  .js.cssanimations .on .recovered-materials li {
    -webkit-animation: fade-in 0.25s ease-out forwards;
    animation: fade-in 0.25s ease-out forwards; }
  .js.cssanimations .on .recovered-materials li:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  .js.cssanimations .on .recovered-materials li:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .js.cssanimations .on .recovered-materials li:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .js.cssanimations .on .recovered-materials li:nth-child(4) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
  .js.cssanimations .on .recovered-materials li:nth-child(5) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .js.cssanimations .on .recovered-materials li:nth-child(6) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .js.cssanimations .on .recovered-materials li:nth-child(7) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s; }
  .js.cssanimations .on .recovered-materials li:nth-child(8) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s; }
  .js.cssanimations .on .recovered-materials li:nth-child(9) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .js.cssanimations .on .recovered-materials li:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  .js.cssanimations .on .recovered-materials li:nth-child(11) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s; }
  .js.cssanimations .on .recovered-materials li:nth-child(12) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
section.sub_page_links {
  padding-bottom: 40px; }

/*------------------------------------------------------------------------------
    Content on top of image
------------------------------------------------------------------------------*/
section.content_on_top_of_image {
  background-size: cover;
  padding: 40px 0;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); }
  section.content_on_top_of_image .content {
    color: #fff;
    font-size: 1.5em; }
  section.content_on_top_of_image input[type=submit],
  section.content_on_top_of_image input[type=reset],
  section.content_on_top_of_image input[type=button],
  section.content_on_top_of_image button,
  section.content_on_top_of_image .button {
    font-size: 1rem; }

/*------------------------------------------------------------------------------
    Simple content
------------------------------------------------------------------------------*/
section.content_simple {
  padding: 20px 0; }

/*------------------------------------------------------------------------------
    Animated icons
------------------------------------------------------------------------------*/
.animated_icons {
  padding: 20px 0 20px; }
  .animated_icons ul {
    text-align: center; }
  .animated_icons li {
    padding: 50px 20px 30px;
    vertical-align: top; }
  .animated_icons li:not(:first-child) {
    border-top: 1px solid #CBCBCB; }
  .animated_icons img {
    display: inline-block;
    height: 120px;
    margin: 20px;
    width: 120px; }
  .animated_icons h3 {
    margin: 0 0 5px; }
  .animated_icons p {
    margin: 0; }
  .animated_icons .icon-circle {
    background: #b2c800;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 50px;
    position: relative;
    width: 160px;
    height: 160px; }
    .animated_icons .icon-circle svg {
      bottom: -30px;
      left: -30px;
      position: absolute;
      right: -30px;
      top: -30px;
      width: 220px;
      height: 220px; }

/*------------------------------------------------------------------------------
    Services list
------------------------------------------------------------------------------*/
.services_list {
  background: #b2c800;
  color: #fff; }
  .services_list button,
  .services_list .button {
    background: #00b0f1;
    border-color: #00b0f1; }
  .services_list .services-list li {
    min-height: 5.5em;
    position: relative; }
  .services_list .services-list img {
    left: 0;
    max-height: 50px;
    max-width: 50px;
    position: absolute;
    top: 0; }
  .services_list .services-list h2,
  .services_list .services-list h3,
  .services_list .services-list h4 {
    font-size: 1.1em;
    margin: 0; }
  .services_list .services-list p {
    font-size: 0.875em; }
  .services_list .services-list p:last-child {
    margin: 0; }
  .services_list .services-list div {
    padding: 0 0 0 65px; }

/*------------------------------------------------------------------------------
    List of links
------------------------------------------------------------------------------*/
.list_of_links li {
  margin: 0 0 20px; }

.list_of_links h3, .list_of_links p {
  font-size: 1em;
  margin: 0; }

/*------------------------------------------------------------------------------
    Logos
------------------------------------------------------------------------------*/
.logos {
  background: #404040;
  color: #fff;
  padding: 20px 0; }
  .logos h2 {
    text-align: center; }
  .logos ul {
    text-align: center; }
    .logos ul li {
      display: inline-block;
      margin-right: -5px;
      padding: 0 10px;
      vertical-align: middle; }
  .logos img {
    vertical-align: middle;
    max-width: 100px; }
  .logos span {
    height: 80px;
    display: inline-block;
    width: 1px;
    vertical-align: middle; }
  .logos p {
    margin: 20px 0 0 0;
    text-align: center; }

/*------------------------------------------------------------------------------
    Content with image
------------------------------------------------------------------------------*/
.content_img_block.right,
.content_img_block {
  position: relative; }
  .content_img_block.right .entry-image,
  .content_img_block .entry-image {
    background-color: #eee;
    background-size: cover;
    background-position: center;
    padding-top: 80%; }
  .content_img_block.right .content,
  .content_img_block .content {
    background: white;
    z-index: 1;
    min-height: 28em; }
  .content_img_block.right p,
  .content_img_block p {
    font-size: 1.125em;
    line-height: 1.5; }

.content_img_block.blue {
  background: #00b0f1;
  color: #fff; }
  .content_img_block.blue .content {
    background: #00b0f1; }

.content_img_block.green,
.content_img_block.green .content {
  background: #b2c800;
  color: #fff; }

.content_img_block.grey,
.content_img_block.grey .content {
  background: #787878;
  color: #fff; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .list_of_links {
    padding-top: 40px; }
  section.content_simple {
    padding: 40px 0; }
    section.content_simple .content {
      width: 75%; }
  section.content_on_top_of_image {
    padding: 80px 0;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); }
    section.content_on_top_of_image .content {
      color: #fff;
      font-size: 1.8em;
      max-width: 75%; }
  .animated_icons {
    padding: 20px 0 20px; }
    .animated_icons ul {
      text-align: center; }
    .animated_icons li {
      border: 0 !important;
      display: inline-block;
      margin-right: -5px;
      width: 33%;
      padding: 40px; }
    .animated_icons img {
      height: 110px;
      margin: 20px;
      width: 100px; }
    .animated_icons h3 {
      margin: 0 0 5px; }
    .animated_icons p {
      margin: 0; }
    .animated_icons .icon-circle {
      background: #b2c800;
      border-radius: 50%;
      display: inline-block;
      margin-bottom: 50px;
      position: relative;
      width: 160px;
      height: 160px; }
      .animated_icons .icon-circle svg {
        bottom: -30px;
        left: -30px;
        position: absolute;
        right: -30px;
        top: -30px;
        width: 220px;
        height: 220px; }
  .services_list {
    padding: 20px 0; }
    .services_list .services-content,
    .services_list .services-list {
      display: inline-block;
      margin-right: -5px;
      width: 50%;
      vertical-align: top; }
    .services_list .services-content {
      font-size: 1.125em;
      padding-right: 15px; }
    .services_list .services-list li {
      min-height: 7.6em; }
    .services_list .services-list div {
      padding: 10px 10px 10px 95px; }
    .services_list .services-list h2,
    .services_list .services-list h3,
    .services_list .services-list h4 {
      font-size: 1.2em;
      margin: 0; }
    .services_list .services-list img {
      max-height: 80px;
      max-width: 80px; }
  .logos {
    padding: 40px 0; }
    .logos img {
      max-width: 120px; }
  .content_img_block.right .entry-image,
  .content_img_block .entry-image {
    bottom: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%; }
  .content_img_block.right .content,
  .content_img_block .content {
    margin: 0 15px 0 0;
    overflow: hidden;
    padding: 40px 20px;
    padding-right: 15px !important;
    position: relative;
    width: 50%;
    width: calc(50% - 7.5px); }
  .content_img_block.left .entry-image {
    left: 0;
    right: 50%;
    width: 60%; }
  .content_img_block.left .content {
    margin: 0 0 0 auto; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .content_img_block.right .content,
  .content_img_block .content {
    width: calc(50% - 10px);
    padding-right: 30px !important; }
  .content_img_block.left .content {
    width: calc(50% + 10px);
    padding-left: 30px !important; }
  .logos img {
    max-width: 180px; }
  .services_list .services-list {
    padding-left: 15px; }
    .services_list .services-list li {
      min-height: 9.6em; }
    .services_list .services-list div {
      padding: 20px 20px 20px 150px; }
    .services_list .services-list h2,
    .services_list .services-list h3,
    .services_list .services-list h4 {
      font-size: 1.1em;
      margin: 0 0 10px; }
    .services_list .services-list img {
      max-height: 130px;
      max-width: 130px; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
.call-to-action {
  background: #00b0f1;
  color: #fff;
  text-align: center; }
  .call-to-action img, .call-to-action svg {
    max-height: 6em;
    max-width: 6em; }
  .call-to-action h3, .call-to-action p {
    margin: 0; }
  .call-to-action h3 {
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 20px; }
  .blue .call-to-action {
    background: #00b0f1; }
  .green .call-to-action {
    background: #b2c800; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .call-to-action {
    margin-right: -15px; }
    .call-to-action img, .call-to-action svg {
      margin-right: 0.5em;
      max-height: 6em;
      max-width: 6em; }
    .call-to-action img, .call-to-action svg, .call-to-action h3, .call-to-action p {
      display: inline-block;
      vertical-align: middle; }
    .call-to-action h3 {
      font-size: 2em;
      margin: 0; }
      .call-to-action h3:before {
        content: "";
        display: inline-block;
        height: 90px;
        vertical-align: middle;
        width: 1px; }
    .call-to-action p {
      margin-left: 40px; }
    .call-to-action .button {
      font-size: 1.125em; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .call-to-action {
    margin-right: 0; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
.questions {
  padding: 20px 0 0; }
  .questions dl {
    margin: 0; }
  .questions dt {
    background: #787878;
    color: #fff;
    font-size: 1.125em;
    margin: 0 0 10px;
    padding: 10px 30px 10px 15px;
    position: relative;
    -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
    .questions dt:hover {
      background: #656565; }
    .questions dt:after {
      background: url(../images/svg/arrow.svg) center/contain no-repeat;
      content: "";
      height: 20px;
      margin-top: -10px;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      width: 15px; }
    .questions dt.open {
      background: #656565; }
      .questions dt.open:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
  .questions dd {
    margin: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
    -o-transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
    transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1); }
    .js .questions dd {
      max-height: 0;
      opacity: 0; }
    .js .questions dd.open {
      max-height: 1000px;
      opacity: 1;
      -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }

.js .questions .question-heading {
  display: none; }

ul.link-boxes.questions-anchors {
  margin-bottom: 0 !important; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .questions {
    padding-top: 40px; }
    .questions dt {
      margin: 0 0 20px;
      padding: 15px 20px; }
      .questions dt:after {
        height: 25px;
        margin-top: -12px;
        right: 15px;
        top: 50%;
        width: 25px; }
    .questions dd {
      padding: 0 20px; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .erp-map-svg {
    overflow: auto; }
    .erp-map-svg svg {
      height: 425px;
      width: 600px;
      margin-left: -130px;
      margin-top: -20px; } }

.tooltipster-fall, .tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  position: absolute; }

.tooltipster-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.tooltipster-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto; }

.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform,opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

@-webkit-keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  -webkit-animation: tooltipster-fading .4s;
  animation: tooltipster-fading .4s; }

@-webkit-keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

.tooltipster-update-rotate {
  -webkit-animation: tooltipster-rotating .6s;
  animation: tooltipster-rotating .6s; }

@-webkit-keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.tooltipster-update-scale {
  -webkit-animation: tooltipster-scaling .6s;
  animation: tooltipster-scaling .6s; }

.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid #000;
  border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  line-height: 18px;
  padding: 6px 14px; }

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px; }

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px; }

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #000; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #000; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #000; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #000; }

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1); }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
  margin-top: 6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
  margin-right: 6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
  margin-left: 6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
  margin-bottom: 6px; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #8d8d8d; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  height: 6px;
  margin-left: -6px;
  width: 12px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  width: 6px; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
  display: none; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
  border: 6px solid transparent; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
  left: -6px; }

.erp-map {
  background: #d6e3ea;
  padding: 0 !important;
  overflow: hidden; }

.erp-map .content {
  padding: 0 !important; }

#world {
  background: #d6e3ea;
  overflow: visible; }

.country {
  cursor: pointer;
  background: #eee;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.marker.fadeout {
  opacity: 0; }

.country:hover,
.country:hover polygon {
  fill: #f00 !important;
  stroke: #fff;
  /*stroke: #f00 !important;*/
  -webkit-filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.33));
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.33)); }

.country.on,
.country.on:hover {
  fill: #f00;
  stroke: #fff; }

.erp-map .indent {
  position: relative; }

/*------------------------------------------------------------------------------
    > Map introduction
------------------------------------------------------------------------------*/
.erp-map-intro {
  padding: 20px 20px 0;
  max-width: 380px; }
  .erp-map-intro p {
    max-width: 200px; }
  @media only screen and (min-width: 768px) {
    .erp-map-intro {
      padding: 0;
      position: absolute;
      pointer-events: none;
      left: 40px;
      top: 40px; } }

.erp-map-content {
  padding: 10px 10px 0; }
  .erp-map-content h3 {
    color: red;
    font-size: 1em; }

.marker {
  pointer-events: none; }

.erp-map-country h3 img {
  border: 1px solid #ccc;
  border-radius: 50px;
  max-width: 32px; }

.js .erp-map-country {
  display: none; }

.tooltipster-content .erp-map-country {
  display: block !important; }

.erp-map-filter-box {
  padding: 0 20px 20px; }
  @media only screen and (min-width: 768px) {
    .erp-map-filter-box {
      padding: 0;
      position: absolute;
      left: 40px;
      bottom: 40px;
      width: 11em; } }

.erp-map-filter {
  font-size: 0.825em; }
  .erp-map-filter li {
    margin: 0 0 10px; }
    .erp-map-filter li a {
      display: block;
      background: #fff;
      font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      padding: 5px 10px;
      text-decoration: none;
      white-space: nowrap; }
      .erp-map-filter li a svg {
        fill: red; }
      .erp-map-filter li a svg,
      .erp-map-filter li a img {
        max-width: 1.6em;
        margin: 0 0.25em 0 0; }
      .erp-map-filter li a:hover {
        background: #f00;
        color: #fff; }
      .erp-map-filter li a.on {
        background: #f00;
        color: #fff; }

.erp-featured-image {
  background-size: cover !important;
  background: #CBCBCB;
  left: 0;
  min-height: 34em;
  max-height: 480px;
  overflow: hidden;
  position: relative;
  right: 0;
  top: 0;
  text-align: center; }
  .erp-featured-image video,
  .erp-featured-image picture,
  .erp-featured-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    width: 100%; }
    .no-object-fit .erp-featured-image video, .no-object-fit
    .erp-featured-image picture, .no-object-fit
    .erp-featured-image img {
      width: auto !important; }
  .erp-featured-image video {
    display: none; }
  .erp-featured-image .tab-image {
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0; }
  .erp-featured-image .heading {
    background: rgba(0, 176, 241, 0.95);
    padding: 15px;
    margin: 20px 20px 40px 0;
    position: absolute;
    bottom: 0;
    text-align: left; }
    .erp-featured-image .heading .vertical {
      padding-right: 15px; }
    .erp-featured-image .heading time,
    .erp-featured-image .heading h1,
    .erp-featured-image .heading p {
      color: #fff;
      margin: 0; }
    .erp-featured-image .heading time {
      display: block;
      font-size: 1.2em;
      margin: 0 0 40px; }
    .erp-featured-image .heading h1 {
      line-height: 1.2em; }
    .erp-featured-image .heading p {
      font-size: 1.4em;
      margin-bottom: 0.25em;
      line-height: 1.3; }
  .erp-featured-image .post-password-form {
    display: none; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .erp-featured-image {
    min-height: 0;
    position: fixed;
    max-height: 580px; }
    .erp-featured-image .attachment-erp-featured-image.tablet {
      max-height: 580px; }
    .erp-featured-image video {
      display: block; }
    .erp-featured-image .wrap {
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      width: 100%; }
      .erp-featured-image .wrap .heading {
        position: absolute;
        top: 0;
        left: 20%;
        bottom: 0;
        margin: 0 0 0 15px;
        z-index: 10;
        padding-top: 62px; }
        .admin-bar .erp-featured-image .wrap .heading {
          padding-top: 95px; }
    .erp-featured-image .heading {
      width: 38%;
      width: calc(40% - 25px);
      margin-left: 15px;
      padding: 15px; }
      .erp-featured-image .heading time,
      .erp-featured-image .heading h1,
      .erp-featured-image .heading p {
        color: #fff;
        margin: 0; }
      .erp-featured-image .heading h1 {
        font-size: 3em; }
      .erp-featured-image .heading p {
        font-size: 2em; }
    .erp-featured-image img {
      pointer-events: none; }
    .erp-featured-image .homepage-tabs {
      display: none; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .erp-featured-image {
    max-height: 680px; }
    .erp-featured-image .wrap .heading {
      margin-left: 30px;
      padding: 30px; }
      .erp-featured-image .wrap .heading .vertical {
        padding-right: 30px; }
      .erp-featured-image .wrap .heading h1,
      .erp-featured-image .wrap .heading time {
        margin: 0 0 30px; }
      .erp-featured-image .wrap .heading p {
        font-size: 2em; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {
  .erp-featured-image {
    height: 740px;
    max-height: none; }
    .erp-featured-image .attachment-erp-featured-image.large {
      max-height: 740px;
      height: 740px;
      max-width: 2000px;
      margin: 0 auto; }
    .erp-featured-image .tab-image {
      display: block; } }

/*------------------------------------------------------------------------------
    X-Large
------------------------------------------------------------------------------*/
@media only screen and (min-width: 1600px) {
  .erp-featured-image img {
    width: 100%; } }

/*------------------------------------------------------------------------------
    Javascript enabled image
------------------------------------------------------------------------------*/
.js .erp-featured-image img.size-erp-featured-image {
  opacity: 0;
  -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); }

.js.loaded .erp-featured-image img.size-erp-featured-image {
  opacity: 1; }

@media only screen and (min-width: 768px) {
  .site-28 .erp-featured-image .heading h1 {
    font-size: 2.2em; }
  .site-28 .erp-featured-image .heading p {
    font-size: 1.5em; } }

footer {
  background: #404040;
  color: #fff;
  padding: 20px 20px 40px;
  position: relative; }
  footer a {
    color: #fff;
    text-decoration: none; }
    footer a:hover {
      color: #00b0f1; }
  footer h2, footer h3, footer h4, footer h5, footer h6 {
    font-size: 1em;
    margin: 0 0 10px; }
  footer .footer-links ul.menu > li:not(:last-child) {
    border-bottom: 1px solid #787878; }
  footer .footer-links ul.menu > li > ul {
    margin: 5px 0 10px 10px; }
    footer .footer-links ul.menu > li > ul li {
      margin: 0; }
  footer .footer-links ul.menu > li > a {
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    display: block;
    padding: 10px 0; }
  footer .footer-links ul.sub-menu li:not(:last-child) {
    margin: 1px 0; }
  .js footer .footer-links ul.menu > li {
    position: relative; }
    .js footer .footer-links ul.menu > li > a span {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0.95em;
      background: url(../images/svg/arrow-grey.svg) center/contain no-repeat;
      width: 2.5em;
      height: 1.5em;
      -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); }
    .js footer .footer-links ul.menu > li > ul {
      display: none; }
    .js footer .footer-links ul.menu > li.on span {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .js footer .footer-links ul.menu > li.on ul {
      display: block; }
  footer .footer-copyright {
    padding-top: 20px; }
    footer .footer-copyright li {
      display: inline-block;
      line-height: 1;
      padding: 0 15px 0 0;
      margin: 0 10px 0 0; }
    footer .footer-copyright li:not(:last-child) {
      border-right: 1px solid; }
  footer .footer-marketing,
  footer .footer-logos,
  footer .social-links,
  footer .footer-copyright {
    border-top: 1px solid #656565;
    margin-top: 20px; }
  footer .footer-marketing,
  footer .footer-end {
    padding: 20px 0; }
  footer .footer-marketing {
    margin-top: 0;
    padding-bottom: 0; }
  footer .footer-logos {
    padding: 20px 0; }
    footer .footer-logos li {
      display: inline-block;
      line-height: 1; }
    footer .footer-logos li:not(:last-child) {
      border-right: 1px solid #656565;
      padding: 0 15px 0 0;
      margin: 0 10px 0 0; }
    footer .footer-logos img,
    footer .footer-logos svg {
      height: 80px; }
    footer .footer-logos li.erp svg {
      max-width: 100px; }
    footer .footer-logos li.landbell svg {
      max-width: 160px; }

.social-links {
  margin-top: 20px;
  padding-top: 20px; }
  .social-links li {
    display: inline-block; }
  .social-links li:not(:last-child) {
    margin: 0 5px 0 0; }
  .social-links a {
    background: #787878;
    border-radius: 50%;
    display: block;
    padding: 0.66em;
    text-align: center;
    line-height: 1em; }
  .social-links svg {
    height: 2.2em;
    width: 2.2em; }
  .social-links li.facebook a:hover {
    background: #3B5998; }
  .social-links li.twitter a:hover {
    background: #33CCFF; }
  .social-links li.linkedin a:hover {
    background: #007bb6; }
  .social-links li.instagram a:hover {
    background: #e1306c; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  footer {
    font-size: 0.875em; }
    footer .footer-links {
      margin: 0 0 20px; }
      footer .footer-links ul.menu {
        margin: 0 -10px; }
        footer .footer-links ul.menu > li {
          border: 0 !important;
          float: left;
          margin: 0 !important;
          padding: 0 10px;
          width: 25%; }
          footer .footer-links ul.menu > li > a span {
            display: none !important; }
          .js footer .footer-links ul.menu > li > ul {
            display: block;
            margin: 0; }
    footer .footer-marketing {
      padding-bottom: 20px; }
      footer .footer-marketing > div {
        float: left;
        width: 25%; }
      footer .footer-marketing > .newsletter {
        width: 50%; }
      footer .footer-marketing #newsletter-intro {
        padding-right: 20px; }
      footer .footer-marketing p {
        margin: 0; }
    footer .footer-end {
      border-top: 1px solid #656565; }
      footer .footer-end > div {
        float: right;
        width: 25%; }
      footer .footer-end .footer-copyright {
        width: 75%; }
    footer .footer-copyright,
    footer .social-links {
      border: 0;
      margin: 0;
      padding: 0; }
    footer footer .footer-links,
    footer footer .footer-marketing,
    footer footer .footer-end {
      margin: 0;
      padding: 20px 0; }
    footer .social-links {
      text-align: right; }
      footer .social-links svg {
        height: 3em;
        width: 3em; }
      footer .social-links.social-count-4 svg {
        height: 2em;
        width: 2em; }
    footer .footer-logos {
      margin-top: -10px;
      padding: 30px 0; }
      footer .footer-logos li:not(:last-child) {
        padding: 0 30px 0 0;
        margin: 0 25px 0 0; }
      footer .footer-logos img,
      footer .footer-logos svg {
        max-height: 80px; }
      footer .footer-logos li.erp svg {
        max-width: 140px; }
      footer .footer-logos li.landbell svg {
        max-width: 210px; }
      footer .footer-logos ul.social-links li {
        border: 0;
        margin: 0 10px 0 0 !important;
        padding: 0 !important; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  footer .footer-links,
  footer .footer-marketing,
  footer .footer-end {
    margin: 0;
    padding: 40px 0; }
  footer .footer-links ul.menu > li > a {
    margin: 0 0 20px;
    padding: 0; }
  footer .footer-links ul.sub-menu li:not(:last-child) {
    margin: 0 0 7px; }
  footer .footer-copyright {
    font-size: 0.875em; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Ninja forms
------------------------------------------------------------------------------*/
.nf-form-cont {
  background: #EDEDED;
  padding: 20px; }

.nf-field-container.html-container p {
  margin: 0 0 10px;
  font-size: 0.8rem; }
  .nf-field-container.html-container p a {
    text-decoration: underline; }

/*------------------------------------------------------------------------------
    Form elements
------------------------------------------------------------------------------*/
input,
textarea,
button,
select {
  font: 1em/1.3 "FrutigerNextW02-Regular_724926", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; }

select,
textarea,
input[type=tel],
input[type=email],
input[type=search],
input[type=password],
input[type=number],
input[type=text] {
  border: 1px solid #CBCBCB;
  padding: 9px;
  -webkit-transition: border-color 0.25s ease-in-out;
  -o-transition: border-color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out; }
  select:focus,
  textarea:focus,
  input[type=tel]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=password]:focus,
  input[type=number]:focus,
  input[type=text]:focus {
    border: 2px solid #969696;
    padding: 8px; }

select.error,
textarea.error,
input[type=tel].error,
input[type=email].error,
input[type=search].error,
input[type=password].error,
input[type=number].error,
input[type=text] .error {
  color: red;
  -webkit-box-shadow: 0 0 2px 2px red !important;
  box-shadow: 0 0 2px 2px red !important; }

span.error {
  background: red none repeat scroll 0 0;
  color: #fff;
  font-size: 0.875em;
  padding: 5px; }

span.inline-error {
  bottom: 100%;
  left: 0;
  position: absolute;
  width: 100%; }

/*------------------------------------------------------------------------------
    Buttons
------------------------------------------------------------------------------*/
.archive-navigation a,
input[type=submit],
input[type=reset],
input[type=button],
button,
.button {
  background: #00b0f1;
  border-radius: 0;
  border: 3px solid #00b0f1;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none !important;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  vertical-align: top; }
  .archive-navigation a:hover,
  input[type=submit]:hover,
  input[type=reset]:hover,
  input[type=button]:hover,
  button:hover,
  .button:hover {
    background: #fff;
    color: #00b0f1; }
  .archive-navigation a.blue, .archive-navigation a.blue:hover,
  input[type=submit].blue,
  input[type=submit].blue:hover,
  input[type=reset].blue,
  input[type=reset].blue:hover,
  input[type=button].blue,
  input[type=button].blue:hover,
  button.blue,
  button.blue:hover,
  .button.blue,
  .button.blue:hover {
    background: #00b0f1 !important;
    border-color: #00b0f1 !important;
    color: #fff; }
  .archive-navigation a.grey, .archive-navigation a.grey:hover,
  input[type=submit].grey,
  input[type=submit].grey:hover,
  input[type=reset].grey,
  input[type=reset].grey:hover,
  input[type=button].grey,
  input[type=button].grey:hover,
  button.grey,
  button.grey:hover,
  .button.grey,
  .button.grey:hover {
    background: #787878 !important;
    border-color: #787878 !important;
    color: #fff; }

input[type=submit].outline,
input[type=reset].outline,
input[type=button].outline,
button.outline,
.button.outline {
  border: 3px solid #fff;
  background: none; }
  input[type=submit].outline:hover,
  input[type=reset].outline:hover,
  input[type=button].outline:hover,
  button.outline:hover,
  .button.outline:hover {
    background: #fff;
    color: #00b0f1; }
  .green input[type=submit].outline:hover, .green
  input[type=reset].outline:hover, .green
  input[type=button].outline:hover, .green
  button.outline:hover, .green
  .button.outline:hover {
    color: #b2c800; }
  .grey input[type=submit].outline:hover, .grey
  input[type=reset].outline:hover, .grey
  input[type=button].outline:hover, .grey
  button.outline:hover, .grey
  .button.outline:hover {
    color: #404040; }

/*==============================================================================
    Newsletterform: At the bottom in the footer
==============================================================================*/
footer .nf-form-cont {
  background: 0;
  padding: 0; }

.newsletter-form fieldset,
.newsletter fieldset {
  position: relative; }

.newsletter-form #nf-field-48,
.newsletter-form #newsletter-email,
.newsletter #nf-field-48,
.newsletter #newsletter-email {
  border: 0;
  padding: 10px;
  font-size: 0.9rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
  width: 100%; }
  .newsletter-form #nf-field-48:focus,
  .newsletter-form #newsletter-email:focus,
  .newsletter #nf-field-48:focus,
  .newsletter #newsletter-email:focus {
    background: #EDEDED; }

.newsletter-form button,
.newsletter button {
  background: #787878;
  bottom: 0;
  border-color: #787878;
  padding: 9px 14px;
  font-size: 0.75rem;
  line-height: 1;
  margin: 0;
  padding: 6px 11px;
  position: absolute;
  right: 0;
  top: 0; }
  .newsletter-form button:hover,
  .newsletter button:hover {
    background: #00b0f1;
    border-color: #00b0f1; }
  .green .newsletter-form button:hover, .green
  .newsletter button:hover {
    background: #b2c800;
    border-color: #b2c800; }
  .newsletter-form button img,
  .newsletter button img {
    width: 1em; }

#newsletter-form .nf-response-msg {
  font-size: 1.3em;
  line-height: 1.3; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
@media only screen and (min-width: 420px) {
  input[type=submit],
  input[type=reset],
  input[type=button],
  button,
  .button {
    display: inline-block;
    line-height: 1.3;
    margin: 0 5px 0 0;
    padding: 5px 20px;
    text-align: left;
    font-size: 0.8rem;
    width: auto; } }

/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .newsletter-form #nf-field-48,
  .newsletter-form input,
  .newsletter-form #newsletter-email,
  .newsletter-email #nf-field-48,
  .newsletter-email input,
  .newsletter-email #newsletter-email,
  .newsletter #nf-field-48,
  .newsletter input,
  .newsletter #newsletter-email {
    padding: 10px;
    font-size: 1.125rem; }
  .newsletter-form button,
  .newsletter-email button,
  .newsletter button {
    background: #787878;
    border-color: #787878;
    padding: 9px 14px;
    font-size: 0.75rem;
    line-height: 1;
    margin: 0;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 0; }
    .newsletter-form button img,
    .newsletter-email button img,
    .newsletter button img {
      width: 1em; }
  input[type=submit],
  input[type=reset],
  input[type=button],
  button,
  .button {
    font-size: 1rem;
    padding: 8px 20px; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .newsletter-form #nf-field-48,
  .newsletter-form #newsletter-email,
  .newsletter #nf-field-48,
  .newsletter #newsletter-email {
    font-size: 1.5rem;
    padding: 14px; }
  .newsletter-form button,
  .newsletter button {
    padding: 10px 18px; }
    .newsletter-form button img,
    .newsletter button img {
      width: 1.6em; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
/*==============================================================================
    Component: Global
    ERP Global post additions
==============================================================================*/
.erp-external-global {
  padding: 25px; }
  .erp-external-global .button-container {
    margin: 0;
    text-align: right; }

#erp-external-global-return {
  background: #eee;
  bottom: 0;
  left: 0;
  padding: 10px 10px 5px 10px;
  position: fixed;
  right: 0;
  text-align: center;
  font-size: 12px;
  z-index: 10; }
  #erp-external-global-return p {
    margin: 0; }
  #erp-external-global-return a {
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    color: #404040;
    display: block;
    text-decoration: none; }
    #erp-external-global-return a:hover {
      color: #00b0f1; }
  #erp-external-global-return img {
    margin-left: 5px;
    width: 20px; }
  #erp-external-global-return svg {
    margin: 0 5px;
    width: 8px; }

/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  #erp-external-global-return {
    font-size: 18px;
    padding: 20px; }
    #erp-external-global-return a {
      display: inline-block; }
    #erp-external-global-return img {
      margin-left: 10px;
      width: auto; }
    #erp-external-global-return svg {
      width: 12px; } }

/*------------------------------------------------------------------------------
    Header
------------------------------------------------------------------------------*/
header {
  -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  position: fixed; }
  .admin-bar header {
    top: 32px; }
  header #logo {
    text-align: center; }
    header #logo a {
      background: #fff;
      -webkit-box-shadow: 0 10px 10px -2px rgba(0, 0, 0, 0.25);
      box-shadow: 0 10px 10px -2px rgba(0, 0, 0, 0.25);
      color: #fff;
      display: inline-block;
      margin: 0 auto;
      padding: 10px;
      text-align: center; }
    header #logo img {
      margin: 0 auto;
      width: 160px;
      -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
    header #logo.mini img {
      width: 120px; }

@media screen and (max-width: 768px) {
  header #logo.hide {
    opacity: 0; } }

/*------------------------------------------------------------------------------
    Preheader
------------------------------------------------------------------------------*/
#preheader {
  position: relative; }
  #preheader * > {
    display: inline-block; }
  #preheader ul {
    display: none; }
  #preheader li {
    display: inline-block;
    vertical-align: top; }
  #preheader a {
    color: #656565;
    display: block;
    padding: 18px 10px;
    text-decoration: none; }
    #preheader a:hover {
      color: #00b0f1; }
  #preheader li.on a {
    background: #EDEDED; }
  #preheader li#search a {
    padding: 14px 20px; }
  #preheader li#search:hover {
    background: #EDEDED; }
  #preheader li#search svg {
    opacity: 0.5; }
  #preheader #landbell {
    float: right; }
    #preheader #landbell a {
      padding-bottom: 17px;
      padding-top: 16px; }
      #preheader #landbell a:hover {
        opacity: 0.75; }
  #preheader #search-form input {
    border: 0;
    color: #404040;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #EDEDED;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    padding: 10px;
    font-size: 1.5em;
    width: 100%; }
  #preheader .sub-menu {
    position: absolute;
    top: 100%;
    width: 160px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-left: -30px;
    text-align: center;
    margin-top: -25px;
    padding-top: 25px;
    -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); }
    #preheader .sub-menu ul {
      background: #EDEDED; }
      #preheader .sub-menu ul:after {
        content: "";
        border-bottom: 15px solid #EDEDED;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        margin-left: -15px;
        position: absolute;
        left: 50%;
        top: 10px; }
      #preheader .sub-menu ul li {
        display: block; }
      #preheader .sub-menu ul a {
        padding: 6px; }
        #preheader .sub-menu ul a:hover {
          background: rgba(203, 203, 203, 0.33); }
  #preheader li.menu-item-has-children:hover .sub-menu {
    max-height: none;
    opacity: 1; }

.js #search-form {
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 123;
  width: 0;
  -webkit-transition: width 0.66s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: width 0.66s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.66s cubic-bezier(0.19, 1, 0.22, 1); }

.js #search-form.on {
  width: 100%; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  header {
    background: #fff;
    position: fixed; }
    header #logo {
      margin: 0 auto;
      width: auto; }
      header #logo a {
        display: block;
        padding: 15px !important;
        -webkit-box-shadow: none;
        box-shadow: none; }
      header #logo img,
      header #logo.mini img {
        max-width: 200px;
        width: 100%; }
    header #landbell img {
      max-width: 120px; }
  #preheader ul {
    display: block; }
  #preheader #search-form input {
    padding: 15px;
    font-size: 1.8em; }
  #preheader li.at > a,
  #preheader li.cn > a,
  #preheader li.jp > a,
  #preheader li.de > a,
  #preheader li.es > a,
  #preheader li.fr > a,
  #preheader li.global > a,
  #preheader li.no > a,
  #preheader li.fi > a,
  #preheader li.dk > a,
  #preheader li.jp > a,
  #preheader li.ie > a,
  #preheader li.il > a,
  #preheader li.it > a,
  #preheader li.nl > a,
  #preheader li.pl > a,
  #preheader li.pt > a,
  #preheader li.uk > a {
    position: relative; }
    #preheader li.at > a:after,
    #preheader li.cn > a:after,
    #preheader li.jp > a:after,
    #preheader li.de > a:after,
    #preheader li.es > a:after,
    #preheader li.fr > a:after,
    #preheader li.global > a:after,
    #preheader li.no > a:after,
    #preheader li.fi > a:after,
    #preheader li.dk > a:after,
    #preheader li.jp > a:after,
    #preheader li.ie > a:after,
    #preheader li.il > a:after,
    #preheader li.it > a:after,
    #preheader li.nl > a:after,
    #preheader li.pl > a:after,
    #preheader li.pt > a:after,
    #preheader li.uk > a:after {
      background: url(../images/flags/globe.png) center/cover no-repeat;
      content: "";
      display: inline-block;
      height: 2.25em;
      margin: -1.2em 0 -1em 1.3em;
      vertical-align: middle;
      width: 2.25em; }
  #preheader li.at > a:after {
    background: url(../images/flags/at.png) center/cover no-repeat; }
  #preheader li.cn > a:after {
    background: url(../images/flags/cn.png) center/cover no-repeat; }
  #preheader li.jp > a:after {
    background: url(../images/flags/jp.png) center/cover no-repeat; }
  #preheader li.de > a:after {
    background: url(../images/flags/de.png) center/cover no-repeat; }
  #preheader li.es > a:after {
    background: url(../images/flags/es.png) center/cover no-repeat; }
  #preheader li.fr > a:after {
    background: url(../images/flags/fr.png) center/cover no-repeat; }
  #preheader li.it > a:after {
    background: url(../images/flags/it.png) center/cover no-repeat; }
  #preheader li.pl > a:after {
    background: url(../images/flags/pl.png) center/cover no-repeat; }
  #preheader li.pt > a:after {
    background: url(../images/flags/pt.png) center/cover no-repeat; }
  #preheader li.uk > a:after {
    background: url(../images/flags/uk.png) center/cover no-repeat; }
  #preheader li.ie > a:after {
    background: url(../images/flags/ie.png) center/cover no-repeat; }
  #preheader li.no > a:after {
    background: url(../images/flags/no.png) center/cover no-repeat; }
  #preheader li.dk > a:after {
    background: url(../images/flags/dk.png) center/cover no-repeat; }
  #preheader li.fi > a:after {
    background: url(../images/flags/fi.png) center/cover no-repeat; }
  .js #search-form {
    top: 54px; }
  .js #search-form.on {
    width: 500px; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  header #landbell img {
    max-width: none; }
  header #logo a {
    padding: 20px !important; }
  #preheader {
    font-size: 0.8em; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {
  #preheader {
    font-size: 0.75em; }
    #preheader li.language {
      padding: 18px 0; }
      #preheader li.language a {
        border-radius: 2px;
        padding: 0 10px; }
    #preheader li.current-language a {
      background: #eee;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
      color: #000;
      font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; }
    #preheader a {
      padding: 18px 20px; } }

/*------------------------------------------------------------------------------
    Link boxes
    There are two kinds:
    1) Solid - Solid colour background color
    2) Banner - solid colour only on text with image background
------------------------------------------------------------------------------*/
ul.link-boxes {
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: -10px; }
  ul.link-boxes li {
    float: left;
    margin: 0 0 20px;
    margin: 0 0 15px;
    padding: 0 7px;
    width: 50%; }
  ul.link-boxes li:nth-child(2n+1) {
    clear: left; }
  ul.link-boxes.total-3 li, ul.link-boxes.total-5 li {
    width: 33%; }
  ul.link-boxes a {
    color: #fff;
    display: block;
    position: relative;
    text-decoration: none; }
    ul.link-boxes a:after {
      background: url(../images/svg/arrow.svg) center/contain no-repeat;
      bottom: 1.6em;
      content: "";
      height: 15px;
      position: absolute;
      right: 10px;
      -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
      width: 15px; }
  ul.link-boxes.solid a {
    background: #CBCBCB;
    background-position: calc(100% - 20px) calc(100% - 20px);
    min-height: 14em;
    padding: 20px !important; }
    ul.link-boxes.solid a:hover {
      background: #b2c800; }
  ul.link-boxes.solid li.active a,
  ul.link-boxes.solid li.active a:hover {
    background: #00b0f1; }
    ul.link-boxes.solid li.active a:after,
    ul.link-boxes.solid li.active a:hover:after {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  ul.link-boxes.solid h2 {
    font-size: 1.4em; }
  ul.link-boxes.solid p {
    margin: 0; }
  ul.link-boxes.banner a {
    background-position: center;
    background-size: cover !important;
    padding-top: 75%; }
  ul.link-boxes.banner h2 {
    background-color: rgba(0, 176, 241, 0.95);
    font-size: 1.1em;
    margin: 0;
    min-height: 4.2em;
    padding: 10px 30px 10px 15px;
    -webkit-transition: all 0.33s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.33s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.33s cubic-bezier(0.19, 1, 0.22, 1); }
  ul.link-boxes.banner a:hover h2 {
    background-color: rgba(178, 200, 0, 0.95); }
  ul.link-boxes.images li {
    font-size: 0.875em; }
  ul.link-boxes.images img {
    border-bottom: 5px solid #00b0f1;
    height: auto;
    margin-bottom: 20px;
    max-width: 100%; }
  ul.link-boxes.images h3 {
    font-size: 1.3em; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  ul.link-boxes {
    margin-bottom: 20px;
    margin-left: -7px;
    margin-right: -7px; }
    ul.link-boxes li {
      padding: 0 10px; }
    ul.link-boxes li:nth-child(2n+1) {
      clear: none; }
    ul.link-boxes.total-4 li:nth-child(2n+1) {
      clear: left; }
  a:after {
    bottom: 1.3em;
    height: 25px;
    right: 15px;
    width: 25px; }
  .banner h2 {
    padding: 10px 40px 10px 15px; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  ul.link-boxes {
    margin-left: -10px;
    margin-right: -10px; }
    ul.link-boxes li {
      margin: 0 0 20px;
      width: 25%; }
    ul.link-boxes.total-4 li:nth-child(2n+1) {
      clear: none; }
    ul.link-boxes.total-4 li:nth-child(4n+1) {
      clear: left; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Mobile menu & search
------------------------------------------------------------------------------*/
#search-btn,
#menu-btn {
  background: none;
  border: 0;
  cursor: pointer;
  float: left;
  padding: 10px;
  margin: 0;
  position: relative;
  z-index: 101; }
  #search-btn rect,
  #menu-btn rect {
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  #search-btn.on rect.first,
  #menu-btn.on rect.first {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 20px 8px;
    -ms-transform-origin: 20px 8px;
    transform-origin: 20px 8px;
    fill: #fff; }
  #search-btn.on rect.second,
  #menu-btn.on rect.second {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px); }
  #search-btn.on rect.third,
  #menu-btn.on rect.third {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 20px 13px 0;
    -ms-transform-origin: 20px 13px 0;
    transform-origin: 20px 13px 0;
    fill: #fff; }
  #search-btn svg,
  #menu-btn svg {
    height: 2em;
    width: 2em; }

#menu-btn {
  z-index: 103; }

#search-btn {
  float: right; }

/*------------------------------------------------------------------------------
    Navigation
------------------------------------------------------------------------------*/
#navigation {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  z-index: 100; }
  #navigation.on {
    z-index: 102; }
  #navigation li {
    border-bottom: 1px solid #787878;
    position: relative; }
  #navigation a {
    color: #fff;
    display: block;
    padding: 10px 0;
    position: relative;
    text-decoration: none; }
  #navigation li.menu-item-has-children > a:after {
    background: url(../images/svg/arrow-grey.svg) center/contain no-repeat;
    content: "";
    height: 15px;
    margin-top: -7.5px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 15px;
    -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); }
  #navigation li.language {
    display: inline-block;
    padding: 0 1em;
    text-align: right;
    width: 50%; }
  #navigation .menu > li.language:last-child {
    text-align: left; }
  #navigation nav {
    max-height: 100vh;
    overflow: auto; }
  #navigation .sub-menu {
    display: none;
    max-height: 210px;
    overflow: auto; }
    #navigation .sub-menu li {
      border: 0; }
  #navigation li.current_page_parent a,
  #navigation li.current-page-ancestor a,
  #navigation li.current-menu-item a {
    color: #00b0f1;
    font-weight: bold; }
  #navigation li.current_page_parent .sub-menu,
  #navigation li.current-page-ancestor .sub-menu,
  #navigation li.current-menu-item .sub-menu {
    display: block; }
    #navigation li.current_page_parent .sub-menu a,
    #navigation li.current-page-ancestor .sub-menu a,
    #navigation li.current-menu-item .sub-menu a {
      color: #fff;
      padding: 5px 10px;
      font-weight: normal; }
    #navigation li.current_page_parent .sub-menu li.current-page-ancestor a,
    #navigation li.current_page_parent .sub-menu li.current-menu-item a,
    #navigation li.current-page-ancestor .sub-menu li.current-page-ancestor a,
    #navigation li.current-page-ancestor .sub-menu li.current-menu-item a,
    #navigation li.current-menu-item .sub-menu li.current-page-ancestor a,
    #navigation li.current-menu-item .sub-menu li.current-menu-item a {
      background: #00b0f1;
      color: #fff; }
  #navigation li.current_page_parent a:after,
  #navigation li.current-page-ancestor a:after,
  #navigation li.current-menu-item a:after {
    background: url(../images/svg/arrow.svg) center/contain no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

/*------------------------------------------------------------------------------
    Navigation with JS enabled enhancements
------------------------------------------------------------------------------*/
.js #navigation #nav-container {
  background: #404040;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  z-index: 515;
  max-height: 0;
  overflow: visible;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  white-space: nowrap; }
  .js #navigation #nav-container nav {
    display: inline-block;
    margin-right: -4px;
    padding: 50px;
    width: 100%; }

.js #navigation.on #nav-container {
  opacity: 1;
  max-height: 100vh;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  #search-btn,
  #menu-btn {
    display: none !important; }
  .js #navigation,
  #navigation {
    background: #fff;
    display: block;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    left: auto;
    right: auto;
    position: absolute;
    top: 0;
    width: 20%; }
    .js #navigation #nav-container,
    #navigation #nav-container {
      height: auto;
      position: relative;
      background: none;
      opacity: 1;
      max-height: none;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      left: 0;
      right: 0;
      top: 0;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      z-index: 515;
      overflow: visible;
      white-space: nowrap; }
      .js #navigation #nav-container nav,
      #navigation #nav-container nav {
        display: block;
        margin-right: 0;
        padding: 0; }
    .js #navigation .menu,
    #navigation .menu {
      background: none;
      display: block !important;
      opacity: 1;
      padding: 0;
      position: static;
      max-height: none !important;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important; }
    .js #navigation li,
    #navigation li {
      border-top: 1px solid #EDEDED;
      border-bottom: 0; }
    .js #navigation a,
    #navigation a {
      color: #787878;
      padding: 10px 15px; }
      .js #navigation a:hover,
      #navigation a:hover {
        background: #EDEDED; }
    .js #navigation li.current_page_parent a,
    .js #navigation li.current-page-ancestor a,
    .js #navigation li.current-menu-item a,
    #navigation li.current_page_parent a,
    #navigation li.current-page-ancestor a,
    #navigation li.current-menu-item a {
      background: #00b0f1;
      color: #fff;
      font-weight: normal; }
      .js #navigation li.current_page_parent a:hover,
      .js #navigation li.current-page-ancestor a:hover,
      .js #navigation li.current-menu-item a:hover,
      #navigation li.current_page_parent a:hover,
      #navigation li.current-page-ancestor a:hover,
      #navigation li.current-menu-item a:hover {
        background: #009dd8; }
      .green .js #navigation li.current_page_parent a, .green
      .js #navigation li.current-page-ancestor a, .green
      .js #navigation li.current-menu-item a, .green
      #navigation li.current_page_parent a, .green
      #navigation li.current-page-ancestor a, .green
      #navigation li.current-menu-item a {
        background: #b2c800; }
        .green .js #navigation li.current_page_parent a:hover, .green
        .js #navigation li.current-page-ancestor a:hover, .green
        .js #navigation li.current-menu-item a:hover, .green
        #navigation li.current_page_parent a:hover, .green
        #navigation li.current-page-ancestor a:hover, .green
        #navigation li.current-menu-item a:hover {
          background: #9baf00; }
    .js #navigation .sub-menu,
    #navigation .sub-menu {
      background: #EDEDED; }
      .js #navigation .sub-menu a,
      #navigation .sub-menu a {
        background: #EDEDED !important;
        color: #787878 !important; }
        .js #navigation .sub-menu a:hover,
        #navigation .sub-menu a:hover {
          background: #d9d9d9 !important; }
  .swiper-wrapper {
    margin-bottom: 0 !important; }
  .swiper-pagination,
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  #navigation {
    font-size: 0.875em; }
    #navigation nav {
      overflow: visible;
      max-height: 500px;
      -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
    #navigation.off nav {
      max-height: 0;
      opacity: 0; }
  #nav-container a {
    padding: 10px 20px; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {
  #navigation {
    font-size: 1em;
    max-width: 244px;
    width: 100%; } }

@media only screen and (min-width: 768px) {
  .site-16 .js #navigation li a:after,
  .site-16 #navigation li a:after,
  .site-17 .js #navigation li a:after,
  .site-17 #navigation li a:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .site-16 .js #navigation li .sub-menu,
  .site-16 #navigation li .sub-menu,
  .site-17 .js #navigation li .sub-menu,
  .site-17 #navigation li .sub-menu {
    background: #EDEDED;
    position: absolute;
    left: 100%;
    top: -1px;
    max-width: 244px;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    overflow: 0;
    display: block;
    overflow: hidden; }
    .site-16 .js #navigation li .sub-menu a,
    .site-16 #navigation li .sub-menu a,
    .site-17 .js #navigation li .sub-menu a,
    .site-17 #navigation li .sub-menu a {
      padding: 10px 15px !important; }
  .site-16 .js #navigation li:hover,
  .site-16 #navigation li:hover,
  .site-17 .js #navigation li:hover,
  .site-17 #navigation li:hover {
    background: #EDEDED; }
    .site-16 .js #navigation li:hover .sub-menu,
    .site-16 #navigation li:hover .sub-menu,
    .site-17 .js #navigation li:hover .sub-menu,
    .site-17 #navigation li:hover .sub-menu {
      opacity: 1;
      width: 100%;
      overflow: visible; } }

.news-events {
  padding: 20px 0; }
  .news-events .view-all {
    float: right;
    margin: -5em 10px 0; }

.blog .news-events .view-all {
  margin-right: 0; }

/*------------------------------------------------------------------------------
    Archive navigation
------------------------------------------------------------------------------*/
.archive-navigation {
  margin: 20px 0 0; }
  .archive-navigation .prev {
    float: left; }
  .archive-navigation .next {
    float: right; }
  .archive-navigation a {
    background: #00b0f1;
    color: #fff;
    display: block;
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    padding: 10px;
    text-decoration: none; }

/*------------------------------------------------------------------------------
    News post categories
------------------------------------------------------------------------------*/
.back-tag {
  display: inline-block;
  font-size: 1em !important; }

.back-tag,
.post-categories {
  margin: 0 0 20px 0 !important; }
  .back-tag li,
  .post-categories li {
    display: inline-block;
    margin: 0 5px 0 0; }
  .back-tag a,
  .back-tag span,
  .post-categories a,
  .post-categories span {
    background: #fff;
    display: block;
    font-size: 0.925em;
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    line-height: 1.2;
    padding: 5px 8px;
    text-decoration: none;
    text-transform: uppercase; }
  .back-tag span.global,
  .post-categories span.global {
    background: #b2c800;
    color: #fff; }

/*------------------------------------------------------------------------------
    News author meta at the top
------------------------------------------------------------------------------*/
.news-author-content {
  display: table;
  width: 100%; }

.news-author {
  font-size: 0.925em;
  margin: 40px 0 0; }
  .news-author .news-author-avatar,
  .news-author .news-author-meta,
  .news-author .news-author-nav {
    display: table-cell;
    vertical-align: middle; }
  .news-author .news-author-avatar {
    width: 65px; }
  .news-author .news-author-nav {
    width: 50%; }
  .news-author .avatar {
    border-radius: 100px;
    max-width: 50px;
    max-height: 50px; }
  .news-author .news-author-meta a {
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    text-decoration: none; }
  .news-author time {
    display: block; }

ul.news-navigation {
  text-align: right;
  white-space: nowrap; }
  ul.news-navigation li {
    display: inline-block; }
    ul.news-navigation li span,
    ul.news-navigation li a {
      display: block;
      height: 3em;
      line-height: 2.7em;
      text-align: center;
      padding: 0 0.1em; }
    ul.news-navigation li a:hover svg rect {
      stroke: #00b0f1; }
    ul.news-navigation li a:hover svg polygon {
      fill: #00b0f1; }
    ul.news-navigation li svg {
      height: 2em;
      width: 2em; }

.news-pagination-nav.right {
  float: right; }

/*------------------------------------------------------------------------------
    News categories
------------------------------------------------------------------------------*/
.news-categories {
  font-size: 1.1em;
  margin: 0 0 20px; }
  .news-categories li {
    display: inline-block;
    line-height: 1;
    padding: 0 0.5em 0 0; }
  .news-categories li:not(:first-child) {
    border-left: 1px solid;
    padding-left: 1em; }
  .news-categories a {
    color: #656565;
    text-decoration: none; }
  .news-categories li.current-cat a {
    color: #00b0f1; }

/*------------------------------------------------------------------------------
    News list
------------------------------------------------------------------------------*/
.news-list {
  margin: 0 -5px;
  padding: 0 10px; }
  .news-list > li {
    display: inline-block;
    width: 50%;
    margin: 0 0 10px 0;
    vertical-align: top;
    padding: 0 5px; }
    .news-list > li > div {
      background: #EDEDED;
      min-height: 26em;
      position: relative; }
    .news-list > li .link-image {
      background: #404040;
      display: block;
      overflow: hidden;
      position: relative; }
    .news-list > li:hover .link-image img {
      opacity: 0.75;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
  .news-list a {
    display: block; }
  .news-list h3 {
    margin: 0; }
  .news-list p {
    display: none; }
  .news-list p {
    margin: 0; }
  .news-list a:hover time, .news-list a:hover p {
    color: #404040; }
  .news-list time {
    display: block;
    margin: 0 0 5px; }
  .news-list .back-tag,
  .news-list .post-categories {
    font-size: 0.875em;
    margin: 0 0 10px !important; }
    .news-list .back-tag li,
    .news-list .post-categories li {
      padding: 0; }
    .news-list .back-tag span,
    .news-list .back-tag a,
    .news-list .back-tag a:hover,
    .news-list .post-categories span,
    .news-list .post-categories a,
    .news-list .post-categories a:hover {
      background: #00b0f1;
      color: #fff; }
    .news-list .back-tag span.global,
    .news-list .post-categories span.global {
      background: #b2c800; }
  .news-list img {
    height: auto;
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
  .news-list a {
    color: #656565;
    text-decoration: none; }
    .news-list a:hover {
      color: #00b0f1; }

.blog .news-list,
.archive .news-list {
  padding: 0; }

.underlined {
  border-bottom: 5px solid #00b0f1;
  font-size: 2.25em;
  font-weight: normal;
  padding-bottom: 0.2em; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .back-tag,
  .post-categories {
    margin: 0 0 30px 0 !important; }
  .news-list {
    margin: 0 -15px; }
    .news-list > li {
      display: inline-block;
      width: 25%;
      margin: 0 0 20px 0;
      min-height: 0;
      padding: 0 5px;
      position: relative;
      vertical-align: top; }
      .news-list > li:after {
        background: url(../images/svg/arrow-grey.svg) center/contain no-repeat;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 1.5em;
        vertical-align: middle;
        width: 1em;
        opacity: 0.2;
        position: absolute;
        right: 20px; }
      .news-list > li:hover:after {
        background: url(../images/svg/arrow-blue.svg) center/contain no-repeat;
        opacity: 1; }
      .news-list > li > div {
        background: 0; }
        .news-list > li > div .content {
          padding: 15px !important; }
      .news-list > li a.news-link {
        min-height: 12em; }
    .news-list .post-categories {
      margin: 0 0 15px !important;
      position: relative;
      top: auto; }
    .news-list h3 {
      margin: 0 0 20px; }
    .news-list time,
    .news-list p {
      display: block; }
    .news-list time {
      font-size: 0.875em;
      margin-bottom: 10px; }
    .blog .news-list li.featured {
      width: 50%; }
  .blog .news-list,
  .archive .news-list {
    padding: 0 10px; }
  .news-author-content {
    display: table;
    width: 75%; }
  .news-author-avatar {
    width: 100px; }
  .news-author .news-author-avatar {
    width: 100px; }
  .news-author .avatar {
    max-width: 80px;
    max-height: 80px; }
  ul.news-navigation li {
    display: inline-block; }
    ul.news-navigation li span,
    ul.news-navigation li a {
      display: block;
      height: 3em;
      line-height: 2.7em;
      text-align: center;
      padding: 0 1em; }
  ul.news-navigation li:last-child a {
    padding-right: 0; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .back-tag,
  .post-categories {
    margin: 0 0 50px 0 !important; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {
  .news-events .view-all {
    margin-right: -5px !important; } }

.nordik-form {
  background: none;
  padding: 0; }
  .nordik-form h2 {
    color: red; }
  .nordik-form h3 {
    background: #f2f2f2;
    padding: 0;
    line-height: 1;
    margin: 0 -20px 20px;
    padding: 20px 20px; }
  .nordik-form h4 {
    margin: 0 0 20px; }
  .nordik-form .nordik-form-top {
    border: 1px solid #ccc;
    border-bottom: 0;
    padding: 20px 20px 0;
    border-radius: 5px 5px 0 0;
    margin: 50px 0 0 !important; }
  .nordik-form .nordik-form-row {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0 !important;
    padding: 0 20px; }
  .nordik-form .nordik-form-left,
  .nordik-form .nordik-form-right {
    border-left: 1px solid #ccc;
    display: inline-block;
    margin: 0 -4px 0 0;
    padding: 0 20px 20px;
    width: 50%; }
  .nordik-form .nordik-form-right {
    border-left: 0;
    border-right: 1px solid #ccc; }
  .nordik-form .nf-input-limit:empty {
    display: none; }
  .nordik-form .nordik-form-bottom {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 0 0 20px 20px;
    border-radius: 0 0 5px 5px;
    margin: 0 0 25px !important; }
  .nordik-form .nordik-form-calc {
    padding: 25px 0 0 !important; }
    .nordik-form .nordik-form-calc p {
      border-top: 1px solid #ccc;
      padding: 20px;
      text-align: right;
      margin: 0; }
    .nordik-form .nordik-form-calc b, .nordik-form .nordik-form-calc strong {
      width: 4em;
      display: inline-block;
      text-align: left; }

.jBox-wrapper {
  max-width: 400px;
  font-size: 0.9rem;
  line-height: 1.3; }
  .jBox-wrapper * {
    margin: 0; }

/*==============================================================================
    Component: Tables
==============================================================================*/
table {
  border-collapse: collapse;
  width: 100%; }
  table tr td,
  table tr th {
    border-bottom: 1px solid #EDEDED;
    padding: 10px 7px;
    vertical-align: top; }
  table tr th {
    text-align: left;
    border-bottom: 2px solid #EDEDED; }
  @media (min-width: 768px) {
    table tbody tr:last-child td,
    table tbody tr:last-child th {
      border-bottom: 0; } }

@media (min-width: 768px) {
  .members-list .company-code {
    width: 15%; }
  .members-list .name {
    width: 45%; }
  .members-list .weee,
  .members-list .battery,
  .members-list .auth-rep {
    width: 13.3333%; }
  .members-list td.weee,
  .members-list td.battery,
  .members-list td.auth-rep {
    text-align: center; } }

.members-list .highlight {
  background: #b2c800;
  color: #fff; }

.members-list .yes {
  background: #ccc;
  color: #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  text-align: center;
  line-height: 1.5em; }

/*------------------------------------------------------------------------------
    A-Z Listing
------------------------------------------------------------------------------*/
.az-listing {
  display: table;
  width: 100%;
  margin: 0 0 20px;
  padding: 0; }
  .az-listing li {
    cursor: default;
    line-height: 0.5;
    list-style: none;
    display: table-cell;
    text-align: center;
    width: 3.846%; }
    @media (max-width: 768px) {
      .az-listing li {
        float: left;
        width: 7.692%; }
        .az-listing li:nth-child(14) {
          clear: left; } }
  .az-listing a,
  .az-listing span {
    line-height: 1.3; }
  .az-listing a {
    color: #00b0f1;
    display: block;
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    text-decoration: none; }
  .az-listing span {
    color: #d9e480; }
  .az-listing.fixed {
    position: fixed;
    top: 32px; }

#members-az-container {
  margin-bottom: 40px; }

.members-az {
  background: #b2c800;
  color: #fff;
  padding: 20px; }
  .members-az ul {
    margin: 0; }
  .members-az a {
    color: #fff; }
  .members-az.fixed {
    position: fixed;
    top: 54px;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
  .admin-bar .members-az.fixed {
    position: fixed;
    top: 86px; }
  @media (max-width: 768px) {
    .members-az.fixed {
      top: 44px; }
    .admin-bar .members-az.fixed {
      top: 76px; } }

@media (max-width: 768px) {
  #members-az-filter {
    background: #EDEDED;
    padding: 20px 20px 0;
    margin-bottom: 20px; }
    #members-az-filter #members-search {
      width: 100%; } }

@media (min-width: 768px) {
  #members-az-filter h3, #members-az-filter ol {
    display: inline-block; }
  #members-az-filter h3 {
    margin-right: 1em; }
  #members-az-filter #members-search {
    width: 10em; } }

#members-az-filter ol {
  list-style: none;
  padding: 0; }
  #members-az-filter ol li {
    display: inline-block; }
  #members-az-filter ol input {
    margin-right: 0.75em; }
  #members-az-filter ol li:not(:first-child) label {
    margin-left: 0.75em; }

.no-js #members-az-filter {
  display: none; }

/*------------------------------------------------------------------------------
    Mobile only
------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  table tr {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    display: block;
    margin-bottom: 20px;
    padding: 0 10px; }
  table th,
  table td {
    border-bottom: 1px solid #eee;
    font-size: 1rem;
    padding: 5px;
    width: 100%;
    display: block;
    text-align: left; }
    table th:last-child,
    table td:last-child {
      border: 0; }
    table th:before,
    table td:before {
      color: #999;
      content: attr(data-th);
      font-size: 0.7rem;
      display: block;
      text-transform: uppercase;
      vertical-align: middle; } }

.tabbed .tabs {
  background: #b2c800;
  margin-bottom: 20px; }
  .tabbed .tabs ul {
    display: table;
    margin: 0 auto; }
  .tabbed .tabs li {
    display: table-cell;
    vertical-align: middle; }
  .tabbed .tabs a {
    color: #fff;
    display: block;
    padding: 11px;
    text-align: center;
    max-width: 7em; }
    .tabbed .tabs a:hover {
      background: rgba(0, 0, 0, 0.1); }
  .tabbed .tabs svg {
    height: 2em;
    width: 2em; }
  .tabbed .tabs li.active a {
    background: #fff;
    color: #b2c800; }
  .tabbed .tabs img {
    max-width: 100%; }

.tabbed .tab-content {
  background: #fff;
  -webkit-transition: max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  .tabbed .tab-content .infographic {
    text-align: center; }
    .tabbed .tab-content .infographic img {
      width: 100%; }

.tabbed h2 {
  font-size: 1.5em; }

.tabbed h3 {
  font-size: 1.125em; }

.tabbed ol {
  padding-left: 2em;
  color: #b2c800; }
  .tabbed ol li {
    font-size: 1.125em;
    font-family: "Frutiger Next W02 Bold_724878", Verdana, Geneva, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    list-style: decimal; }
    .tabbed ol li span {
      color: #787878; }
  .tabbed ol p {
    font-size: 1.1em;
    line-height: 1.2; }

/*------------------------------------------------------------------------------
    Recovered Materials
------------------------------------------------------------------------------*/
.recovered-materials-content {
  clear: both; }

.recovered-materials li {
  display: inline-block;
  line-height: 1.2;
  margin: 0 5px 10px 0;
  text-align: center;
  vertical-align: top;
  width: 4.5em; }

.recovered-materials span {
  display: block; }

.recovered-materials span.icon {
  background: #787878;
  margin: 0 0 5px;
  padding: 15px;
  text-align: center; }

.recovered-materials span.material {
  font-size: 0.75em; }

.recovered-materials img {
  height: 100%;
  width: 100%; }

.recovered-material-multiple-tabs {
  margin: 0 0 20px !important; }
  .recovered-material-multiple-tabs li {
    display: inline-block;
    margin: 0 0 8px; }

.js .recovered-material-multiple {
  display: none;
  padding-bottom: 50px; }
  .js .recovered-material-multiple.on {
    display: block; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
@media only screen and (min-width: 420px) {
  .tabbed .tabs a {
    padding: 15px; }
  .tabbed .tabs svg {
    height: 3em;
    width: 3em; } }

/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .tabbed .tab-inner {
    display: table; }
  .tabbed .tab-content .content,
  .tabbed .tab-content .infographic {
    display: table-cell;
    padding-left: 15px;
    width: 50%;
    vertical-align: top; }
  .tabbed .tabs a {
    padding: 20px; }
  .tabbed .tabs svg {
    height: 3.5em;
    width: 3.5em; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .tabbed .tabs a {
    padding: 30px; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
.related-links h2,
.related-links h3 {
  font-size: 1.325em; }

.related-links ul {
  padding: 0 0 0 1em; }

.related-links li {
  margin: 0 0 1em; }

.testimonials-list {
  color: #fff; }
  .testimonials-list li {
    background: #404040;
    background-size: cover;
    background-position: center;
    padding: 200px 0 0 !important; }
  .testimonials-list div.wrap,
  .testimonials-list div.indent {
    height: 100%; }
  .testimonials-list div.indent > div {
    background: rgba(64, 64, 64, 0.75);
    padding: 10px 10px 65px;
    height: 100%; }
  .testimonials-list .white {
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); }
  .testimonials-list .dark {
    color: #404040; }
  .testimonials-list .grey {
    color: #787878; }
  .testimonials-list blockquote {
    font-size: 1.5em; }
    .testimonials-list blockquote p {
      display: inline; }
    .testimonials-list blockquote p:before {
      content: "\201c"; }
    .testimonials-list blockquote p:after {
      content: "\201d"; }
  .testimonials-list cite {
    font-style: normal; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .testimonials-list blockquote {
    font-size: 1.8em; }
  .testimonials-list li {
    padding: 60px 0 !important; }
  .testimonials-list div.indent > div {
    background: none;
    padding: 0; }
  .testimonials-list cite {
    font-size: 1.2em; } }

/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .testimonials-list li {
    padding: 80px 0 !important; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
/*==============================================================================
    #4: Pages
==============================================================================*/
.search-query {
  color: #fff;
  display: block;
  font-size: 0.825em;
  font-weight: normal; }

.search-result {
  border-bottom: 2px solid #CBCBCB;
  padding: 20px 0; }
  .search-result p {
    margin: 0; }

.searchform {
  background: #eee none repeat scroll 0 0;
  padding: 20px; }
  .searchform label, .searchform input {
    display: inline-block; }

#search.on {
  background: #EDEDED; }

#search-form {
  position: absolute; }

/*==============================================================================
    #5: Vendor specific styles & overrides
==============================================================================*/
/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  background: #fff;
  position: relative;
  zoom: 1; }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  height: 0; }
  .flex-direction-nav li {
    margin: 0;
    padding: 0; }

.flex-direction-nav a {
  background: url(../images/svg/arrow.svg) center/contain no-repeat;
  text-decoration: none;
  display: block;
  width: 25px;
  height: 25px;
  margin: -45px 0 0;
  top: 100%;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-indent: -99999em;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.flex-direction-nav .flex-prev {
  left: 20px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }
  .flex-direction-nav .flex-prev:hover {
    padding-left: 20px; }

.flex-direction-nav .flex-next {
  right: 20px; }
  .flex-direction-nav .flex-next:hover {
    padding-right: 20px; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 15px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.33);
  width: 12px;
  height: 12px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #00b0f1;
  border-color: #00b0f1; }

.flex-control-paging li a.flex-active {
  background: #fff;
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/*------------------------------------------------------------------------------
    Small
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Tablet
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    Medium
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .flex-direction-nav a {
    width: 40px;
    height: 60px;
    margin: -30px 0 0;
    top: 50%; }
  .flex-direction-nav .flex-prev {
    left: 50px; }
    .flex-direction-nav .flex-prev:hover {
      left: 30px;
      padding-right: 20px; }
  .flex-direction-nav .flex-next {
    right: 50px; }
    .flex-direction-nav .flex-next:hover {
      right: 30px;
      padding-left: 20px; } }

/*------------------------------------------------------------------------------
    Large
------------------------------------------------------------------------------*/
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
    if greater that the natural height of the tooltip, will be enforced
    in browsers that support display:flex */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute; }

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
    and flex-basis auto for IE11- (at least) */
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto; }

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  -webkit-animation: tooltipster-fading 400ms;
  animation: tooltipster-fading 400ms; }

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

.tooltipster-update-rotate {
  -webkit-animation: tooltipster-rotating 600ms;
  animation: tooltipster-rotating 600ms; }

/* scale */
@keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.tooltipster-update-scale {
  -webkit-animation: tooltipster-scaling 600ms;
  animation: tooltipster-scaling 600ms; }

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 10px; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
    been positioned yet */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0px;
  top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0px;
  top: -3px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1); }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
  margin-top: 6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
  margin-right: 6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
  margin-left: 6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
  margin-bottom: 6px; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #8d8d8d; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  height: 6px;
  margin-left: -6px;
  width: 12px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  width: 6px; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
  display: none; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
  border: 6px solid transparent; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #fff; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -6px; }

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
  left: -6px; }

.tooltipster-content h6 {
  color: #00b0f1;
  text-transform: uppercase;
  margin: 0 0 5px; }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  background: url(../images/svg/arrow.svg) center/contain no-repeat;
  position: absolute;
  top: 11px;
  width: 15px;
  height: 18px;
  z-index: 10;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: 15px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 15px;
  left: auto; }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  top: 15px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #656565; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50); }

#colorbox {
  outline: 0;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }
  #cboxClose:after {
    color: #ccc;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "\2716";
    text-indent: 0;
    text-align: center;
    font-size: 1.3em; }
  #cboxClose:hover:after {
    color: #333; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/*==============================================================================
    #6: Print styles
==============================================================================*/
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  /*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre {
    white-space: pre-wrap !important; }
  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; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  /*------------------------------------------------------------------------------
    ERP Styles overrides
------------------------------------------------------------------------------*/
  header,
  #navigation {
    position: relative; }
  header #logo {
    text-align: left; }
  #menu-btn,
  #search-btn,
  .erp-featured-image img,
  footer,
  .footer-links,
  .footer-marketing,
  .footer-logos {
    display: none; }
  .erp-featured-image {
    min-height: 0;
    max-height: none;
    text-align: left; }
    .erp-featured-image .heading {
      position: relative; } }