/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

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

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ 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 6+.
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * 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.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 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 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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;
}

/* Stylesheet: normalize Modified On 2016-10-03 11:53:05 */
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-20:before, .tablet-grid-25:before, .tablet-grid-30:before, .tablet-grid-35:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .tablet-grid-70:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .tablet-grid-33:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.tablet-grid-5:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.tablet-grid-30:after,
.tablet-grid-35:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.tablet-grid-55:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.tablet-grid-70:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after,
.tablet-grid-100:after,
.tablet-grid-33:after,
.tablet-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
.grid-30:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.grid-55:after,
.grid-60:after,
.grid-65:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.grid-33:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after, .tablet-grid-33:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
  clear: both;
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}

.grid-offset {
  clear: both;
  margin-left: -10px;
  margin-right: -10px;
}

@media (max-width: 767px) {
  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
  }

  .mobile-pull-5 {
    left: -5%;
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
  }

  .mobile-pull-10 {
    left: -10%;
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
  }

  .mobile-pull-15 {
    left: -15%;
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
  }

  .mobile-pull-20 {
    left: -20%;
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
  }

  .mobile-pull-25 {
    left: -25%;
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
  }

  .mobile-pull-30 {
    left: -30%;
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
  }

  .mobile-pull-35 {
    left: -35%;
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
  }

  .mobile-pull-40 {
    left: -40%;
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
  }

  .mobile-pull-45 {
    left: -45%;
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
  }

  .mobile-pull-50 {
    left: -50%;
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
  }

  .mobile-pull-55 {
    left: -55%;
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
  }

  .mobile-pull-60 {
    left: -60%;
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
  }

  .mobile-pull-65 {
    left: -65%;
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
  }

  .mobile-pull-70 {
    left: -70%;
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
  }

  .mobile-pull-75 {
    left: -75%;
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
  }

  .mobile-pull-80 {
    left: -80%;
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
  }

  .mobile-pull-85 {
    left: -85%;
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
  }

  .mobile-pull-90 {
    left: -90%;
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
  }

  .mobile-pull-95 {
    left: -95%;
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
  }

  .mobile-pull-33 {
    left: -33.33333%;
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
  }

  .mobile-pull-66 {
    left: -66.66667%;
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
    position: relative;
  }

  .hide-on-tablet {
    display: none !important;
  }

  .tablet-grid-5 {
    float: left;
    width: 5%;
  }

  .tablet-prefix-5 {
    margin-left: 5%;
  }

  .tablet-suffix-5 {
    margin-right: 5%;
  }

  .tablet-push-5 {
    left: 5%;
  }

  .tablet-pull-5 {
    left: -5%;
  }

  .tablet-grid-10 {
    float: left;
    width: 10%;
  }

  .tablet-prefix-10 {
    margin-left: 10%;
  }

  .tablet-suffix-10 {
    margin-right: 10%;
  }

  .tablet-push-10 {
    left: 10%;
  }

  .tablet-pull-10 {
    left: -10%;
  }

  .tablet-grid-15 {
    float: left;
    width: 15%;
  }

  .tablet-prefix-15 {
    margin-left: 15%;
  }

  .tablet-suffix-15 {
    margin-right: 15%;
  }

  .tablet-push-15 {
    left: 15%;
  }

  .tablet-pull-15 {
    left: -15%;
  }

  .tablet-grid-20 {
    float: left;
    width: 20%;
  }

  .tablet-prefix-20 {
    margin-left: 20%;
  }

  .tablet-suffix-20 {
    margin-right: 20%;
  }

  .tablet-push-20 {
    left: 20%;
  }

  .tablet-pull-20 {
    left: -20%;
  }

  .tablet-grid-25 {
    float: left;
    width: 25%;
  }

  .tablet-prefix-25 {
    margin-left: 25%;
  }

  .tablet-suffix-25 {
    margin-right: 25%;
  }

  .tablet-push-25 {
    left: 25%;
  }

  .tablet-pull-25 {
    left: -25%;
  }

  .tablet-grid-30 {
    float: left;
    width: 30%;
  }

  .tablet-prefix-30 {
    margin-left: 30%;
  }

  .tablet-suffix-30 {
    margin-right: 30%;
  }

  .tablet-push-30 {
    left: 30%;
  }

  .tablet-pull-30 {
    left: -30%;
  }

  .tablet-grid-35 {
    float: left;
    width: 35%;
  }

  .tablet-prefix-35 {
    margin-left: 35%;
  }

  .tablet-suffix-35 {
    margin-right: 35%;
  }

  .tablet-push-35 {
    left: 35%;
  }

  .tablet-pull-35 {
    left: -35%;
  }

  .tablet-grid-40 {
    float: left;
    width: 40%;
  }

  .tablet-prefix-40 {
    margin-left: 40%;
  }

  .tablet-suffix-40 {
    margin-right: 40%;
  }

  .tablet-push-40 {
    left: 40%;
  }

  .tablet-pull-40 {
    left: -40%;
  }

  .tablet-grid-45 {
    float: left;
    width: 45%;
  }

  .tablet-prefix-45 {
    margin-left: 45%;
  }

  .tablet-suffix-45 {
    margin-right: 45%;
  }

  .tablet-push-45 {
    left: 45%;
  }

  .tablet-pull-45 {
    left: -45%;
  }

  .tablet-grid-50 {
    float: left;
    width: 50%;
  }

  .tablet-prefix-50 {
    margin-left: 50%;
  }

  .tablet-suffix-50 {
    margin-right: 50%;
  }

  .tablet-push-50 {
    left: 50%;
  }

  .tablet-pull-50 {
    left: -50%;
  }

  .tablet-grid-55 {
    float: left;
    width: 55%;
  }

  .tablet-prefix-55 {
    margin-left: 55%;
  }

  .tablet-suffix-55 {
    margin-right: 55%;
  }

  .tablet-push-55 {
    left: 55%;
  }

  .tablet-pull-55 {
    left: -55%;
  }

  .tablet-grid-60 {
    float: left;
    width: 60%;
  }

  .tablet-prefix-60 {
    margin-left: 60%;
  }

  .tablet-suffix-60 {
    margin-right: 60%;
  }

  .tablet-push-60 {
    left: 60%;
  }

  .tablet-pull-60 {
    left: -60%;
  }

  .tablet-grid-65 {
    float: left;
    width: 65%;
  }

  .tablet-prefix-65 {
    margin-left: 65%;
  }

  .tablet-suffix-65 {
    margin-right: 65%;
  }

  .tablet-push-65 {
    left: 65%;
  }

  .tablet-pull-65 {
    left: -65%;
  }

  .tablet-grid-70 {
    float: left;
    width: 70%;
  }

  .tablet-prefix-70 {
    margin-left: 70%;
  }

  .tablet-suffix-70 {
    margin-right: 70%;
  }

  .tablet-push-70 {
    left: 70%;
  }

  .tablet-pull-70 {
    left: -70%;
  }

  .tablet-grid-75 {
    float: left;
    width: 75%;
  }

  .tablet-prefix-75 {
    margin-left: 75%;
  }

  .tablet-suffix-75 {
    margin-right: 75%;
  }

  .tablet-push-75 {
    left: 75%;
  }

  .tablet-pull-75 {
    left: -75%;
  }

  .tablet-grid-80 {
    float: left;
    width: 80%;
  }

  .tablet-prefix-80 {
    margin-left: 80%;
  }

  .tablet-suffix-80 {
    margin-right: 80%;
  }

  .tablet-push-80 {
    left: 80%;
  }

  .tablet-pull-80 {
    left: -80%;
  }

  .tablet-grid-85 {
    float: left;
    width: 85%;
  }

  .tablet-prefix-85 {
    margin-left: 85%;
  }

  .tablet-suffix-85 {
    margin-right: 85%;
  }

  .tablet-push-85 {
    left: 85%;
  }

  .tablet-pull-85 {
    left: -85%;
  }

  .tablet-grid-90 {
    float: left;
    width: 90%;
  }

  .tablet-prefix-90 {
    margin-left: 90%;
  }

  .tablet-suffix-90 {
    margin-right: 90%;
  }

  .tablet-push-90 {
    left: 90%;
  }

  .tablet-pull-90 {
    left: -90%;
  }

  .tablet-grid-95 {
    float: left;
    width: 95%;
  }

  .tablet-prefix-95 {
    margin-left: 95%;
  }

  .tablet-suffix-95 {
    margin-right: 95%;
  }

  .tablet-push-95 {
    left: 95%;
  }

  .tablet-pull-95 {
    left: -95%;
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }

  .tablet-push-33 {
    left: 33.33333%;
  }

  .tablet-pull-33 {
    left: -33.33333%;
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }

  .tablet-push-66 {
    left: 66.66667%;
  }

  .tablet-pull-66 {
    left: -66.66667%;
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
  }

  .pull-5 {
    left: -5%;
  }

  .grid-10 {
    float: left;
    width: 10%;
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
  }

  .pull-10 {
    left: -10%;
  }

  .grid-15 {
    float: left;
    width: 15%;
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
  }

  .pull-15 {
    left: -15%;
  }

  .grid-20 {
    float: left;
    width: 20%;
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
  }

  .pull-20 {
    left: -20%;
  }

  .grid-25 {
    float: left;
    width: 25%;
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
  }

  .pull-25 {
    left: -25%;
  }

  .grid-30 {
    float: left;
    width: 30%;
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
  }

  .pull-30 {
    left: -30%;
  }

  .grid-35 {
    float: left;
    width: 35%;
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
  }

  .pull-35 {
    left: -35%;
  }

  .grid-40 {
    float: left;
    width: 40%;
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
  }

  .pull-40 {
    left: -40%;
  }

  .grid-45 {
    float: left;
    width: 45%;
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
  }

  .pull-45 {
    left: -45%;
  }

  .grid-50 {
    float: left;
    width: 50%;
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
  }

  .pull-50 {
    left: -50%;
  }

  .grid-55 {
    float: left;
    width: 55%;
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
  }

  .pull-55 {
    left: -55%;
  }

  .grid-60 {
    float: left;
    width: 60%;
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
  }

  .pull-60 {
    left: -60%;
  }

  .grid-65 {
    float: left;
    width: 65%;
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
  }

  .pull-65 {
    left: -65%;
  }

  .grid-70 {
    float: left;
    width: 70%;
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
  }

  .pull-70 {
    left: -70%;
  }

  .grid-75 {
    float: left;
    width: 75%;
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
  }

  .pull-75 {
    left: -75%;
  }

  .grid-80 {
    float: left;
    width: 80%;
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
  }

  .pull-80 {
    left: -80%;
  }

  .grid-85 {
    float: left;
    width: 85%;
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
  }

  .pull-85 {
    left: -85%;
  }

  .grid-90 {
    float: left;
    width: 90%;
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
  }

  .pull-90 {
    left: -90%;
  }

  .grid-95 {
    float: left;
    width: 95%;
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
  }

  .pull-95 {
    left: -95%;
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
  }

  .pull-33 {
    left: -33.33333%;
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
  }

  .pull-66 {
    left: -66.66667%;
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}

/* Stylesheet: grid Modified On 2016-10-05 16:58:52 */
/********************************************************************************
* COLORS
********************************************************************************/
 /* color = #ff5000; */
/********************************************************************************
* BASIC LAYOUT
********************************************************************************/
.temp_lazydiv {
    width: 100%;
    height: 10px;
}

body {
    text-align: left;
    font-family: 'Open Sans', sans-serif, Arial;
    line-height: 160%;
    background: #fff;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
body.shutitdown {
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
img {
  border: 0;
}
.container {
    width: 100%;
    overflow: hidden;
}
/********************************************************************************
* ROTATIONS
********************************************************************************/

.contrarotate {
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
}
.rotatecont {
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    padding: 3% 0;
    width: 120%;
    margin-left: -10%;
}
.mainrotatecontainer {
    width: 100%;
    overflow: hidden;
    padding: 2% 0;
    margin-top: -4.2%;
}
/********************************************************************************
* HEADINGS
********************************************************************************/

h1 {
    color: #294B5F; 
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0 0 0.5em 0;
}
h2 {
    color: #000000;
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 0 0 0.25em 0;
}
h3 {
    color: #000000;
    font-size: 1.4em;
    line-height: 1.1em;
    margin: 0 0 0.25em 0;
}
h4 {
    color: #294B5F; 
    font-size: 1em;
    line-height: 1.1em;
    margin: 0 0 0.25em 0;
}
.shout_title img {
    height: 153px;
    width: auto;
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    transform: rotate(2.5deg);
}

/********************************************************************************
* DEFAULT LINK STYLES
********************************************************************************/

a,
a:link, 
a:active,
a:focus  {
    text-decoration: none;
    color: #ff5000; 
    outline: none;
}
a:hover {
    text-decoration: underline;
    color: #ff5000;
}
p {
    margin: 0 0 1.5em 0; 
    padding: 0;
}
strong, b {
    font-weight: bold;
}
em, i {
    font-style:italic;
}
.left {
    float:left;	
}
.right{
    float:right;
}
.clear {
    clear:both;	
}
.show-mobile {
    display: none;
}
.show-tablet {
    display:none;
}
.moreitemsbox {
    margin: 50px 0;
    text-align: center;
}
a.moreitems {
    color: #ff5000;
    border: 1px solid #ff5000;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    background: rgba(255, 80, 0, 0);
    display: inline-block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    text-decoration: none;
}
a.moreitems:hover {
    color: #fff;
    background: rgba(255, 80, 0, 1);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

/********************************************************************************
* HEADER
********************************************************************************/

.topheader {
    background: url(/images/topheaderbg.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 8% 0;
}
.topheader.topheadercontact {
    background: url(/images/topheaderbg_contact.jpg) center bottom no-repeat;
    background-size: cover;
}
.ernestoimg img {
    width: 100%;
}
.topheader h2,
.topheader h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 4em;
    line-height: 1;
    margin: 0 0 0.2em 0;
}
.topheader h3 {
    color: #fff;
    font-weight: 200;
    font-size: 2.2em;
    line-height: 1.2;
}
.ctabtns {
    margin: 30px 0 0 0;
}
a.ctabtn {
    display: inline-block;
    color: #000;
    margin: 0 20px 0 0;
    border: 1px solid #000;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    background: rgba(0, 0, 0, 0);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    text-decoration: none;
}
a.ctabtn:hover {
    color: #fff;
    background: rgba(0, 0, 0, 1);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

/********************************************************************************
* BREADCRUMBS
********************************************************************************/

.breadcrumbs {
    padding: 1em 0 1.2em 0;
    font-size: 90%;
    margin: 0 1em;
    border-bottom: 1px dotted #000;
}
.breadcrumbs span.lastitem { 
    font-weight:bold; 
} 

/********************************************************************************
* CONTENT
********************************************************************************/

.attencioncontainer {
    background: #fff;
}
.carambacontainer {
    background: #f3f3f3;
}

/********************************************************************************
* NEWS
********************************************************************************/

.categoryview ul {
    padding: 0;
}
.categoryview ul li {
    list-style-type: none;
}
.categoryview {
    margin-top: 30px;
}
.sharebuttons {
    margin-top: 30px;
}
.sharebuttons span {
    font-size: 1.5em;
    margin: 0;
    line-height: 1;
    font-weight: 600;
}
.nwscontent ol,
.nwscontent ul {
    padding: 0 0 0 20px;
}
.nwscontent ol li,
.nwscontent ul li {
    font-size: 0.9em;
    margin: 0 0 10px 0;
}
.nwsitem {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.nwsitem img {
    width: 100%;
    height: auto;
}
.newsoverlay {
    position: absolute;
    bottom: 0;
    height: 30%;
    background: #000;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.nwsoverlayinner {
    padding: 10px;
}
.nwsoverlayinner h3 {
    color: #fff;
    font-size: 1.1em;
    margin: 0 0 0.8em 0;
}
.nwssumbox.grid-50 .nwsoverlayinner h3 {
    font-size: 1.6em;
}
.nwssumbox.grid-100 .nwsoverlayinner h3 {
    font-size: 2em;
}
.tagbox {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
span.tag {
    color: #fff;
    font-size: 0.8em;
}
.nwsoverlayinner p {
    color: rgba(255, 255, 255, 0);
    font-size: 0.8em;
    line-height: 1.5;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.nwsitemwrap:hover > .nwsitem > .newsoverlay > .nwsoverlayinner p {
    color: rgba(255, 255, 255, 1);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.3s; /* Safari */
    transition-delay: 0.3s;
}
.nwsoverlayinner span.readmorebtn {
    color: rgba(255, 80, 0, 0);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    margin: 10px 0 0 20px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
.nwsitemwrap:hover > .nwsitem > .newsoverlay > .nwsoverlayinner span.readmorebtn {
    color: rgba(255, 80, 0, 1);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.6s; /* Safari */
    transition-delay: 0.6s;
    margin: 10px 0 0 0;
}
.nwsitemwrap:hover > .nwsitem > .newsoverlay {
    height: 70%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.nwsimgboxdetail img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.nwsoverlayblend {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.54);
}
.nwscontentbox {
    position: relative;
}
.nwscontent p {
    color: #000;
    font-size: 0.9em;
    line-height: 1.9;
}
.aboutboxnws p {
    font-size: 0.8em;
    line-height: 1.5;
}
.aboutboxnws {
    padding: 0 0 0 40px;
}
.nwsimgboxdetail {
    padding: 0 40px 0 0;
    border-right: 1px solid #e6e6e6;
}
.aboutboxnws {
    padding: 20px 20px 20px 20px;
}
.quotebox {
    overflow: hidden;
    margin: 40px 0;
}
.qb_text {
    padding: 20px;
}
.qb_img img {
    margin: 0;
}
.qb_text p {
    font-size: 1.3em;
    font-weight: 200;
    line-height: 1.5;
    margin: 0;
}
.qb_text h3 {
    font-size: 1em;
    margin: 10px 0;
}
.highlightinner {
    padding: 15% 0;
}
.no_products {
    display:none;
    padding: 0 10px;
}
.choosefilters {
    padding: 0 10px;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}
.js-container {
    overflow: hidden;
    display: block;
    width: 100%;
}
.filter-item.js-category {
    display: inline-block;
    width: 106px;
    text-align: center;
    background: #e2e2e2;
    margin: 0 1px 1px 0;
    padding: 15px 5px;
    float: left;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.filter-item.js-category.check {
    background: #ff5000;
}
.filter-item.js-category.check:hover {
    background: #ff5000;
}
.filter-item.js-category:hover {
    background: #cccccc;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
span.tab-filter {
    font-size: 0.8em;
    color: #868686;
}
.check span.tab-filter {
    color: #000;
}
.moreitemsinner {
    width: 100px;
    margin: 0 auto;
    position: relative;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    cursor: pointer;
}
.moreitemsinner:hover {
    width: 120px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
img.morecirkel {
    width: 100px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    opacity: 1;
    filter: Alpha(Opacity=100);/*IE7 fix*/
}
.moreitemsinner:hover > img.morecirkel {
    width: 120px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    opacity: 0;
    filter: Alpha(Opacity=0);/*IE7 fix*/
}
span.morepoint {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 37%;
    right: 10%;
    text-align: center;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #9c9c9c;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border: 1px solid rgba(255, 80, 0, 0);
    padding: 0px;
}
.moreitemsinner:hover > span.morepoint {
    color: #ff5000;
    font-size: 1em;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border: 1px solid #ff5000;
    padding: 5px;
}
.jsnextbox {
    text-align: center;
}
.js-next-items {
    display: inline-block;
}

/********************************************************************************
* CASES
********************************************************************************/

.casebox {
    background: url(/images/casebg1.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
    padding: 2%;
    height: 60px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    overflow: hidden;
    cursor: pointer;
}
.casebox.open {
    height: 260px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.openclose {
    position: absolute;
    right: 20px;
    top: 30px;
    color: #fff;
    width: 50px;
    height: 50px;
}
span.stroke_horiz {
    background: #fff;
    width: 100%;
    height: 5px;
    display: block;
    margin-top: 22px;
}
.casebox span.stroke_vert {
    background: #fff;
    width: 5px;
    height: 100%;
    display: block;
    margin-top: -27px;
    margin-left: 24px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.casebox.open span.stroke_vert {
    background: #fff;
    width: 5px;
    height: 5px;
    display: block;
    margin-top: -5px;
    margin-left: 24px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.casebox.darktheme.open span.stroke_vert {
    background: #000;
}
.casebox h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1;
    margin: 1% 0 0 0;
}
.casebox.darktheme h3 {
    color: #000;
}
.caseinfo {
    max-width: 470px;
    width: 100%;
}
.casebox .caseinfo p {
    color: rgba(255, 255, 255, 0);
    margin: 40px 0 0 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.casebox.open .caseinfo p {
    color: rgba(255, 255, 255, 1);
    margin: 20px 0 0 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.casebox.darktheme.open .caseinfo p {
    color: #000;
}
.casebox .viewcasebox {
    margin-top: 30px;
    opacity: 0;
    filter: Alpha(Opacity=0);/*IE7 fix*/
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.casebox.open .viewcasebox {
    margin-top: 10px;
    opacity: 1;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -webkit-transition-delay: 0.4s; /* Safari */
    transition-delay: 0.4s;
}
.casebox.open a.viewcase {
    text-decoration: none;
    border: 1px solid #fff;
    padding: 5px 10px;
    color: #000;
    display: inline-block;
    font-weight: 600;
    background: rgba(255, 255, 255, 1);
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.casebox.open a.viewcase:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0);
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;
    color: #fff;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.casebox.open.darktheme a.viewcase {
    border: 1px solid #000;
    color: #fff;
    background: rgba(0, 0, 0, 1);
}
.casebox.open.darktheme a.viewcase:hover {
    border: 1px solid #000;
    color: #000;
    background: rgba(0, 0, 0, 0);
}
.darktheme span.stroke_vert {
    background: #000;
}
.darktheme span.stroke_horiz {
    background: #000;
}

/********************************************************************************
* TEAM
********************************************************************************/

.teamboxinner:hover > img.sti {
    opacity: 1;
    right: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.teamboxinner img.sti {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.teambox {
    overflow: hidden;
    padding: 0 2px 0 2px;
    margin-bottom: 4px;
}
.teamboxinner {
    position: relative;
    overflow: hidden;
    width: 100%;
}
img.teamimg {
    width: 100%;
    height: auto;
}
img.teamoverlayfade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0.5;
    filter: Alpha(Opacity=50);/*IE7 fix*/
}
.teamnameoverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.teaminner {
    padding: 15px;
    display: block;
    overflow: hidden;
}
.teaminner h3 {
    color: #fff;
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 800;
}
span.teamfunction {
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1.6em;
}

/********************************************************************************
* CASEPAGINA
********************************************************************************/

.maincasetitlebox {
    position: relative;
}
.maincasetitlebox p {
    color: #fff;
    font-weight: 100;
    font-size: 1.2em;
    line-height: 1.5;
}
.whitebg {
    background-color: #fff;
}
.greybg {
    background-color: #f3f3f3;
}
.rightimgbox img {
    width: 100%;
    padding: 15% 0;
}
.wwboxinner.centeredbox {
    text-align: center;
    padding: 5% 0 0 0;
}
.centerimgbox {
    text-align: center;
}
.centerimgbox img {
    max-width: 100%;
    width: auto;
}
img.casebloklogo {
    margin-bottom: 20px;
    max-width: 100%;
    width: auto;
}
.maincasetitlebox a.ctabtn {
    color: #ffffff;
    border: 1px solid #ffffff;
}
.maincasetitlebox a.ctabtn:hover {
    background: #fff;
    color: #000;
}
.wwboxinner ul {
    margin: 0 0 20px 0;
}
.caseoverzichtinner a.ctabtn {
    color: #fff;
    border: 1px solid #fff;
}
.caseoverzichtinner a.ctabtn:hover {
    color: #000;
    border: 1px solid #fff;
    background: #fff;
}
.caseoverzichtinner.darktheme a.ctabtn {
    color: #000;
    border: 1px solid #000;
}
.caseoverzichtinner.darktheme a.ctabtn:hover {
    color: #fff;
    border: 1px solid #000;
    background: #000;
}

/********************************************************************************
* CTACONTAINER
********************************************************************************/
.ctacontainer {
    background: url(/images/topheaderbg.jpg) center bottom no-repeat;
    background-size: cover;
}
.ctatextbox {
    text-align: right;
    padding: 2% 0;
}
.ctatextbox h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 4.5em;
    margin: 0 0 0.2em 0;
}
.ctatextbox p {
    color: #fff;
    font-size: 2em;
    font-weight: 200;
    margin: 0;
}
.ctatextbox a.ctabtn {
    margin: 50px 0 0 0;
}

/********************************************************************************
* CONTACT
********************************************************************************/

.mapsbox {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.mapsbox iframe,
.mapsbox object,
.mapsbox embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********************************************************************************
* FOOTER
********************************************************************************/
.mainrotatecontainer.footerend {
    background: #000;
}
.mainrotatecontainer.footerend .rotatecont.ctacontainer {
    background: #000;
}
.footerend h3 {
    color: #fff;
}
.footerend p {
    color: #fff;
}
.footerend a {
    color: #fff;
}
.footerend a:hover {
    color: #ff5000;
    text-decoration: none;
}
.footerend .rotatecont.ctacontainer {
    padding-bottom: 0;
}
.footerend .rotatecont.ctacontainer .specialwidth {
    text-align: right;
}
.footer {
    clear: both;       
    color: #fff;
    background-color: #385C72; 
}
.footer p {
    font-size: 0.8em;
    padding: 1.5em;
    text-align: center;
    margin: 0;
}
.footer a {
    color: #fff; 
}

/********************************************************************************
* BLOKKEN
********************************************************************************/
.wwboxinner h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 3em;
}
.wwboxinner p {
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.8;
}
.wwboxinner.darktheme p,
.wwboxinner.darktheme h3 {
    color: #000;
}
.wwboxinner {
    padding: 15% 0;
}
.wwboxinner a.ctabtn:hover {
    background: rgb(255, 255, 255);
    color: #000;
}
.wwboxinner a.ctabtn {
    color: #fff;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
}
.wwboxinner.darktheme a.ctabtn:hover {
    background: rgb(0, 0, 0);
    color: #fff;
}
.wwboxinner.darktheme  a.ctabtn {
    color: #000;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
}
.grid-container.specialwidth {
    padding-left: 10%;
    padding-right: 10%;
}

/********************************************************************************
* OVER ONS
********************************************************************************/
img.ern_img {
    width: 100%;
}
.mayabox h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 0.5em 0;
    font-size: 1.3em;
}
.mayabox p {
    font-size: 1em;
    line-height: 1.6;
}
.mayabox {
    margin: 0 0 30px 0;
}
.mayacontentinner {
    padding: 0 20px 0 0;
}

/********************************************************************************
* LISTS
********************************************************************************/

div.content ul,
div.content ol {
    font-size: 1.0em;
    line-height: 1.4em;
    margin: 0 0 1.5em 0;
}
div.content ul li,
div.content ol li {
    margin: 0 0 0.25em 3em;
}

/********************************************************************************
* CONTACTFORM
********************************************************************************/
.wrapall.thankspage {
    background: url(/images/topheaderbg.jpg) center bottom no-repeat;
    background-size: cover;
}
.thankspage .topheader {
    background: none;
}
.thankspage p {
    color: #fff;
    font-weight: 200;
}
textarea  {
    box-sizing: border-box;
    background: none;
    width: 100%;
    overflow: hidden;
    color: #515151;
    padding: 10px;
    margin: 0 0 20px 0;
    height: 185px;
}
input[type=text],
input[type=email] {
    box-sizing: border-box;
    background: none;
    width: 100%;
    overflow: hidden;
    color: #515151;
    padding: 10px;
    margin: 0 0 20px 0;
}
input[type=submit] {
    background: #ff5000;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 35px;
    border: 1px solid #ff5000;
    margin: 3px 0 15px 0;
    cursor: pointer;
}
input[type=submit]:hover {
    background: #fff;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}
.searchbox input[type="text"] {
    color: rgba(255, 255, 255, 0.57);
}
.searchbox input[type="text"]:focus {
    color: #fff;
}
.zoekresultaten ul li {
    list-style-type: disc;
    padding: 0;
    margin: 0 0 10px 0;
}
.zoekresultaten ul {
    padding: 0 0 0 20px;
}
.zoekresultaten ul li a {
    font-size: 1em;
    color: #000;
    padding: 10px 5px;
    text-decoration: underline;
}
.zoekresultaten ul li a:hover {
    color: #ff5000;
}
.formerror {
    box-sizing: border-box;
    background: #FFD1D1;
    width: 100%;
    font-weight: 700;
    font-size: 0.7em;
    text-align: center;
    color: #c64949;
    text-transform: uppercase; 
    padding: 2px;
    border: 2px solid #c64949;
    margin-bottom: 20px;
}
.stdcontent input[type="text"],
.stdcontent input[type="email"] {
    padding: 1%;
    width: 95%;
    border-radius: 0;
    color: #000;
    border-left: 1px solid #bfbfbf;
    background: #efefef;
    font-size: 1.2em;
    font-weight: 600;
}
.stdcontent input[type="text"]:focus,
.stdcontent input[type="email"]:focus {
    width: 95%;
    padding: 2% 1%;
    font-size: 25px;
    background: rgba(255, 255, 255, 0.11);
    border-radius: 0;
    color: #ff5000;
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border-left: 1px solid #ff5000;
    background: #fff;
    font-size: 1.5em;
}
.stdcontent input[type="submit"] {
    width: auto;
    background: rgb(0, 0, 0);
    color: #ffffff;
    font-size: 1.5em;
    border: none;
    padding: 15px 30px;
    border-radius: 0;
    margin-left: 0;
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.stdcontent label {
    font-size: 0.8em;
    color: #676767;
}
.stdcontent input[type="submit"] < .stdcontent label {
    color: #ff5000;
}
.stdcontent input[type="submit"]:hover {
    background: #ff5000;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.stdcontent textarea {
    width: 95%;
    padding: 2%;
}
.stdcontent textarea:focus {
    border: 1px solid #ff5000;
    outline-color: #ff5000;
    color: #ff5000;
    outline: none;
}
.stdcontent .fb_invalid input[type="text"],
.stdcontent .fb_invalid input[type="email"] {
    background: rgba(255, 0, 0, 0.16);
    margin: 0;
}
.stdcontent .fb_invalid input[type="text"]:focus,
.stdcontent .fb_invalid input[type="email"]:focus {
    background: rgba(255, 0, 0, 0.16);
    border: 1px solid #ff0000;
}
span.errortag {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    color: #ff0000;
    font-size: 0.9em;
    font-weight: 600;
}
.error_message p {
    color: #fff;
    font-size: 2em;
    line-height: 1.2;
}

.bouwrichtlijnen-afb a img {
    display: inline-block;
    position: relative;
    top: -7px;
}
.bouwrichtlijnen-afb table {
    display: inline-block;
}
.bouwrichtlijnen-afb span img {
    display: block;
    margin-bottom: 30px;
}
tr td.bouwrichtlijnen-afb {
    font-weight: 700;
}
tr td.bouwrichtlijnen-afb label, span .txt-info{
    font-weight: 400;
}

.bouwrichtlijnen-link a href {
    display: inline-block;
    position: relative;
    top: -7px;
}
.bouwrichtlijnen-link table {
    display: inline-block;
}
.bouwrichtlijnen-link span href {
    display: block;
    margin-bottom: 30px;
}
tr td.bouwrichtlijnen-link {
    font-weight: 700;
}
tr td.bouwrichtlijnen-link label, span .txt-info{
    font-weight: 400;
}

/********************************************************************************
* SEARCH STYLING CMSMS
********************************************************************************/


/********************************************************************************
* EVENT OPLEVER FORM
********************************************************************************/

.buttonsform {
    clear: both;
    display: inline-block;
    margin-right: 20px;
}


/********************************************************************************
* EASTERHUNT
********************************************************************************/

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.eb-eeh.eb-eeh-found-popup-background.ui-dialog-buttons {
    background: #ff5000;
}

.ui-widget-header {
    border: none;
    background: #ff5000;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-content {
    border: none;
    background: none;
    color: #ffffff;
}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    background: none;
    border: none;
    color: #fff;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: none;
    border: none;
    color: #fff;
}
div#ui-id-1 {
    color: #fff;
}

.wrapall.egghunt {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
}
span#eeh_egg_0 {
    position: absolute;
    left: 50%;
    right: auto;
    top: 30px;
}
span#eeh_egg_1 {
    position: absolute;
    right: 0;
    top: 150px;
    z-index: 999;
}
span#eeh_egg_2 {
    position: absolute;
    bottom: 20px;
    right: 150px;
    z-index: 999;
}
span#eeh_egg_3 {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 999;
}
span#eeh_egg_4 {
    position: absolute;
    top: 25%;
    right: 20%;
    z-index: 999;
    width: 24px;
    height: 32px;
}

/*** COOKIEBANNER ***/
.cookiebanner {
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    display: none;
    left: 0;
    padding: 1.5em;
    position: fixed;
    text-align: center;
    right: 0;
    z-index: 9999;
    font-size: 0.8em;
}

.cookiebanner_buttons {
    margin: 0 0 1em 0;
}

.cookiebanner_button {
    background: #ff5000;
    color: #fff!important;
    display: inline-block;
    padding: 0.5em 1em;
}

.cookiebanner_button:hover {
    color: #000;
}
/* Stylesheet: style Modified On 2017-09-04 12:19:18 */
.mb_inner {
    width: 1200px;
    min-height: 20px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 7%;
}
.wrapall {
    /*-webkit-filter: blur(0px);
    filter: blur(0px);*/
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.wrapall.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    /*-webkit-transition-delay: 0.4s; 
    transition-delay: 0.4s;*/
    /*overflow: hidden;*/
}
img.bgimage {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    opacity: 1;
}
.wrapall.blur img.bgimage {
    width: 130%;
    left: -15%;
    top: -10%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    opacity: 0.8;
}
.menubox {
    position: fixed;
    top: -100%;
    bottom: 100%;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    z-index: 998;
}
.menubox.active {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.59);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    overflow: auto;
}
.colorbox {
    position: relative;
    overflow: hidden;
    background: #000;
}
.colorbox a:hover > img {
    opacity: 0.5;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox img {
    width: 100%;
    height: auto;
    opacity: 1;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
span.menutitle {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    right: 0;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.81);
}
span.menutitle.menutitlesize-s {
    top: 82px;
    font-size: 1.6em;
}
span.menutitle.menutitlesize-s.twolines {
    top: 72px;
}
span.menutitle.menutitlesize-m {
    top: 82px;
    font-size: 3.5em;
}
span.menutitle.menutitlesize-l {
    top: 178px;
    font-size: 5.5em;
}
.colorbox.block1-4item {
    width: 188px;
    height: 188px;
    background: #000;
    float: left;
    display: inline-block;
    margin: 6px;
}
.colorbox.block2-4item {
    width: 388px;
    height: 188px;
    background: #000;
    float: left;
    display: inline-block;
	margin:	6px;
}
.colorbox.block4-4item {
    width: 388px;
    height: 388px;
    background: #000;
    float: left;
    display: inline-block;
    margin: 6px;
}
.colorbox.block4-4item.transp {
    background: none;
}
.colorbox.innerblock.block1-4item {
    width: 187px;
    height: 187px;
}
.colorbox.innerblock.block2-4item.inner2-4.inneritem1 {
    margin: 0 0 6px 0;
}
.colorbox.innerblock.block2-4item.inner2-4.inneritem2 {
    margin: 6px 0 0 0;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem1 {
    margin: 0 6px 6px 0;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem2 {
    margin: 0 0 6px 6px;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem3 {
    margin: 6px 6px 0 0;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem4 {
    margin: 6px 0 0 6px;
}
.mainmenubox {
    position: fixed;
    top: 0;
    width: 100%;
    height: 90px;
    background: rgba(0, 0, 0, 0);
    z-index: 999;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.mainmenubox.activebg {
    background: rgba(0, 0, 0, 0.35);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.logohvmp {
    position: fixed;
    top: 13px;
    left: 20px;
    z-index: 999;
}
.logohvmp img {
    width: 139px;
    height: 61px;
}
.menubtn {
    position: fixed;
    top: 20px;
    right: 17px;
    width: 50px;
    height: 50px;
    z-index: 999;
    cursor: pointer;
}
.menubtn.open {
    right: 33px;
}
.menubtn img {
    width: 50px;
}
input[type="text"] {
    width: 910px;
    padding: 10px 10px 10px 20px;
    font-size: 25px;
    border: 1px solid rgba(255, 255, 255, 0.39);
    background: rgba(255, 255, 255, 0.11);
    border-radius: 40px;
    color: #fff;
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif, Arial;
}
input[type="text"]:focus {
    width: 910px;
    padding: 10px 10px 10px 20px;
    font-size: 25px;
    border: 1px solid rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.11);
    border-radius: 40px;
    color: #fff;
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
input[type="submit"] {
    width: 238px;
    background: rgba(0, 0, 0, 0.09);
    color: #fff;
    font-size: 25px;
    border: none;
    padding: 12px;
    border-radius: 40px;
    margin-left: 10px;
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    font-family: 'Open Sans', sans-serif, Arial;
}
input[type="submit"]:hover {
    background: rgba(0, 0, 0, 0.49);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.searchbox {
    width: 1192px;
    margin: 0 5px 50px 5px;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.active .searchbox {
    width: 1192px;
    margin: 0 5px 50px 5px;
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 1.6s; /* Safari */
    transition-delay: 1.6s;
}
.wtoverlay {
    width: 50px;
    height: 50px;
    background: #000;
    z-index: 998;
    position: fixed;
    top: 0;
    right: 0;
    border-radius: 9000px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: 0;
    background: rgba(0, 0, 0, 0);
}
.wtoverlay.transform {
    width: 160%;
    height: 260%;
    right: -30%;transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: rgba(0, 0, 0, 0.25);
    top: -50%;
}


/*****customs ******/


/**inactive**/


.colorbox.block1-4item.row1-block1 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.block1-4item.row1-block2 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.block1-4item.row1-block3 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.block1-4item.row1-block4 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.block2-4item.row1-block5 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.block4-4item.row2-block1 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.innerblock.block2-4item.inner2-4.inneritem1 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.innerblock.block2-4item.inner2-4.inneritem2 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem1 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem2 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem3 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem4 {
    background: #000;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

/*** active ***/

.active .colorbox.block1-4item.row1-block1 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.active .colorbox.block1-4item.row1-block2 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.3s; /* Safari */
    transition-delay: 0.3s;
}
.active .colorbox.block1-4item.row1-block3 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.4s; /* Safari */
    transition-delay: 0.4s;
}
.active .colorbox.block1-4item.row1-block4 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.5s; /* Safari */
    transition-delay: 0.5s;
}
.active .colorbox.block2-4item.row1-block5 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.6s; /* Safari */
    transition-delay: 0.6s;
}
.active .colorbox.block4-4item.row2-block1 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.7s; /* Safari */
    transition-delay: 0.7s;
}
.active .colorbox.innerblock.block2-4item.inner2-4.inneritem1 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.8s; /* Safari */
    transition-delay: 0.8s;
}
.active .colorbox.innerblock.block2-4item.inner2-4.inneritem2 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 0.9s; /* Safari */
    transition-delay: 0.9s;
}
.active .colorbox.innerblock.block1-4item.inner1-4.inneritem1 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.active .colorbox.innerblock.block1-4item.inner1-4.inneritem2 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 1.1s; /* Safari */
    transition-delay: 1.1s;
}
.active .colorbox.innerblock.block1-4item.inner1-4.inneritem3 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
.active .colorbox.innerblock.block1-4item.inner1-4.inneritem4 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 1.3s; /* Safari */
    transition-delay: 1.3s;
}
.menubtn span.stroke_horiz {
    margin-top: 7px;
    height: 3px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.menubtn span.stroke_horiz.topstroke {
    margin-top: 13px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.menubtn.open span.stroke_horiz.topstroke {
    margin-top: 20px;
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.menubtn.open span.stroke_horiz.midstroke {
    margin: -3px auto 0 auto;
    width: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.menubtn.open span.stroke_horiz.botstroke {
    margin-top: -3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
/* Stylesheet: style - mainmenu Modified On 2016-11-03 15:38:11 */
/**************************************************
1920
***************************************************/
@media only screen and (max-width: 1920px) {
}/******* END 1920 **********/
/**************************************************
1680
***************************************************/
@media only screen and (max-width: 1680px) {
}/******* END 1680 **********/
/**************************************************
1600
***************************************************/
@media only screen and (max-width: 1600px) {
}/******* END 1600 **********/
/**************************************************
1440
***************************************************/
@media only screen and (max-width: 1440px) {
}/******* END 1440 **********/
/**************************************************
1366
***************************************************/
@media only screen and (max-width: 1366px) {
}/******* END 1366 **********/
/**************************************************
1280
***************************************************/
@media only screen and (max-width: 1280px) {
}/******* END 1280 **********/
/**************************************************
1200
***************************************************/
@media only screen and (max-width: 1200px) {

.colorbox.block1-4item {
    width: 154px;
    height: 148px;
    background: #ecc5c5;
    float: left;
    display: inline-block;
    margin: 6px;
}
.colorbox.block2-4item {
    width: 321px;
    height: 148px;
    background: #ecc5c5;
    float: left;
    display: inline-block;
    margin: 6px;
}
.colorbox.block4-4item {
    width: 321px;
    height: 308px;
    background: #ecc5c5;
    float: left;
    display: inline-block;
    margin: 6px;
}
.colorbox.innerblock.block1-4item {
    width: 153px;
    height: 147px;
}
.mb_inner {
    width: 999px;
    min-height: 20px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 7%;
}
.searchbox {
    width: 1192px;
    margin: 20px 5px 10px 5px;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.active .searchbox {
    width: 999px;
    margin: 20px 5px 10px 5px;
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.searchbox input[type="text"] {
    width: 740px;
    padding: 10px 10px 10px 20px;
    font-size: 25px;
    border: 1px solid rgba(255, 255, 255, 0.39);
    background: rgba(255, 255, 255, 0.11);
    border-radius: 40px;
    color: rgba(255, 255, 255, 0.64);
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
span.menutitle.menutitlesize-s {
    top: 62px;
    font-size: 1.3em;
}
span.menutitle.menutitlesize-s.twolines {
    top: 38%;
}
span.menutitle.menutitlesize-l {
    top: 136px;
    font-size: 5.1em;
}
span.menutitle.menutitlesize-m {
    top: 62px;
    font-size: 3.1em;
}
.nwsoverlayinner h3 {
    color: #fff;
    font-size: 1em;
    margin: 0 0 1em 0;
}
.newsoverlay {
    position: absolute;
    bottom: 0;
    height: 40%;
    background: #000;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.nwsitemwrap:hover > .nwsitem > .newsoverlay {
    height: 100%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.tabs li {
    width: 105px;
    display: inline-block;
    float: left;
    text-align: center;
    margin: 0 2px 0 0;
}
.tabs li a {
    background: #ececec;
    padding: 10px;
    display: block;
    font-size: 0.8em;
    color: #000;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
}/******* END 1200 **********/
/**************************************************
1024
***************************************************/
@media only screen and (max-width: 1024px) {
.logohvmp img {
    width: 120px;
    height: auto;
}
.rotatecont.werkwijzeblok1 {
    overflow: hidden;
}
.werkwijze .tabletbgshader {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.39);
}
.werkwijze .tabletbgshader.darktheme {
    background: rgba(255, 255, 255, 0.75);
}
.filter-item.js-category {
    display: inline-block;
    width: 96px;
    text-align: center;
    background: #e2e2e2;
    margin: 0 1px 1px 0;
    padding: 15px 5px;
    float: left;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
textarea,
input[type="text"] {
    -webkit-appearance: none;
}
.stdcontent textarea {
    width: 95%;
    padding: 2%;
    border: 1px solid #cecece;
    border-radius: 0;
}
.rotatecont.cseboxspecial {
    overflow: hidden;
}
}/******* END 1024 **********/
/**************************************************
977
***************************************************/
@media only screen and (max-width: 977px) {
}/******* END 977 **********/
/**************************************************
800 (TABLET)
***************************************************/
@media only screen and (max-width: 800px) {
.nwsimgboxdetail {
    padding: 0;
    border-right: none;
}
.rightimgbox img {
    width: 100%;
    padding: 2% 0;
}
.aboutboxnws {
    padding: 20px 0;
    border-top: 1px solid #cecece;
    margin-top: 25px;
}
.rotatecont.werkwijzeblok1 {
    overflow: hidden;
}
.mayabox .tablet-grid-80 {
    padding-top: 40px;
}
.tabletbgshader {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.39);
}
.tabletbgshader.darktheme {
    background: rgba(255, 255, 255, 0.75);
}
.topheader h2, .topheader h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 3em;
    line-height: 1;
    margin: 0 0 0.2em 0;
}
.topheader h3 {
    color: #fff;
    font-weight: 200;
    font-size: 1.8em;
    line-height: 1.2;
}


.nwssumbox.grid-25 .nwsoverlayinner h3,
.nwssumbox.grid-50 .nwsoverlayinner h3,
.nwssumbox.grid-100 .nwsoverlayinner h3 {
    color: #fff;
    font-size: 1em;
    margin: 0 0 1em 0;
}

.show-tablet {
    display:block;
}
.no-tablet {
    display:none;
}
.shout_title img {
    height: 123px;
    width: auto;
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    transform: rotate(2.5deg);
}
.filter-item.js-category {
    display: inline-block;
    width: 78px;
    text-align: center;
    background: #e2e2e2;
    margin: 0 1px 1px 0;
    padding: 10px 0px;
    float: left;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
span.tab-filter {
    font-size: 0.7em;
}
.topheader {
    padding: 13% 0;
}
.ctatextbox h3 {
    font-size: 3em;
}
.ctatextbox p {
    color: #fff;
    font-size: 1.8em;
    font-weight: 200;
    margin: 0;
}
.mb_inner {
    width: 666px;
    min-height: 20px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 7%;
}
.colorbox.block4-4item.row2-block1 {
    height: 148px;
}
.colorbox.block4-4item.row2-block1 span.menutitle.menutitlesize-l {
    top: 62px;
    font-size: 3.1em;
}
.searchbox {
    margin: 50px 0 0 0;
}
.active .searchbox {
    width: 666px;
    margin: 50px 0 0 0;
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.searchbox input[type="text"] {
    width: 403px;
    padding: 10px 10px 10px 20px;
    font-size: 25px;
    border: 1px solid rgba(255, 255, 255, 0.39);
    background: rgba(255, 255, 255, 0.11);
    border-radius: 40px;
    color: rgba(255, 255, 255, 0.64);
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
}/******* END 800 **********/
/**************************************************
767 (MOBILE)
***************************************************/
@media only screen and (max-width: 767px) {
.introbox {
    padding: 0;
}
.mayacontentinner {
    padding: 0 0 0 20px;
}
.mayabox .tablet-grid-80 {
    padding-top: 0;
}
.menubtn.open {
    right: 17px;
}
.tabletbgshader {
    display: none !important;
}
.searchbox input[type="text"] {
    width: 60%;
    padding: 9px;
    font-size: 0.7em;
    color: rgba(255, 255, 255, 0.64);
}
.rotatecont {
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    padding: 3% 0;
    width: 130%;
    margin-left: -20%;
}
.grid-container.specialwidth {
    padding-left: 20%;
    padding-right: 12%;
    padding-top: 5%;
}
.no-mobile {
    display:none;
}

.show-mobile {
    display:block;
}
.ernestoimg {
    text-align: center;
    margin-bottom: 10px;
}
.ernestoimg img {
    width: 30%;
}
.topheader.hometopheader h2 {
    text-align: center;
    font-size: 2em;
}
.topheader.hometopheader h3 {
    text-align: center;
    font-size: 1.3em;
}
.topheader a.ctabtn {
    display: inline-block;
    width: 48%;
    padding: 10px 0;
    text-align: center;
    margin: 0 1% 0 0;
    float: left;
    font-size: 0.7em;
    font-weight: 600;
}
.hometopheader a.ctabtn {
    width: 99%;
    margin: 0 0 4% 0;
    display: block;
    overflow: hidden;
    font-size: 1em;
}
.werkwijzeblok1 {
    background-position: right top !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-top: 70%;
    padding-bottom: 20%;
    background-color: #fff !important;
}
.cseboxspecial {
    background-position: right bottom !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-bottom: 70%;
}
.nwsoverlayblend {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200%;
    background: rgba(0, 0, 0, 0.54);
}
.topheader {
    padding: 70px 0 30px 0;
}
.topheader h2, .topheader h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 2.2em;
    line-height: 1;
    margin: 0 0 0.2em 0;
}
.topheader h3 {
    color: #fff;
    font-weight: 200;
    font-size: 1.4em;
    line-height: 1.2;
}
.maincasetitlebox p {
    color: #fff;
    font-weight: 100;
    font-size: 1em;
    line-height: 1.5;
}
.maincasetitlebox a.ctabtn {
    color: #ffffff;
    border: 1px solid #ffffff;
    display: block;
    margin: 0;
    text-align: center;
}
.wwboxinner h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 2em;
}
.wwboxinner,
.wwboxinner.centeredbox {
    text-align: left;
    padding: 5% 0 0 0;
}
.wwboxinner p {
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.8;
}
.rightimgbox img {
    width: 100%;
    padding: 0 0 10% 0;
}
.ctatextbox h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.5em;
    margin: 0 0 0.2em 0;
}
.ctatextbox p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 200;
    margin: 0;
}
.m_nwssumbox .newsoverlay {
    position: relative;
    bottom: 0;
    height: auto;
    background: #000;
    width: 100%;
    background: rgb(0, 0, 0);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.m_nwssumbox .nwsitem img {
    width: 100%;
    height: auto;
}
.m_nwssumbox .nwsoverlayinner {
    padding: 10px 10px 30px 10px;
}
.shout_title {
    margin: 10px 0 10px 0;
}
.shout_title img {
    width: auto;
    height: 47px;
}
.openclose {
    position: absolute;
    right: 10px;
    top: 23px;
    width: 30px;
    height: 30px;
}
span.stroke_horiz {
    width: 100%;
    margin-top: 12px;
}
.casebox span.stroke_vert {
    margin-top: -17px;
    margin-left: 12px;
}
.casebox h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
    line-height: 1;
    margin: 20px 0 0 0;
}
.casebox .caseinfo p {
    font-size: 0.8em;
    line-height: 1.6;
}
.casebox .viewcasebox {
    margin-bottom: 20px;
}
.casebox.open {
    height: 360px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.topheader .nwscontentbox h1 {
    font-size: 1.5em;
}
.topheader .nwscontentbox h3 {
    font-size: 1.3em;
}
.nwsimgboxdetail {
    padding: 0;
    border-right: none;
}
.aboutboxnws {
    padding: 20px 0 20px 0;
    border-top: 1px solid #e6e6e6;
}
.nwscontent ol,
.nwscontent ul {
    padding: 0 0 0 20px;
}
.nwscontent ol li,
.nwscontent ul li {
    font-size: 0.9em;
    margin: 0 0 10px 0;
}
.ctabtns {
    margin: 30px 0 30px 0;
    display: block;
    overflow: hidden;
}
.wwboxinner.m_darktheme p,
.wwboxinner.m_darktheme h3 {
    color: #000;
}
.wwboxinner p,
.wwboxinner h3 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.werkwijzeblok1.whitebg .wwboxinner h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.8em;
}
.werkwijzeblok1.whitebg .wwboxinner p {
    color: #000;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.8;
}
.werkwijzeblok1.whitebg .caseoverzichtinner a.ctabtn {
    color: #000;
    border: 1px solid #000;
}
.logohvmp img {
    width: 80px;
}
.logohvmp {
    position: fixed;
    top: 14px;
    left: 10px;
    z-index: 999;
}
.mainmenubox {
    height: 60px;
    background: rgba(0, 0, 0, 0);
}
.mainmenubox.activebg {
    background: rgba(0, 0, 0, 0.78);
}
.menubtn {
    position: fixed;
    top: 7px;
    right: 17px;
    width: 30px;
    height: 50px;
    z-index: 999;
    cursor: pointer;
}
.menuitem {
    display: block;
    margin: 0;
    border-bottom: 1px solid #000;
}
.menuitem a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 9px 20px;
    font-size: 1.5em;
}
.menubox.active {
    overflow: scroll;
}
.menubox {
    position: fixed;
    top: -140%;
    overflow: hidden;
}
.mb_inner {
    width: 98%;
    margin-top: 60px;
    padding: 0 1%;
    margin-bottom: 50px;
}
.searchbox {
    width: 96%;
    padding: 0 2%;
}
.searchbox input[type="text"] {
    width: 60%;
    padding: 7px;
    font-size: 0.8em;
}
.searchbox input[type="submit"] {
    width: 35%;
    font-size: 0.7em;
    padding: 9px 5px;
    margin: 0 0 0 5px;
    background: #ff5000;
    float: right;
}
.active .searchbox {
    width: 96%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.colorbox.block1-4item {
    width: 48%;
    height: auto;
    min-height: 149px;
    background: #ecc5c5;
    float: left;
    display: inline-block;
    margin: 1%;
}
.colorbox.block2-4item {
    width: 98%;
    height: auto;
    min-height: 149px;
    background: #ecc5c5;
    float: left;
    display: inline-block;
    margin: 1%;
}
.colorbox.block4-4item {
    width: 98%;
    height: auto;
    min-height: 149px;
    background: #ecc5c5;
    float: left;
    display: inline-block;
    margin: 1%;
}
.colorbox.block4-4item .colorbox.innerblock.block2-4item.inner2-4 {
    width: 100%;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem1 {
    margin: 0 1% 1% 0;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem2 {
    margin: 0 0 1% 1%;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem3 {
    margin: 1% 1% 0 0;
}
.colorbox.innerblock.block1-4item.inner1-4.inneritem4 {
    margin: 1% 0 0 1%;
}
.colorbox.innerblock.block1-4item {
    width: 49%;
    height: auto;
    min-height: 149px;
}
span.menutitle.menutitlesize-s {
    top: 44%;
    font-size: 1.3em;
}
span.menutitle.menutitlesize-m {
    top: 43%;
    font-size: 3.1em;
}
span.menutitle.menutitlesize-l {
    top: 44%;
    font-size: 5.1em;
}
.teaminner {
    padding: 5px 15px;
    display: block;
    overflow: hidden;
}
.teaminner h3 {
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
}
span.teamfunction {
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1em;
}
.nwssumbox_overview img {
    height: auto;
}
.nwssumbox_overview .newsoverlay {
    height: auto;
    position: relative;
    background: #000;
}
ul.horizontal {
    padding: 0;
    display: block;
    overflow: hidden;
}
.tabs li {
    width: 48%;
    display: inline-block;
    float: left;
    text-align: center;
    margin: 1%;
}
.nwssumbox_overview {
    padding: 0;
}
a.ctabtn {
    margin-bottom: 10px;
    padding: 10px;
    line-height: 1.2;
}
.wwboxinner a.ctabtn {
    color: #000;
    border: 1px solid #000;
}
.mapsbox {
    margin-bottom: 30px;
    margin-top: 30px;
}
a.nwsitemwrap {
    text-decoration: none;
}
.nwsitemwrap:hover > .nwsitem > .newsoverlay {
    height: auto;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    text-decoration: none;
}
.nwsoverlayinner span.readmorebtn {
    display: none;
}
.nwsoverlayinner {
    padding: 10px 10px 40px 10px;
}
.rotatecont.highlightbox {
    background-size: contain !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    padding-bottom: 66% !important;
}
.highlightinner {
    padding: 0;
}
.darktheme .infowrap {
    background: rgba(255, 255, 255, 0);
}
.infowrap {
    background: rgba(0, 0, 0, 0);
    padding: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.darktheme.open .infowrap {
    background: rgba(255, 255, 255, 0.88);
    padding: 10px;
}
.open .infowrap {
    background: rgba(0, 0, 0, 0.45);
    padding: 10px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    padding: 10px;
}
.choosefilters {
    padding: 0;
}
.filter-item.js-category {
    display: inline-block;
    width: 32.3%;
    text-align: center;
    background: #e2e2e2;
    margin: 0 1% 1% 0;
    padding: 10px 0px;
    float: left;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.grid-100.titlebox,
.grid-70.titlebox {
    padding: 0;
}
}/******* END 767 **********/
/* Stylesheet: breakpoints Modified On 2016-11-22 11:57:31 */