@charset "UTF-8";
/*
|--------------------------------------------------------------------------
| Main scss file
|--------------------------------------------------------------------------
| ...
*/
/*
|--------------------------------------------------------------------------
| Base imports
|--------------------------------------------------------------------------
*/
/* ==========================================================================
   Normalize.scss settings - https://github.com/appleboy/normalize.scss
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
@import url(./../../node_modules/hamburgers/dist/hamburgers.css);
@import url(./../..//node_modules/@glidejs/glide/dist/css/glide.core.min.css);
@import url(./../../node_modules/@fancyapps/fancybox/dist/jquery.fancybox.css);
@import url(./../../node_modules/@fortawesome/fontawesome-pro/css/all.css);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents 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/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

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

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
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; }

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

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

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*
|--------------------------------------------------------------------------
| Base colors
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Sharetools platform colors
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Notification colors
|--------------------------------------------------------------------------
*/
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLFj_Z11lFd2JQEl8qw.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/*
|--------------------------------------------------------------------------
| Base typography
|--------------------------------------------------------------------------
*/
html {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 18px;
  color: #1f1f1f; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400; }

h1,
.heading-1 {
  display: block;
  margin: 0;
  margin-bottom: 20px;
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  line-height: 35px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8fc534; }

h2,
.heading-2 {
  display: block;
  margin: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  line-height: 25px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8fc534; }

h3,
.heading-3 {
  display: block;
  margin: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  line-height: 25px;
  font-weight: 700;
  text-transform: none;
  color: #8fc534; }

h4,
.heading-4 {
  display: block;
  margin: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  line-height: 23px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8fc534; }

h5,
.heading-5 {
  display: block;
  margin: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  line-height: 23px;
  font-weight: 700;
  text-transform: none;
  color: #8fc534; }

h6,
.heading-6 {
  display: block;
  margin: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  line-height: 23px;
  font-weight: 700;
  text-transform: none;
  color: #8fc534; }

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: 0; }

p {
  font-size: 15px;
  line-height: 18px; }

a {
  color: #1f1f1f;
  text-decoration: underline;
  text-decoration-skip: ink; }
  a:hover {
    text-decoration: none; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #1f1f1f !important; }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul.-anom {
    margin-bottom: 3px !important; }

li {
  padding: 0;
  margin: 0; }
  li:last-of-type {
    margin-bottom: 0; }

strong {
  font-weight: 600; }

::-moz-selection {
  background: #2c2c2c;
  color: #ffffff; }

::selection {
  background: #2c2c2c;
  color: #ffffff; }

/*
|--------------------------------------------------------------------------
| Utilities imports
|--------------------------------------------------------------------------
| ...
*/
/*
|--------------------------------------------------------------------------
| Utilities general
|--------------------------------------------------------------------------
| ...
*/
.u-group:before,
.u-group:after {
  content: "";
  display: table; }

.u-group:after {
  clear: both; }

.u-group {
  zoom: 1;
  /* ie 6/7 */ }

.u-text-align-center {
  text-align: center !important; }

.u-text-decoration-underline {
  text-decoration: underline !important; }

.u-italic {
  font-style: italic; }

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

.lt-align {
  text-align: left; }

.rt-align {
  text-align: right; }

.no-v-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.margin-t0 {
  margin-top: 0; }

.margin-b60,
.-mb60 {
  margin-bottom: 40px; }

.-mb25 {
  margin-bottom: 25px; }

.u-wide {
  width: 100%;
  max-width: 100%; }

.is-hidden {
  opacity: 0; }

.is-fixed {
  position: fixed; }

.u-float-left {
  float: left; }

.u-float-right {
  float: right; }

.is-visible {
  opacity: 1; }

.desktop-hidden {
  display: none; }

.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .u-flex * {
    float: none; }

.u-flex-align-center,
.u-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.u-flex-justify-content-center,
.u-justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.u-justify-content-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.u-flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.u-box-shadow {
  box-shadow: 8px 6px 18px 2px rgba(0, 0, 0, 0.15); }

.u-hidden {
  display: none !important; }

.u-hidden\@lg {
  display: none !important; }

@media screen and (max-width: 1162px) {
  .u-hidden\@md {
    display: none !important; }
  .u-visible\@md {
    display: block !important; }
  .u-visible-inline\@md {
    display: inline-block !important; } }

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

.u-overflowhidden {
  position: fixed;
  width: 100%; }

.u-overflowauto {
  overflow: auto !important; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/*
|--------------------------------------------------------------------------
| Layout imports
|--------------------------------------------------------------------------
| ...
*/
.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  text-decoration: none; }
  .logo.-height-auto {
    height: auto; }
  .logo:hover {
    text-decoration: none !important; }
  .logo__rectangle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    max-width: 200px;
    width: 375px;
    height: 100%;
    padding: 10px 15px;
    margin-left: 22px;
    transform: skew(-20deg);
    background-color: #ffffff; }
    .logo__rectangle.-transparent {
      background-color: transparent; }
  @media (max-width: 640px) {
    .logo__rectangle.-transparent {
      max-width: 152px; } }
  .logo img {
    display: block;
    width: 100%;
    max-width: 100%;
    transform: skew(20deg); }
  .logo__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0 22px; }
  .logo__text p {
    margin: 0;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase; }
  .logo__text span {
    background-color: #f9c841;
    border: 1px solid #f9c841;
    box-shadow: 2px 1px 9.2px 0.8px rgba(0, 0, 0, 0.15);
    padding: 0 5px; }
  @media (max-width: 640px) {
    .logo__rectangle {
      width: 125px;
      padding: 10px;
      margin-left: 15px; }
    .logo__text {
      padding: 0 15px; }
    .logo__text p {
      margin: 0;
      font-size: 18px;
      line-height: 22px; }
    .logo__text span {
      padding: 0 1px; } }
  @media (max-width: 480px) {
    .logo__rectangle {
      transform: skew(0);
      width: 75px;
      margin-left: 0;
      padding: 0;
      background-color: transparent; }
    .logo__rectangle img {
      transform: skew(0); }
    .logo__text {
      padding: 0 0 0 10px; }
    .logo__text p {
      margin: 0;
      font-size: 14px;
      line-height: 18px; } }

.hamburger {
  display: none;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 7px 7px 2px 7px; }
  .hamburger:hover {
    opacity: 1; }

.hamburger-box {
  width: 20px;
  height: 15px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px;
  height: 3px;
  background-color: #1f1f1f; }

.hamburger-inner::before {
  top: -5px; }

.hamburger-inner::after {
  bottom: -5px; }

@media (max-width: 1100px) {
  .hamburger {
    display: block; } }

.container .grid__col.-padded {
  padding-top: 65px;
  padding-bottom: 65px; }

@media (max-width: 1045px) {
  .container .grid__col.-padded {
    padding-top: 25px;
    padding-bottom: 25px; } }

.container .grid__col.-bpadded {
  padding-bottom: 65px; }

@media (max-width: 1045px) {
  .container .grid__col.-bpadded {
    padding-bottom: 25px; } }

.container .grid__col--65.-padded {
  padding-right: 100px; }

@media (max-width: 1045px) {
  .container .grid__col--65.-padded {
    padding-right: 30px; } }

@media (max-width: 890px) {
  .container .grid__col--65.-padded {
    width: 100%;
    padding-right: 0; } }

.container.-circles {
  margin-top: -140px;
  padding-bottom: 100px; }

@media (max-width: 1100px) {
  .container.-circles {
    margin-top: -70px; } }

@media (max-width: 890px) {
  .container.-circles {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
    padding-bottom: 0; } }

.container.-circles .grid__col--25 {
  padding: 0 20px 0 20px;
  text-align: center; }

@media (max-width: 890px) {
  .container.-circles .grid__col--25 {
    width: 50%;
    margin-bottom: 35px; } }

@media (max-width: 480px) {
  .container.-circles .grid__col--25 {
    width: 100%;
    margin-bottom: 35px; } }

.container .circle {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 2px 1px 9.2px 0.8px rgba(0, 0, 0, 0.15);
  display: block;
  overflow: hidden;
  max-height: 275px;
  max-width: 275px;
  background-color: #ffffff;
  border: 5px solid #ffffff;
  margin: 0 auto;
  margin-bottom: 20px;
  background-size: cover; }

@media (max-width: 890px) {
  .container .circle {
    max-height: 200px;
    max-width: 200px; } }

@media (max-width: 480px) {
  .container .circle {
    max-height: 150px;
    max-width: 150px; } }

.container .circle img {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  width: 100%;
  max-width: 100%; }

.container .circle:hover img {
  opacity: .8; }

.container.-circles .grid__col--25 p:last-of-type {
  margin-bottom: 24px; }

.container.-blocks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f6f6f6; }

@media (max-width: 890px) {
  .container.-blocks {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }

.container.-blocks .grid__col--50 {
  background-color: #f6f6f6; }

@media (max-width: 890px) {
  .container.-blocks .grid__col--50 {
    width: 100%; } }

.container.-blocks .-image {
  background-size: cover;
  background-repeat: no-repeat;
  max-height: 668px;
  overflow: hidden; }

@media (min-width: 1930px) {
  .container.-blocks .-image img {
    opacity: 0 !important; } }

.container.-blocks img {
  display: block;
  width: 100%;
  max-width: 962px;
  opacity: 0; }

@media (max-width: 1930px) {
  .container.-blocks img {
    opacity: 1; } }

.container.-blocks .-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px; }
  .container.-blocks .-text.-left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .container.-blocks .-text.-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }

@media (max-width: 1400px) {
  .container.-blocks .-text.-left {
    padding-left: 30px;
    padding-right: 30px; }
  .container.-blocks .-text.-right {
    padding-left: 30px;
    padding-right: 30px; } }

@media (max-width: 1100px) {
  .container.-blocks .-text.-left {
    padding-left: 15px;
    padding-right: 15px; }
  .container.-blocks .-text.-right {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 890px) {
  .container.-blocks .-text.-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }
  .container.-blocks.-first .-text {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .container.-blocks.-first .-image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; } }

.container.-blocks.-pageBased .grid__col--50.-text {
  padding-top: 100px;
  padding-bottom: 75px; }

@media (max-width: 890px) {
  .container.-blocks.-pageBased .grid__col--50.-text {
    padding-top: 25px;
    padding-bottom: 25px; } }

.container.-blocks .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 660px; }

.container.-blocks.-pageBased .-text .inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.container.-blocks .inner p {
  padding-right: 50px; }

.container.-blocks .-right .inner p {
  padding-left: 50px; }

@media (max-width: 1400px) {
  .container.-blocks .-right .inner p {
    padding-left: 0; } }

.container.-blocks ul {
  margin-top: 20px; }

.container.-blocks .-right ul {
  padding-left: 50px; }

@media (max-width: 1400px) {
  .container.-blocks .-right ul {
    padding-left: 0; } }

.container.-blocks li {
  margin-bottom: 8px;
  font-weight: 600; }

.container.-blocks li a {
  text-decoration: none;
  font-weight: 600; }
  .container.-blocks li a:hover {
    text-decoration: underline; }

.container .-aside {
  padding: 65px 35px;
  background-color: #f6f6f6; }
  @media (max-width: 890px) {
    .container .-aside {
      width: 100%;
      padding: 20px; } }
  .container .-aside p:first-of-type {
    margin-top: 0; }
  .container .-aside p:last-of-type {
    margin-bottom: 0; }
  .container .-aside h2:nth-of-type(2) {
    margin-top: 30px; }
  .container .-aside table tr td:first-of-type {
    padding-right: 20px; }
  .container .-aside table td {
    padding-bottom: 10px; }

.container p:first-of-type {
  margin-top: 0; }

.container p:last-of-type {
  margin-bottom: 0; }

.container.-color-blocks {
  color: #ffffff; }
  .container.-color-blocks .grid__col--50:first-of-type {
    padding-right: 25px; }
  .container.-color-blocks .grid__col--50:last-of-type {
    padding-left: 25px; }
  @media (max-width: 890px) {
    .container.-color-blocks .grid__col--50:first-of-type {
      padding-right: 10px; }
    .container.-color-blocks .grid__col--50:last-of-type {
      padding-left: 10px; } }
  @media (max-width: 768px) {
    .container.-color-blocks .grid__col--50:first-of-type {
      padding-right: 0; }
    .container.-color-blocks .grid__col--50:last-of-type {
      padding-left: 0; } }
  .container.-color-blocks .color-block {
    height: 100%;
    padding: 25px;
    color: #ffffff; }
  .container.-color-blocks .-green {
    background-color: #8fc534; }
  .container.-color-blocks .-yellow {
    background-color: #f9c841; }
  .container.-color-blocks h2 {
    color: #ffffff; }
  .container.-color-blocks li {
    margin-bottom: 8px;
    font-weight: 600; }
  .container.-color-blocks li a {
    color: #ffffff; }
  .container.-color-blocks li .svg-inline--fa {
    color: #ffffff !important; }

.block-title {
  box-shadow: 2px 1px 9.2px 0.8px rgba(0, 0, 0, 0.15);
  display: inline-block;
  position: relative;
  width: 120%;
  padding: 5px;
  margin-bottom: 20px;
  background-color: #8fc534;
  color: #ffffff;
  font-size: 70px;
  line-height: 55px;
  text-transform: uppercase;
  font-weight: 300;
  text-align: left;
  text-decoration: none; }
  @media (max-width: 1280px) {
    .block-title {
      font-size: 50px;
      line-height: 35px; } }
  @media (max-width: 890px) {
    .block-title {
      width: 100%; } }
  @media (max-width: 690px) {
    .block-title {
      font-size: 30px;
      line-height: 25px; } }
  .block-title.-default {
    width: auto;
    margin-bottom: 40px; }
  .block-title.-mobile {
    display: none; }
  @media (max-width: 690px) {
    .block-title.-mobile {
      display: inline-block; } }
  .block-title.-block-right {
    margin-left: -130px; }
  @media (max-width: 890px) {
    .block-title.-block-right {
      margin-left: 0; } }
  .block-title.-block-carousel {
    width: auto;
    margin-bottom: 0; }
  .block-title.-yellow {
    background-color: #f9c841; }
  .block-title.-blue {
    background-color: #2393d8; }
  .block-title strong {
    font-weight: 600; }

/*
|--------------------------------------------------------------------------
| Layout grid
|--------------------------------------------------------------------------
| max-width: 1045px - ipad landscape
| max-width: 768 - ipad portrait
*/
html {
  box-sizing: border-box;
  overflow-y: scroll; }
  html.-locked {
    overflow-y: hidden;
    height: 100vh; }

body.-locked {
  overflow-y: hidden;
  height: 100vh; }

*,
*:before,
*:after {
  box-sizing: inherit; }

.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  max-width: 1320px;
  padding: 0 30px;
  margin: 0 auto; }
  @media (max-width: 1100px) {
    .grid {
      padding: 0 15px; } }
  .grid.-m {
    max-width: 1200px; }
  .grid.-s {
    max-width: 720px; }

.grid__col.-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.grid__col--100 {
  width: 100%; }

.grid__col--90 {
  width: 90%; }

.grid__col--80 {
  width: 80%; }

.grid__col--75 {
  width: 75%; }

.grid__col--70 {
  width: 70%; }

.grid__col--66 {
  width: 66.666666%; }

.grid__col--65 {
  width: 65%; }

.grid__col--60 {
  width: 60%; }

.grid__col--55 {
  width: 55%; }

.grid__col--57 {
  width: 57%; }

.grid__col--58 {
  width: 58%; }

.grid__col--50 {
  width: 50%; }

.grid__col--49 {
  width: 49%; }

.grid__col--48 {
  width: 48%; }

.grid__col--47 {
  width: 47%; }

.grid__col--46 {
  width: 46%; }

.grid__col--45 {
  width: 45%; }

.grid__col--40 {
  width: 40%; }

.grid__col--35 {
  width: 35%; }

.grid__col--33 {
  width: 33.333333%; }

.grid__col--30 {
  width: 30%; }

.grid__col--25 {
  width: 25%; }

.grid__col--22 {
  width: 22%; }

.grid__col--20 {
  width: 20%; }

.grid__col--12 {
  width: 12.5%; }

.grid__col--10 {
  width: 10%; }

.grid__col--5 {
  width: 5%; }

@media screen and (max-width: 1045px) {
  .grid__col--90 {
    float: none;
    width: 100%; }
  .grid__col--80 {
    float: none;
    width: 100%; }
  .grid__col--75 {
    width: 50%; }
  .grid__col--70 {
    float: none;
    width: 100%; }
  .grid__col--60 {
    float: none;
    width: 100%; }
  .grid__col--40 {
    float: none;
    width: 100%; }
  .grid__col--33 {
    width: 50%; }
  .grid__col--30 {
    float: none;
    width: 100%; }
  .grid__col--25 {
    width: 50%; }
  .grid__col--20 {
    float: none;
    width: 100%; }
  .grid__col--12 {
    width: 50%; }
  .grid__col--10 {
    float: none;
    width: 100%; } }

@media screen and (max-width: 950px) {
  .grid__col--33 {
    float: none;
    width: 100%; } }

@media screen and (max-width: 768px) {
  .grid__col--75 {
    width: 95%;
    margin: 0 auto; }
  .grid__col--50 {
    float: none;
    width: 100%;
    margin: 0 auto; }
  .grid__col--47 {
    float: none;
    width: 100%;
    margin: 0 auto; }
  .grid__col--25 {
    width: 95%;
    margin: 0 auto; }
  .grid__col--12 {
    width: 95%;
    margin: 0 auto; } }

/*
|--------------------------------------------------------------------------
| elements imports
|--------------------------------------------------------------------------
| ...
*/
/*
|--------------------------------------------------------------------------
| Skiplink
|--------------------------------------------------------------------------
| ...
*/
.skiplink {
  position: absolute;
  left: -9999em; }

/*
|--------------------------------------------------------------------------
| No script
|--------------------------------------------------------------------------
| ...
*/
.no-script {
  padding: 12px 0 13px 0;
  text-align: center;
  background: #ffdb7a; }
  .no-script p {
    max-width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #1f1f1f !important; }

/*
|--------------------------------------------------------------------------
| Browse happy
|--------------------------------------------------------------------------
| ...
*/
.browse-happy p {
  max-width: 100%;
  margin: 0; }

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #ffffff; }

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/
.header {
  background-color: #8fc534;
  color: #ffffff; }
  .header__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 125px; }
  @media (max-width: 640px) {
    .header__inner {
      height: 75px; } }
  .header .nav-primary ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0; }
  .header .nav-primary li {
    padding: 0;
    margin: 0; }
  .header .nav-primary a {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    display: block;
    padding: 4px;
    margin: 0 12px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none; }
    .header .nav-primary a:first-of-type {
      margin: 0 12px 0 0; }
    .header .nav-primary a:last-of-type {
      margin: 0 0 0 12px; }
    .header .nav-primary a.-active, .header .nav-primary a:hover {
      background-color: #f9c841;
      border: 1px solid #f9c841;
      box-shadow: 2px 1px 9.2px 0.8px rgba(0, 0, 0, 0.15); }
    .header .nav-primary a.-active {
      font-weight: 400; }
  @media (max-width: 1100px) {
    .header .nav-primary ul {
      display: none; } }

/* Cookiemsg */
.cookiemsg {
  box-sizing: border-box;
  position: fixed;
  display: none;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9999;
  padding: 15px 60px;
  font-weight: normal !important;
  text-decoration: none; }

@media (max-width: 580px) {
  .cookiemsg {
    padding: 15px 60px 15px 10px; } }

.cookiemsg.-aside {
  left: 10px;
  bottom: 10px;
  padding: 15px 60px 15px 15px;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 615px; }

.cookiemsg.-aside.-right {
  left: auto;
  right: 10px; }

@media (max-width: 648px) {
  .cookiemsg.-aside {
    max-width: 96%; } }

@media (max-width: 580px) {
  .cookiemsg.-aside {
    max-width: 95%; } }

@media (max-width: 420px) {
  .cookiemsg.-aside {
    max-width: 94%; } }

.cookiemsg.-dark {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  color: #FFFFFF !important; }

.cookiemsg.-light {
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000000 !important; }

.cookiemsg:hover {
  text-decoration: none !important; }

.cookiemsg.-dark:hover {
  color: #FFFFFF !important; }

.cookiemsg.-light:hover {
  color: #000000 !important; }

.cookiemsg:focus {
  outline: none !important; }

.cookiemsg__inner {
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
  text-align: center; }

.cookiemsg.-aside .cookiemsg__inner {
  text-align: left; }

@media (max-width: 580px) {
  .cookiemsg__inner {
    text-align: left; } }

.cookiemsg p {
  padding: 0;
  margin: 0; }

@media (max-width: 620px) {
  .cookiemsg p br {
    display: none; } }

.cookiemsg.-light p {
  color: #000000 !important; }

.cookiemsg.-dark p {
  color: #FFFFFF !important; }

.cookiemsg__close {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 10px 10px;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none !important;
  overflow: hidden;
  text-indent: -9999px; }

.cookiemsg.-light .cookiemsg__close {
  background-image: url("../img/cookie.close.dark.svg"); }

.cookiemsg.-dark .cookiemsg__close {
  background-image: url("../img/cookie.close.light.svg"); }

.carousel img {
  display: block;
  width: 100%;
  max-width: 100%; }

.carousel .grid {
  position: relative; }

.carousel .block-title {
  position: absolute;
  bottom: 0;
  left: 30px; }

@media (max-width: 1100px) {
  .carousel .block-title {
    left: 15px; } }

@media (max-width: 690px) {
  .carousel .block-title {
    display: none; } }

.gmaps {
  height: 425px; }

/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/
.footer {
  background-color: #8fc534;
  color: #ffffff; }
  .footer__top {
    padding-top: 65px;
    padding-bottom: 65px; }
    @media (max-width: 890px) {
      .footer__top {
        padding-top: 35px;
        padding-bottom: 0; } }
    .footer__top li {
      margin-bottom: 8px;
      font-weight: 600; }
    .footer__top li a {
      font-weight: 600; }
    .footer__top .svg-inline--fa {
      margin-right: 10px; }
    .footer__top p:last-of-type {
      margin-bottom: 0; }
    @media (max-width: 1200px) {
      .footer__top .grid__col--50 {
        width: 60%; }
      .footer__top .grid__col--25 {
        width: 20%; }
      .footer__top .logo__rectangle {
        margin-left: 0; } }
    @media (max-width: 960px) {
      .footer__top .grid {
        display: block; }
      .footer__top .grid__col--50 {
        width: 100%;
        margin-bottom: 25px; }
      .footer__top .grid__col--25 {
        float: left;
        width: auto; }
        .footer__top .grid__col--25.-cat {
          min-width: 185px;
          padding-right: 20px; } }
    @media (max-width: 420px) {
      .footer__top .grid__col--25 {
        margin-bottom: 20px; } }
  .footer__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    min-height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #73a420; }
  .footer h2 {
    color: #ffffff; }
  .footer a {
    font-weight: 600;
    color: #ffffff;
    text-decoration: none; }
    .footer a.-privacy {
      font-weight: 300; }
    .footer a:hover {
      text-decoration: underline; }

/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
| ...
*/
.form__entry.-hp {
  height: 0;
  overflow: hidden; }

.form__fieldset {
  padding: 0;
  margin: 0;
  border: none; }

.form__entry {
  width: 100%;
  margin-bottom: 10px; }

.form__entry--button div {
  height: 0;
  overflow: hidden; }

.form__entry--50 {
  width: 48%; }

.form__entry--float-left {
  float: left; }

.form__entry--float-right {
  float: right; }

.form__entry-error {
  display: block;
  padding-top: 4px;
  font-style: italic;
  font-size: 12px !important;
  line-height: 12px !important; }

.form__label {
  display: block;
  margin-bottom: 5px;
  font-style: normal !important;
  line-height: 22px;
  cursor: pointer !important; }

.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="number"],
.form select {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border: none;
  border: 1px solid #8fc534;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  padding: 10px;
  color: #1f1f1f; }
  .form input[type="text"]:hover, .form input[type="text"]:focus,
  .form input[type="email"]:hover,
  .form input[type="email"]:focus,
  .form input[type="password"]:hover,
  .form input[type="password"]:focus,
  .form input[type="number"]:hover,
  .form input[type="number"]:focus,
  .form select:hover,
  .form select:focus {
    background-color: #f6f6f6; }

.form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #1f1f1f; }

.form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #1f1f1f; }

.form :-ms-input-placeholder {
  /* IE 10+ */
  color: #1f1f1f; }

.form :-moz-placeholder {
  /* Firefox 18- */
  color: #1f1f1f; }

.form select {
  background: transparent; }

.form__input--invalid {
  background-color: #ffffff !important;
  border: 1px solid #e45d50 !important; }

.form input[type=number]::-webkit-inner-spin-button,
.form input[type=number]::-webkit-outer-spin-button {
  opacity: 1 !important; }

.form input[type="submit"] {
  width: auto; }

.form textarea {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  width: 100%;
  height: 200px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border: none;
  border: 1px solid #8fc534;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  padding: 10px;
  color: #1f1f1f;
  resize: none;
  margin-bottom: -2px; }
  .form textarea:focus, .form textarea:hover {
    background-color: #f6f6f6; }

.form__textarea--invalid {
  background: #ffffff !important;
  border: 1px solid #e45d50 !important; }

.form input[type=number]:hover::-webkit-inner-spin-button,
.form input[type=number]:hover::-webkit-outer-spin-button {
  opacity: 1; }

.form input[type="submit"]:focus {
  outline: none; }

.form__styled-select {
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  /* for .fa position: absolute */
  overflow: hidden;
  width: 100%;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  color: #1f1f1f; }
  .form__styled-select.-invalid {
    background-color: #f5e2e5;
    border: 1px solid #e45d50; }

.form__select {
  width: 125%;
  background: transparent;
  border: 0 !important;
  padding: 16px 15px !important;
  border-radius: 0;
  color: #1f1f1f !important;
  cursor: pointer;
  line-height: 20px; }
  .form__select:focus {
    outline: none; }

.form__styled-select .svg-inline--fa {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px; }

@-moz-document url-prefix() {
  .form .form__styled-select .svg-inline--fa {
    display: none; } }

.form__number--disabled {
  opacity: .5; }

.form input[type="checkbox"],
.form input[type="radio"] {
  display: none; }

.form .test {
  display: block !important; }

.form input[type="checkbox"] + label span,
.form input[type="radio"] + label span {
  -webkit-transition: border 0.2s ease-in-out;
  -khtml-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -ms-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 2px 7px 7px 0;
  vertical-align: middle;
  border: 1px solid #8d8d8d;
  cursor: pointer; }

.form input[type="checkbox"] + label:hover span,
.form input[type="radio"] + label:hover span {
  border: 1px solid #1f1f1f; }

.form input[type="checkbox"] + label span:focus,
.form input[type="radio"] + label span:focus {
  display: none; }

.form input[type="checkbox"]:checked + label span,
.form input[type="radio"]:checked + label span {
  background: url("../img/check.black.svg") no-repeat center center;
  background-size: 12px auto; }

.form input[type="checkbox"]:last-of-type,
.form input[type="checkbox"]:last-of-type {
  margin-bottom: 0; }

.form__label--checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.form__label--checkbox span {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.form label:hover {
  cursor: pointer; }

.form .form__entry-error {
  display: none;
  margin-top: 0;
  margin-bottom: 10px !important;
  color: #e45d50; }

.form .error-message {
  color: #ffffff; }

.content--register .flash-message--js {
  display: none; }

.flash-message--checkout-register {
  display: none; }

.form--delivery .grid:nth-of-type(2) {
  margin-bottom: 45px; }

@media screen and (max-width: 800px) {
  .form--delivery .form__entry--buttons a,
  .form--delivery .form__entry--buttons .button {
    display: block !important;
    width: 100% !important;
    text-align: center; }
  .form--delivery .form__entry--buttons a {
    margin-bottom: 10px; } }

@media screen and (max-width: 1045px) {
  .form--summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .form--summary .grid__col--20,
    .form--summary .grid__col--75 {
      display: block;
      float: none;
      width: 100%; }
    .form--summary .grid__col--20 {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 10px; }
    .form--summary .grid__col--75 {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2; }
    .form--summary__top {
      display: block;
      position: relative; } }

@media screen and (max-width: 1000px) {
  .form--summary .form__entry--buttons .button {
    display: block;
    float: none;
    width: 100%;
    text-align: center; }
  .form--summary .form__entry--buttons .button:nth-of-type(1) {
    margin-bottom: 10px; } }

.table {
  width: 100%; }
  .table.-default tr td:first-of-type {
    padding-right: 10px; }
  .table.-striped tr td {
    padding: 10px; }
  .table.-striped tr:nth-of-type(odd) {
    background-color: gray; }
  .table.-striped tr td:nth-of-type(2) {
    text-align: right; }
  .table .clickable-row {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
  .table .clickable-row:hover {
    background-color: green !important;
    cursor: pointer; }
  .table.-key-points {
    margin-top: 22px; }
  .table.-key-points tr td {
    vertical-align: top;
    padding-bottom: 15px; }
  .table.-key-points tr:last-of-type td {
    padding-bottom: 5px; }
  .table.-key-points tr td:first-of-type {
    padding-right: 10px;
    width: 20px; }
  .table.-key-points .svg-inline--fa {
    margin-top: 2px;
    color: blue; }

.flash-message {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 13px;
  margin-bottom: 20px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 16px;
  text-align: left; }
  .flash-message--success {
    background-color: #d5ebd5;
    color: #1f1f1f; }
  .flash-message--error {
    background-color: #e45d50;
    color: #ffffff; }
  .flash-message--notification {
    position: relative;
    background-color: #f6f6f6;
    color: #ffffff; }
  .flash-message--neutral {
    padding-left: 35px;
    background-color: lightgray;
    color: #1f1f1f; }
    .flash-message--neutral .far {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 10px; }
  .flash-message--logout {
    margin-bottom: 0;
    font-weight: 600;
    text-align: center; }
  .flash-message__close {
    position: absolute;
    top: 15px;
    right: 5px; }
  .flash-message__close--success .fa-times {
    color: #1f1f1f; }
  .flash-message__close--notification .fa-times {
    color: #1f1f1f; }
  .flash-message__close--error .fa-times {
    color: #ffffff; }
  .flash-message__inner {
    display: block;
    max-width: 95%; }
  .flash-message--neutral .flash-message__inner {
    max-width: 100%; }
  .flash-message .svg-inline--fa {
    margin-right: 10px; }
  .flash-message a,
  .flash-message a:hover {
    background-color: transparent !important;
    outline: none !important; }
  .flash-message--notification a,
  .flash-message--notification a:visited {
    text-decoration: underline;
    color: #ffffff; }
  .flash-message--notification a:hover {
    text-decoration: none; }
  @media (max-width: 720px) {
    .flash-message--notification br {
      display: none; } }

.nav-mobile {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 125px 10px 10px 10px;
  overflow-y: scroll; }
  @media (min-width: 1100px) {
    .nav-mobile {
      display: none; } }
  @media (max-width: 620px) {
    .nav-mobile {
      padding: 76px 10px 10px 10px; } }
  .nav-mobile.-active {
    display: block; }
  @media (min-width: 1100px) {
    .nav-mobile.-active {
      display: none; } }
  .nav-mobile .hamburger {
    position: absolute;
    top: 48px;
    right: 15px; }
  @media (max-width: 620px) {
    .nav-mobile .hamburger {
      top: 25px; } }
  .nav-mobile ul {
    padding: 0;
    margin: 0; }
  .nav-mobile li {
    padding: 0;
    margin: 0;
    margin-bottom: 10px; }
  .nav-mobile a {
    display: block;
    padding: 10px;
    background-color: #f9c841;
    font-weight: 600;
    color: #1f1f1f;
    text-transform: uppercase;
    text-decoration: none; }
    .nav-mobile a.-active {
      background-color: #f9c841;
      color: #1f1f1f; }

.popup {
  position: relative;
  max-width: 480px;
  padding: 20px; }
  .popup__overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .8; }
  .popup .button {
    padding: 11px 25px !important; }
  @media screen and (max-width: 580px) {
    .popup .button {
      padding: 11px 25px !important;
      font-size: 15px !important; } }

.sect-pages-callme {
  max-width: 480px; }

.success-wrap {
  display: none;
  text-align: center; }
  .success-wrap .fa {
    color: goldenrod; }
  .success-wrap p:last-of-type {
    margin-bottom: 28px; }

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
| ...
*/
button {
  outline: none;
  box-shadow: none !important;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none; }

.button {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  display: inline-block;
  outline: none;
  padding: 15px 25px;
  background-color: #2393d8;
  border: 1px solid #2393d8 !important;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff !important;
  cursor: pointer; }
  .button:hover {
    text-decoration: none !important;
    background-color: #ffffff;
    color: #2393d8 !important; }
  .button.-icon {
    padding-left: 20px; }
  .button .svg-inline--fa {
    margin-right: 10px; }
  .button.-blue {
    background-color: #8fc534;
    border: 1px solid #8fc534 !important;
    color: #ffffff !important; }
    .button.-blue:hover {
      background-color: #ffffff;
      color: #f9c841 !important; }

@-moz-document url-prefix() {}/*
|--------------------------------------------------------------------------
| modules imports
|--------------------------------------------------------------------------
*/
@media (max-width: 960px) {
  .main.-index {
    padding-top: 40px; } }

.main.-index .grid.-s {
  display: block;
  min-height: calc(100vh - 305px); }

.main.-index .contentHeading {
  margin-left: 0; }

.main.-index .searchResult {
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f6f6f6; }
  .main.-index .searchResult h3 {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 600; }
  .main.-index .searchResult h3 a {
    text-decoration: none; }
    .main.-index .searchResult h3 a:hover {
      text-decoration: underline; }
  .main.-index .searchResult h4 {
    margin: 0; }
  .main.-index .searchResult p {
    margin-top: 0; }
  .main.-index .searchResult p:last-of-type {
    margin-bottom: 20px; }
  .main.-index .searchResult .button {
    padding: 12px; }

.main.-index h2 {
  margin-top: 30px; }

.-contact p:last-of-type {
  margin-bottom: 25px; }

.-contact .recaptchaNote {
  margin: 0;
  margin-top: 15px;
  font-size: 12px; }

.-contact .recaptchaNote a {
  color: #1f1f1f; }

.-contact .recaptchaNote a:hover {
  text-decoration: none; }

.-contact .recaptchaNote a:visited {
  color: #1f1f1f; }

.grecaptcha-badge {
  visibility: hidden; }

.-template-1 .grid__col--45 {
  padding-top: 100px !important;
  padding-right: 35px; }

.-template-1 .grid__col--55 img {
  display: block;
  max-width: 100%;
  width: 100%; }

@media (max-width: 768px) {
  .-template-1 .grid__col--45 {
    padding-top: 25px !important;
    padding-right: 0; }
  .-template-1 .grid__col--45,
  .-template-1 .grid__col--55 {
    width: 100%; } }

.-template-1 .block-title {
  width: 145%; }

@media (max-width: 890px) {
  .-template-1 .block-title {
    width: 100%; } }

/*
|--------------------------------------------------------------------------
| Vendors imports
|--------------------------------------------------------------------------
| ...
*/
/*
|--------------------------------------------------------------------------
| Namespaces - http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/
|--------------------------------------------------------------------------
| o-: Signify that something is an Object, and that it may be used in any number of unrelated contexts to the one you can currently see it in. Making modifications to these types of class could 
| potentially have knock-on effects in a lot of other unrelated places. Tread carefully.
|
| c-: Signify that something is a Component. This is a concrete, implementation-specific piece of UI. All of the changes you make to its styles should be detectable in the context you’re currently 
| looking at. Modifying these styles should be safe and have no side effects.
|
| u-: Signify that this class is a Utility class. It has a very specific role (often providing only one declaration) and should not be bound onto or changed. It can be reused and is not tied to any 
| specific piece of UI. You will probably recognise this namespace from libraries and methodologies like SUIT.
|
| t-: Signify that a class is responsible for adding a Theme to a view. It lets us know that UI Components’ current cosmetic appearance may be due to the presence of a theme.
|
| s-: Signify that a class creates a new styling context or Scope. Similar to a Theme, but not necessarily cosmetic, these should be used sparingly—they can be open to abuse and lead to poor CSS if
| not used wisely.
|
| is-, has-: Signify that the piece of UI in question is currently styled a certain way because of a state or condition. This stateful namespace is gorgeous, and comes from SMACSS. It tells us that
| the DOM currently has a temporary, optional, or short-lived style applied to it due to a certain state being invoked.
|
| _: Signify that this class is the worst of the worst—a hack! Sometimes, although incredibly rarely, we need to add a class in our markup in order to force something to work. If we do this, we need 
| to let others know that this class is less than ideal, and hopefully temporary (i.e. do not bind onto this).
|
| js-: Signify that this piece of the DOM has some behaviour acting upon it, and that JavaScript binds onto it to provide that behaviour. If you’re not a developer working with JavaScript, leave these 
| well alone.
|
| qa-: Signify that a QA or Test Engineering team is running an automated UI test which needs to find or bind onto these parts of the DOM. Like the JavaScript namespace, this basically just reserves 
| hooks in the DOM for non-CSS purposes.
*/