/**
* Helion
*
* Main styling
*
* @author          Rembrand Le Compte (rembrand@marlon.be), and updated/styled by Sebastian Vyaene (sebastian@marlon.be)
* @copyright       Marlon BVBA <http://www.marlon.be>
*/
@font-face {
  font-family: 'OpenSansLight';
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.eot");
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.woff") format("woff"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.svg#opensanslight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansLightItalic';
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.eot");
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.svg#opensanslight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansRegular';
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.eot");
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.svg#opensansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansItalic';
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.eot");
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.svg#opensansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansSemibold';
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.eot");
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.svg#opensanssemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Pe-icon-7-stroke';
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.eot?-2irksn");
  src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.eot?#iefix-2irksn") format("embedded-opentype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.woff?-2irksn") format("woff"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.ttf?-2irksn") format("truetype"), url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.svg?-2irksn#Pe-icon-7-stroke") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ==========================================================
   imports for all mixins + global project variables
========================================================== */
/* fonts*/
/* colors */
/* set breakpoints */
/* MIXINS COLLECTION
============================================================ */
/* OLD MIXINS
============================================================ */
/* fonts */
/* animations */
/* usefull snippets  */
/* MIXIN HOVERS
============================================================ */
/* MIXIN TAB-FOCUS
============================================================ */
/* MIXIN CLEARFIX
============================================================ */
/* MIXIN BORDER-RADIUS
============================================================ */
/* MIXIN BUTTONS
============================================================ */
/* MIXIN BREAKPOINTS
============================================================ */
/* MIXIN FORMS
============================================================ */
/* MIXIN GRID-FRAMEWORK
============================================================ */
/* MIXIN GRID
============================================================ */
/* MIXIN IMAGES
============================================================ */
/* MIXIN ICONS
============================================================ */
/* MIXIN LABELS
============================================================ */
/* MIXIN SCREEN-READER
============================================================ */
/* MIXIN SPRITE
============================================================ */
/* MIXIN TEXT
============================================================ */
/* MIXIN RESET-FILTER
============================================================ */
@media screen {
  /*==========================================================

  Basic reset of html-elements & and styling typography

==========================================================*/
  /*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
  /* HTML5 display definitions
========================================================== */
  /*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block; }
  /*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
  audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }
  /*
 * Prevents modern browsers from displaying 'audio' without controls
 */
  audio:not([controls]) {
    display: none; }
  /*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
  [hidden] {
    display: none; }
  /* Base
========================================================== */
  /*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centered in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
  html {
    overflow-y: scroll;
    /* 2 */
    font-size: 62.5%;
    /* Sets up Base 10 font sizing */
    font-family: "OpenSansRegular", sans-serif;
    -webkit-text-size-adjust: 100%;
    /* 3 */
    -ms-text-size-adjust: 100%;
    /* 3 */ }
  /*
 * Addresses margins handled incorrectly in IE6/7
 */
  body {
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.53846em;
    color: #42494F;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ } }
  @media screen and (min-width: 735px) {
    body {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.57143em; } }

@media screen {
  /* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
  button,
  input,
  select,
  textarea {
    font-family: "OpenSansRegular", sans-serif; }
  /* Sprites
========================================================== */
  .logo,
  .social a {
    background: url("https://cdn.kangacoders.com/direct/helionresearch.com/img/sprite.png") 0 0 no-repeat; }
  /* Pixel ratio of 2. */ }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .logo,
  .social a {
    background-image: url("https://cdn.kangacoders.com/direct/helionresearch.com/img/sprite-2x.png");
    background-size: 240px 60px; } }

@media screen {
  /* Common
========================================================== */
  .hide {
    position: absolute;
    display: block;
    padding: 0 !important;
    left: -9999px !important;
    height: 0px !important;
    line-height: 0px !important;
    background: none !important; }
  .hidden {
    text-indent: -9999px; }
  .note {
    color: #aaa;
    font-size: 11px;
    font-size: 1.1rem; }
  dd .note {
    margin-top: 10px;
    margin-bottom: 0;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ } }
  @media screen and (min-width: 735px) {
    dd .note {
      margin-top: 5px; } }

@media screen {
  .border {
    padding-top: 15px;
    border-top: 1px solid #e5ebeb;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ } }
  @media screen and (min-width: 735px) {
    .border {
      padding-top: 28px; } }

@media screen {
  fieldset.border {
    margin-top: 10px; }
  .more {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    margin-bottom: 15px;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .more, .more:visited {
      text-decoration: none;
      color: #87c307; }
    .more:hover, .more:active {
      color: #1f8a70; }
    .more:focus {
      overflow: visible; }
    .more:before {
      display: inline-block;
      font-family: 'Pe-icon-7-stroke';
      speak: none;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e685";
      position: absolute;
      top: 0;
      left: -2px; } }
  @media screen and (min-width: 735px) {
    .more:before {
      top: 2px; } }

@media screen {
  .help {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1.5rem; }
    .help, .help:visited {
      text-decoration: none;
      color: #87c307; }
    .help:hover, .help:active {
      color: #1f8a70; }
    .help:before {
      display: inline-block;
      font-family: 'Pe-icon-7-stroke';
      speak: none;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e64a";
      position: absolute;
      top: 2px;
      left: -2px; }
  .push {
    display: block;
    margin: 0;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ } }
  @media screen and (min-width: 735px) {
    .push {
      height: 20px; } }
  @media screen and (min-width: 940px) {
    .push {
      height: 40px; } }

@media screen {
  /* Browser fixes
========================================================== */
  /* Clearfix updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
  .group::after {
    display: table;
    clear: both;
    content: '';
    overflow: hidden; }
  .clear {
    clear: both; }
  /* Skip links
========================================================== */
  #skip {
    position: absolute;
    left: -999em;
    top: 0px;
    width: 200px; }
  #skip li {
    text-indent: -999em;
    background: none; }
  /* Links
========================================================== */
  a, a:visited {
    color: #87c307; }
  /*
 * Addresses outline displayed oddly in Chrome
 */
  a:focus,
  .button input:focus {
    overflow: hidden;
    /* outline only the clickable part */
    outline: thin dotted; }
  /*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
  a:hover, a:active {
    color: #659205;
    outline: 0;
    -moz-outline-style: none;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s; }
  a img {
    border: none; }
  /* Typography
========================================================== */
  h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: normal; }
  h1,
  .doormat h2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "OpenSansSemibold", sans-serif;
    text-transform: uppercase;
    line-height: 1.2;
    color: #1f8a70; }
  h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "OpenSansRegular", sans-serif;
    line-height: 1.2;
    color: #42494F; }
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 735px) {
  h1,
  .doormat h2 {
    font-size: 17px;
    font-size: 1.7rem; } }

@media screen {
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 940px) {
  h1,
  .doormat h2 {
    font-size: 18px;
    font-size: 1.8rem; }
  h2 {
    font-size: 20px;
    font-size: 2rem; } }

@media screen {
  time,
  .meta {
    display: block; }
  .meta time {
    display: inline; }
  p {
    margin: 0 0 20px 0; }
  em, i {
    font-family: 'OpenSansItalic', sans-serif;
    font-style: normal; }
  /*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
  strong, b {
    font-family: 'OpenSansSemibold', sans-serif;
    font-weight: normal; }
  /*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
  /* 1 */
  blockquote, q {
    quotes: none; }
  /* 1 */
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }
  blockquote {
    margin: 0 0 20px 0;
    font-family: 'OpenSansItalic', sans-serif;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333; }
    blockquote p {
      margin-bottom: 0;
      overflow: hidden; }
      blockquote p:before {
        content: "\201C"; }
      blockquote p:after {
        content: "\201D"; }
  small {
    font-size: 85%; }
  /*
 * Addresses styling not present in IE6/7/8/9
 */
  mark {
    font-family: 'OpenSansSemibold', sans-serif;
    font-weight: normal;
    color: #42494F;
    background-color: #ff9; }
  del {
    text-decoration: line-through; }
  /*
 * Addresses styling not present in S5, Chrome
 */
  abbr {
    font-style: normal;
    border-bottom: none;
    cursor: help; }
  /*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
  abbr[title] {
    border-bottom: 1px dotted inherit; }
  a abbr {
    border: none; }
  /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
  /*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
   code {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em; }
  /*
 * Improves readability of pre-formatted text in all browsers
 */
  hr {
    display: none; }
  /*lists
========================================================== */
  ul, ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0; }
  dl, dd {
    margin: 0;
    padding: 0; }
  /* embedded content
========================================================== */
  /*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
  img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */ }
  /*
 * Corrects overflow displayed oddly in IE9 
 */
  svg:not(:root) {
    overflow: hidden; }
  /* Figures
========================================================== */
  /*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
  figure {
    margin: 0; }
  /* Header -> secondary
========================================================== */
  header.secondary {
    position: relative;
    margin-bottom: 30px;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ } }
  @media screen and (min-width: 735px) {
    td {
      font-size: 14px;
      font-size: 1.4rem; } }

@media screen {
  th {
    font-family: 'OpenSansSemibold', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #1f8a70;
    border-bottom: 2px solid #e5ebeb; }
  /* rte styles
========================================================== */
  .intro {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6em; }
  .section p.intro {
    margin-bottom: 5px; } }

@media screen {
  /* contents
========================================================== */
  /* buttons
========================================================== */
  .button {
    display: block;
    padding: 0 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 0 none;
    white-space: nowrap;
    overflow: visible;
    background: #42494F;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .button:visited {
      color: #fff; }
    .button:hover, .button:active {
      color: #fff;
      background: #767c85;
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      -ms-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      transition: background-color 0.2s; }
    .button.primary, .button.primary:visited {
      background: #29abe2; }
    .button.primary:hover, .button.primary:active {
      color: #fff;
      background: #1f8a70; }
    .button.secondary, .button.secondary:visited {
      background: #87c307; }
    .button.secondary:hover, .button.secondary:active {
      color: #fff;
      background: #1f8a70; }
    .button.disabled, .button.disabled:visited {
      color: #42494F;
      background: #aaa; }
    .button.link {
      font-size: 13px;
      font-size: 1.3rem;
      font-family: "OpenSansRegular", sans-serif;
      background: transparent none; }
      .button.link, .button.link:visited {
        text-decoration: underline;
        color: #42494F; }
    .button.next:before {
      display: inline-block;
      font-family: 'Pe-icon-7-stroke';
      speak: none;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: 8px;
      content: "\e685";
      vertical-align: text-top; }
    .button.submit {
      font-size: 20px;
      font-size: 2rem;
      height: 50px;
      line-height: 50px; }
      .button.submit:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        margin-right: 10px;
        font-weight: normal;
        content: "\e639";
        vertical-align: text-bottom; }
    .button.block {
      width: 100%;
      float: none;
      display: block; }
    .button.big {
      height: 51px;
      line-height: 51px;
      font-size: 20px;
      font-size: 2rem; } }
  @media screen and (min-width: 735px) {
    .button {
      display: inline-block;
      width: auto; } }

@media screen {
  /* actions
---------------------------------------------------------- */
  .actions {
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .actions .button {
      margin-bottom: 10px; }
      .actions .button.submit {
        margin-top: 15px; }
    .actions.border {
      margin-top: 10px; } }
  @media screen and (min-width: 735px) {
    .actions .actions .button {
      float: left;
      margin-right: 10px; } }

@media screen {
  /*==========================================================
    Media Queries
==========================================================*/
  /* BREAKPOINT 1 - MOBILE SPECIFIC */
  /* 0 to 767 */ }

@media screen and (max-width: 734px) {
  /* Form element wrappers
	---------------------------------------------------------- */
  form dd {
    margin: 0;
    padding: 0 0 15px 0; }
    form dd .col {
      padding-top: 15px; }
      form dd .col:first-child {
        padding-top: 0; }
  /* Custom radios/checkboxes
	---------------------------------------------------------- */
  label.radio,
  label.checkbox {
    display: block;
    clear: both;
    margin-bottom: 5px; } }

@media screen {
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */
  /* BREAKPOINT 3 - TABLET */
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 735px) {
  /* Form element wrappers
	---------------------------------------------------------- */
  form dd {
    margin: 0;
    padding: 0 0 15px 0; }
  /* form prepend
	---------------------------------------------------------- */
  .form-prepend dt {
    position: absolute;
    padding-top: 10px;
    line-height: 1.2; }
  .form-prepend dd {
    margin-left: 33.33333%; }
    .form-prepend dd dt {
      position: relative;
      padding-top: 0; }
    .form-prepend dd dd {
      margin-left: 0; }
  .form-prepend .actions {
    position: relative;
    padding-left: 33.33333%; } }

@media screen {
  /* BREAKPOINT 5 - DESKTOP (NORMAL) */
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 940px) {
  /* form prepend
	---------------------------------------------------------- */
  .form-prepend dt {
    position: absolute;
    padding-top: 10px;
    line-height: 1.2; }
  .form-prepend dd {
    margin-left: 39.34426%; }
    .form-prepend dd dt {
      position: relative;
      padding-top: 0; }
    .form-prepend dd dd {
      margin-left: 0; }
  .form-prepend .actions {
    position: relative;
    padding-left: 39.34426%; } }

@media screen {
  /*==========================================================

    Grid setup

==========================================================*/
  /* base for columns
========================================================== */
  .cols {
    position: relative;
    clear: both; }
  .col {
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .col img {
    max-width: 100%;
    height: auto; }
  .container {
    position: relative; }
  /* ==========================================================
    Media Queries
========================================================== */
  /* BREAKPOINT 1 - MOBILE SPECIFIC */
  /* 0 to 767 */ }

@media screen and (max-width: 734px) {
  /* show/hide on these devices
    ========================================================== */
  .hidden-phone {
    display: none !important; }
  .visible-phone {
    display: block !important; }
  .visible-desktop {
    display: none !important; }
  /* GRID
    ========================================================== */
  /* 2 columns */
  .container {
    padding: 0 20px;
    /* 0 10px */
    min-width: 280px; }
  .cols {
    margin-left: -20px; }
  .col {
    float: left;
    width: 100%;
    padding-left: 20px; } }

@media screen {
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */
  /* BREAKPOINT 2 - MOBILE SPECIFIC: SMALL PHONE SCREEN E.G. IPHONE PORTRAIT */
  /* 0 to 767 */
  /* 0 to 480 */ }

@media screen and (min-width: 481px) and (max-width: 734px) {
  /* GRID
    ========================================================== */
  /* 2 columns */ }

@media screen {
  /* BREAKPOINT 3 - TABLET */
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 735px) {
  /* GRID
    ========================================================== */
  .container {
    padding: 0 25px; }
  .cols {
    margin-left: -25px; }
  .col {
    float: left; }
  /* flexible width columns */
  .col-12 {
    width: 100%;
    padding-left: 25px; }
  .col-8 {
    width: 66.66667%;
    padding-left: 25px; }
  .col-7 {
    width: 58.33333%;
    padding-left: 25px; }
  .col-6 {
    width: 50%;
    padding-left: 25px; }
  .col-5 {
    width: 41.66667%;
    padding-left: 25px; }
  .col-4 {
    width: 33.33333%;
    padding-left: 25px; }
  .col-2 {
    width: 16.66667%;
    padding-left: 25px; }
  .prepend-1 {
    margin-left: 8.33333%; } }

@media screen {
  /* BREAKPOINT 4 - TABLET SPECIFIC GRID */
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 735px) and (max-width: 939px) {
  /* show/hide only on these devices
    ========================================================== */
  .visible-phone {
    display: none !important; }
  .visible-desktop {
    display: none !important; }
  /* GRID
    ========================================================== */
  /* flexible width columns */
  .bp-tablet-col-12 {
    width: 100%;
    padding-left: 25px; }
  .bp-tablet-col-10 {
    width: 83.33333%;
    padding-left: 25px; } }

@media screen {
  /* BREAKPOINT 5 - DESKTOP (NORMAL) */
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 940px) {
  /* show/hide for these devices
    ========================================================== */
  .visible-phone {
    display: none !important; }
  .hidden-desktop {
    display: none  !important; }
  .visible-desktop {
    display: block  !important; }
  /* GRID
    ========================================================== */
  .container {
    position: relative;
    margin: 0 auto;
    padding: 0 30px;
    max-width: 930px; }
  .cols {
    margin-left: -30px; }
  /* flexible width columns */
  .col-12 {
    width: 100%;
    padding-left: 30px; }
  .col-8 {
    width: 66.66667%;
    padding-left: 30px; }
  .col-7 {
    width: 58.33333%;
    padding-left: 30px; }
  .col-6 {
    width: 50%;
    padding-left: 30px; }
  .col-5 {
    width: 41.66667%;
    padding-left: 30px; }
  .col-4 {
    width: 33.33333%;
    padding-left: 30px; }
  .col-2 {
    width: 16.66667%;
    padding-left: 30px; }
  .prepend-1 {
    margin-left: 8.33333%; } }

@media screen {
  /*==========================================================

  Layout of different sections and pages

==========================================================*/
  html {
    height: 100%; }
  body {
    min-height: 100%; }
  /* header
========================================================== */
  header.primary {
    position: relative;
    padding: 25px 0 0 0; }
  .logo {
    position: relative;
    display: block;
    margin: 0 auto 59px auto;
    width: 237px;
    height: 21px;
    text-decoration: none;
    text-align: left;
    text-indent: -9999px;
    direction: ltr;
    overflow: hidden; }
    .logo img {
      left: 0 !important;
      top: 0;
      height: auto !important;
      width: 237px; }
  /* navigation
========================================================== */
  nav li,
  nav a {
    float: left; }
  /* navigation -> primary
---------------------------------------------------------- */
  nav.primary {
    position: relative; }
  /* navigation -> secondary
---------------------------------------------------------- */
  nav.secondary {
    position: absolute;
    left: 0;
    top: 40px;
    clear: both;
    width: 100%;
    padding: 10px 0;
    overflow: hidden; }
    nav.secondary ul {
      display: block;
      margin: 0 -20px; }
    nav.secondary li {
      width: 33.33%;
      height: 12px;
      font-size: 12px;
      font-size: 1.2rem;
      text-align: center;
      border-left: 1px solid #e7ecec;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      nav.secondary li:first-child {
        border-left: 0 none; }
      nav.secondary li.active a,
      nav.secondary li.active a:visited {
        color: #42494F; }
    nav.secondary a {
      float: none;
      display: block;
      margin: -10px 0 0 0;
      padding: 10px 0;
      line-height: 1.2; }
      nav.secondary a, nav.secondary a:visited {
        color: #aaa;
        text-decoration: none; }
      nav.secondary a:hover, nav.secondary a:active {
        color: #42494F; }
  /* navigation -> aside
---------------------------------------------------------- */
  .js nav.aside .contents {
    display: none; }
  nav.aside {
    margin: -30px -20px 20px -20px;
    padding: 0 20px;
    border-top: 1px solid #e5ebeb;
    border-bottom: 1px solid #e5ebeb; }
    nav.aside h1 {
      cursor: pointer;
      position: relative;
      display: block;
      padding: 11px 20px 9px 20px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      color: #1f8a70; }
      nav.aside h1:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: -3px;
        top: 9px;
        content: "\e689"; }
      nav.aside h1:hover {
        color: #aaa; }
    nav.aside h2 {
      margin-top: 15px;
      margin-bottom: 20px;
      padding: 0 20px;
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "OpenSansSemibold", sans-serif;
      text-transform: uppercase;
      line-height: 1.2;
      color: #1f8a70; }
    nav.aside.open h1 {
      color: #aaa; }
      nav.aside.open h1:before {
        content: "\e683"; }
      nav.aside.open h1:hover {
        color: #aaa; }
    nav.aside .contents {
      clear: both;
      display: block;
      margin: 0 -20px;
      padding: 0 20px; }
      nav.aside .contents ul {
        display: block; }
        nav.aside .contents ul::after {
          display: table;
          clear: both;
          content: '';
          overflow: hidden; }
      nav.aside .contents li {
        float: none;
        display: block;
        margin: 0 -20px;
        padding: 0 20px 0 40px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2;
        border-top: 1px solid #e5ebeb; }
        nav.aside .contents li.active a, nav.aside .contents li.active a:visited {
          color: #1f8a70; }
        nav.aside .contents li ul {
          margin: 3px 0 17px 0; }
        nav.aside .contents li.active li {
          margin: 0;
          padding: 0;
          font-size: 13px;
          font-size: 1.3rem;
          border-top: 0 none; }
          nav.aside .contents li.active li a {
            position: relative;
            padding: 6px 0; }
            nav.aside .contents li.active li a, nav.aside .contents li.active li a:visited {
              color: #919191; }
            nav.aside .contents li.active li a:before {
              position: relative;
              top: 6px;
              margin-right: 9px;
              content: "";
              display: inline-block;
              vertical-align: text-top;
              width: 4px;
              height: 4px;
              -webkit-border-radius: 8px;
              -moz-border-radius: 8px;
              -ms-border-radius: 8px;
              -o-border-radius: 8px;
              border-radius: 8px;
              border: 1px solid #bcbcbc; }
          nav.aside .contents li.active li a:hover,
          nav.aside .contents li.active li a:active,
          nav.aside .contents li.active li li.active a {
            color: #1f8a70; }
      nav.aside .contents a {
        float: none;
        display: block;
        padding: 15px 0 9px 0; }
        nav.aside .contents a, nav.aside .contents a:visited {
          text-decoration: none;
          color: #42494F; }
        nav.aside .contents a:hover, nav.aside .contents a:active {
          color: #1f8a70; }
  /* Main
========================================================== */
  .content {
    margin-bottom: 70px; }
  /* Content
---------------------------------------------------------- */
  header.secondary {
    clear: both;
    background-color: #f6f8f8;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    header.secondary .kc_content_block {
      position: relative;
      z-index: 1; }
    header.secondary .container {
      padding-top: 25px;
      overflow: hidden; }
    header.secondary h2 {
      margin-bottom: -13px;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      font-size: 20px;
      font-size: 2rem;
      text-transform: none;
      color: #a9b3b3; }
    header.secondary h1 {
      margin-top: 17px;
      margin-bottom: 20px;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      font-size: 28px;
      font-size: 2.8rem;
      text-transform: none;
      color: #1f8a70; }
    header.secondary p {
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.6em;
      margin-bottom: 48px; }
    header.secondary .visual {
      z-index: 0;
      margin: 0 0 -130px -24px; }
    header.secondary .map {
      display: block;
      margin: 0 auto;
      width: 100%;
      max-width: 1170px; }
    header.secondary img, header.secondary svg {
      display: block;
      margin: 0 auto;
      width: 305px;
      height: auto; }
    header.secondary.worldmap {
      overflow: hidden; }
      header.secondary.worldmap .more {
        display: none;
        position: absolute;
        right: 20px;
        top: 30px;
        padding: 0 24px 0 0; }
        header.secondary.worldmap .more:before {
          right: 0;
          left: auto;
          content: "\e689"; }
      header.secondary.worldmap img {
        display: none; }
      header.secondary.worldmap .container {
        position: relative; } }
  @media screen and (min-width: 735px) {
    header.secondary .container {
      padding-top: 33px;
      padding-bottom: 21px; }
    header.secondary .kc_content_block {
      padding-right: 10px; }
    header.secondary .visual {
      position: absolute;
      right: 0;
      top: -19px;
      margin: 0; }
    header.secondary img, header.secondary svg {
      width: 371px; }
    header.secondary .map {
      width: 120%;
      margin: 0 -5%; }
    header.secondary.worldmap {
      height: 280px; }
      header.secondary.worldmap.open {
        height: auto; }
      header.secondary.worldmap img {
        display: block; }
      header.secondary.worldmap .more {
        display: block;
        right: 25px;
        top: 36px; }
      header.secondary.worldmap .container {
        margin-top: -12px; } }
  @media screen and (min-width: 940px) {
    header.secondary .visual {
      right: 32px;
      top: -21px; }
    header.secondary img, header.secondary svg {
      width: 450px; }
    header.secondary .map {
      width: 100%;
      margin: 0 auto; }
    header.secondary.worldmap {
      height: 315px; }
      header.secondary.worldmap.open {
        height: auto; }
      header.secondary.worldmap .more {
        right: 30px; } }

@media screen {
  /* Asides
---------------------------------------------------------- */
  aside.primary {
    float: left; }
  aside.secondary {
    float: right; }
  /* Labels & payment
========================================================== */
  /* CTA banner
========================================================== */
  .cta-banner {
    padding: 34px 0 59px 0;
    color: #fff;
    background-color: #87c307;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .cta-banner h1 {
      margin-bottom: 20px;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      text-transform: none;
      font-size: 34px;
      font-size: 3.4rem;
      line-height: 1.23529;
      color: #fff; }
    .cta-banner p {
      margin-bottom: 36px;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.55556; }
    .cta-banner .more {
      padding: 0 32px 0 0;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      font-size: 18px;
      font-size: 1.8rem; }
      .cta-banner .more, .cta-banner .more:visited {
        color: #fff;
        text-decoration: none; }
      .cta-banner .more:hover, .cta-banner .more:active {
        color: #fff;
        text-decoration: underline; }
      .cta-banner .more:before {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        font-size: 24px; } }
  @media screen and (min-width: 735px) {
    .cta-banner {
      padding: 30px 0 55px 0; }
      .cta-banner h1, .cta-banner p {
        width: 60.39604%; }
      .cta-banner h1 {
        margin-bottom: 18px;
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 1.16667; }
      .cta-banner p {
        margin-bottom: 0;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44444; }
      .cta-banner .more {
        position: absolute;
        right: 25px;
        top: 23px; } }
  @media screen and (min-width: 940px) {
    .cta-banner h1, .cta-banner p {
      width: 65.5914%; }
    .cta-banner h1 {
      font-size: 48px;
      font-size: 4.8rem; }
    .cta-banner p {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.4; }
    .cta-banner .more {
      font-size: 20px;
      font-size: 2rem; } }

@media screen {
  /* Doormat
========================================================== */
  .doormat {
    padding: 16px 0 42px 0;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #edf1f1;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .doormat h2 {
      margin-bottom: 18px;
      font-size: 13px;
      font-size: 1.3rem; }
    .doormat ul {
      display: block;
      margin-bottom: 27px; }
      .doormat ul li {
        display: block;
        border-bottom: 1px solid #d3dbdb; }
        .doormat ul li:first-child a {
          padding-top: 0; }
      .doormat ul a {
        display: block;
        padding: 7px 0;
        text-decoration: none;
        color: #42494F; }
        .doormat ul a:hover, .doormat ul a:active {
          color: #141617; }
    .doormat .vcard {
      margin-bottom: 20px;
      line-height: 1.75; }
      .doormat .vcard a, .doormat .vcard a:visited {
        text-decoration: none;
        color: #42494F; }
      .doormat .vcard a:hover, .doormat .vcard a:active {
        color: #141617; }
    .doormat .more {
      padding-left: 22px;
      font-size: 14px;
      font-size: 1.4rem;
      text-decoration: none; } }
  @media screen and (min-width: 735px) {
    .doormat {
      font-size: 13px;
      font-size: 1.3rem; }
      .doormat .col {
        padding-right: 8.33333%; }
      .doormat h2 {
        margin-top: 15px;
        font-size: 14px;
        font-size: 1.4rem; }
      .doormat ul a {
        padding: 6px 0; } }
  @media screen and (min-width: 940px) {
    .doormat .col {
      padding-right: 0; }
    .doormat h2 {
      font-size: 15px;
      font-size: 1.5rem; } }

@media screen {
  /* Labels
========================================================== */
  .labels {
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .labels .social {
      display: block;
      padding-top: 30px;
      padding-bottom: 30px;
      height: 105px;
      text-align: justify; }
      .labels .social:after {
        content: "";
        width: 100%;
        display: inline-block; }
      .labels .social li {
        line-height: 0;
        display: inline-block;
        width: 45px;
        vertical-align: top;
        /* IE fix. */
        *display: inline;
        zoom: 1; }
      .labels .social a {
        display: inline-block;
        width: 45px;
        height: 45px;
        line-height: 1;
        background-color: #ccd6d6;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        -ms-border-radius: 23px;
        -o-border-radius: 23px;
        border-radius: 23px;
        text-align: left;
        text-indent: -9999px;
        direction: ltr;
        overflow: hidden;
        -webkit-transition: background-color 0.2s ease-in;
        -moz-transition: background-color 0.2s ease-in;
        -ms-transition: background-color 0.2s ease-in;
        -o-transition: background-color 0.2s ease-in;
        transition: background-color 0.2s ease-in; }
        .labels .social a:hover, .labels .social a:active {
          background-color: #87c307;
          -webkit-transition: background-color 0.3s ease-in;
          -moz-transition: background-color 0.3s ease-in;
          -ms-transition: background-color 0.3s ease-in;
          -o-transition: background-color 0.3s ease-in;
          transition: background-color 0.3s ease-in; }
      .labels .social .twitter a {
        background-position: 0 -25px; }
      .labels .social .facebook a {
        background-position: -50px -25px; }
      .labels .social .linkedin a {
        background-position: -200px -25px; }
    .labels .partners {
      padding-top: 36px;
      padding-bottom: 50px;
      height: 156px;
      text-align: justify; }
      .labels .partners:after {
        content: "";
        width: 100%;
        display: inline-block; }
      .labels .partners li {
        line-height: 0;
        display: inline-block;
        vertical-align: top;
        /* IE fix. */
        *display: inline;
        zoom: 1; }
      .labels .partners a {
        line-height: 0;
        display: inline-block;
        background-color: #8f9e9e;
        -webkit-transition: background-color 0.2s ease-in;
        -moz-transition: background-color 0.2s ease-in;
        -ms-transition: background-color 0.2s ease-in;
        -o-transition: background-color 0.2s ease-in;
        transition: background-color 0.2s ease-in; }
        .labels .partners a:hover, .labels .partners a:active {
          background-color: #87c307;
          -webkit-transition: background-color 0.3s ease-in;
          -moz-transition: background-color 0.3s ease-in;
          -ms-transition: background-color 0.3s ease-in;
          -o-transition: background-color 0.3s ease-in;
          transition: background-color 0.3s ease-in; } }
  @media screen and (min-width: 735px) {
    .labels .social {
      margin-left: -15px;
      padding-top: 49px;
      height: auto; }
      .labels .social:after {
        display: none; }
      .labels .social li, .labels .social a {
        float: left; }
      .labels .social li {
        margin-left: 15px; } }

@media screen {
  /* Footer
========================================================== */
  footer.primary {
    padding: 20px 0;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    border-top: 1px solid #e5ebeb;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    footer.primary .copy {
      display: block;
      margin-bottom: 20px; }
    footer.primary .footernav {
      display: block;
      margin-bottom: 50px;
      color: #87c307; }
      footer.primary .footernav a {
        display: inline; }
    footer.primary a, footer.primary a:visited {
      text-decoration: none;
      color: #87c307; }
    footer.primary a:hover, footer.primary a:active {
      color: #1f8a70; }
    footer.primary .totop {
      position: relative;
      display: block;
      padding: 25px 0 0 0; }
      footer.primary .totop .icon-pe {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -9px; } }
  @media screen and (min-width: 735px) {
    footer.primary .copy {
      position: absolute;
      left: 25px; }
    footer.primary .totop {
      position: absolute;
      right: 25px;
      top: 0;
      padding: 0 24px 0 0; }
      footer.primary .totop .icon-pe {
        position: absolute;
        left: auto;
        right: 0;
        top: 2px;
        margin-left: 0; } }
  @media screen and (min-width: 940px) {
    footer.primary .copy {
      left: 30px; }
    footer.primary .totop {
      right: 30px; }
    footer.primary .footernav {
      text-align: left;
      padding-left: 25.80645%; } }

@media screen {
  /* Homepage
========================================================== */
  /* Hero
---------------------------------------------------------- */
  .hero {
    position: relative;
    min-height: 315px;
    overflow: hidden;
    background-color: #f6f8f8;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .hero img {
      display: block;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -850px; }
    .hero a {
      display: block;
      position: relative;
      z-index: 1;
      text-decoration: none; }
    .hero h1 {
      margin: 20px 0;
      padding: 10px 17px 21px 17px;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.5;
      text-transform: none;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.9); }
    .hero .more {
      float: left;
      margin-top: -20px;
      margin-bottom: 20px;
      padding: 2px 50px 10px 38px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.9); }
      .hero .more:before {
        top: 2px;
        left: 16px; } }
  @media screen and (max-width: 734px) {
    .hero {
      min-height: 420px; } }
  @media screen and (min-width: 735px) {
    .hero h1 {
      margin-top: 52px;
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 1.38462; }
    .hero .more {
      padding-top: 0;
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (min-width: 940px) {
    .hero h1 {
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 1.32143; } }

@media screen {
  /* Services
---------------------------------------------------------- */
  .services {
    padding: 17px 0 10px 0;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .services h1 {
      margin-bottom: 17px; }
    .services .contents {
      position: relative;
      margin-bottom: 10px;
      padding: 16px 64px 48px 20px;
      color: #fff; }
      .services .contents:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 35px;
        font-weight: normal; }
      .services .contents a {
        display: block;
        margin: -16px -64px -48px -20px;
        padding: 16px 64px 48px 20px; }
        .services .contents a, .services .contents a:visited {
          color: #fff;
          text-decoration: none; }
      .services .contents h3 {
        margin-bottom: 13px;
        font-size: 20px;
        font-size: 2rem; }
      .services .contents .more {
        display: block;
        position: absolute;
        bottom: 26px;
        left: 20px;
        display: block;
        padding-left: 22px;
        margin-bottom: 0;
        color: #fff;
        font-size: 13px;
        font-size: 1.3rem; }
        .services .contents .more:before {
          top: 0;
          left: 0; }
      .services .contents.primary {
        background-color: #29abe2; }
        .services .contents.primary:before {
          content: "\e605"; }
      .services .contents.secondary {
        background-color: #87c307; }
        .services .contents.secondary:before {
          content: "\e627"; } }
  @media screen and (min-width: 735px) {
    .services {
      padding-top: 20px;
      padding-bottom: 19px; }
      .services a {
        margin-top: -20px;
        margin-bottom: -19px;
        padding-top: 20px;
        padding-bottom: 19px; }
      .services h1 {
        padding-top: 18px; }
      .services .contents {
        padding-bottom: 40px; }
        .services .contents .more {
          bottom: 14px; }
          .services .contents .more:before {
            top: 2px; } }
  @media screen and (min-width: 940px) {
    .services {
      padding-top: 30px;
      padding-bottom: 34px; }
      .services a {
        margin-top: -30px;
        margin-bottom: -34px;
        padding-top: 30px;
        padding-bottom: 34px; }
      .services h1 {
        padding-top: 27px; }
      .services .contents {
        padding-top: 23px;
        padding-bottom: 45px; }
        .services .contents h3 {
          font-size: 24px;
          font-size: 2.4rem; }
        .services .contents .more {
          bottom: 24px;
          font-size: 14px;
          font-size: 1.4rem; }
          .services .contents .more:before {
            top: 2px; } }

@media screen {
  /* Strengths
---------------------------------------------------------- */
  .strengths {
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .strengths h1 {
      margin-bottom: 15px; }
    .strengths h2 {
      margin-bottom: 10px;
      font-size: 15px;
      font-size: 1.5rem;
      font-family: "OpenSansSemibold", sans-serif;
      line-height: 1.2;
      color: #1f8a70; }
    .strengths .after {
      position: absolute;
      right: 25px;
      top: 0;
      padding-right: 22px;
      padding-left: 0; }
      .strengths .after:before {
        left: auto;
        right: 0; }
    .strengths .col {
      margin-bottom: 20px; }
      .strengths .col .visual {
        margin-bottom: 15px; }
        .strengths .col .visual img, .strengths .col .visual svg {
          display: block; } }
  @media screen and (min-width: 735px) {
    .strengths h1 {
      margin-bottom: 19px; }
    .strengths h2 {
      margin-bottom: 10px; }
    .strengths .col .visual {
      margin-bottom: 19px; }
    .strengths .after {
      right: 25px; } }
  @media screen and (min-width: 940px) {
    .strengths h1 {
      margin-bottom: 29px; }
    .strengths .col .visual {
      margin-bottom: 23px; }
    .strengths .after {
      right: 30px; } }

@media screen {
  /* Clients
---------------------------------------------------------- */
  .clients {
    margin-bottom: 20px;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .clients h1 {
      margin-bottom: 15px; }
    .clients ul {
      margin-left: -40px; }
    .clients li {
      float: left;
      margin-left: 40px;
      margin-bottom: 20px; } }
  @media screen and (min-width: 735px) {
    .clients {
      margin-bottom: 30px; }
      .clients h1 {
        margin-bottom: 19px; } }
  @media screen and (min-width: 940px) {
    .clients h1 {
      float: left;
      margin-bottom: 29px; }
    .clients ul {
      float: right;
      margin-top: -10px; } }

@media screen {
  /* Content page
========================================================== */
  .box {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 20px 20px 20px;
    border: 1px solid #e5ebeb;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .box h2 {
      margin-bottom: 10px; }
    .box p {
      margin-bottom: 20px; }
    .box.primary h2 {
      color: #29abe2; }
    .box.primary:before {
      color: #29abe2; }
    .box.secondary h2 {
      color: #87c307; }
    .box.secondary:before {
      color: #87c307; }
    .box.contact:before, .box.user:before {
      display: inline-block;
      font-family: 'Pe-icon-7-stroke';
      speak: none;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 23px;
      top: 8px;
      display: block;
      font-size: 35px;
      font-weight: normal; }
    .box.contact h2, .box.user h2 {
      padding-right: 34px; }
    .box.contact:before {
      content: "\e63b"; }
    .box.user:before {
      content: "\e605"; }
    .box.login {
      padding-top: 65px; }
      .box.login:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 30px;
        top: 18px;
        display: block;
        font-size: 35px;
        font-weight: normal;
        content: "\e63f"; } }
  @media screen and (min-width: 735px) {
    .box {
      padding: 20px 25px 25px 25px;
      margin-bottom: 25px; }
      .box.contact:before, .box.user:before {
        top: 11px; } }
  @media screen and (min-width: 940px) {
    .box {
      padding: 24px 30px 30px 30px;
      margin-bottom: 30px; }
      .box.contact:before, .box.user:before {
        top: 18px; } }

@media screen {
  .login {
    padding: 4px 30px 0 29px;
    border-left: 1px solid #e5ebeb;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .login dd {
      padding-bottom: 9px;
      position: relative; }
    .login .actions button {
      position: relative;
      margin-bottom: 0;
      padding-left: 36px; }
      .login .actions button:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 10px;
        top: 11px;
        display: block;
        font-size: 18px;
        font-weight: 600;
        content: "\e685";
        -webkit-font-smoothing: antialiased; }
    .login .actions a {
      margin-top: 9px;
      margin-bottom: 0;
      float: right; } }
  @media screen and (max-width: 734px) {
    .login {
      padding-left: 0;
      padding-right: 0;
      border-left: 0; } }

@media screen {
  /* Sections
---------------------------------------------------------- */
  .section {
    /* styles 
    ---------------------------------------------------------*/
    line-height: 1.75;
    /* style > lists
    ---------------------------------------------------------*/
    /* style > cols 
    ---------------------------------------------------------*/ }
    .section.border {
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 20px;
      padding-top: 15px;
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */ } }
    @media screen and (min-width: 735px) {
      .section.border {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 28px; } }
    @media screen and (min-width: 940px) {
      .section.border {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0; } }

@media screen {
    .section hr {
      display: block;
      border: 0;
      height: 1px;
      background: #e5ebeb;
      margin: 1em 0; }
    .section .more {
      margin-bottom: 15px; }
    .section h2 {
      margin-top: 30px;
      margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem;
      font-family: "OpenSansSemibold", sans-serif;
      text-transform: uppercase;
      line-height: 1.2;
      color: #1f8a70; }
      .section h2:first-child {
        margin-top: 0; }
    .section h3 {
      margin-top: 30px;
      margin-bottom: 10px;
      font-size: 15px;
      font-size: 1.5rem;
      font-family: "OpenSansSemibold", sans-serif;
      line-height: 1.2;
      color: #1f8a70;
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */ }
      .section h3:first-child {
        margin-top: 0; }
      .section h3.checked {
        position: relative;
        margin-top: 0;
        margin-bottom: 10px;
        padding-left: 29px;
        font-size: 18px;
        font-size: 1.8rem;
        font-family: "OpenSansRegular", sans-serif;
        color: #37967f; }
        .section h3.checked:before {
          display: inline-block;
          font-family: 'Pe-icon-7-stroke';
          speak: none;
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e66c";
          position: absolute;
          top: 0;
          left: 0;
          font-size: 24px;
          font-size: 2.4rem;
          color: #37967f; } }
    @media screen and (min-width: 940px) {
      .section h3.checked {
        font-size: 20px;
        font-size: 2rem; } }

@media screen {
    .section h4 {
      margin: 0 0 5px 0;
      font-family: 'OpenSansSemibold', sans-serif;
      font-weight: normal;
      color: #878b8e;
      font-size: 14px;
      font-size: 1.4rem; }
    .section ol,
    .section ul,
    .section p {
      margin-bottom: 15px; }
    .section ul {
      list-style: none;
      padding: 0;
      margin: 0 0 25px 0;
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */ }
      .section ul li {
        position: relative;
        display: block;
        margin-bottom: 10px;
        padding-left: 20px;
        font-size: 14px;
        font-size: 1.4rem; }
        .section ul li:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 6px;
          width: 6px;
          height: 6px;
          border: 1px solid #1f8a70;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          -ms-border-radius: 6px;
          -o-border-radius: 6px;
          border-radius: 6px; }
        .section ul li ul {
          margin-top: 15px;
          margin-bottom: 20px;
          margin-left: 0;
          font-size: 13px;
          font-size: 1.3rem; }
        .section ul li li {
          margin-left: 0;
          font-size: 13px;
          font-size: 1.3rem; }
          .section ul li li:before {
            top: 7px;
            width: 4px;
            height: 4px;
            border-color: #87c307;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px; } }
    @media screen and (min-width: 735px) {
      .section ul {
        margin-left: 30px; }
        .section ul li ul {
          margin-left: 0;
          font-size: 14px;
          font-size: 1.4rem; } }
    @media screen and (min-width: 940px) {
      .section ul li ul {
        margin-left: 0; } }

@media screen {
    .section .checklist {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857em;
      color: #1f8a70;
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */ }
      .section .checklist li:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e66c";
        border: 0 none;
        width: auto;
        height: auto;
        top: 3px;
        font-size: 14px; }
      .section .checklist.big li {
        margin-bottom: 20px;
        padding-left: 29px;
        color: #42494F; }
        .section .checklist.big li:before {
          top: 1px;
          font-size: 18px;
          font-size: 1.8rem; }
        .section .checklist.big li h3 {
          margin-bottom: 4px;
          font-family: "OpenSansRegular", sans-serif;
          color: #42494F; } }
    @media screen and (min-width: 735px) {
      .section .checklist {
        margin-left: 0;
        font-size: 16px;
        font-size: 1.6rem; }
        .section .checklist.big li h3 {
          font-size: 18px;
          font-size: 1.8rem; } }
    @media screen and (min-width: 940px) {
      .section .checklist {
        margin-left: 0; }
        .section .checklist li {
          padding-left: 23px;
          font-size: 16px;
          font-size: 1.6rem; }
        .section .checklist.big li h3 {
          font-size: 20px;
          font-size: 2rem; } }

@media screen {
    .section ol {
      font-family: 'OpenSansSemibold', sans-serif;
      font-weight: normal;
      list-style: decimal;
      color: #1f8a70;
      font-size: 16px;
      font-size: 1.6rem;
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */ }
      .section ol li {
        margin-left: 24px;
        margin-bottom: 10px; }
        .section ol li span {
          font-family: "OpenSansRegular", sans-serif;
          font-size: 14px;
          font-size: 1.4rem;
          color: #42494F; }
      .section ol ol {
        margin: 15px 0 20px 0;
        font-family: "OpenSansSemibold", sans-serif;
        color: #87c307; }
        .section ol ol li {
          font-size: 14px;
          font-size: 1.4rem; }
          .section ol ol li span {
            font-family: "OpenSansRegular", sans-serif;
            color: #42494F;
            font-size: 13px;
            font-size: 1.3rem; } }
    @media screen and (min-width: 735px) {
      .section ol {
        margin-left: 20px; }
        .section ol ol {
          margin-left: 0; }
          .section ol ol li span {
            font-size: 14px;
            font-size: 1.4rem; } }

@media screen {
    .section img {
      display: block;
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */ } }
    @media screen and (min-width: 735px) {
      .section img {
        width: auto;
        margin-bottom: 15px;
        max-width: 100%; }
        .section img.right {
          float: right;
          margin-right: 0;
          margin-left: 15px;
          margin-bottom: 15px; }
        .section img.left {
          float: left;
          margin-left: 0;
          margin-right: 15px;
          margin-bottom: 15px; } }
    @media screen and (min-width: 940px) {
      .section img {
        width: auto;
        margin-bottom: 20px;
        max-width: 100%; }
        .section img.right {
          margin-right: 0;
          margin-left: 20px;
          margin-bottom: 20px; }
        .section img.left {
          margin-left: 0;
          margin-right: 20px;
          margin-bottom: 20px; } }

@media screen {
    .section table {
      width: 100%;
      text-align: left;
      margin-bottom: 20px; }
    .section .cols {
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */
      /* 0 to 767 */
      /* 0 to 480 */
      /* 481 up */
      /* 481 to 767 */ }
      .section .cols .col {
        margin-bottom: 20px; }
        .section .cols .col .visual {
          margin-bottom: 15px; }
          .section .cols .col .visual img, .section .cols .col .visual svg {
            display: block;
            margin: 0; }
      .section .cols .col-5 h2,
      .section .cols .col-6 h2 {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (min-width: 735px) {
      .section .cols h1 {
        margin-bottom: 19px; }
      .section .cols h2 {
        margin-bottom: 10px; }
      .section .cols .col-5 h2,
      .section .cols .col-6 h2 {
        font-size: 17px;
        font-size: 1.7rem; }
      .section .cols .col .visual {
        margin-bottom: 19px; } }
    @media screen and (min-width: 940px) {
      .section .cols h1 {
        margin-bottom: 29px; }
      .section .cols .col-5 h2,
      .section .cols .col-6 h2 {
        font-size: 18px;
        font-size: 1.8rem; }
      .section .cols .col .visual {
        margin-bottom: 23px; } }

@media screen {
  .col-8 .section.border {
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ } }
  @media screen and (min-width: 735px) {
    .col-8 .section.border {
      margin-top: 30px;
      padding-top: 15px; } }

@media screen {
  /* Services
========================================================== */
  .list-services {
    margin-top: 35px;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .list-services h3 {
      font-size: 18px;
      font-size: 1.8rem;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      line-height: 1.2;
      color: #42494F; }
    .list-services .item {
      margin-bottom: 25px; }
      .list-services .item .col {
        margin-bottom: 0; } }
  @media screen and (min-width: 735px) and (max-width: 939px) {
    .list-services .item .col .visual {
      margin-left: -23px; }
      .list-services .item .col .visual img {
        margin-left: 10px; } }
  @media screen and (min-width: 940px) {
    .list-services h3 {
      font-size: 20px;
      font-size: 2rem; }
    .list-services .item .col .visual {
      margin-left: -28px; }
      .list-services .item .col .visual img {
        margin-left: 10px; } }

@media screen {
  .content.col-8 {
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ } }
  @media screen and (min-width: 735px) and (max-width: 939px) {
    .content.col-8 .item .col .visual {
      margin-left: 0; }
      .content.col-8 .item .col .visual img {
        margin-left: 0; } }
  @media screen and (min-width: 940px) {
    .content.col-8 .item .col .visual {
      position: relative;
      margin-left: -28px;
      left: 30px; }
      .content.col-8 .item .col .visual img {
        margin-left: 0; }
    .content.col-8 .item .contents {
      padding-left: 10px; } }

@media screen {
  /* About
========================================================== */
  .profiles {
    position: relative;
    margin-top: 45px;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .profiles .cols .item {
      position: relative;
      padding-left: 0;
      margin-bottom: 20px; }
      .profiles .cols .item a {
        display: block; }
        .profiles .cols .item a:focus, .profiles .cols .item a:active {
          overflow: visible; }
      .profiles .cols .item h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-family: 'OpenSansLight', sans-serif;
        font-style: normal;
        line-height: 1.2;
        color: #42494F;
        font-size: 20px;
        font-size: 2rem;
        text-transform: none;
        color: #37967f; }
      .profiles .cols .item p {
        margin-bottom: 15px; }
      .profiles .cols .item img {
        float: right;
        width: 80px;
        margin-bottom: 0;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
        border-radius: 40px; } }
  @media screen and (max-width: 734px) {
    .profiles .cols .item,
    .profiles .cols .item div,
    .profiles .cols .item a,
    .profiles .cols .item img {
      float: left; }
    .profiles .cols .item {
      padding-left: 20px;
      width: auto; } }
  @media screen and (min-width: 735px) {
    .profiles .cols .item {
      left: -10px;
      margin-bottom: 25px;
      padding-left: 20px; } }
  @media screen and (min-width: 940px) {
    .profiles .cols .item {
      left: -15px;
      margin-bottom: 30px;
      width: 16.66667%; } }

@media screen {
  .profile {
    /*position: absolute;
    left: 0;
    top: 0;*/
    padding-left: 160px;
    padding-top: 44px;
    background-color: #fff;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .profile h3 {
      margin-bottom: 0;
      font-family: 'OpenSansLight', sans-serif;
      font-style: normal;
      font-size: 20px;
      font-size: 2rem;
      text-transform: none;
      color: #37967f; }
    .profile img {
      position: absolute;
      top: 0;
      left: -10px;
      display: block;
      -webkit-border-radius: 75px;
      -moz-border-radius: 75px;
      -ms-border-radius: 75px;
      -o-border-radius: 75px;
      border-radius: 75px; }
    .profile .close {
      position: absolute;
      right: 0;
      top: 0; }
      .profile .close, .profile .close:visited {
        text-decoration: none; }
      .profile .close:after {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e681";
        vertical-align: text-bottom;
        margin-left: 5px; } }
  @media screen and (max-width: 734px) {
    .profile {
      padding-left: 0;
      padding-top: 0;
      text-align: center; }
      .profile img {
        position: relative;
        left: 0;
        margin: 0 auto 15px auto; }
      .profile .description {
        text-align: left; } }

@media screen {
  /* Contact
========================================================== */
  .list-icons {
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .list-icons li {
      display: block;
      position: relative;
      margin-bottom: 25px;
      padding: 0 0 0 53px; }
      .list-icons li.half {
        width: 50%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
      .list-icons li a {
        text-decoration: none; }
      .list-icons li:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        top: 4px;
        font-size: 32px;
        font-weight: normal; }
      .list-icons li.mail:before {
        content: "\e63b"; }
      .list-icons li.career:before {
        content: "\e622"; }
      .list-icons li.business:before {
        content: "\e69d"; }
      .list-icons li.partnership:before {
        content: "\e693"; }
      .list-icons li.follow:before {
        content: "\e616"; } }
  @media screen and (max-width: 734px) {
    .list-icons li.half {
      width: auto;
      float: none; } }

@media screen {
  section.contact h1 {
    margin-bottom: 20px; }
  section.contact h2 {
    margin-bottom: 10px; }
  section.headquarters {
    background: url("https://cdn.kangacoders.com/direct/helionresearch.com/img/contact-map.png") 0 51px no-repeat; }
    section.headquarters h1 {
      margin-bottom: 20px; }
    section.headquarters h2 {
      margin-bottom: 12px; }
    section.headquarters h3 {
      margin-bottom: 7px;
      color: #1f8a70;
      font-family: 'OpenSansSemibold', sans-serif;
      font-weight: normal; }
    section.headquarters .vcard {
      margin-bottom: 42px; }
  /* Cookie
========================================================== */
  .cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #e8eded;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .cookie .container {
      padding-right: 50px; }
    .cookie p {
      margin: 0; }
    .cookie .close {
      position: absolute;
      right: 30px;
      top: 0;
      text-indent: -9999em;
      direction: ltr; }
      .cookie .close:focus, .cookie .close:active {
        overflow: visible; }
      .cookie .close:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e681";
        position: absolute;
        left: 0;
        top: 0;
        text-indent: 0; } }
  @media screen and (min-width: 735px) {
    .cookie .close {
      right: 40px; } }
  @media screen and (min-width: 940px) {
    .cookie .close {
      right: 50px; } }

@media screen {
  /* Countries
========================================================== */
  .countries_page {
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .countries_page ::-webkit-input-placeholder {
      color: #42494F; }
    .countries_page ::-moz-placeholder {
      color: #42494F; }
    .countries_page :-moz-placeholder {
      color: #42494F; }
    .countries_page :-ms-input-placeholder {
      color: #42494F; }
    .countries_page .placeholder {
      left: 10px;
      top: 8px;
      font-size: 14px;
      font-size: 1.4rem; }
    .countries_page header.primary {
      position: relative;
      padding: 25px 0 0 0; }
      .countries_page header.primary .back {
        position: relative;
        font-family: "OpenSansSemibold", sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        text-transform: uppercase;
        float: right;
        margin-top: 4px;
        padding-left: 26px; }
        .countries_page header.primary .back, .countries_page header.primary .back:visited {
          color: #87c307;
          text-decoration: none; }
        .countries_page header.primary .back:before {
          display: inline-block;
          font-family: 'Pe-icon-7-stroke';
          speak: none;
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e687";
          font-size: 22px;
          position: absolute;
          top: -1px;
          left: 0; }
    .countries_page aside.secondary {
      margin-bottom: 30px; }
    .countries_page header.secondary img, .countries_page header.secondary svg {
      width: auto; }
    .countries_page .section h2 {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (max-width: 734px) {
    .countries_page header.primary .back {
      position: absolute;
      float: left;
      display: block;
      top: 40px;
      right: 15px; }
    .countries_page header.secondary .visual {
      display: none; } }
  @media screen and (min-width: 735px) {
    .countries_page header.secondary {
      margin-bottom: 25px; }
      .countries_page header.secondary .container {
        padding-top: 32px;
        padding-bottom: 23px; }
      .countries_page header.secondary .visual {
        display: block;
        position: absolute;
        right: 10px;
        top: -52px;
        margin: 0; }
      .countries_page header.secondary img, .countries_page header.secondary svg {
        width: auto; }
    .countries_page .section h2 {
      font-size: 17px;
      font-size: 1.7rem; } }
  @media screen and (min-width: 940px) {
    .countries_page header.secondary .visual {
      right: 111px;
      top: -52px; }
    .countries_page header.secondary img, .countries_page header.secondary svg {
      width: auto; }
    .countries_page .section h2 {
      font-size: 18px;
      font-size: 1.8rem; } }

@media screen {
  .countries {
    margin-bottom: 20px;
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */
    /* 0 to 767 */
    /* 0 to 480 */
    /* 481 up */
    /* 481 to 767 */ }
    .countries h4 {
      font-size: 15px;
      font-size: 1.5rem; }
    .countries .category {
      margin-bottom: 10px;
      border: 1px solid #e5ebeb; }
      .countries .category h3 {
        position: relative;
        font-size: 16px;
        font-size: 1.6rem;
        font-family: 'OpenSansSemibold', sans-serif;
        font-weight: normal;
        color: #878b8e;
        background-color: #e5ebeb;
        margin: 0; }
        .countries .category h3 a {
          display: block;
          padding: 16px 21px;
          text-decoration: none; }
          .countries .category h3 a, .countries .category h3 a:visited {
            color: #878b8e; }
          .countries .category h3 a:after {
            display: inline-block;
            font-family: 'Pe-icon-7-stroke';
            speak: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 24px;
            content: "\e623";
            color: #878b8e; }
      .countries .category ul {
        padding: 30px 0 0 0;
        margin: 0; }
      .countries .category li {
        list-style: none;
        margin: 0 0 35px 0;
        padding: 0 5px;
        float: left;
        line-height: 1.2;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
        .countries .category li:before {
          display: none; }
        .countries .category li a, .countries .category li a:visited {
          text-decoration: none;
          color: #42494F; }
        .countries .category li a:hover {
          color: #87c307; }
          .countries .category li a:hover .visual:before {
            width: 37px;
            height: 37px;
            top: -1px;
            left: -1px;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
          .countries .category li a:hover .visual:after {
            opacity: 1;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
          .countries .category li a:hover p {
            border-color: #87c307; }
        .countries .category li .visual {
          position: relative;
          width: 33px;
          height: 33px;
          margin: 0 auto 10px auto;
          border: 1px solid #ddd;
          -webkit-border-radius: 35px;
          -moz-border-radius: 35px;
          -ms-border-radius: 35px;
          -o-border-radius: 35px;
          border-radius: 35px;
          overflow: hidden;
          /*
                &:before {
                    display: block;
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-left: -1px;
                    margin-top: -1px;
                    width: 0;
                    height: 0;
                    background-color: $color-spot1;
                    z-index: 1;
                    @include vendorize(border-radius, 35px);
                }

                &:after {
                    @include icon-pe;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-left: -11px;
                    margin-top: -12px;
                    font-size: 24px;
                    content: "\e623";
                    color: #fff;
                    opacity: 0;
                    z-index: 2;
                }*/ }
        .countries .category li img {
          display: block;
          position: absolute;
          left: -12px;
          top: 0;
          margin-left: -1px;
          margin-top: -1px;
          height: 35px;
          width: auto;
          max-width: none; }
        .countries .category li p {
          display: inline;
          margin: 0;
          font-size: 13px;
          font-size: 1.3rem;
          text-transform: capitalize;
          border-bottom: 1px solid #fff;
          -webkit-transition: border-color 0.2s;
          -moz-transition: border-color 0.2s;
          -ms-transition: border-color 0.2s;
          -o-transition: border-color 0.2s;
          transition: border-color 0.2s; }
      .countries .category .contents {
        display: none; }
      .countries .category.open h3 a:after {
        content: "\e644"; }
      .countries .category.open .contents {
        display: block; } }
  @media screen and (max-width: 734px) {
    .countries .category li {
      width: 33.33333%; }
      .countries .category li:nth-child(3n+1) {
        clear: left; } }
  @media screen and (min-width: 481px) and (max-width: 734px) {
    .countries .category li {
      width: 25%; }
      .countries .category li:nth-child(3n+1) {
        clear: none; }
      .countries .category li:nth-child(4n+1) {
        clear: left; } }
  @media screen and (min-width: 735px) {
    .countries .category li {
      width: 12.5%; }
      .countries .category li:nth-child(8n+1) {
        clear: left; } }
  @media screen and (min-width: 940px) {
    .countries .category li {
      width: 10%; }
      .countries .category li:nth-child(8n+1) {
        clear: none; }
      .countries .category li:nth-child(10n+1) {
        clear: left; } }

@media screen {
  /* ==========================================================
    Media Queries
========================================================== */
  /* BREAKPOINT 1 - MOBILE SPECIFIC */
  /* 0 to 767 */ }

@media screen and (max-width: 734px) {
  /* header
    ========================================================== */
  /* navigation
    ========================================================== */
  .js nav.primary .contents {
    display: none; }
  nav.primary {
    margin: 0 -20px;
    padding: 0 20px;
    border-top: 1px solid #e5ebeb;
    border-bottom: 1px solid #e5ebeb; }
    nav.primary h1 {
      cursor: pointer;
      position: relative;
      display: block;
      padding: 11px 20px 9px 20px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      color: #1f8a70; }
      nav.primary h1:before {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: -3px;
        top: 9px;
        content: "\e689"; }
      nav.primary h1:hover {
        color: #aaa; }
    nav.primary.open h1 {
      color: #aaa; }
      nav.primary.open h1:before {
        content: "\e683"; }
      nav.primary.open h1:hover {
        color: #aaa; }
    nav.primary .contents {
      clear: both;
      display: block;
      margin: 0 -20px;
      padding: 0 20px; }
      nav.primary .contents ul {
        display: block; }
        nav.primary .contents ul::after {
          display: table;
          clear: both;
          content: '';
          overflow: hidden; }
      nav.primary .contents li {
        float: none;
        display: block;
        margin: 0 -20px;
        padding: 0 20px 0 40px;
        font-family: "OpenSansSemibold", sans-serif;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        text-transform: uppercase;
        border-top: 1px solid #e5ebeb; }
        nav.primary .contents li.active a, nav.primary .contents li.active a:visited {
          color: #1f8a70; }
      nav.primary .contents a {
        float: none;
        display: block;
        padding: 15px 0; }
        nav.primary .contents a, nav.primary .contents a:visited {
          text-decoration: none;
          color: #87c307; }
        nav.primary .contents a:hover, nav.primary .contents a:active {
          color: #1f8a70; }
    nav.primary .extra {
      position: absolute;
      right: 20px;
      top: 0; }
      nav.primary .extra li {
        font-family: "OpenSansSemibold", sans-serif;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        text-transform: uppercase; }
      nav.primary .extra a {
        padding: 11px 20px 9px 0; }
        nav.primary .extra a, nav.primary .extra a:visited {
          text-decoration: none;
          color: #29abe2; }
        nav.primary .extra a:hover, nav.primary .extra a:active {
          color: #146c91; }
        nav.primary .extra a:before {
          display: inline-block;
          font-family: 'Pe-icon-7-stroke';
          speak: none;
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: -3px;
          top: 9px;
          content: "\e685"; }
  /* asides
    ========================================================== */
  /* aside -> primary
    ---------------------------------------------------------- */
  aside.primary {
    clear: both;
    float: none;
    width: auto;
    margin-bottom: 20px; }
  /* content
    ========================================================== */
  .content {
    clear: both; } }

@media screen {
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */
  /* BREAKPOINT 3 - TABLET */
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 735px) {
  /* header
    ========================================================== */
  header.primary {
    padding-bottom: 22px; }
  .logo {
    float: left;
    margin: 0 0 30px 0; }
  /* navigation
    ========================================================== */
  /* navigation -> primary
    ---------------------------------------------------------- */
  nav.primary {
    clear: both; }
    nav.primary h1 {
      position: absolute;
      display: block;
      padding: 0 !important;
      left: -9999px !important;
      height: 0px !important;
      line-height: 0px !important;
      background: none !important; }
    nav.primary .contents {
      float: left;
      background-color: transparent;
      margin-left: -15px; }
      nav.primary .contents li {
        float: left;
        font-family: "OpenSansSemibold", sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.69231;
        height: 22px;
        border-left: 1px solid #e5ebeb; }
        nav.primary .contents li:first-child {
          border-left: 0 none; }
      nav.primary .contents a,
      nav.primary .contents a:visited {
        float: left;
        margin-top: -7px;
        padding: 10px 14px;
        line-height: 1.2;
        text-decoration: none;
        color: #87c307; }
      nav.primary .contents a:hover,
      nav.primary .contents a:active,
      nav.primary .contents li.active a {
        color: #1f8a70; }
    nav.primary .extra {
      margin-top: -4px;
      float: right; }
      nav.primary .extra li {
        float: left;
        font-family: "OpenSansSemibold", sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.69231;
        height: 22px; }
      nav.primary .extra a {
        float: left;
        margin-top: -7px;
        padding: 10px 23px 10px 14px; }
        nav.primary .extra a, nav.primary .extra a:visited {
          text-decoration: none;
          color: #29abe2; }
        nav.primary .extra a:hover, nav.primary .extra a:active {
          color: #146c91; }
        nav.primary .extra a:before {
          display: inline-block;
          font-family: 'Pe-icon-7-stroke';
          speak: none;
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: -3px;
          top: -1px;
          content: "\e685";
          font-size: 22px; }
  /* navigation -> secondary
    ---------------------------------------------------------- */
  nav.secondary {
    top: -3px;
    left: auto;
    right: 25px;
    width: auto; }
    nav.secondary ul {
      float: right;
      margin: 0; }
    nav.secondary li, nav.secondary a {
      float: left; }
    nav.secondary li {
      width: auto;
      line-height: 12px; }
      nav.secondary li.account a {
        position: relative;
        padding-right: 20px; }
        nav.secondary li.account a:before {
          display: inline-block;
          font-family: 'Pe-icon-7-stroke';
          speak: none;
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block;
          position: absolute;
          right: 0;
          top: 9px;
          content: "\e607";
          font-size: 16px; }
    nav.secondary a {
      padding: 10px 14px; }
  /* navigation -> aside
    ---------------------------------------------------------- */
  nav.aside {
    margin-bottom: 20px; }
    nav.aside h1 {
      padding: 16px 0 14px 22px; }
      nav.aside h1:before {
        left: -1px;
        top: 15px; }
    nav.aside .contents {
      margin: 0 -25px;
      padding: 0 25px; }
      nav.aside .contents li {
        margin: 0 -25px;
        padding: 0 25px 0 47px; }
      nav.aside .contents a {
        padding: 12px 0 12px 0; }
      nav.aside .contents li.active {
        overflow: hidden; }
        nav.aside .contents li.active a {
          float: left;
          width: 50%; }
        nav.aside .contents li.active ul {
          float: left;
          width: 50%;
          margin-top: 5px; }
        nav.aside .contents li.active li a {
          float: none;
          width: auto; } }

@media screen {
  /* BREAKPOINT 5 - DESKTOP (NORMAL) */
  /* 0 to 767 */
  /* 0 to 480 */
  /* 481 up */
  /* 481 to 767 */ }

@media screen and (min-width: 940px) {
  /* navigation
    ========================================================== */
  nav.primary .extra {
    margin-top: -4px; }
    nav.primary .extra a:before {
      top: -1px; }
  /* nav -> secondary
    ---------------------------------------------------------- */
  nav.secondary {
    right: 30px; }
  /* navigation -> aside
    ---------------------------------------------------------- */
  .js nav.aside .contents {
    display: block; }
  nav.aside {
    margin-top: -6px;
    margin-bottom: 60px;
    border-top: 0 none;
    border-bottom: 0 none; }
    nav.aside h2 {
      padding: 0;
      margin-top: 0;
      padding-top: 45px;
      border-top: 1px solid #e5ebeb; }
      nav.aside h2:first-child {
        margin-top: 15px;
        border-top: 0;
        padding-top: 0; }
    nav.aside h1 {
      padding: 0; }
      nav.aside h1:before {
        display: none; }
    nav.aside .contents {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #e5ebeb; }
      nav.aside .contents li {
        margin: 0;
        padding: 0; }
        nav.aside .contents li:first-child {
          border-top: 0 none; }
      nav.aside .contents a {
        position: relative;
        padding: 16px 0 16px 0; }
        nav.aside .contents a:hover, nav.aside .contents a:active {
          padding-left: 25px;
          color: #87c307;
          -webkit-transition: padding 0.4s;
          -moz-transition: padding 0.4s;
          -ms-transition: padding 0.4s;
          -o-transition: padding 0.4s;
          transition: padding 0.4s; }
          nav.aside .contents a:hover:before, nav.aside .contents a:active:before {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            -webkit-transition: opacity 0.5s;
            -moz-transition: opacity 0.5s;
            -ms-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            transition: opacity 0.5s; }
        nav.aside .contents a:before {
          display: inline-block;
          font-family: 'Pe-icon-7-stroke';
          speak: none;
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e685";
          display: block;
          position: absolute;
          left: 1px;
          top: 15px;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0; }
      nav.aside .contents li.active {
        overflow: visible; }
        nav.aside .contents li.active a {
          float: none;
          width: auto;
          padding-left: 25px; }
          nav.aside .contents li.active a, nav.aside .contents li.active a:visited {
            color: #87c307; }
          nav.aside .contents li.active a:before {
            display: block;
            position: absolute;
            left: 1px;
            top: 15px;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1; }
        nav.aside .contents li.active ul {
          clear: both;
          float: none;
          width: auto;
          padding-left: 25px;
          margin-bottom: 28px; }
        nav.aside .contents li.active li a:hover,
        nav.aside .contents li.active li a:active,
        nav.aside .contents li.active li li.active {
          color: #87c307; }
  .lte8 nav.aside .contents a:before {
    display: none; }
  .lte8 nav.aside .contents a:hover:before, .lte8 nav.aside .contents a:active:before {
    display: block; }
  .lte8 nav.aside .contents li.active a:before {
    display: block; }
  .lte8 nav.aside .contents li.active li {
    padding-left: 25px; }
    .lte8 nav.aside .contents li.active li a:before {
      display: block;
      left: -19px;
      top: 10px; } }

@media screen {
  /*==========================================================

  Animations

==========================================================*/
  /* Keyframes
==========================================================*/
  @-webkit-keyframes test {
    0% { }
    100% { } }
  @-moz-keyframes test {
    0% { }
    100% { } }
  @-ms-keyframes test {}  @keyframes test {
    0% { }
    100% { } }
  /* Triggers
==========================================================*/
  .cssanimations {
    /* left icon */
    /* right icon */
    /* button */
    /* images */ }
    .cssanimations .more {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .cssanimations .more:hover {
        padding-left: 22px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        letter-spacing: .02em; }
    .cssanimations .hero .more:hover {
      padding-left: 41px;
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      letter-spacing: .02em; }
    .cssanimations .doormat .more:hover {
      padding-left: 24px;
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      letter-spacing: .02em; }
    .cssanimations .services .contents .more:hover {
      padding-left: 24px;
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      letter-spacing: .02em; }
    .cssanimations nav.primary .extra a {
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .cssanimations nav.primary .extra a:hover {
        padding-right: 25px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        letter-spacing: .02em; }
    .cssanimations .strengths .after {
      padding-left: 0; }
      .cssanimations .strengths .after:hover {
        padding-right: 24px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
    .cssanimations .cta-banner .more {
      padding-left: 0; }
      .cssanimations .cta-banner .more:hover {
        padding-right: 34px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
    .cssanimations footer.primary .totop {
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .cssanimations footer.primary .totop:hover {
        padding-right: 26px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        letter-spacing: .02em; }
    .cssanimations .button {
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .cssanimations .button:hover {
        padding-left: 22px;
        padding-right: 22px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
      .cssanimations .button.block:hover {
        letter-spacing: .02em; }
    .cssanimations .profiles {
      /*.item {

            img { 
                @include vendorize(transition, all .2s ease-in);
                @include vendorize(transform, scale(1));
            }

            &:hover {

                img {
                    @include vendorize(transform, scale(1.1));
                } 
            }
        }*/ }
  /*==========================================================

  Custom css: adjustments and additions after implementation of templates

==========================================================*/
  footer.primary .footernav {
    padding-left: 0px;
    text-align: center; }
  /*h2.one_point_six {
  font-size: 1.6rem;
}
*/
  .intro {
    font-size: 18px;
    font-size: 1.8rem; }
  nav.primary .contents li a.active, .contents li a.active {
    color: #1f8a70; }
  .vcard p {
    margin-bottom: 0px; }
  .error-msg:after {
    content: ""; }
  a, a:focus {
    outline: 0; }
  p.section_border {
    border-top: 1px solid #e5ebeb;
    margin-top: 30px;
    padding-top: 0px;
    margin-bottom: 0px;
    height: 0; }
  #check_margin h3.checked {
    margin-top: 45px; }
  strong {
    color: #1f8a70; }
  blockquote {
    margin-top: 175px; }
    blockquote div.kc_content_block p {
      text-align: left; }
  .section h2 {
    margin-top: 15px; }
  .profiles .cols .item {
    position: static;
    padding-left: 30px;
    margin-bottom: 0px;
    left: auto;
    width: 50%; }
  .profile {
    padding-top: 0px; }
  .error-msg, .success-msg {
    display: none; }
  input.error, select.error, textarea.error {
    border: 1px solid red; }
  footer.primary .footernav {
    padding-left: 0px;
    text-align: center; }
  section.strengths .contents .kc_content_block p {
    text-align: justify;
    padding: 0 15px 0 0; }
  .about_page .kc_content_block p {
    text-align: justify; }
  .about_page .section.border .kc_content_block p {
    padding: 0 20px 0 0; }
  .strengths_page .contents .kc_content_block p {
    text-align: justify;
    padding: 0 15px 0 0; }
  .industries_page .contents .kc_content_block p {
    text-align: justify;
    padding: 0 15px 0 0; }
  .solutions_page .contents .kc_content_block p {
    text-align: justify;
    padding: 0 15px 0 0; }
  .kc_content_block p {
    text-align: justify; }
  header.secondary .kc_content_block p {
    text-align: left; }
  .success-msg {
    color: green; }
  .highlighted {
    color: #1f8a70;
    font-family: 'OpenSansSemibold', sans-serif;
    font-weight: normal; }
  .section ol li span {
    font-family: "OpenSansRegular", sans-serif; }
  .section ol {
    font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #555b60; }
  .section blockquote {
    margin: 30px auto;
    width: 75%;
    color: #1f8a70;
    text-align: center; }
  .section blockquote p, .section blockquote div.kc_content_block p {
    text-align: center; }
  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .container::after {
      display: table;
      clear: both;
      content: '';
      overflow: hidden; } }
  @media screen and (min-width: 480px) {
    .container {
      max-width: 95%; } }
  @media screen and (min-width: 768px) {
    .container {
      max-width: 95%; } }
  @media screen and (min-width: 992px) {
    .container {
      max-width: 959px; } }
  @media screen and (min-width: 1200px) {
    .container {
      max-width: 1210px; } }

@media screen {
  .row {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .row::after {
      display: table;
      clear: both;
      content: '';
      overflow: hidden; }
   .col-xs-4, .col-xs-8, .col-xs-12, .col-sm-12, .col-md-4, .col-md-6, .col-md-8, .col-md-12, .col-lg-5, .col-lg-6, .col-lg-7 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
   .col-xs-4, .col-xs-8, .col-xs-12 {
    float: left; }
  .col-xs-4 {
    width: 33.33333%; }
  .col-xs-8 {
    width: 66.66667%; }
  .col-xs-12 {
    width: 100%; } }

@media screen and (min-width: 480px) {
   .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; } }

@media screen and (min-width: 768px) {
   .col-md-4, .col-md-6, .col-md-8, .col-md-12 {
    float: left; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-12 {
    width: 100%; } }

@media screen and (min-width: 992px) {
   .col-lg-5, .col-lg-6, .col-lg-7 {
    float: left; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; } }

@media screen {
  /* TYPOGRAPHY
============================================================ */
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "OpenSansLight", sans-serif;
    font-weight: normal;
    line-height: 30px;
    text-transform: none;
    margin: 0 0 15px 0;
    -webkit-font-smoothing: antialiased; }
    .h1.bold, .h2.bold, .h3.bold, .h4.bold, .h5.bold, .h6.bold {
      font-family: "OpenSansSemibold", sans-serif; }
  .h1 {
    font-size: 42px;
    line-height: 1;
    color: #4A6E7F; } }
  @media screen and (max-width: 991.9px) {
    .h1 {
      font-size: 22px; } }

@media screen {
  .h2 {
    font-size: 28px;
    line-height: 36px;
    color: #1F8A70; }
    .h2.secondary {
      color: #29ABE2; } }
  @media screen and (max-width: 991.9px) {
    .h2 {
      font-size: 20px;
      line-height: 30px; } }

@media screen {
  .h3 {
    font-size: 20px;
    color: #86C308; }
    .h3.dark {
      color: #40748B; } }
  @media screen and (max-width: 991.9px) {
    .h3 {
      font-size: 15px;
      line-height: 20px; } }

@media screen {
  .h4 {
    font-size: 18px;
    color: #1F8A70; }
  .p {
    font-size: 16px;
    line-height: 26px; } }
  @media screen and (max-width: 991.9px) {
    .p {
      font-size: 14px;
      line-height: 20px; } }

@media screen {
  .lead {
    font-size: 18px;
    line-height: 30px;
    color: #555B60 !important; } }
  @media screen and (max-width: 767.9px) {
    .lead {
      font-size: 15px;
      line-height: 20px; } }

@media screen {
  .small {
    font-size: 14px;
    line-height: 20px; } }
  @media screen and (max-width: 767.9px) {
    .small {
      font-size: 12px; } }

@media screen {
  .p, .lead, .small {
    margin-bottom: 15px;
    font-family: "OpenSansRegular", sans-serif;
    color: #8C939A;
    -webkit-font-smoothing: antialiased; }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .kc_content_block {
    display: block;
    height: 100%; } }

@media screen {
  /* BUTTONS
============================================================ */
  .btn {
    position: relative;
    display: inline-block;
    font-family: "OpenSansSemibold", sans-serif;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    -webkit-font-smoothing: antialiased;
    border-radius: 4px;
    padding: 11px 19.5px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .btn.disabled, .btn:disabled {
      cursor: not-allowed;
      opacity: .65;
      box-shadow: none; }
  .btn-default {
    color: #FFF !important;
    background-color: #1F8A70;
    border-color: #1F8A70; } }
  @media screen and (hover: hover) {
    .btn-default:hover {
      text-decoration: none;
      color: #FFF !important;
      background-color: #16604e;
      border-color: #145847; } }

@media screen {
    .btn-default:focus, .btn-default.focus {
      color: #FFF !important;
      background-color: #16604e;
      border-color: #145847; }
    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
      color: #FFF !important;
      background-color: #16604e;
      background-image: none;
      border-color: #145847;
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
      .open > .btn-default.dropdown-toggle:hover,
      .open > .btn-default.dropdown-toggle:focus,
      .open > .btn-default.dropdown-toggle.focus {
        color: #FFF !important;
        background-color: #0f4337;
        border-color: #08221c; }
    .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default:disabled:focus, .btn-default:disabled.focus,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default.focus {
      background-color: #1F8A70;
      border-color: #1F8A70; } }
  @media screen and (hover: hover) {
    .btn-default.disabled:hover, .btn-default:disabled:hover,
    fieldset[disabled] .btn-default:hover {
      background-color: #1F8A70;
      border-color: #1F8A70; } }

@media screen {
  .btn-primary {
    color: #FFF !important;
    background-color: #86C308;
    border-color: #86C308; } }
  @media screen and (hover: hover) {
    .btn-primary:hover {
      text-decoration: none;
      color: #FFF !important;
      background-color: #649206;
      border-color: #5e8806; } }

@media screen {
    .btn-primary:focus, .btn-primary.focus {
      color: #FFF !important;
      background-color: #649206;
      border-color: #5e8806; }
    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
      color: #FFF !important;
      background-color: #649206;
      background-image: none;
      border-color: #5e8806;
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
      .open > .btn-primary.dropdown-toggle:hover,
      .open > .btn-primary.dropdown-toggle:focus,
      .open > .btn-primary.dropdown-toggle.focus {
        color: #FFF !important;
        background-color: #4d7005;
        border-color: #324903; }
    .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus {
      background-color: #86C308;
      border-color: #86C308; } }
  @media screen and (hover: hover) {
    .btn-primary.disabled:hover, .btn-primary:disabled:hover,
    fieldset[disabled] .btn-primary:hover {
      background-color: #86C308;
      border-color: #86C308; } }

@media screen {
  .btn-outline-lightest {
    color: #FFF !important;
    background-color: transparent;
    background-image: none;
    border-width: 2px;
    border-radius: 4px;
    border-color: #FFF; }
    .btn-outline-lightest:focus, .btn-outline-lightest.focus, .btn-outline-lightest:active, .btn-outline-lightest.active,
    .open > .btn-outline-lightest.dropdown-toggle {
      color: #f0f0f0;
      border-color: #f0f0f0; } }
  @media screen and (hover: hover) {
    .btn-outline-lightest:hover {
      text-decoration: none;
      color: #f0f0f0;
      border-color: #f0f0f0; } }

@media screen {
    .btn-outline-lightest.disabled:focus, .btn-outline-lightest.disabled.focus, .btn-outline-lightest:disabled:focus, .btn-outline-lightest:disabled.focus,
    fieldset[disabled] .btn-outline-lightest:focus,
    fieldset[disabled] .btn-outline-lightest.focus {
      border-color: white; } }
  @media screen and (hover: hover) {
    .btn-outline-lightest.disabled:hover, .btn-outline-lightest:disabled:hover,
    fieldset[disabled] .btn-outline-lightest:hover {
      border-color: white; } }

@media screen {
    .btn-outline-lightest:hover {
      background-color: #FFF;
      color: #86C308 !important; } }
  @media screen and (max-width: 767.9px) {
    .btn-outline-lightest {
      padding: 8px 15px;
      font-size: 14px; } }

@media screen {
  .button-group .btn {
    margin: 0 10px; }
    .button-group .btn:first-child {
      margin-left: 0; }
    .button-group .btn:last-child {
      margin-right: 0; } }
  @media screen and (max-width: 767.9px) {
    .button-group .btn {
      margin: 0 5px 10px 0; } }

@media screen {
  .btn-has-icon {
    padding-right: 39.5px; }
    .btn-has-icon.btn-lg {
      padding-right: 50px; }
      .btn-has-icon.btn-lg .icon {
        top: 13px;
        right: 15px; }
        .btn-has-icon.btn-lg .icon::before {
          font-size: 22px; } }
      @media screen and (max-width: 991.9px) {
        .btn-has-icon.btn-lg .icon {
          top: 9px; } }

@media screen {
    .btn-has-icon .icon {
      position: absolute;
      top: 3px;
      right: 5px; }
  .btn-lg {
    padding: 10px 20px;
    font-size: 20px;
    line-height: 30px;
    border-radius: 4px; } }
  @media screen and (max-width: 991.9px) {
    .btn-lg {
      padding: 3px 10px;
      font-size: 14px;
      line-height: 34px; } }

@media screen {
  .text-link {
    font-family: "OpenSansSemibold", sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #29ABE2 !important;
    -webkit-font-smoothing: antialiased;
    transition: color 0.3s ease-in; }
    .text-link:hover {
      color: #86C308 !important; }
    .text-link.dark {
      color: #1F8A70 !important; }
      .text-link.dark:hover {
        color: #879B9B !important; }
    .text-link.has-icon-left {
      position: relative;
      padding-left: 25px; }
      .text-link.has-icon-left .icon {
        position: absolute;
        top: 2px;
        left: 0; } }
  @media screen and (max-width: 767.9px) {
    .text-link {
      font-size: 14px; } }

@media screen {
  .btn-social {
    padding: 0;
    font-family: "OpenSansSemibold", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #29ABE2;
    -webkit-font-smoothing: antialiased;
    transition: color 0.3s ease-in; }
    .btn-social.has-icon {
      line-height: 20px; }
    .btn-social:hover {
      color: #3B5998; } }
  @media screen and (min-width: 768px) {
    .btn-social {
      font-size: 16px; } }
  @media screen and (max-width: 980px) {
    .btn-social .btn-text {
      display: none; }
    .btn-social .icon {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3); } }

@media screen {
  .menu-toggle .icon {
    top: -1px !important;
    left: -4px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .menu-toggle.collapsed .icon {
    top: 1px !important;
    left: 0 !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@media screen {
  .menu-toggle {
    display: block; }
  .btn-link {
    padding-top: 2px;
    padding-bottom: 0;
    font-family: 'OpenSansSemibold', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #1F8A70 !important; }
    .btn-link:hover {
      color: #16604e !important; } }
  @media screen and (max-width: 767.9px) {
    .btn-link {
      font-size: 14px; } }

@media screen {
  /* LABELS
============================================================ */
  .label {
    display: inline-block;
    position: relative;
    font-family: "OpenSansSemibold", sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    color: #72A901;
    white-space: nowrap;
    vertical-align: baseline; }
    .label:empty {
      display: none; }
    .label ~ .label {
      margin-top: 3px; } }
  @media screen and (max-width: 991.9px) {
    .label {
      white-space: normal;
      font-size: 14px;
      line-height: 24px; } }

@media screen {
  .label-primary {
    display: inline-block;
    margin: 1px 0;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 20px;
    border-radius: 3px;
    color: #FFF;
    background-color: #86C308; }
  .date {
    display: inline-block;
    margin: 1px 0;
    padding: 5px 5px;
    font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    color: #FFF;
    border-radius: 2px; }
  .badge {
    display: inline-block;
    margin: 1px 0;
    padding: 5px 9px;
    font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    border-radius: 2px;
    color: #FFF; }
  .badge-primary {
    background-color: #86C308; }
  .badge-secondary {
    background-color: #29ABE2; }
  /* FORM
============================================================ */
  /* CHECKBOX
============================================================ */
  .checkbox {
    display: block;
    min-height: 20px; }
    .checkbox input[type="checkbox"] {
      display: none; }
    .checkbox input[type="checkbox"] + label {
      display: block;
      position: relative;
      padding-left: 30px;
      font-family: "OpenSansRegular", sans-serif;
      font-size: 15px;
      font-weight: normal;
      line-height: 20px;
      text-transform: none;
      color: #6B8989;
      cursor: pointer;
      box-sizing: border-box; }
      .checkbox input[type="checkbox"] + label::before {
        display: inline-block;
        position: absolute;
        left: 0;
        width: 20px;
        height: 20px;
        margin-top: 1px;
        background-color: #FFF;
        border: 3px solid #FFF;
        box-shadow: 0 0 0 1px #6B8989;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: ''; } }
    @media screen and (max-width: 767.9px) {
      .checkbox input[type="checkbox"] + label {
        font-size: 14px; } }

@media screen {
    .checkbox input[type="checkbox"]:checked + label {
      color: #1F8A70; }
      .checkbox input[type="checkbox"]:checked + label::before {
        border-width: 3px;
        background-color: #1F8A70; }
    .checkbox input[type="checkbox"]:disabled + label {
      color: #CCD6D6; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        box-shadow: 0 0 0 1px #CCD6D6; }
    .checkbox input[type="checkbox"]:checked:disabled + label {
      color: #CCD6D6; }
      .checkbox input[type="checkbox"]:checked:disabled + label::before {
        background-color: #CCD6D6; } }

@media screen {
  /* RADIO
============================================================ */
  .radio input[type="radio"] {
    display: none; }
  .radio input[type="radio"] + label {
    position: relative;
    padding-left: 30px;
    font-family: "OpenSansRegular", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    text-transform: none;
    color: #6B8989;
    cursor: pointer; }
    .radio input[type="radio"] + label::before {
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 20px;
      height: 20px;
      background-color: #FFF;
      border: 3px solid #FFF;
      border-radius: 90px;
      box-shadow: 0 0 0 1px #6B8989;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      content: ''; }
  .radio input[type="radio"]:checked + label {
    color: #1F8A70; }
    .radio input[type="radio"]:checked + label::before {
      border-width: 6px;
      background-color: #1F8A70; }
  .radio input[type="radio"]:checked:disabled + label {
    color: #CCD6D6; }
    .radio input[type="radio"]:checked:disabled + label::before {
      border-width: 6px;
      background-color: #CCD6D6; }
  .radio input[type="radio"]:disabled + label {
    color: #CCD6D6; }
    .radio input[type="radio"]:disabled + label::before {
      box-shadow: 0 0 0 1px #CCD6D6; }
  /* UTILITIES
============================================================ */
  .clearfix::after {
    display: table;
    clear: both;
    content: '';
    overflow: hidden; }
  .pull-right {
    float: right !important; } }

@media screen {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
  .negative {
    color: #FFF; }
  [hidden] {
    display: none !important; }
  .lighten {
    opacity: .5; }
  .text-right {
    text-align: right !important; }
  .text-center {
    text-align: center !important; }
  .text-xs-left {
    text-align: left !important; }
  .text-xs-center {
    text-align: center !important; } }

@media screen and (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media screen and (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; } }

@media screen {
  .text-upper {
    text-transform: uppercase; }
  .offset-y-inside-large {
    padding-top: 80px;
    padding-bottom: 80px; }
  .offset-y-inside {
    padding-top: 40px;
    padding-bottom: 40px; }
  .offset-y-inside-small {
    padding-top: 20px;
    padding-bottom: 20px; }
  .offset-bottom-inside-medium {
    padding-bottom: 15px; }
  .offset-top-xsmall {
    margin-top: 10px; }
  .offset-bottom-small {
    margin-bottom: 20px; }
  .offset-bottom {
    margin-bottom: 40px; }
  .offset-top-inside {
    padding-top: 40px; }
  .offset-bottom-inside {
    padding-bottom: 40px; }
  .offset-right-inside-small {
    padding-right: 20px; }
  .offset-sm-x-inside {
    padding-left: 30px;
    padding-right: 30px; } }

@media screen and (max-width: 767.9px) {
  .offset-sm-top-inside-xsmall {
    padding-top: 10px; } }

@media screen {
  .offset-bottom-removed {
    margin-bottom: 0; } }

@media screen and (max-width: 767.9px) {
  .offset-sm-bottom-inside-xsmall {
    padding-bottom: 5px; } }

@media screen and (max-width: 767.9px) {
  .offset-sm-bottom-small {
    margin-bottom: 20px; } }

@media screen and (max-width: 767.9px) {
  .offset-y-sm-inside-xsmall {
    padding: 10px 0; } }

@media screen and (max-width: 767.9px) {
  .offset-sm-bottom-inside-removed {
    padding-bottom: 0; } }

@media screen and (max-width: 767.9px) {
  .offset-y-sm-inside-medium {
    padding-top: 25px;
    padding-bottom: 25px; } }

@media screen and (max-width: 768px) {
  .full-width-tablet {
    max-width: 100%; } }

@media screen {
  .bg-dark {
    background-color: #F4F6F6; } }

@media screen and (max-width: 767.9px) {
  .hidden-sm-down {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media screen {
  /* ICONS
============================================================ */
  .icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 1;
    vertical-align: middle; }
    .icon::before {
      display: inline-block;
      position: relative;
      font-family: 'Pe-icon-7-stroke';
      font-weight: normal;
      font-variant: 600;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      speak: none;
      content: ''; }
  .icon-arrow-right::before {
    font-size: 18px;
    content: '\e685'; }
  .icon-arrow-down::before {
    font-size: 18px;
    content: '\e689'; }
  .icon-arrow-right-stripped {
    width: auto;
    height: auto;
    padding-left: 5px; }
    .icon-arrow-right-stripped::before {
      font-size: 26px;
      content: '\e684'; }
  .icon-phone:before {
    display: inline-block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 1;
    vertical-align: middle;
    background-image: url("../svg/sprite.svg");
    background-repeat: no-repeat;
    /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
    background-position: -940px -140px;
    content: ''; }
  .icon-mail:before {
    display: inline-block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 1;
    vertical-align: middle;
    background-image: url("../svg/sprite.svg");
    background-repeat: no-repeat;
    /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
    background-position: -740px -140px;
    content: ''; }
  .icon-facebook:before {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 1;
    vertical-align: middle;
    background-image: url("../svg/sprite.svg");
    background-repeat: no-repeat;
    /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
    background-position: -1240px -540px;
    content: ''; }
  .icon-brand {
    width: 60px;
    height: 60px; }
    .icon-brand:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -20px -20px;
      content: ''; }
  .icon-payment {
    width: 60px;
    height: 60px; }
    .icon-payment:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -420px -20px;
      content: ''; }
  .icon-hours {
    width: 60px;
    height: 60px; }
    .icon-hours:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -320px -20px;
      content: ''; }
  .icon-training {
    width: 60px;
    height: 60px; }
    .icon-training:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -220px -20px;
      content: ''; }
  .icon-timesaving {
    width: 60px;
    height: 60px; }
    .icon-timesaving:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -520px -20px;
      content: ''; }
  .icon-community {
    width: 60px;
    height: 60px; }
    .icon-community:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -120px -20px;
      content: ''; }
  .icon-twitter {
    width: 45px;
    height: 45px;
    border-radius: 90px;
    background-color: #CCD6D6;
    transition: background-color 0.3s ease-in; }
    .icon-twitter:before {
      display: inline-block;
      position: absolute;
      top: 9px;
      left: 10px;
      width: 45px;
      height: 45px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -1337.5px -737.5px;
      content: ''; }
  .icon-facebook-large {
    width: 45px;
    height: 45px;
    border-radius: 90px;
    background-color: #CCD6D6;
    transition: background-color 0.3s ease-in; }
    .icon-facebook-large:before {
      display: inline-block;
      position: absolute;
      top: 9px;
      left: 10px;
      width: 45px;
      height: 45px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -1237.5px -737.5px;
      content: ''; }
  .icon-linkedin {
    width: 45px;
    height: 45px;
    border-radius: 90px;
    background-color: #CCD6D6;
    transition: background-color 0.3s ease-in; }
    .icon-linkedin:before {
      display: inline-block;
      position: absolute;
      top: 9px;
      left: 10px;
      width: 45px;
      height: 45px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -1137.5px -737.5px;
      content: ''; }
  .icon-instagram {
    width: 45px;
    height: 45px;
    background-color: #CCD6D6;
    border-radius: 90px;
    transition: background-color 0.3s ease-in; }
    .icon-instagram:before {
      display: inline-block;
      position: absolute;
      top: 9px;
      left: 10px;
      width: 45px;
      height: 45px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -1438px -737.5px;
      content: ''; }
  .icon-pencil {
    width: 20px;
    height: 20px; }
    .icon-pencil:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -1540px -140px;
      content: ''; }
  .icon-location {
    width: 20px;
    height: 20px; }
    .icon-location:before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -440px -140px;
      content: ''; }
  .icon-arrow-dropdown {
    width: 20px;
    height: 20px; }
    .icon-arrow-dropdown::before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 76px;
      height: 70px;
      line-height: 1;
      vertical-align: middle;
      background-image: url("../svg/sprite.svg");
      background-repeat: no-repeat;
      /*@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
        background-image: url('../sv/sprite-2x.png');
    }*/
      background-position: -40px -1040px;
      content: ''; }
  a:hover .icon-pencil:before, .active .icon-pencil:before {
    background-position: -1540px -240px; }
  a:hover .icon-location:before, .active .icon-location:before {
    background-position: -440px -240px; }
  a:hover .icon-facebook-large, .active .icon-facebook-large {
    background-color: #86C308; }
  a:hover .icon-linkedin,
  a:hover .icon-twitter,
  a:hover .icon-instagram, .active .icon-linkedin,
  .active .icon-twitter,
  .active .icon-instagram {
    background-color: #86C308; }
  a:hover .icon-facebook:before, .active .icon-facebook:before {
    background-position: -1340px -540px; }
  /* DROPDOWN
============================================================ */
  .dropdown {
    position: relative;
    margin: 10px 0; }
    .dropdown::after {
      display: table;
      clear: both;
      content: '';
      overflow: hidden; }
    .dropdown .dropdown-toggle {
      float: left; }
      .dropdown .dropdown-toggle:active {
        outline: 0; }
    .dropdown.open .dropdown-toggle {
      border-color: #adadad;
      background-image: none; }
    .dropdown.open .dropdown-menu {
      display: block; }
    .dropdown.open .dropdown-group-addon {
      background-color: #F1F1F1; }
      .dropdown.open .dropdown-group-addon .icon {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
    .dropdown:hover .dropdown-group-addon {
      background-color: #F1F1F1; }
  .dropdown-toggle {
    position: relative;
    display: table;
    border-collapse: separate;
    background: none;
    border: 0;
    padding: 0;
    outline: 0; }
    .dropdown-toggle .dropdown-text {
      display: table-cell;
      width: 100%;
      padding: 10px 11px;
      font-family: "OpenSansRegular", sans-serif;
      font-size: 15px;
      text-align: left;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      color: #6B8989;
      background-color: #FFF;
      background-image: none;
      border: 1px solid #98B5B5;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 3px;
      outline: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .dropdown-toggle .dropdown-group-addon {
      display: table-cell;
      width: 1%;
      padding: 10px 10px;
      font-family: "OpenSansRegular", sans-serif;
      font-size: 15px;
      background-color: #FFF;
      background-image: none;
      border: 1px solid #98B5B5;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 3px;
      outline: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left: 0;
      transition: backgroun-color 0.3s ease-in; }
  .dropdown-menu {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 150px;
    overflow: hidden;
    overflow-y: auto;
    top: 50px;
    left: 0;
    z-index: 1000;
    float: left;
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #6B8989;
    text-align: left;
    list-style: none;
    background-color: #FFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #98B5B5;
    border-radius: 3px; }
  .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 15px;
    clear: both;
    font-weight: 400;
    color: #6B8989 !important;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    touch-action: manipulation;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none; }
    .dropdown-item:hover {
      background-color: #F1F1F1; }
  /* HEADER
============================================================ */
  .header-primary {
    border-bottom: 1px solid #CCD6D6; }
  .site-logo img {
    max-width: 100%;
    height: auto; }
  /* FOOTER
============================================================ */
  .footer-primary {
    border-top: 1px solid #CCD6D6; }
  /* LIST
============================================================ */
  .list-inline {
    display: inline-block; }
    .list-inline .list-item {
      display: inline-block;
      padding-left: 7.5px;
      padding-right: 7.5px; }
      .list-inline .list-item:first-child {
        padding-left: 0; }
      .list-inline .list-item:last-child {
        padding-right: 0; }
  .list-none {
    margin: 0;
    padding: 0;
    list-style: none; }
  .list-item.has-icon {
    display: block;
    margin: 10px 0; }
    .list-item.has-icon .icon {
      margin-right: 5px; } }

@media screen and (max-width: 767.9px) {
  .list-social {
    display: block;
    width: 100%; }
    .list-social::after {
      display: table;
      clear: both;
      content: '';
      overflow: hidden; }
    .list-social .list-item {
      display: block;
      text-align: center;
      float: left;
      margin: 0;
      width: 29.33333%; } }

@media screen and (max-width: 767.9px) {
  .list-social {
    text-align: center; }
    .list-social .list-item {
      display: inline-block;
      float: none;
      padding: 0;
      text-align: center; } }

@media screen {
  /* BLOCKQUOTE
============================================================ */
  .blockquote {
    margin: 15px 0;
    padding: 0;
    font-family: "OpenSansRegular", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
    color: #555B60; } }
  @media screen and (max-width: 767.9px) {
    .blockquote {
      font-size: 15px;
      line-height: 24px; } }

@media screen {
  /* LINE
============================================================ */
  .line {
    display: block;
    margin: 5px 0;
    border: 0;
    border-bottom: 1px solid #8C939A; }
  /* MESSAGES
============================================================ */
  .message {
    display: block;
    margin: 10px 0;
    padding: 15px 20px; }
  /* NAVIGATION
============================================================ */
  .nav-primary {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none; }
    .nav-primary .nav-items {
      margin: 0;
      padding: 0; }
    .nav-primary .nav-item {
      display: block;
      float: left;
      font-family: "OpenSansSemibold", sans-serif;
      font-size: 15px;
      text-transform: uppercase;
      border-left: 1px solid #E5EBEB;
      -webkit-font-smoothing: antialiased; }
      .nav-primary .nav-item a {
        padding: 0 14px;
        line-height: 1.2;
        text-decoration: none;
        color: #86C308;
        -webkit-font-smoothing: antialiased; }
      .nav-primary .nav-item:first-child {
        border-left: 0; }
        .nav-primary .nav-item:first-child a {
          padding-left: 0; }
      .nav-primary .nav-item:hover a, .nav-primary .nav-item.active a {
        color: #1F8A70; } }
  @media screen and (max-width: 991.9px) {
    .nav-primary .nav-item, .nav-primary .nav-item a {
      font-size: 14px; } }
  @media screen and (max-width: 767.9px) {
    .nav-primary {
      margin: 0 -15px; }
      .nav-primary .nav-item {
        float: none;
        border-left: 0;
        border-top: 1px solid #E5EBEB; }
        .nav-primary .nav-item a {
          display: block;
          padding: 15px 20px 15px 40px;
          float: none; }
        .nav-primary .nav-item:first-child a {
          padding-left: 40px; } }

@media screen {
  /* BANNER
============================================================ */
  .banner {
    display: block;
    position: relative; }
  .banner-visual {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .banner-details {
    display: block;
    width: 100%;
    max-width: 860px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .banner-title {
    margin: 20px 0;
    font-family: "OpenSansLight", sans-serif;
    font-size: 50px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    color: #FFF; } }
  @media screen and (max-width: 767.9px) {
    .banner-title {
      font-size: 24px;
      line-height: 28px; } }
  @media screen and (max-width: 479.9px) {
    .banner-title {
      padding: 0 30px; } }

@media screen and (max-width: 425px) {
  .banner-image {
    width: 80px;
    margin-top: 25px; } }

@media screen {
  .banner-description {
    font-family: "OpenSansLight", sans-serif;
    font-size: 28px;
    text-transform: none;
    color: #FFF;
    text-align: center !important;
    line-height: 1.2; } }
  @media screen and (max-width: 767.9px) {
    .banner-description {
      font-size: 18px;
      line-height: 1.5; } }
  @media screen and (max-width: 479.9px) {
    .banner-description {
      padding: 0 25px;
      font-size: 14px;
      line-height: 1.5; } }

@media screen {
  .banner-homepage {
    height: 450px;
    overflow: hidden; } }
  @media screen and (max-width: 767.9px) {
    .banner-homepage {
      height: 300px; } }

@media screen {
  .banner-testimonials {
    height: 500px;
    overflow: hidden; } }
  @media screen and (max-width: 767.9px) {
    .banner-testimonials {
      height: 300px; } }

@media screen {
  .banner-cta {
    height: 500px;
    overflow: hidden; }
    .banner-cta .banner-title {
      text-transform: none; } }
  @media screen and (max-width: 767.9px) {
    .banner-cta {
      height: 300px; } }

@media screen {
  /* HOLDER
============================================================ */ }

@media screen and (max-width: 767.9px) {
  .card-list > div {
    margin-bottom: 25px; }
    .card-list > div:last-child {
      margin-bottom: 0; } }

@media screen {
  .card-flag .btn {
    font-family: "OpenSansRegular", sans-serif;
    color: #1F8A70; } }

@media screen and (min-width: 890px) and (max-width: 1199px) {
  .ms-card .card-flag {
    padding-left: 12px; }
  .card-flag .h2 {
    display: block; } }

@media screen and (max-width: 767.9px) {
  .card-flag {
    border-top: 1px solid #CCD6D6;
    border-bottom: 1px solid #CCD6D6; } }

@media screen {
  .flag-label {
    display: inline-block;
    position: relative;
    padding-right: 45px;
    font-family: "OpenSansSemibold", sans-serif;
    line-height: 30px; }
  .flag-icon {
    position: absolute;
    top: 4px;
    right: 0; }
  .card-identity {
    display: block;
    position: relative;
    padding: 13px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #D2DDDD; }
    .card-identity .card-title {
      margin-bottom: 2px;
      color: #1F8A70; }
    .card-identity .card-text {
      margin-bottom: 0;
      font-size: 15px;
      line-height: 15px;
      color: #879B9B; }
    .card-identity .list-item a {
      text-decoration: none; }
    .card-identity .card-image {
      position: absolute;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      border-radius: 90px; } }

@media screen and (min-width: 768px) and (max-width: 991.9px) {
  .card-identity .card-image {
    width: 80px; } }
    @media screen and (max-width: 767.9px) {
      .card-identity .card-image {
        display: block;
        position: static;
        top: auto;
        right: auto;
        width: 130px;
        margin: 0 auto 10px auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 80px; } }

@media screen {
    .card-identity .card-status {
      margin: 6px 0; }
    .card-group .card-identity {
      margin-bottom: 30px; }
  .card-cta {
    display: block;
    position: relative;
    padding: 30px;
    background-color: #FFF;
    border: 1px solid #D2DDDD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .card-cta.has-badge {
      position: relative; } }
    @media screen and (max-width: 991.9px) {
      .card-cta.has-badge {
        padding-left: 30px !important;
        text-align: center; } }

@media screen {
      .card-cta.has-badge .badge {
        position: absolute;
        top: 30px;
        left: 30px;
        display: inline-block;
        float: left;
        padding: 5px 14px 9px;
        height: 48px;
        font-size: 30px;
        line-height: 39px;
        letter-spacing: 2px; } }
      @media screen and (max-width: 991.9px) {
        .card-cta.has-badge .badge {
          position: static;
          display: inline-block;
          margin-bottom: 20px;
          text-align: center;
          float: none; } }

@media screen {
    .card-cta .cta-text {
      float: left;
      padding: 0 25px; } }
    @media screen and (max-width: 991.9px) {
      .card-cta .cta-text {
        float: none;
        padding: 0; } }

@media screen {
    .card-cta .card-title {
      line-height: 1;
      margin-bottom: 5px; }
    .card-cta .card-text {
      font-size: 18px;
      color: #567777; } }
  @media screen and (max-width: 991.9px) {
    .card-cta {
      text-align: center; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .card-cta {
      min-height: 125px;
      padding: 15px; }
      .card-cta .cta-text {
        padding: 0 20px;
        max-width: 71%; } }

@media screen {
  .cta-primary .h2 {
    color: #86C308; }
  .cta-secondary .h2 {
    color: #29ABE2; }
  .card-point {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center; }
    .card-point .card-title {
      color: #72A901; } }
    @media screen and (max-width: 767.9px) {
      .card-point .card-title {
        font-size: 18px; } }

@media screen {
    .card-point .p {
      text-align: center; } }
  @media screen and (max-width: 767.9px) {
    .card-point {
      padding-top: 15px;
      padding-bottom: 15px; } }

@media screen {
  .card-testimonial .blockquote {
    margin-bottom: 20px;
    font-family: "OpenSansLight", sans-serif; } }
  @media screen and (max-width: 767.9px) {
    .card-testimonial .blockquote {
      margin-bottom: 7px; } }

@media screen {
  .card-testimonial .card-title {
    font-family: "OpenSansRegular", sans-serif;
    line-height: 30px;
    margin-bottom: 0; } }
  @media screen and (max-width: 767.9px) {
    .card-testimonial .card-title {
      font-size: 16px;
      line-height: 20px; } }

@media screen {
  .card-testimonial .card-text {
    font-size: 15px;
    line-height: 20px; } }
  @media screen and (max-width: 767.9px) {
    .card-testimonial .card-text {
      font-size: 14px; } }

@media screen {
  .card-about .card-title {
    color: #555B60; } }
  @media screen and (max-width: 991.9px) {
    .card-about .card-title {
      font-size: 18px; } }

@media screen {
  .card-about .card-text {
    min-height: 130px;
    text-align: left; } }
  @media screen and (max-width: 991.9px) {
    .card-about .card-text {
      min-height: 120px; } }
  @media screen and (max-width: 767.9px) {
    .card-about .card-text {
      min-height: 0; } }

@media screen {
  /* FOOTER
============================================================ */ }

@media screen and (max-width: 767.9px) {
  .border-top-sm {
    border-top: 1px solid #CCD6D6; } }

@media screen {
  /* FAQ
============================================================ */ }

@media screen {
  .collapse {
    display: none; }
    .collapse.in {
      display: block; }
  /* MODAL
============================================================ */
  .modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
    .modal.in {
      background-color: rgba(46, 51, 55, 0.5); }
      .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); }
    .modal.fade .modal-dialog {
      -webkit-transition: transform .3s ease-out;
      -moz-transition: transform .3s ease-out;
      -ms-transition: transform .3s ease-out;
      -o-transition: transform .3s ease-out;
      transition: transform .3s ease-out; }
    .modal .dropdown {
      margin-top: 0;
      margin-bottom: 20px; }
    .modal .dropdown-toggle .dropdown-text,
    .modal .dropdown-toggle .dropdown-group-addon {
      border-radius: 0; }
    .modal .dropdown-menu {
      border-radius: 0; }
  .modal-dialog {
    position: relative;
    width: auto;
    max-width: 789px;
    margin: 5% auto auto auto;
    background-color: #FFF; } }
  @media screen and (max-width: 991.9px) {
    .modal-dialog {
      max-width: 90%; }
      .modal-dialog .tab-content {
        margin-top: 20px; } }

@media screen {
  .modal-header {
    padding: 20px;
    border-bottom: 1px solid #CCD6D6; }
  .modal-title {
    margin-bottom: 0; }
  .modal-body {
    padding: 20px; }
  .modal-footer {
    padding: 20.5px 20px 20px 20px;
    border-top: 1px solid #CCD6D6; }
    .modal-footer .btn {
      border-radius: 0; }
    .modal-footer::after {
      display: table;
      clear: both;
      content: '';
      overflow: hidden; }
  /* TAB
============================================================ */
  .tab-default .tab-item {
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid #D2DDDD;
    transition: background-color 0.3s ease; }
    .tab-default .tab-item a {
      display: block;
      position: relative;
      padding: 15px;
      font-size: 16px;
      text-decoration: none;
      color: #72A901; }
    .tab-default .tab-item .icon {
      position: absolute;
      top: 15px;
      left: 10px; }
    .tab-default .tab-item.has-icon a {
      padding-left: 40px; }
    .tab-default .tab-item:hover, .tab-default .tab-item.active {
      color: #FFF;
      background-color: #1F8A70;
      border-color: transparent; }
      .tab-default .tab-item:hover a, .tab-default .tab-item.active a {
        color: #FFF; }
    .tab-default .tab-item:last-child {
      margin-bottom: 0; }
  .tab-default .tab-pane {
    display: none; }
    .tab-default .tab-pane.active {
      display: block; }
  /* WIZARD
============================================================ */
  /* MAP
============================================================ */
  .map {
    display: block;
    position: relative;
    margin: 20px 0;
    width: 100%;
    height: 200px;
    background-color: #F4F6F6;
    background-image: url("../img/map.png");
    background-repeat: no-repeat;
    background-position: center center; }
    .map iframe {
      width: 100%;
      max-width: 100%;
      height: 100%;
      max-height: 100%; }
  /* GRID
============================================================ */ }

/* end screen */
@media print {
  /* ==========================================================

   Print styles

========================================================== */ }

@media print {
  body {
    margin: 1cm;
    /* use own value */
    font-family: Verdana, sans-serif;
    font-size: 11pt;
    line-height: 140%; }
  header.primary .logo img {
    width: 239px;
    height: auto; }
  h1 {
    font-size: 16pt;
    margin: 0 0 1.5em 0; }
  h2 {
    font-size: 14pt; }
  h3 {
    font-size: 12pt; }
   blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  table {
    border-collapse: collapse; }
  th {
    font-weight: bold; }
  td, td img {
    vertical-align: top; }
  thead {
    display: table-header-group; }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  /* links */
  a:link, a:visited {
    color: gray; }
  /* print URLs after link text - use with caution */
  /*
	a:link:after, a:visited:after {
	  content: " (" attr(href) ") ";
	  font-size: 85%;
	  font-weight: normal;
	  color: #666;
	}
	*/
  /* See http://www.alistapart.com/articles/improvingprint for urls in footnote (with javascript) */
  abbr:after {
    content: " (" attr(title) ")"; }
  .ir a:after {
    content: ""; }
  /* Don't show links for images */
  /* layout */
  
  #skip,
  #lang,
  footer.primary,
  #nav,
  hr,
  .logo .photo {
    display: none; } }

@media print {
  /* end print */ }

/* end print */