@charset "UTF-8";
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

/* ==========================================================================
   Typography
   ========================================================================== */
* {
  outline: none; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

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

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
/*
p {
  -webkit-hyphens: auto;
  -epub-hyphens:   auto;
  -moz-hyphens:    auto;
  hyphens:         auto;

}*/
/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

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

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  max-width: 100%;
  outline: none; }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/*********************
TRANSITION
@include transition(all 0.2s ease-in-out);
*********************/
/*********************
BORDER RADIUS
@include border-radius(5px);
*********************/
/*********************
CSS3 GRADIENTS
@include css-gradient(#dfdfdf,#f8f8f8);
*********************/
/*********************
BOX SIZING
@include box-sizing(border-box);
*********************/
/*********************
OPACITY
@include opacity(0.5);
*********************/
/*********************
ROTATE
@include rotate(45deg);
*********************/
/*********************
TRANSFORM
@include transform(translateY(0));
*********************/
/*********************
SKEW
@include skew(25,10);
*********************/
/*********************
BOX SHADOW
@include box-shadow(0,0,0,0,black);
*********************/
/*********************
KEYFRAMES
@include keyframes(bounce)
*********************/
/*********************
KEYFRAMES
@include animation(bounce 5s infinite)
*********************/
/*********************
BG COVER
@include bg-cover(center center);
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
.last-col {
  padding-right: 0 !important; }

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  .m-all {
    padding-right: 5%;
    width: 100%;
    padding-right: 0; }
  .m-1of2 {
    padding-right: 5%;
    width: 50%; }
  .m-1of3 {
    padding-right: 5%;
    width: 33.33%; }
  .m-2of3 {
    padding-right: 5%;
    width: 66.66%; }
  .m-1of4 {
    padding-right: 5%;
    width: 25%; }
  .m-3of4 {
    padding-right: 5%;
    width: 75%; } }

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    padding-right: 5%;
    width: 100%;
    padding-right: 0; }
  .t-1of2 {
    padding-right: 5%;
    width: 50%; }
  .t-1of3 {
    padding-right: 5%;
    width: 33.33%; }
  .t-2of3 {
    padding-right: 5%;
    width: 66.66%; }
  .t-1of4 {
    padding-right: 5%;
    width: 25%; }
  .t-3of4 {
    padding-right: 5%;
    width: 75%; }
  .t-1of5 {
    padding-right: 5%;
    width: 20%; }
  .t-2of5 {
    padding-right: 5%;
    width: 40%; }
  .t-3of5 {
    padding-right: 5%;
    width: 60%; }
  .t-4of5 {
    padding-right: 5%;
    width: 80%; } }

/* Landscape to small desktop */
@media (min-width: 768px) {
  .d-all {
    padding-right: 5%;
    width: 100%;
    padding-right: 0; }
  .d-1of2 {
    padding-right: 5%;
    width: 50%; }
  .d-1of3 {
    padding-right: 5%;
    width: 33.33%; }
  .d-2of3 {
    padding-right: 5%;
    width: 66.66%; }
  .d-1of4 {
    padding-right: 5%;
    width: 25%; }
  .d-3of4 {
    padding-right: 5%;
    width: 75%; }
  .d-1of5 {
    padding-right: 5%;
    width: 20%; }
  .d-2of5 {
    padding-right: 5%;
    width: 40%; }
  .d-3of5 {
    padding-right: 5%;
    width: 60%; }
  .d-4of5 {
    padding-right: 5%;
    width: 80%; }
  .d-1of6 {
    padding-right: 5%;
    width: 16.6666666667%; }
  .d-1of7 {
    padding-right: 5%;
    width: 14.2857142857%; }
  .d-2of7 {
    padding-right: 5%;
    width: 28.5714286%; }
  .d-3of7 {
    padding-right: 5%;
    width: 42.8571429%; }
  .d-4of7 {
    padding-right: 5%;
    width: 57.1428572%; }
  .d-5of7 {
    padding-right: 5%;
    width: 71.4285715%; }
  .d-6of7 {
    padding-right: 5%;
    width: 85.7142857%; }
  .d-1of8 {
    padding-right: 5%;
    width: 12.5%; }
  .d-1of9 {
    padding-right: 5%;
    width: 11.1111111111%; }
  .d-1of10 {
    padding-right: 5%;
    width: 10%; }
  .d-1of11 {
    padding-right: 5%;
    width: 9.09090909091%; }
  .d-1of12 {
    padding-right: 5%;
    width: 8.33%; } }

.btn,
a.btn {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 8px 45px 9px;
  font-weight: 700;
  line-height: 1.5;
  border: 0;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px; }
  .btn:hover, .btn:focus {
    text-decoration: none;
    outline: none; }

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.btn.blue,
a.btn.blue {
  color: white;
  background: #009ee3; }
  .btn.blue:hover,
  a.btn.blue:hover {
    color: white;
    background: #00067a; }
  .btn.blue.outline,
  a.btn.blue.outline {
    color: #009ee3;
    background: none;
    border-color: #009ee3; }
    .btn.blue.outline:hover,
    a.btn.blue.outline:hover {
      border-color: white; }

.btn.darkblue,
a.btn.darkblue {
  color: white;
  background: #00067a; }
  .btn.darkblue.outline,
  a.btn.darkblue.outline {
    background: none;
    border-color: #00067a; }
    .btn.darkblue.outline:hover,
    a.btn.darkblue.outline:hover {
      color: white !important;
      border-color: white; }
  .btn.darkblue:hover,
  a.btn.darkblue:hover {
    color: white !important;
    background: #009ee3; }

.btn.white,
a.btn.white {
  color: #009ee3;
  background: white; }
  .btn.white:hover,
  a.btn.white:hover {
    color: white !important;
    background: #009ee3; }
  .btn.white.outline,
  a.btn.white.outline {
    color: white;
    background: none;
    border-color: white; }
    .btn.white.outline:hover,
    a.btn.white.outline:hover {
      color: #009ee3 !important;
      background: white; }
  .btn.white.blue-outline,
  a.btn.white.blue-outline {
    color: #009ee3;
    border-color: #009ee3; }

.btn.green,
a.btn.green {
  color: white;
  background: #7cbc56; }
  .btn.green:hover,
  a.btn.green:hover {
    color: #009ee3;
    background: white; }

.btn.big,
a.btn.big {
  padding-right: 80px;
  padding-left: 80px; }

.btn.full,
a.btn.full {
  text-align: center;
  width: 100%; }

.btn.extrabold,
a.btn.extrabold {
  font-weight: 900; }

.btn.uppercase,
a.btn.uppercase {
  text-transform: uppercase; }

.btn.high,
a.btn.high {
  padding-top: 15px;
  padding-bottom: 15px; }

.btn.green-hover:hover,
a.btn.green-hover:hover {
  color: white;
  background: #7cbc56; }

.btn.share-btn .addthis_sharing_toolbox,
a.btn.share-btn .addthis_sharing_toolbox {
  display: none; }

.btn.share-btn:hover span.title,
a.btn.share-btn:hover span.title {
  display: none; }

.btn.share-btn:hover .addthis_sharing_toolbox,
a.btn.share-btn:hover .addthis_sharing_toolbox {
  display: block; }

.btn-container {
  display: inline-block; }
  .btn-container p {
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 400;
    color: white; }

/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field,
.acf-field input[type="text"],
.acf-field input[type="password"],
.acf-field input[type="number"],
.acf-field input[type="search"],
.acf-field input[type="email"],
.acf-field input[type="url"],
.acf-field textarea,
.acf-field select {
  display: block;
  height: 55px;
  padding: 0 20px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  outline: none;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
  border: 3px solid rgba(0, 0, 0, 0.03);
  background: transparent;
}
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active,
  .acf-field input[type="text"]:focus,
  .acf-field input[type="text"]:active,
  .acf-field input[type="password"]:focus,
  .acf-field input[type="password"]:active,
  .acf-field input[type="number"]:focus,
  .acf-field input[type="number"]:active,
  .acf-field input[type="search"]:focus,
  .acf-field input[type="search"]:active,
  .acf-field input[type="email"]:focus,
  .acf-field input[type="email"]:active,
  .acf-field input[type="url"]:focus,
  .acf-field input[type="url"]:active,
  .acf-field textarea:focus,
  .acf-field textarea:active,
  .acf-field select:focus,
  .acf-field select:active {
    border-color: #009ee3 !important; }

input[type="submit"] {
  outline: 0;
  border: 0;
  margin: 0; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  resize: none;
  padding-top: 1rem;
  padding-bottom: 1rem; }

/*
select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    // Base64 encoded little arrow
    background-color: white;
    background-repeat: no-repeat;
    @include border-radius(0);
    background-position: 96.5% center;

    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTI1LjMwNCAxMjUuMzA0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjUuMzA0IDEyNS4zMDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC44MDk3MjggMCAwIDAuODA5NzI4IDExLjkyMDkgMTEuOTIwOSkiPjxnPgoJPGc+CgkJPHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwOUVFMyIgcG9pbnRzPSI2Mi42NTIsMTAzLjg5NSAwLDIxLjQwOSAxMjUuMzA0LDIxLjQwOSAgICIgZGF0YS1vcmlnaW5hbD0iIzAxMDAwMiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwOWVlMyI+PC9wb2x5Z29uPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=');
    background-size: 25px;


}*/
.acf-field-select {
  position: relative;
  cursor: pointer; }
  .acf-field-select:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55px;
    height: 55px;
    padding-top: 18px;
    text-align: center;
    color: white;
    background: #009ee3;
    z-index: 999;
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .acf-field-select:hover:after {
    background-color: #7cbc56; }

/*
.login-remember {
    input[type="checkbox"] {
        display: none;
    }

    label {
        display: block !important;
        position: relative;
        padding-left: 3rem;
        cursor: pointer;
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        &:before {
            content: "";
            display: block;
            position: absolute;
            top: 4px;
            left: 0;
            width: 16px;
            height: 16px;
            margin-right: 10px;
            background: white;
            border: 2px solid $blue;
            vertical-align: text-bottom;
        }
    }

    label.active:before,
    label:hover:before {
        content: "";
        background: $blue;
    }
}*/
label {
  font-weight: normal; }

.checkbox, .acf-true-false, .login-remember {
  position: relative;
  margin-bottom: 1rem; }
  .checkbox input[type="checkbox"], .acf-true-false input[type="checkbox"], .login-remember input[type="checkbox"] {
    display: none; }
  .checkbox label, .acf-true-false label, .login-remember label {
    display: block !important;
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    display: inline-block;
    cursor: pointer;
    vertical-align: top; }
    .checkbox label:before, .acf-true-false label:before, .login-remember label:before {
      content: "";
      display: block;
      position: absolute;
      top: 4px;
      left: 0;
      width: 16px;
      height: 16px;
      margin-right: 10px;
      background: white;
      border: 2px solid #009ee3;
      vertical-align: text-bottom;
      line-height: 15px;
      background: #009ee3;
      font-size: 12px;
      text-align: center;
      color: white; }
  .checkbox input[type="checkbox"]:checked + label:before,
  .checkbox label:hover:before, .acf-true-false input[type="checkbox"]:checked + label:before,
  .acf-true-false label:hover:before, .login-remember input[type="checkbox"]:checked + label:before,
  .login-remember label:hover:before {
    content: "✔";
    background: #009ee3; }
  .checkbox input[type="checkbox"]:checked + label:before:hover, .acf-true-false input[type="checkbox"]:checked + label:before:hover, .login-remember input[type="checkbox"]:checked + label:before:hover {
    content: ""; }
  .checkbox label:has(input[type="checkbox"]:checked), .acf-true-false label:has(input[type="checkbox"]:checked), .login-remember label:has(input[type="checkbox"]:checked) {
    margin-top: 10px; }
    .checkbox label:has(input[type="checkbox"]:checked):before, .acf-true-false label:has(input[type="checkbox"]:checked):before, .login-remember label:has(input[type="checkbox"]:checked):before {
      background-color: red;
      display: block !important; }
  .checkbox.training, .acf-true-false.training, .login-remember.training {
    display: inline-block;
    margin: 5px 10px; }
    .checkbox.training label::before, .acf-true-false.training label::before, .login-remember.training label::before {
      top: 6px;
      border: 2px solid white;
      background: none; }
    .checkbox.training input[type="checkbox"]:checked + label:before,
    .checkbox.training label:hover:before, .acf-true-false.training input[type="checkbox"]:checked + label:before,
    .acf-true-false.training label:hover:before, .login-remember.training input[type="checkbox"]:checked + label:before,
    .login-remember.training label:hover:before {
      content: "";
      background: #7cbc56;
      border: 2px solid #7cbc56; }

form:not(.searchform) p {
  margin-bottom: 4rem; }
  form:not(.searchform) p.login-remember label {
    display: block; }

form:not(.searchform) input:focus {
  border-color: #009ee3; }

form.acf-form {
    margin-top: 30px;
}


form:not(.searchform) .acf-field {
  margin-bottom: 3rem; }
  form:not(.searchform) .acf-field.acf-field-true-false .acf-label {
    display: none; }

form:not(.searchform) ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: black; }

form:not(.searchform) ::-moz-placeholder {
  /* Firefox 19+ */
  color: black; }

form:not(.searchform) :-ms-input-placeholder {
  /* IE 10+ */
  color: black; }

form:not(.searchform) :-moz-placeholder {
  /* Firefox 18- */
  color: black; }

.acf-form-submit input[type="submit"],
.login-submit input[type="submit"],
.lostpassword-submit input[type="submit"],
.instrumentchooser-submit input[type="submit"] {
  display: block;
  position: relative;
  width: 100%;
  text-decoration: none;
  height: 55px;
  padding: 0 45px;
  font-weight: 700;
  line-height: 1.5;
  border: 0;
  max-width: 300px;
  cursor: pointer;
  border: 1px solid transparent;
  background: #009ee3;
  color: white;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px; }
  .acf-form-submit input[type="submit"]:hover, .acf-form-submit input[type="submit"]:focus,
  .login-submit input[type="submit"]:hover,
  .login-submit input[type="submit"]:focus,
  .lostpassword-submit input[type="submit"]:hover,
  .lostpassword-submit input[type="submit"]:focus,
  .instrumentchooser-submit input[type="submit"]:hover,
  .instrumentchooser-submit input[type="submit"]:focus {
    text-decoration: none;
    outline: none;
    background-color: #7cbc56;
    border-color: none; }

/*LOGIN FORM*/
#loginform p.login-password {
  display: none !important; }

/*DYNAMICS FORMS*/
.form-dynamics .clickdform {
  padding: 0 !important; }
  .form-dynamics .clickdform #clickdimensionsForm {
    width: 100% !important; }
  .form-dynamics .clickdform .responsiveCell {
    display: block;
    margin-bottom: 1rem; }
  .form-dynamics .clickdform .minSize2 {
    width: 100% !important;
    min-width: auto !important; }
  .form-dynamics .clickdform .maxSize2 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.6rem !important;
    color: black !important;
    max-width: 100% !important; }
  .form-dynamics .clickdform div.clear, .form-dynamics .clickdform div.emptyCell {
    display: none; }
  .form-dynamics .clickdform .buttonContainer {
    margin-top: 2rem;
    width: 100% !important; }
  .form-dynamics .clickdform input, .form-dynamics .clickdform select {
    color: #373536 !important;
    text-align: left; }
    .form-dynamics .clickdform input:focus, .form-dynamics .clickdform input:active, .form-dynamics .clickdform select:focus, .form-dynamics .clickdform select:active {
      border-color: transparent; }
  .form-dynamics .clickdform input[type="button"] {
    display: block;
    position: relative;
    width: 100%;
    text-decoration: none;
    height: 55px;
    padding: 0 45px;
    font-weight: 700;
    line-height: 1.5;
    border: 0;
    cursor: pointer;
    border: 1px solid white;
    background: #009ee3;
    color: white !important;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px; }
    .form-dynamics .clickdform input[type="button"]:hover, .form-dynamics .clickdform input[type="button"]:focus {
      text-decoration: none;
      outline: none;
      background-color: #7cbc56; }
  .form-dynamics .clickdform .floatLeft {
    float: none !important; }
  .form-dynamics .clickdform .minSize1 {
    width: 100%; }
  .form-dynamics .clickdform .maxSize1 {
    max-width: 100%;
    font-size: inherit !important;
    font-family: inherit !important; }
  .form-dynamics .clickdform input[type='text'],
  .form-dynamics .clickdform textarea,
  .form-dynamics .clickdform select {
    padding: 0 20px !important;
    border: 3px solid rgba(0, 0, 0, 0.03) !important;
    height: 55px !important; }
    .form-dynamics .clickdform input[type='text']:focus,
    .form-dynamics .clickdform textarea:focus,
    .form-dynamics .clickdform select:focus {
      border-color: #009ee3 !important; }

.acf-error-message,
.form_message.error {
  color: #cc3535;
  font-weight: 700; }
  .acf-error-message p,
  .form_message.error p {
    margin: 0 !important; }
  .acf-error-message.-dismiss,
  .form_message.error.-dismiss {
    display: none; }

.form_message.validated {
  font-weight: 700; }

.wpcf7 .ajax-loader,
.wpcf7 .ajax-loader.is-active {
  display: none !important; }

div.wpcf7-response-output {
  margin: 0;
  padding: 0; }
  div.wpcf7-response-output.wpcf7-validation-errors {
    border: none;
    background: red; }
  div.wpcf7-response-output.wpcf7-mail-sent-ok {
    border: none;
    background: red; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }



.carousel-default-container {
  position: relative; }



.slider-nav {
  position: absolute;
  top: calc(50% - 50px);
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  margin: 0 auto; }
  .slider-nav .slick-arrow {
    position: absolute;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: white;
    padding: 0 2rem;
    font-size: 2rem;
    background: #009ee3;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    z-index: 800;
    cursor: pointer; }
    .slider-nav .slick-arrow.prev {
      left: -50px;
      text-align: right; }
    .slider-nav .slick-arrow.next {
      right: -50px;
      text-align: left; }
    .slider-nav .slick-arrow:hover.prev {
      left: -45px; }
    .slider-nav .slick-arrow:hover.next {
      right: -45px; }
  .slider-nav.header {
    top: calc(50% - 2rem);
    width: 95%;
    max-width: 1280px; }
    .slider-nav.header .slick-arrow {
      width: auto;
      height: auto;
      line-height: 2rem;
      padding: 0;
      background: none; }
      .slider-nav.header .slick-arrow.prev {
        left: 0;
        text-align: right; }
      .slider-nav.header .slick-arrow.next {
        right: 0;
        text-align: left; }
  .slider-nav.product {
    top: calc(50% - 2rem);
    width: 95%;
    max-width: 1280px; }
    .slider-nav.product .slick-arrow {
      width: auto;
      height: auto;
      line-height: 2rem;
      padding: 0;
      color: #009ee3;
      background: none; }
      .slider-nav.product .slick-arrow.prev {
        left: 0;
        text-align: right; }
      .slider-nav.product .slick-arrow.next {
        right: 0;
        text-align: left; }

.at-share-tbx-element .at-share-btn:focus,
.at-share-tbx-element .at-share-btn:hover {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  color: #7cbc56 !important; }
  .at-share-tbx-element .at-share-btn:focus svg,
  .at-share-tbx-element .at-share-btn:hover svg {
    fill: #009ee3 !important; }

.at-share-tbx-element .at-share-btn {
  background: none !important;
  margin-bottom: 0 !important; }
  .at-share-tbx-element .at-share-btn .at-icon-wrapper {
    height: 24px !important; }
  .at-share-tbx-element .at-share-btn svg {
    width: 24px !important;
    height: 24px !important; }

/*********************
MOBILE
*********************/
/*********************
GENERAL STYLES
*********************/
html {
  /*font-size: 0.625rem;*/ }
  html.no-scroll {
    overflow: hidden; }

body {
 /* font-size: 1.5rem;
  line-height: 2;
  color: black;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: #00067a; }

/*********************
LAYOUT & GRID STYLES
*********************/
#page-wrap {
  /*padding-top: 60px;*/
  overflow: hidden; }

.wrap {
  /*width: 90%;
  margin: 0 auto;*/ }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  /*font-weight: 500;*/ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

/*h1, .h1 {
  font-size: 3rem;
  font-weight: 900;
  line-height: 3.5rem;
  margin-bottom: 1rem; }

h2, .h2 {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 700;
  margin-bottom: 1rem; }

h3, .h3 {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  margin-bottom: 1rem; }

h4, .h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.8rem;
  margin-bottom: 1rem; }

h5, .h5 {
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 1rem; }

p {
  margin: 0 0 1.5rem; }*/

/*********************
MOBILE MENU
*********************/
.toggle-menu {
  display: block;
  position: relative;
  float: right;
  width: 60px;
  height: 60px;
  border: none;
  background: none;
  outline: none; }
  .toggle-menu span {
    display: block;
    position: absolute;
    width: 30px;
    height: 5px;
    left: 15px;
    background: #009ee3; }
    .toggle-menu span:nth-child(1) {
      top: 18px; }
    .toggle-menu span:nth-child(2) {
      top: 28px; }
    .toggle-menu span:nth-child(3) {
      top: 38px; }

.lang-switcher {
  /*background: white;*/ }
  .lang-switcher ul {
    margin: 0;
    /*
		&:after {
			content: "\f078";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 60px;
			line-height: 60px;
			padding-top: 20px;
			color: $blue;
			text-align: center;
			font: normal normal normal 14px/1 FontAwesome;
		    font-size: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    @include box-sizing(border-box);
		}
*/
    /*
		&:hover {
			padding-bottom: 0;
			&:after {
				display: none;
			}
			li {
				display: block;
			}
		}*/
    /*
		li {
			//display: none;
			padding: 0 0;
			height: 60px;
			line-height: 60px;
			background-color: $light_gray;
			a {
				display: block;
				padding: 0 15px;
			}
			img {
				display: inline-block;
				margin: 0;
				vertical-align: middle;
				width: 100%;
			}
			&.current-lang {
				display: block;
				background-color: white;
			}
		}*/ }

#mobile-menu {
  display: block;
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background: #373536;
  z-index: 999;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  #mobile-menu.active {
    left: 0; }
  #mobile-menu .top {
    height: 60px;
    overflow: hidden; }
  #mobile-menu .toggle-menu {
    float: left;
    background: white;
    color: #009ee3; }
  #mobile-menu a.login {
    float: left;
    display: block;
    position: relative;
    width: calc(100% - 60px);
    height: 60px;
    font-size: 2rem;
    line-height: 60px;
    text-align: center;
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 700;
    background: #7cbc56; }
  #mobile-menu .bg-lang-switcher {
    position: absolute;
    width: 60px;
    height: 100%;
    background: white; }
  #mobile-menu .lang-switcher {
    display: block;
    position: relative;
    float: left;
    width: 60px;
    background: white;
    padding-top: 20px; }
    #mobile-menu .lang-switcher.active ul li {
      display: block; }
    #mobile-menu .lang-switcher ul {
      margin: 0; }
      #mobile-menu .lang-switcher ul li .tooltip {
          position: absolute;
        background: #ffffff;
        top: -18px;
        left: 15px;
        z-index: 10;
        text-align: center;
        -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
        border-radius: 3px;
    font-size: 11px;
    display: none;
    padding: 2px 3px;
      }
      #mobile-menu .lang-switcher ul li .tooltip:after {
          content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ffffff;
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
      }
      #mobile-menu .lang-switcher ul li:hover .tooltip {
          display: block;
      }


      #mobile-menu .lang-switcher ul li a {
        display: block;
        padding: 0 15px;
        height: 60px;
    position: relative; }
      #mobile-menu .lang-switcher ul li img {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        width: 100%; }
      #mobile-menu .lang-switcher ul li.current-lang {
        display: block;
        background-color: white;
        overflow: hidden; }
      #mobile-menu .lang-switcher ul li.toggle-lang {
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        color: #009ee3;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
        #mobile-menu .lang-switcher ul li.toggle-lang .fa-chevron-down {
          display: inline-block; }
        #mobile-menu .lang-switcher ul li.toggle-lang .fa-chevron-up {
          display: none; }
        #mobile-menu .lang-switcher ul li.toggle-lang.active .fa-chevron-down {
          display: none; }
        #mobile-menu .lang-switcher ul li.toggle-lang.active .fa-chevron-up {
          display: inline-block; }
  #mobile-menu .bottom {
    overflow-y: scroll;
    width: 100%;
    padding-bottom: 7rem;
    height: 100%;
    background: #009ee3;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00067a, #01aee8);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00067a, #01aee8);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00067a, #01aee8);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00067a, #01aee8);
    /* Standard syntax (must be last) */ }
  #mobile-menu .form-menu {
    float: right;
    width: calc(100% - 60px); }
  #mobile-menu .searchform {
    display: block;
    width: calc(100% - 6rem);
    margin: 4rem auto 3rem;
    border: 2px solid white;
    height: 50px;
    overflow: hidden;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px; }
    #mobile-menu .searchform button {
      color: white;
      float: left;
      width: 60px;
      height: 46px;
      font-size: 2.2rem;
      line-height: 30px;
      border: none;
      background: none;
      margin: 0; }
    #mobile-menu .searchform input[type="search"] {
      padding: 0;
      float: left;
      width: calc(100% - 60px);
      padding-right: 60px;
      background: none;
      height: 46px;
      text-align: center;
      color: white;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    #mobile-menu .searchform input::placeholder {
      color: white;
      font-weight: 700; }
  #mobile-menu nav {
    display: block; }
    #mobile-menu nav > ul {
      position: relative;
      margin: 0; }
      #mobile-menu nav > ul > li {
        position: relative;
        font-size: 2rem;
        font-weight: 700;
        text-align: left; }
        #mobile-menu nav > ul > li:first-child {
          margin-top: 0; }
        #mobile-menu nav > ul > li:nth-child(odd) {
          background: rgba(255, 255, 255, 0.05); }
        #mobile-menu nav > ul > li.active {
          background: white; }
          #mobile-menu nav > ul > li.active > a, #mobile-menu nav > ul > li.active > .fa {
            color: #01aee8; }
        #mobile-menu nav > ul > li .fa {
          position: absolute;
          top: 1rem;
          right: 5%;
          width: 30px;
          height: 40px;
          color: white;
          font-size: 1.5rem;
          line-height: 40px;
          text-align: center;
          z-index: 2; }
        #mobile-menu nav > ul > li > a {
          display: block;
          color: white;
          text-decoration: none;
          padding: 1.5rem 3rem; }
        #mobile-menu nav > ul > li .sub-menu {
          display: none;
          padding-top: 0;
          margin: 0; }
          #mobile-menu nav > ul > li .sub-menu li {
            font-size: 1.8rem;
            text-transform: none;
            font-weight: 500; }
            #mobile-menu nav > ul > li .sub-menu li a {
              display: block;
              color: #01aee8;
              text-decoration: none;
              padding: 1.5rem 3rem;
              background-color: white;
              border-top: 1px solid #01aee8; }
  #mobile-menu .social_media {
    padding: 1.5rem 3rem; }
    #mobile-menu .social_media a {
      color: white;
      margin: 0 17px 0 0;
      font-size: 25px; }

/*********************
HEADER
*********************/
header.desktop-header {
  display: none; }

header.mobile-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  background: white;
  overflow: hidden;
  padding: 0 0 0 13px;
  z-index: 900; }
  header.mobile-header .logo {
    display: block;
    float: left;
    height: 60px; }
    header.mobile-header .logo img {
      display: block;
      position: relative;
      height: 45px;
      top: 50%;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  header.mobile-header .request-quote {
    display: block;
    position: absolute;
    right: 60px;
    top: 0;
    height: 60px;
    line-height: 60px;
    font-weight: 800;
    font-size: 1rem;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 13px;
    background: #7cbc56; }

/*********************
SLIDER DEFAULT
*********************/
#slider-default .item {
  position: relative;
  height: 450px; }
  #slider-default .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    #slider-default .item .bg.bg-desktop {
      display: none; }
      #slider-default .item .bg.bg-desktop.desktop-only {
        display: block; }
  #slider-default .item .content {
    position: relative;
    top: 50%;
    color: white;
    text-align: center;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    #slider-default .item .content .container {
      padding: 2rem 2.5rem 3rem; }
    #slider-default .item .content h1 {
      font-size: 3.5rem;
      font-weight: 900;
      line-height: 3.5rem;
      text-transform: uppercase;
      margin-bottom: 0.8rem; }
    #slider-default .item .content p {
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin-bottom: 2.5rem; }
    #slider-default .item .content a.btn {
      padding-right: 60px;
      padding-left: 60px; }

#slider-default ul.slick-dots {
  bottom: 30px; }

/*********************
SLIDER HEADER
*********************/
#slider-header-container {
  position: relative; }
  #slider-header-container ul.slick-dots {
    bottom: 1.5rem; }
  #slider-header-container .slider-nav {
    display: none; }

#slider-header {
  background-color: #009ee3;
  background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
  background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
  background-image: -moz-linear-gradient(left, #00067a, #009ee3);
  background-image: -o-linear-gradient(left, #00067a, #009ee3);
  background-image: linear-gradient(to right, #00067a, #009ee3); }
  #slider-header .item {
    padding: 3rem 0 5rem;
    text-align: center;
    color: white; }
    #slider-header .item.img-only {
      padding: 0;
      position: relative;
      height: 450px; }
      #slider-header .item.img-only img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    #slider-header .item h2 {
      font-size: 3rem;
      line-height: 3rem;
      font-weight: 900;
      text-transform: uppercase;
      color: white; }
    #slider-header .item p {
      font-size: 1.6rem;
      line-height: 2.2rem; }
    #slider-header .item .img {
      margin-top: 3rem; }
      #slider-header .item .img img {
        margin: 0 auto; }
    #slider-header .item .btn {
      font-size: 1.4rem; }

/*********************
HEADING HEADER
*********************/
#heading-header {
  position: relative;
  padding: 3rem 0;
  font-weight: 400; }
  #heading-header h2 {
    margin-bottom: 0; }
  #heading-header p {
    line-height: 2.2rem; }

/*********************
BANNER
*********************/
#banner {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 40vh;
  min-height: 400px; }
  #banner.small {
    background-color: #009ee3;
    background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
    background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
    background-image: -moz-linear-gradient(left, #00067a, #009ee3);
    background-image: -o-linear-gradient(left, #00067a, #009ee3);
    background-image: linear-gradient(to right, #00067a, #009ee3); }
  #banner.big {
    background-color: #009ee3;
    background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
    background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
    background-image: -moz-linear-gradient(left, #00067a, #009ee3);
    background-image: -o-linear-gradient(left, #00067a, #009ee3);
    background-image: linear-gradient(to right, #00067a, #009ee3); }
  #banner.training {
    background-color: #009ee3;
    background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
    background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
    background-image: -moz-linear-gradient(left, #00067a, #009ee3);
    background-image: -o-linear-gradient(left, #00067a, #009ee3);
    background-image: linear-gradient(to right, #00067a, #009ee3); }
    #banner.training .filter-training h4 {
      color: white;
      text-transform: uppercase; }
    #banner.training .filter-training button.control {
      position: relative;
      color: white;
      background: none;
      border: none; }
      #banner.training .filter-training button.control:before {
        content: "";
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background: none;
        border: 2px solid white;
        vertical-align: text-bottom; }
      #banner.training .filter-training button.control:hover:before, #banner.training .filter-training button.control.mixitup-control-active:before {
        background: #7cbc56;
        border-color: #7cbc56; }
    #banner.training .filter-training .fields {
      display: inline-block;
      text-align: left; }
  #banner .content.entry-content {
    position: relative;
    top: 50%;
    color: white;
    text-align: center;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    #banner .content.entry-content h1 {
      color: white;
      text-transform: uppercase; }
    #banner .content.entry-content h3 {
      color: white;
      margin-bottom: 2.5rem; }
    #banner .content.entry-content a.btn {
      padding-right: 60px;
      padding-left: 60px; }
    #banner .content.entry-content p {
      font-weight: 400;
      font-size: 1.6rem; }
    #banner .content.entry-content .checkbox {
      font-weight: 400; }
    #banner .content.entry-content ul {
      display: block; }
      #banner .content.entry-content ul li {
        text-align: center;
        font-weight: 700;
        list-style: none;
        margin-top: 1rem;
        min-height: 22px; }
        #banner .content.entry-content ul li:first-child {
          margin-top: 0; }
        #banner .content.entry-content ul li:before {
          content: '';
          position: relative;
          display: inline-block;
          width: 22px;
          height: 22px;
          margin-right: 7px;
          background: url(img/icon-bullet.png) no-repeat 0 0;
          vertical-align: sub;
          top: auto; }

#banner-bottom {
  position: relative;
  width: 100%;
  padding: 1rem 0;
  text-transform: uppercase;
  color: white;
  text-align: center;
  background-color: #00067a;
  background-image: -webkit-gradient(linear, left top, right top, from(#009ee3), to(#00067a));
  background-image: -webkit-linear-gradient(left, #009ee3, #00067a);
  background-image: -moz-linear-gradient(left, #009ee3, #00067a);
  background-image: -o-linear-gradient(left, #009ee3, #00067a);
  background-image: linear-gradient(to right, #009ee3, #00067a); }
  #banner-bottom p {
    margin: 0; }
  #banner-bottom a {
    color: white; }

#nav-sub {
  display: none;
  height: 0; }

/*********************
HOME
*********************/
article.page-home {
  text-align: center; }
  article.page-home section.home-intro {
    padding-top: 5rem; }
  article.page-home section.applications {
    padding: 3rem 0 0; }
    article.page-home section.applications.wrap {
      width: 100%; }
    article.page-home section.applications a.item {
      display: block;
      position: relative;
      padding: 50px 7.5%;
      text-decoration: none;
      border-top: 1px solid rgba(0, 0, 0, 0.15); }
      article.page-home section.applications a.item:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 0%;
        bottom: 0;
        left: 0;
        background: #009ee3;
        z-index: 0;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
      article.page-home section.applications a.item .container {
        display: block;
        position: relative;
        z-index: 2; }
      article.page-home section.applications a.item h2 {
        color: #009ee3;
        text-transform: uppercase;
        font-weight: 900;
        -webkit-transition: all 0.1s ease-in-out 0.1s;
        transition: all 0.1s ease-in-out 0.1s; }
      article.page-home section.applications a.item p {
        color: rgba(0, 0, 0, 0.5);
        margin: 0;
        z-index: 2;
        -webkit-transition: all 0.1s ease-in-out 0.1s;
        transition: all 0.1s ease-in-out 0.1s; }
      article.page-home section.applications a.item:hover:after {
        height: 100%; }
      article.page-home section.applications a.item:hover h2 {
        color: white; }
      article.page-home section.applications a.item:hover p {
        color: white; }
  article.page-home section.newsitems {
    position: relative;
    padding: 3rem 0;
    background: rgba(0, 0, 0, 0.03);
    overflow: hidden; }
    article.page-home section.newsitems .slick-slider {
      position: relative;
      overflow: hidden; }
    article.page-home section.newsitems .widget {
      width: 100%;
      outline: none;
      padding: 5px 0; }
      article.page-home section.newsitems .widget .content {
        width: 70% !important;
        background: white;
        margin: 0 auto;
        padding: 3rem 3rem;
        -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15); }
      article.page-home section.newsitems .widget .date {
        color: #00067a;
        font-style: italic;
        font-weight: 400;
        text-transform: capitalize; }
      article.page-home section.newsitems .widget h2 {
        margin-bottom: 2rem;
        padding: 0 4rem; }

/*********************
APPLICATIONS
*********************/
article.page-applications section.text-content:first-of-type {
  margin-top: 8rem; }

article.page-applications section.suitable-products {
  padding: 3rem 0;
  background-color: rgba(0, 0, 0, 0.03); }
  article.page-applications section.suitable-products .entry-content p {
    margin: 0; }
  article.page-applications section.suitable-products .entry-content h2 {
    text-transform: uppercase;
    font-weight: 900; }
  article.page-applications section.suitable-products .item {
    width: 100%;
    outline: none;
    padding: 5px 0; }
    article.page-applications section.suitable-products .item h3 {
      color: #009ee3; }
    article.page-applications section.suitable-products .item p {
      margin: 0; }
    article.page-applications section.suitable-products .item .content {
      width: 100%;
      background: white;
      margin: 0 auto;
      color: rgba(0, 0, 0, 0.5);
      text-align: center;
      padding: 3rem 3rem 5rem;
      -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15); }
    article.page-applications section.suitable-products .item:hover h3 {
      color: white; }
    article.page-applications section.suitable-products .item:hover .content {
      color: white;
      background: #009ee3; }
    article.page-applications section.suitable-products .item:hover a.btn {
      color: white;
      border-color: white; }

/*********************
PRODUCT OVERVIEW
*********************/
article.page-products > .flex-stretch {
  display: flex;
  flex-direction: column; }

article.page-products aside.product-chooser {
  padding: 4rem 2rem;
  background: rgba(0, 0, 0, 0.03);
  order: 2; }
  article.page-products aside.product-chooser .collapse, article.page-products aside.product-chooser .collapsed.active {
    position: relative;
    margin-top: 2rem;
    background: white;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); }
    article.page-products aside.product-chooser .collapse:first-child, article.page-products aside.product-chooser .collapsed.active:first-child {
      margin-top: 0; }
    article.page-products aside.product-chooser .collapse:hover, article.page-products aside.product-chooser .collapsed.active:hover {
      background: rgba(0, 158, 227, 0.1); }
  article.page-products aside.product-chooser .title {
    padding: 2rem 3.5rem 2rem 2.5rem; }
    article.page-products aside.product-chooser .title h5 {
      color: #00067a; }
    article.page-products aside.product-chooser .title h3 {
      color: #009ee3;
      text-transform: uppercase;
      font-weight: 900;
      margin: 0; }
    article.page-products aside.product-chooser .title:after {
      content: "\f054";
      position: absolute;
      top: 2rem;
      right: 2rem;
      color: #009ee3;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    article.page-products aside.product-chooser .title.ui-accordion-header-active:after {
      content: "\f078"; }
  article.page-products aside.product-chooser .fields {
    padding: 0rem 3.5rem 2rem 2.5rem; }
    article.page-products aside.product-chooser .fields label {
      font-size: 1.4rem; }
  article.page-products aside.product-chooser .instrumentchooser-submit {
    margin-top: 2rem; }

article.page-products section.content {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding: 3rem 4rem; }

article.page-products .product-overview {
  margin-top: 2rem; }
  article.page-products .product-overview img {
    margin: 0 0 2rem; }
  article.page-products .product-overview h2 {
    position: relative;
    margin-bottom: 3rem; }
    article.page-products .product-overview h2:after {
      content: '';
      position: absolute;
      border-top: 1px dashed rgba(0, 0, 0, 0.15);
      width: 100%;
      height: 1px;
      margin-left: 2rem;
      top: calc(50% + 2px); }
  article.page-products .product-overview h3 {
    position: relative;
    margin-bottom: 3rem; }
    article.page-products .product-overview h3:after {
      content: '';
      position: absolute;
      border-top: 1px dashed rgba(0, 0, 0, 0.15);
      width: 100%;
      height: 1px;
      margin-left: 2rem;
      top: calc(50% + 2px); }
  article.page-products .product-overview .item h4 {
    text-transform: uppercase; }
  article.page-products .product-overview .item a.btn {
    display: block;
    margin-top: 1.5rem; }

/*********************
PRODUCT DETAIL
*********************/
article.single.product header {
  margin: 3rem 0; }
  article.single.product header h1 {
    text-transform: none;
    color: #009ee3;
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 0rem; }
  article.single.product header h3 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 400;
    color: black !important; }

article.single.product section.slider-top .slider-product-container {
  position: relative; }

article.single.product section.slider-top #slider-product .item {
  width: 100%; }

article.single.product section.slider-top .slider-summary {
  margin-top: 3rem; }
  article.single.product section.slider-top .slider-summary ul {
    margin-bottom: 3rem; }
  article.single.product section.slider-top .slider-summary .more a.print-mail {
    display: none;
    color: #009ee3;
    font-weight: 700;
    text-decoration: none; }
  article.single.product section.slider-top .slider-summary .more .btn {
    margin: 0 0 1rem; }

article.single.product section#introduction {
  margin: 3rem 0; }
  article.single.product section#introduction .content {
    margin-bottom: 2rem; }
  article.single.product section#introduction .images {
    border-top: 1px solid #01aee8;
    padding-top: 2rem; }
    article.single.product section#introduction .images img {
      margin-bottom: 2rem; }

article.single.product section#technical-features {
  margin: 3rem 0; }
  article.single.product section#technical-features .specifications-overview {
    margin: 3rem 0; }
    article.single.product section#technical-features .specifications-overview .specifications {
      margin-top: 1rem; }
      article.single.product section#technical-features .specifications-overview .specifications .item {
        background-color: white;
        padding: 1rem 0; }
        article.single.product section#technical-features .specifications-overview .specifications .item:nth-child(even) {
          background: #faf8fe; }
        article.single.product section#technical-features .specifications-overview .specifications .item .wrap {
          overflow: hidden; }
        article.single.product section#technical-features .specifications-overview .specifications .item .title {
          font-weight: 700; }

article.single.product section#brochures-manuals {
  margin: 3rem 0;
  text-align: center; }
  article.single.product section#brochures-manuals .item {
    display: block;
    margin-bottom: 2rem; }
    article.single.product section#brochures-manuals .item img {
      display: block;
      margin: 0 auto 1rem; }
    article.single.product section#brochures-manuals .item h4 {
      display: block;
      text-align: center;
      font-weight: 700;
      line-height: 1.5; }

article.single.product section#optional-accessories {
  margin: 3rem 0;
  text-align: center; }
  article.single.product section#optional-accessories .item {
    display: block;
    padding: 2rem 0; }
    article.single.product section#optional-accessories .item:nth-child(odd) {
      background: #faf8fe; }
    article.single.product section#optional-accessories .item .img {
      display: block; }
      article.single.product section#optional-accessories .item .img img {
        display: block;
        margin: 0 auto; }
    article.single.product section#optional-accessories .item h4 {
      display: block;
      text-align: center;
      font-weight: 700;
      line-height: 1.5; }
    article.single.product section#optional-accessories .item p {
      margin: 0; }

article.single.product section#suitable {
  margin: 3rem 0;
  text-align: center; }
  article.single.product section#suitable h3 {
    margin-bottom: 2rem; }
  article.single.product section#suitable .item {
    padding: 4rem 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    article.single.product section#suitable .item h2 {
      color: white;
      text-transform: uppercase; }

/*********************
TRAINING AGENDA
*********************/
section.agenda {
  padding-top: 4rem;
  padding-bottom: 4rem; }
  section.agenda .item {
    border-bottom: 1px solid #009ee3;
    padding-top: 2rem;
    padding-bottom: 2.5rem; }
    section.agenda .item:last-child {
      border: none; }
    section.agenda .item .top .date {
      color: #009ee3;
      font-size: 2rem;
      font-weight: 700;
      text-transform: uppercase; }
    section.agenda .item .top .info {
      color: #009ee3;
      font-weight: 700;
      margin-bottom: 2rem;
      line-height: 2.2rem; }
      section.agenda .item .top .info span {
        display: block; }
    section.agenda .item .share .btn {
      margin-top: 2rem; }

/*********************
LEARNING CENTER
*********************/
article.page-learningcenter {
  padding: 0; }
  article.page-learningcenter aside.side-nav {
    display: none; }
  article.page-learningcenter .sections {
    padding-top: 3rem; }

/*********************
NEWS
*********************/
article.page-news section.news-overview .item {
  border-bottom: 1px solid #009ee3;
  margin-top: 2rem;
  padding-bottom: 2.5rem; }
  article.page-news section.news-overview .item img {
    margin-bottom: 0; }

/*********************
ACCORDION
*********************/
section.accordion-list {
  margin-top: 8rem;
  padding: 3rem 0; }
  section.accordion-list .content {
    margin-bottom: 3rem;
    justify-content: initial !important; }
  section.accordion-list a {
    color: black;
    text-decoration: underline; }
    section.accordion-list a:hover {
      color: #009ee3; }
  section.accordion-list.blue a, section.accordion-list.green a {
    color: white; }
    section.accordion-list.blue a:hover, section.accordion-list.green a:hover {
      color: #00067a; }
  section.accordion-list .accordion h3.title {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    border-top: 1px dotted white;
    margin: 0;
    padding: 1rem 0; }
    section.accordion-list .accordion h3.title:first-child {
      border: none; }
    section.accordion-list .accordion h3.title:after {
      content: "\f054";
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 0;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    section.accordion-list .accordion h3.title.ui-state-active:after {
      content: "\f078"; }
  section.accordion-list .accordion .content {
    padding: 1.5rem 0 3.5rem;
    font-weight: 400; }
    section.accordion-list .accordion .content ul {
      padding-left: 2.2rem; }
      section.accordion-list .accordion .content ul li {
        margin-top: 2rem;
        list-style: disc outside;
        padding-left: 0; }
        section.accordion-list .accordion .content ul li:first-child {
          margin-top: 0; }
        section.accordion-list .accordion .content ul li:before {
          display: none; }

/*********************
VIDEO EMBED
*********************/
.videowrapper {
  margin-top: 0;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*********************
PAGINATION
*********************/
nav.nav-pagination {
  text-align: center;
  margin: 3rem 0; }
  nav.nav-pagination a, nav.nav-pagination span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    line-height: 30px;
    color: white;
    font-weight: 700;
    background: #009ee3;
    text-decoration: none;
    text-align: center; }
  nav.nav-pagination a:hover, nav.nav-pagination span.current {
    background: #7cbc56; }

/*********************
TEXT CONTENT
*********************/
section.text-content {
  margin: 3rem 0; }
  section.text-content.searchresult {
    margin: 2rem 0; }
    section.text-content.searchresult .column {
      border-bottom: 1px solid #009ee3;
      padding-bottom: 2rem; }

/*********************
FORM
*********************/
section.form {
  margin: 3rem 0; }

/*********************
ARTICLE / SECTION
*********************/
article {
  position: relative;
  background: white;
  padding-top: 3rem; }
  article.has-sidebar {
    padding-top: 0; }

section#row_1 {
  margin-top: 0 !important; }

section.blue {
  color: white;
  background: #009ee3; }
  section.blue .entry-content h2 {
    color: white; }
  section.blue .entry-content h3 {
    color: white; }

section.green {
  color: white;
  background: #7cbc56; }
  section.green .entry-content h2 {
    color: white; }
  section.green .entry-content h3 {
    color: white; }

.clickdform .alignTop {
  width: 100% !important; }

/*********************
ENTRY CONTENT
*********************/
.entry-content h1 {
  color: #009ee3; }

.entry-content h2 {
  color: #009ee3;
  margin-bottom: 2rem; }

.entry-content h3 {
  color: #009ee3; }

.entry-content h4 {
  color: #01aee8; }

.entry-content h5 {
  color: #00067a; }

.entry-content p {
  margin: 0 0 2rem; }

.entry-content a {
  color: #009ee3;
  text-decoration: none; }
  .entry-content a:hover {
    color: #00067a; }

.entry-content hr {
  height: 0;
  border-top: 1px dashed black;
  margin: 2rem 0 2rem; }

.entry-content ul, .entry-content ol {
  margin: 0 0 2rem; }

.entry-content ul {
  padding-left: 0; }
  .entry-content ul li {
    list-style-position: inside;
    position: relative;
    padding-left: 1.5rem; }
    .entry-content ul li:first-child {
      margin-top: 0; }
    .entry-content ul li:before {
      content: '•';
      display: block;
      margin-right: 1.5rem;
      position: absolute;
      top: 0;
      left: 0;
      color: #009ee3; }
  .entry-content ul.check li {
    list-style: none;
    padding-left: 25px; }
    .entry-content ul.check li:first-child {
      margin-top: 0; }
    .entry-content ul.check li:before {
      content: '';
      display: block;
      position: absolute;
      top: 4px;
      left: 0;
      width: 15px;
      height: 15px;
      margin-right: 7px;
      background: url(img/bullet-check.png) no-repeat 0 0;
      vertical-align: baseline; }

.entry-content ol {
  padding-left: 20px; }
  .entry-content ol li {
    list-style: decimal; }

.entry-content img {
  margin: 0 0 2rem 0; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content span.image-caption {
  display: block;
  padding: 0 2rem;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 400; }
  .entry-content span.image-caption strong {
    color: #009ee3;
    text-transform: uppercase; }

.entry-content span.text-capitalize {
  text-transform: uppercase; }

.entry-content span.text-regular {
  font-weight: 400; }

.entry-content span.text-light {
  font-weight: 300; }

.entry-content span.text-blue-italic {
  font-weight: 900;
  color: #00067a;
  font-style: italic; }

/*********************
CALL TO ACTION
*********************/
section.call_to_action {
  background: #009ee3;
  text-align: center; }
  section.call_to_action h1, section.call_to_action h2, section.call_to_action h3, section.call_to_action h4 {
    color: white; }
  section.call_to_action h2 {
    margin-bottom: 3rem;
    font-weight: 300; }
  section.call_to_action h4 {
    margin-bottom: 2rem; }
    section.call_to_action h4 em {
      font-weight: 400; }
  section.call_to_action p:last-child {
    margin-bottom: 0; }
  section.call_to_action#request-quote {
    background: #009ee3; }
  section.call_to_action#free-demo {
    text-align: center;
    color: white;
    background-color: #009ee3;
    background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
    background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
    background-image: -moz-linear-gradient(left, #00067a, #009ee3);
    background-image: -o-linear-gradient(left, #00067a, #009ee3);
    background-image: linear-gradient(to right, #00067a, #009ee3); }
    section.call_to_action#free-demo .btn {
      text-transform: uppercase; }
    section.call_to_action#free-demo h2, section.call_to_action#free-demo h3, section.call_to_action#free-demo h4 {
      color: white; }
  section.call_to_action#training {
    padding: 0;
    background-color: #00067a;
    background-image: -webkit-gradient(linear, left top, right top, from(#01aee8), to(#00067a));
    background-image: -webkit-linear-gradient(left, #01aee8, #00067a);
    background-image: -moz-linear-gradient(left, #01aee8, #00067a);
    background-image: -o-linear-gradient(left, #01aee8, #00067a);
    background-image: linear-gradient(to right, #01aee8, #00067a); }
    section.call_to_action#training h3 {
      font-weight: 900;
      text-transform: uppercase;
      margin: 0 auto 2rem;
      max-width: 70%; }
    section.call_to_action#training .half {
      padding: 3rem 0 4rem;
      background: rgba(0, 158, 227, 0.5); }
      section.call_to_action#training .half:first-child {
        background: none;
        border-bottom: 1px solid white; }
  section.call_to_action#find-product {
    color: white; }
    section.call_to_action#find-product h2, section.call_to_action#find-product h3, section.call_to_action#find-product h4 {
      font-weight: 300;
      margin-bottom: 2rem; }
    section.call_to_action#find-product a.btn {
      display: block;
      margin: 1rem 0; }
  section.call_to_action.default {
    margin-top: 2rem;
    background-color: #009ee3;
    background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
    background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
    background-image: -moz-linear-gradient(left, #00067a, #009ee3);
    background-image: -o-linear-gradient(left, #00067a, #009ee3);
    background-image: linear-gradient(to right, #00067a, #009ee3);
    color: white;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat; }
    section.call_to_action.default h2, section.call_to_action.default h3, section.call_to_action.default h4 {
      color: white;
      font-weight: 700;
      margin-bottom: 2rem;
      text-transform: uppercase; }
    section.call_to_action.default a {
      color: white; }
    section.call_to_action.default .column {
      padding: 3rem 0 4rem; }
    section.call_to_action.default .multi:first-of-type {
      border-bottom: none; }
    section.call_to_action.default .multi {
      border-bottom: 1px solid white; }
    section.call_to_action.default .full {
      width: 100%;
      padding: 3rem 0 4rem; }

/*********************
WIDGETS
*********************/
.widget h2 {
  text-transform: uppercase; }

.widget h3 {
  font-weight: 900; }

.widget#contactform {
  padding: 3rem;
  color: white;
  background: #009ee3; }
  .widget#contactform h3 {
    color: white;
    margin: 0; }
  .widget#contactform p {
    font-weight: 700;
    font-style: italic; }
  .widget#contactform .form-dynamics .clickdform span.maxSize2 {
    color: white !important; }

.widget#contactdetails {
  overflow: hidden;
  margin: 1rem 0 2rem; }
  .widget#contactdetails img {
    display: block; }
  .widget#contactdetails .content .item {
    overflow: hidden;
    margin-bottom: 1rem;
    line-height: 1.6; }
    .widget#contactdetails .content .item strong {
      display: block; }
    .widget#contactdetails .content .item span {
      display: block; }
  .widget#contactdetails .blue {
    color: #009ee3; }
  .widget#contactdetails a {
    text-decoration: underline; }



/*********************
LARGER MOBILE DEVICES
*********************/
@media only screen and (min-width: 481px) {
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5rem;
    display: inline;
    float: left; }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5rem;
    display: inline;
    float: right; }
  /*********************
PRODUCT OVERVIEW
*********************/
  article.page-products .product-overview {
    overflow: hidden; }
    article.page-products .product-overview .item {
      width: 46%;
      margin-left: 8%;
      margin-bottom: 4rem;
      display: flex;
      flex-direction: column; }
      article.page-products .product-overview .item h4 {
        margin-bottom: auto; }
      article.page-products .product-overview .item:nth-of-type(2n+1) {
        clear: left;
        margin-left: 0; }
  article.page-products .product-flexbox {
    display: flex;
    flex-wrap: wrap; }
  /*********************
PRODUCT DETAIL
*********************/
  article.single.product section#brochures-manuals {
    text-align: left; }
    article.single.product section#brochures-manuals .downloads {
      overflow: hidden; }
    article.single.product section#brochures-manuals .item {
      float: left;
      width: 48%;
      margin-left: 4%; }
      article.single.product section#brochures-manuals .item:nth-child(2n+1) {
        clear: left;
        margin-left: 0; }
  article.single.product section#optional-accessories {
    text-align: left; }
    article.single.product section#optional-accessories .item {
      overflow: hidden;
      padding: 4rem 0; }
      article.single.product section#optional-accessories .item .content {
        float: left;
        min-width: 60%;
        max-width: calc(100% - 300px);
        padding-right: 2rem; }
      article.single.product section#optional-accessories .item .img {
        float: right;
        width: 40%;
        max-width: 300px;
        margin: 0;
        text-align: right; }
        article.single.product section#optional-accessories .item .img img {
          display: inline-block;
          margin-bottom: -1rem; }
      article.single.product section#optional-accessories .item h4 {
        text-align: left; } }

/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {
  /*********************
GENERAL STYLES
*********************/
  html.no-scroll {
    overflow: initial; }
  body {
    /*font-size: 1.6rem;
    line-height: 2;*/ }
  /*********************
LAYOUT & GRID STYLES
*********************/
  #page-wrap {
    padding: 0; }
  
  .flex-stretch {
    display: flex;
    align-items: stretch;
    flex-flow: row; }
  .flex-space {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .flex-space .column.multi {
      width: calc(100% + 40px);
      margin-left: -20px;
      padding: 0 20px; }
      .flex-space .column.multi img {
        height: auto; }
  .flex-center {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-evenly; }
  /******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
  /*h1, .h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 1rem;
    font-size: 3.4rem;
    line-height: 4rem; }
  h2, .h2 {
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 1rem; }
  h3, .h3 {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin-bottom: 1rem; }
  h4, .h4 {
    font-size: 2.6rem;
    line-height: 3rem;
    margin-bottom: 1rem; }
  h5, .h5 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-bottom: 1rem; }*/
  /*********************
HEADER
*********************/
  #mobile-menu,
  header.mobile-header {
    display: none; }
  header.desktop-header {
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    header.desktop-header .top {
      background: #009ee3;
      text-align: right; }
      header.desktop-header .top a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.4rem; }
        header.desktop-header .top a.request-quote {
          padding: 0 3rem;
          background: #7cbc56; }
        header.desktop-header .top a.login {
          padding-left: 3rem; }
      header.desktop-header .top .lang-switcher {
        display: block;
        float: left;
        position: relative;
        z-index: 800;
        cursor: pointer; }
        header.desktop-header .top .lang-switcher ul {
          position: relative;
          padding: 0 0 0 0; }
          header.desktop-header .top .lang-switcher ul li {
            float: left;
            display: block;
            position: relative;
            margin-top: 5px;
            margin-right: 5px; }
            header.desktop-header .top .lang-switcher ul li a {
              display: block;
              position: relative;
              padding: 0;
              height: 30px;
               }
              header.desktop-header .top .lang-switcher ul li a img {
                max-height: 100%;
                opacity: 0.8;
                filter: alpha(opacity=80); }
              header.desktop-header .top .lang-switcher ul li a:hover img {
                opacity: 1;
                filter: alpha(opacity=100); }
            header.desktop-header .top .lang-switcher ul li.current-lang a {
               }

              header.desktop-header .top .lang-switcher ul li .tooltip {
                  position: absolute;
                    background: #ffffff;
                    top: 34px;
                    /* left: 15px; */
                    z-index: 10;
                    left: 50%;
                    text-align: center;
                    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
                    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
                    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
                    border-radius: 3px;
                    font-size: 11px;
                    display: block;
                    width: auto;
                    color: #000;
                    line-height: normal;
                    transform: translateX(-50%);
                    display: none;
                    padding: 2px 3px;
              }
              header.desktop-header .top .lang-switcher ul li .tooltip:after {
                  content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid #ffffff;
                position: absolute;
                top: -5px;
                left: 50%;
                transform: translateX(-50%);
              }
              header.desktop-header .top .lang-switcher ul li:hover .tooltip {
                  display: block;
              }


    header.desktop-header .center {
      position: relative;
      padding: 2rem 0; }
      header.desktop-header .center a.logo {
        float: left; }
        header.desktop-header .center a.logo img {
          display: block;
          width: 180px; }
      header.desktop-header .center .container-right {
        float: right;
        width: calc(100% - 180px);
        margin-top: 30px; }
      header.desktop-header .center .call-us {
        text-align: right; }
        header.desktop-header .center .call-us h3 {
          display: inline-block;
          font-weight: 800;
          color: #009ee3;
          margin-bottom: 0;
          text-transform: uppercase; }
        header.desktop-header .center .call-us i {
          font-weight: 400;
          margin: 0 2px; }
        header.desktop-header .center .call-us p {
          display: inline-block;
          margin: 0 0 0 2rem; }
          header.desktop-header .center .call-us p a {
            color: black;
            text-decoration: none; }
            header.desktop-header .center .call-us p a:hover {
              color: #009ee3; }
    header.desktop-header .bottom {
      padding: 0 0 1rem 0; }
      header.desktop-header .bottom nav {
        display: block;
        margin-bottom: 1rem; }
        header.desktop-header .bottom nav > ul {
          margin: 0;
          display: flex;
          justify-content: space-around; }
          header.desktop-header .bottom nav > ul > li {
            position: relative;
            display: inline-block;
            font-weight: 700;
            font-size: 1.3rem;
            position: relative;
            color: #009ee3;
            line-height: normal;
            margin: auto auto auto 0;
            overflow: hidden; }
            header.desktop-header .bottom nav > ul > li.current_page_item a, header.desktop-header .bottom nav > ul > li.current_page_ancestor a, header.desktop-header .bottom nav > ul > li:hover a {
              color: #7cbc56; }
            header.desktop-header .bottom nav > ul > li.current_page_item.menu-item-has-children:after, header.desktop-header .bottom nav > ul > li.current_page_ancestor.menu-item-has-children:after, header.desktop-header .bottom nav > ul > li:hover.menu-item-has-children:after {
              color: #7cbc56; }
            header.desktop-header .bottom nav > ul > li:first-child a {
              margin-left: 0; }
            header.desktop-header .bottom nav > ul > li.menu-item-has-children:after {
              content: "\f078";
              display: inline-block;
              font: normal normal normal 14px/1 FontAwesome;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            header.desktop-header .bottom nav > ul > li.menu-item-has-children:hover {
              overflow: visible; }
              header.desktop-header .bottom nav > ul > li.menu-item-has-children:hover ul.sub-menu {
                opacity: 1;
                filter: alpha(opacity=100);
                top: 15px; }
            header.desktop-header .bottom nav > ul > li a {
              color: #009ee3;
              text-decoration: none;
              display: inline-block;
          position: relative;
      }


            header.desktop-header .bottom nav > ul > li ul.sub-menu {
              position: absolute;
              z-index: 800;
              top: 0px;
              padding-top: 1rem;
              margin-left: 10px;
              background-color: white;
              opacity: 0;
              filter: alpha(opacity=0);
              -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
              -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
              -webkit-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
              header.desktop-header .bottom nav > ul > li ul.sub-menu:before {
                content: "";
                position: absolute;
                top: -10px;
                height: 10px;
                width: 100%;
                background: transparent; }
              header.desktop-header .bottom nav > ul > li ul.sub-menu li {
                min-width: 260px;
                margin: 0;
                font-weight: 300;
                font-size: 1.4rem; }
                header.desktop-header .bottom nav > ul > li ul.sub-menu li a {
                  display: block;
                  padding: 5px 10px;
                  margin-left: 0;
                  color: #009ee3; }
                  header.desktop-header .bottom nav > ul > li ul.sub-menu li a:hover {
                    color: #7cbc56; }
                header.desktop-header .bottom nav > ul > li ul.sub-menu li:last-child a {
                  padding-bottom: 20px; }
    header.desktop-header .search-lang {
      margin-top: 1rem;
      display: flex;
      justify-content: flex-end;
      z-index: 800; }
    header.desktop-header .searchform {
      display: block;
      width: auto;
      height: 34px;
      background: white;
      border: 2px solid #009ee3;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      -ms-border-radius: 15px;
      border-radius: 15px;
      overflow: hidden; }
      header.desktop-header .searchform button {
        display: block;
        color: #009ee3;
        float: left;
        width: 30px;
        height: 30px;
        font-size: 1.5rem;
        line-height: 25px;
        border: none;
        background: none;
        margin: 0; }
      header.desktop-header .searchform input[type="search"] {
        margin: 0;
        float: left;
        width: calc(100% - 30px);
        height: 30px;
        font-size: 1.3rem;
        background: none;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
      header.desktop-header .searchform input::placeholder {
        color: #009ee3; }
    header.desktop-header .social_media {
      position: absolute;
      right: 0;
      top: 3px; }
      header.desktop-header .social_media a {
        color: #01aee8;
        margin: 0 0 0 17px;
        font-size: 25px; }
  /*********************
SLIDER DEFAULT
*********************/
  #slider-default .item {
    height: 500px; }
    #slider-default .item .bg.bg-mobile {
      display: none; }
    #slider-default .item .bg.bg-desktop {
      display: block; }
    #slider-default .item .content {
      text-align: left; }
      #slider-default .item .content.alignleft {
        text-align: left; }
      #slider-default .item .content.aligncenter {
        text-align: center; }
      #slider-default .item .content.alignright {
        text-align: right; }
      #slider-default .item .content h1 {
        font-size: 6rem;
        line-height: 6.5rem; }
      #slider-default .item .content p {
        font-size: 1.8rem;
        line-height: 2.4rem; }
      #slider-default .item .content a.btn {
        padding-right: 60px;
        padding-left: 60px; }
  #slider-default ul.slick-dots li {
    margin: 0 10px; }
  /*********************
SLIDER HEADER
*********************/
  #slider-header-container ul.slick-dots {
    bottom: 3.5rem; }
  #slider-header-container .slider-nav {
    display: block; }
  #slider-header {
    position: relative;
    background-color: #009ee3;
    background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
    background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
    background-image: -moz-linear-gradient(left, #00067a, #009ee3);
    background-image: -o-linear-gradient(left, #00067a, #009ee3);
    background-image: linear-gradient(to right, #00067a, #009ee3); }
    #slider-header .item {
      padding: 8rem 0 9rem; }
      #slider-header .item .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center; }
      #slider-header .item .content {
        width: 50%;
        margin: 0;
        text-align: right;
        padding-right: 4rem; }
      #slider-header .item .img {
        width: 50%;
        margin: 0; }
        #slider-header .item .img img {
          margin: 0; }
      #slider-header .item h2 {
        font-size: 4rem;
        line-height: 3.8rem; }
      #slider-header .item p {
        font-size: 1.8rem; }
  /*********************
HEADING HEADER
*********************/
  #heading-header {
    position: relative;
    padding: 5rem 0;
    font-weight: 400; }
    #heading-header h2 {
      margin-bottom: 0; }
    #heading-header p {
      line-height: 2.2rem; }
  /*********************
BANNER
*********************/
  #banner {
    position: relative; }
    #banner.small {
      height: 300px;
      min-height: auto; }
    #banner.big {
      height: 500px;
      min-height: auto; }
    #banner .content h1 {
      font-size: 6rem;
      line-height: 6.5rem; }
    #banner .content h3 {
      margin-bottom: 4rem; }
    #banner .content p {
      font-size: 1.7rem;
      max-width: 80%;
      margin-left: auto;
      margin-right: auto; }
    #banner .content ul {
      display: inline-block;
      margin: 0 2rem; }
      #banner .content ul li {
        margin-top: 2rem;
        text-align: left; }
    #banner.training .filter-training h4 {
      display: inline-block; }
    #banner.training .filter-training .training-controls {
      display: inline-block; }
      #banner.training .filter-training .training-controls button.control {
        margin-left: 3rem; }
  /*********************
SUBPAGES NAVIGATION
*********************/
  #nav-sub {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background: white;
    display: flex;
    align-items: center; }
    #nav-sub.no-topborder {
      border-top: none; }
    #nav-sub .wrap {
      position: relative; }
    #nav-sub ul {
      margin: 0;
      display: flex;
      justify-content: space-between; }
    #nav-sub li {
      text-align: center;
      flex-grow: 1;
      font-size: 1.5rem;
      line-height: 1.8rem;
      margin-left: 1rem; }
      #nav-sub li:first-child {
        margin-left: 0; }
      #nav-sub li.current_page_item a:after, #nav-sub li:hover a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 50px;
        height: 3px;
        background: #009ee3;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
      #nav-sub li a {
        position: relative;
        display: block;
        font-weight: 700;
        text-transform: uppercase;
        color: black;
        text-decoration: none;
        padding-bottom: 0.8rem; }
    #nav-sub.fixed {
      position: fixed;
      top: 0;
      z-index: 999; }
  /*********************
HOME
*********************/
  article.page-home section.home-intro {
    padding-top: 8rem; }
  article.page-home section.applications {
    padding: 6rem 0 8rem; }
    article.page-home section.applications.wrap {
      width: 90%;
      max-width: 1280px;
      margin: 0 auto;
      overflow: hidden; }
    article.page-home section.applications a.item {
      width: 24.4%;
      margin-left: 0.8%;
      padding: 50px 10px;
      border: 1px solid #009ee3; }
      article.page-home section.applications a.item:first-child {
        margin-left: 0; }
      article.page-home section.applications a.item h2 {
        font-size: 2rem;
        line-height: 2rem;
        min-height: 40px; }
      article.page-home section.applications a.item p {
        color: rgba(0, 0, 0, 0.5);
        margin: 0; }
  article.page-home section.newsitems {
    padding: 8rem 0; }
    article.page-home section.newsitems .carousel-news {
      width: 90%;
      max-width: 1280px;
      margin: 0 auto; }
    article.page-home section.newsitems .slick-list {
      margin-left: -27px; }
      article.page-home section.newsitems .slick-list .slick-slide {
        margin-left: 27px; }
    article.page-home section.newsitems .widget .content {
      width: 98% !important; }
  /*********************
APPLICATIONS
*********************/
  article.page-applications section.suitable-products {
    padding: 8rem 0; }
    article.page-applications section.suitable-products .carousel-products {
      width: 90%;
      max-width: 1280px;
      margin: 0 auto; }
    article.page-applications section.suitable-products .slick-list {
      margin-left: -27px; }
      article.page-applications section.suitable-products .slick-list .slick-slide {
        margin-left: 27px; }
  /*********************
PRODUCT OVERVIEW
*********************/
  article.page-products > .flex-stretch {
    flex-direction: row; }
  article.page-products aside.product-chooser {
    width: 45%;
    min-width: 300px;
    max-width: 430px;
    padding: 8rem 4rem;
    order: 1; }
  article.page-products section.content {
    padding: 8rem 6rem 4rem;
    width: 100%;
    order: 2; }
  article.page-products .product-overview .item {
    margin-bottom: 6rem; }
  article.page-products .product-overview h2 {
    margin-bottom: 4rem; }
  /*********************
PRODUCT DETAIL
*********************/
  article.single.product header {
    margin: 3rem 0 3rem; }
    article.single.product header h1 {
      font-size: 3rem;
      line-height: 3.5rem; }
    article.single.product header h3 {
      font-size: 1.8rem;
      line-height: 2.4rem; }
  article.single.product section.slider-top {
    overflow: hidden;
    margin-bottom: 6rem; }
    article.single.product section.slider-top .slider-product-container {
      width: 55%; }
    article.single.product section.slider-top #slider-product {
      height: 480px;
      /*
			.slick-track {
    			display: table;
			}
			.item {
			    display: table-cell;
			    height: 100%;
			}*/ }
      article.single.product section.slider-top #slider-product .slick-list, article.single.product section.slider-top #slider-product .slick-track {
        height: 480px; }
    article.single.product section.slider-top .slider-summary {
      width: 45%;
      padding-left: 3rem;
      margin-top: 0rem; }
      article.single.product section.slider-top .slider-summary ul {
        margin-bottom: 3rem; }
        article.single.product section.slider-top .slider-summary ul li {
          margin: 0; }
      article.single.product section.slider-top .slider-summary .more a.print-mail {
        display: none;
        color: #009ee3;
        font-weight: 700;
        text-decoration: none; }
      article.single.product section.slider-top .slider-summary .more .btn {
        margin: 0 0 1rem; }
  article.single.product section#introduction {
    margin: 8rem 0; }
    article.single.product section#introduction .content {
      width: 55%;
      margin: 0;
      padding-right: 2rem;
      border-right: 1px solid #01aee8; }
      article.single.product section#introduction .content.full {
        width: 100%; }
    article.single.product section#introduction .images {
      width: 45%;
      padding-top: 0;
      padding-left: 2rem;
      border: none; }
  article.single.product section#technical-features {
    margin: 8rem 0; }
    article.single.product section#technical-features .content {
      width: 60%;
      padding-right: 2rem; }
    article.single.product section#technical-features .image {
      width: 40%; }
      article.single.product section#technical-features .image img {
        display: block;
        margin: 0; }
    article.single.product section#technical-features .specifications-overview .specifications {
      margin-top: 3rem; }
      article.single.product section#technical-features .specifications-overview .specifications .item .title {
        float: left;
        width: 30%; }
      article.single.product section#technical-features .specifications-overview .specifications .item .content {
        float: left;
        width: 70%;
        padding-left: 2rem; }
  article.single.product section#brochures-manuals {
    margin: 8rem 0;
    text-align: left; }
    article.single.product section#brochures-manuals .downloads {
      overflow: hidden; }
      article.single.product section#brochures-manuals .downloads .item {
        float: left;
        width: 30%;
        margin-left: 5%; }
        article.single.product section#brochures-manuals .downloads .item h4 {
          font-size: 1.6rem; }
        article.single.product section#brochures-manuals .downloads .item:nth-child(2n+1) {
          margin-left: 5%;
          clear: none; }
        article.single.product section#brochures-manuals .downloads .item:nth-child(3n+1) {
          margin-left: 0;
          clear: left; }
  article.single.product section#suitable .item {
    padding: 8rem 0; }
  /*********************
TRAINING AGENDA
*********************/
  section.agenda .item {
    position: relative;
    overflow: hidden;
    padding-bottom: 2rem;
    padding-top: 4rem; }
    section.agenda .item .top .info {
      /*
				display: flex;
				span {
					position: relative;
						flex-grow: 1;
				}*/ }
      section.agenda .item .top .info span {
        display: inline-block;
        margin-right: 2rem; }
    section.agenda .item .content {
      position: relative; }
      section.agenda .item .content .text {
        width: calc(100% - 280px);
        padding-right: 7rem; }
    section.agenda .item .share {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 280px; }
  /*********************
LEARNING CENTER
*********************/
  article.page-learningcenter aside.side-nav {
    display: block;
    width: 45%;
    min-width: 300px;
    max-width: 430px;
    padding: 8rem 0;
    background: #faf8fe; }
    article.page-learningcenter aside.side-nav ul {
      margin: 0; }
      article.page-learningcenter aside.side-nav ul li {
        position: relative;
        text-transform: uppercase;
        font-weight: 700; }
        article.page-learningcenter aside.side-nav ul li.current-menu-item a, article.page-learningcenter aside.side-nav ul li:hover a {
          background: white;
          color: #009ee3; }
        article.page-learningcenter aside.side-nav ul li.current-menu-item:after, article.page-learningcenter aside.side-nav ul li:hover:after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 4px;
          height: 100%;
          background: red;
          background: #6900f2;
          /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(#6900f2, #01aee8);
          /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(#6900f2, #01aee8);
          /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(#6900f2, #01aee8);
          /* For Firefox 3.6 to 15 */
          background: linear-gradient(#6900f2, #01aee8);
          /* Standard syntax (must be last) */ }
        article.page-learningcenter aside.side-nav ul li a {
          display: block;
          padding: 2rem 4rem;
          text-decoration: none;
          color: black; }
  article.page-learningcenter .sections {
    padding: 8rem 6rem 4rem;
    width: 100%; }
    article.page-learningcenter .sections section .wrap {
      width: 100%;
      max-width: 100%; }
    article.page-learningcenter .sections section.accordion-list .wrap {
      width: 90% !important; }
  article.page-learningcenter section.text-content:first-of-type {
    margin: 0; }
  /*********************
NEWS
*********************/
  article.page-news section.news-overview .item {
    overflow: hidden; }
    article.page-news section.news-overview .item img {
      float: left;
      width: 30%;
      max-width: 250px;
      margin-right: 4rem; }
  /*********************
ACCORDION
*********************/
  section.accordion-list {
    padding: 6rem 0; }
  /*********************
PAGINATION
*********************/
  nav.nav-pagination {
    text-align: left; }
    nav.nav-pagination a, nav.nav-pagination span {
      margin: 0 10px 0 0; }
  /*********************
TEXT CONTENT
*********************/
  section.text-content {
    margin: 5rem 0; }
    section.text-content:first-of-type {
      margin: 7rem 0 4rem; }
    section.text-content .column.full {
      width: 100%; }
    section.text-content h2 {
      margin-bottom: 2rem; }
  /*********************
CALL TO ACTION
*********************/
  section.call_to_action#find-product a.btn {
    display: inline-block;
    margin: 0 1rem; }
  section.call_to_action.default {
    margin-top: 5rem;
    margin-bottom: 5rem; }
    section.call_to_action.default .column {
      padding: 6rem 0 7rem; }
    section.call_to_action.default .multi {
      width: 50%;
      border-bottom: none; }
      section.call_to_action.default .multi:first-of-type {
        background-color: #009ee3;
        background-image: -webkit-gradient(linear, left top, right top, from(#00067a), to(#009ee3));
        background-image: -webkit-linear-gradient(left, #00067a, #009ee3);
        background-image: -moz-linear-gradient(left, #00067a, #009ee3);
        background-image: -o-linear-gradient(left, #00067a, #009ee3);
        background-image: linear-gradient(to right, #00067a, #009ee3); }
  section.call_to_action#training .half {
    width: 50%; }
    section.call_to_action#training .half:first-child {
      border: none; }
    section.call_to_action#training .half .wrap {
      align-self: center; }
  /*********************
ARTICLE / SECTION
*********************/
  /*********************
ENTRY CONTENT
*********************/
  .entry-content h2, .entry-content .h2 {
    margin-bottom: 4rem; }
  .entry-content ul li {
    list-style-position: outside; }
  .entry-content ul.check li:before {
    top: 7px; }
  /*********************
WIDGETS
*********************/
  .widget#contactdetails {
    margin: 0 0 4rem; }
    .widget#contactdetails .content .item {
      line-height: 1.4; }
      .widget#contactdetails .content .item strong {
        float: left;
        width: 40%; }
      .widget#contactdetails .content .item span {
        float: left;
        width: 60%; }
  /*********************
FOOTER
*********************/


/*********************
DESKTOP
*********************/
@media only screen and (min-width: 1030px) {
  /*********************
HEADER
*********************/
  header.desktop-header .bottom nav {
    float: left;
    margin-top: 3px;
    margin-right: 2rem; }
    header.desktop-header .bottom nav ul li {
      font-size: 1.55rem; }
      header.desktop-header .bottom nav ul li a {
        margin-left: 1.7rem; }
      header.desktop-header .bottom nav ul li ul.sub-menu {
        margin-left: 3rem; }
  header.desktop-header .bottom .search-lang {
    float: right; }
  header.desktop-header .bottom .searchform {
    margin-right: 2rem; }
  /*********************
SLIDER HEADER
*********************/
  #slider-header .content {
    padding-left: 13%; }
  /*********************
TRAINING AGENDA
*********************/
  section.agenda .item .top {
    max-width: calc(100% - 280px); }
  /*********************
TEXT CONTENT
*********************/
  section.text-content:first-of-type {
    margin: 8rem 0 4rem; }
  /*********************
HOME
*********************/
  article.page-home section.applications a.item {
    position: relative;
    /*
			.container {
				display: block;
				position: absolute;
				top: 50%;
				padding: 40px 20px;
				@include transform(translateY(-50%));
			}*/ }
    article.page-home section.applications a.item h2 {
      min-height: auto; }
  article.page-home .carousel-news .slick-track {
    display: flex;
    align-items: stretch; }
  article.page-home .carousel-news .slick-slide {
    float: none;
    height: auto;
    display: flex; }
    article.page-home .carousel-news .slick-slide .content {
      display: flex;
      flex-direction: column; }
    article.page-home .carousel-news .slick-slide a.btn {
      margin: auto 0 0 0; }
  /*********************
PRODUCT OVERVIEW
*********************/
  article.page-products .product-overview .item {
    width: 26%;
    margin-left: 11%; }
    article.page-products .product-overview .item:nth-of-type(2n+1) {
      clear: none;
      margin-left: 11%; }
    article.page-products .product-overview .item:nth-of-type(3n+1) {
      clear: left;
      margin-left: 0; }
  /*********************
PRODUCT DETAIL
*********************/
  article.single.product section.slider-top .slider-product-container {
    width: 65%; }
  article.single.product section.slider-top .slider-summary {
    width: 35%; }
  article.single.product section#introduction .content {
    width: 65%;
    padding-right: 5rem; }
  article.single.product section#introduction .images {
    width: 35%;
    padding-left: 5rem; }
  article.single.product section#technical-features .content {
    width: 70%;
    padding-right: 5rem; }
  article.single.product section#technical-features .image {
    width: 30%; }
  article.single.product section#brochures-manuals .downloads .item {
    width: 22%;
    margin-left: 4%; }
    article.single.product section#brochures-manuals .downloads .item:nth-child(2n+1) {
      margin-left: 4%; }
    article.single.product section#brochures-manuals .downloads .item:nth-child(3n+1) {
      margin-left: 4%;
      clear: none; }
    article.single.product section#brochures-manuals .downloads .item:nth-child(4n+1) {
      margin-left: 0;
      clear: left; }
  /*********************
CALL TO ACTION
*********************/
  /*********************
WIDGETS
*********************/
  .widget#contactdetails {
    margin: 0 0 4rem; }
    .widget#contactdetails img {
      float: left;
      width: 35%;
      margin-top: 1rem; }
    .widget#contactdetails .content {
      float: left;
      width: 65%;
      padding-left: 2rem; }
      .widget#contactdetails .content .item {
        line-height: 1.4; }
        .widget#contactdetails .content .item strong {
          float: left;
          width: 40%; }
        .widget#contactdetails .content .item span {
          float: left;
          width: 60%; }


/*********************
LARGE VIEWING SIZE
*********************/
@media only screen and (min-width: 1240px) {
  /*********************
HEADER
*********************/
  header.desktop-header .center .container-right {
    text-align: right;
    margin-top: 3rem; }
  header.desktop-header .center .call-us {
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 0;
    margin-right: 2rem; }
  header.desktop-header .center .search-lang {
    display: inline-block; }
    header.desktop-header .center .search-lang .searchform {
      display: inline-block;
      vertical-align: top; }
    header.desktop-header .center .search-lang .lang-switcher {
      display: inline-block;
      vertical-align: top; }
  header.desktop-header .bottom .search-lang {
    float: right;
    clear: none; }
    header.desktop-header .bottom .search-lang .searchform {
      margin-right: 2rem; }
  header.desktop-header .bottom nav ul li {
    font-size: 1.7rem; }
    header.desktop-header .bottom nav ul li a {
      margin-left: 2.7rem; } }

@media only screen and (min-width: 1600px) {
  /*********************
PRODUCT OVERVIEW
*********************/
  article.page-products .product-overview .item {
    width: 20%;
    margin-left: 6.66%; }
    article.page-products .product-overview .item:nth-of-type(2n+1) {
      clear: none;
      margin-left: 6.66%; }
    article.page-products .product-overview .item:nth-of-type(3n+1) {
      clear: none;
      margin-left: 6.66%; }
    article.page-products .product-overview .item:nth-of-type(4n+1) {
      clear: none;
      margin-left: 0; } }

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/

/* register form state field*/
.acf-field-select.acf-field-5de7a21978d5d {
    display: none;
}



section.link_repeater {
    padding: 3rem 0 0;
}
section.link_repeater a.item {
    text-align: center;
    display: block;
    position: relative;
    padding: 50px 7.5%;
    text-decoration: none;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
section.link_repeater a.item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    background: #009ee3;
    z-index: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
section.link_repeater a.item:hover:after {
    height: 100%;
}

section.link_repeater a.item .container {
    display: block;
    position: relative;
    z-index: 2;
}
section.link_repeater a.item h2 {
    color: #009ee3;
    text-transform: uppercase;
    font-weight: 900;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
}
section.link_repeater a.item:hover h2 {
    color: white;
}
section.link_repeater a.item p {
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    z-index: 2;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
}
section.link_repeater a.item:hover p {
    color: white;
}

@media only screen and (min-width: 768px) {
    section.link_repeater a.item {
        width: 24%;
        padding: 50px 10px;
        border: 1px solid #009ee3;
        margin: 0 0 20px 1%;
    }
    section.link_repeater a.item:nth-of-type(4n+1) {
        margin-left: 0;
    }
    section.link_repeater a.item h2 {
        font-size: 2rem;
        line-height: 2rem;
    }
    section.link_repeater .flex-stretch {
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 768px) {

}