@charset "UTF-8";
/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.pure-button:focus,
a:active,
a:hover {
  outline: 0; }

.pure-table,
table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

b,
optgroup,
strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre,
textarea {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

.pure-button,
input {
  line-height: normal; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

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

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

.pure-button,
.pure-form input:not([type]),
.pure-menu {
  box-sizing: border-box; }

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend,
td,
th {
  padding: 0; }

legend {
  border: 0; }

.hidden,
[hidden] {
  display: none !important; }

.pure-img {
  max-width: 100%;
  height: auto;
  display: block; }

.pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  table .pure-g {
    display: block; } }
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em; }

.pure-u,
.pure-u-1,
.pure-u-1-1,
.pure-u-1-12,
.pure-u-1-2,
.pure-u-1-24,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-1-5,
.pure-u-1-6,
.pure-u-1-8,
.pure-u-10-24,
.pure-u-11-12,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-2-24,
.pure-u-2-3,
.pure-u-2-5,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24,
.pure-u-3-24,
.pure-u-3-4,
.pure-u-3-5,
.pure-u-3-8,
.pure-u-4-24,
.pure-u-4-5,
.pure-u-5-12,
.pure-u-5-24,
.pure-u-5-5,
.pure-u-5-6,
.pure-u-5-8,
.pure-u-6-24,
.pure-u-7-12,
.pure-u-7-24,
.pure-u-7-8,
.pure-u-8-24,
.pure-u-9-24 {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1; }

.pure-g [class*=pure-u] {
  font-family: sans-serif; }

.pure-u-1-24 {
  width: 4.1667%; }

.pure-u-1-12,
.pure-u-2-24 {
  width: 8.3333%; }

.pure-u-1-8,
.pure-u-3-24 {
  width: 12.5%; }

.pure-u-1-6,
.pure-u-4-24 {
  width: 16.6667%; }

.pure-u-1-5 {
  width: 20%; }

.pure-u-5-24 {
  width: 20.8333%; }

.pure-u-1-4,
.pure-u-6-24 {
  width: 25%; }

.pure-u-7-24 {
  width: 29.1667%; }

.pure-u-1-3,
.pure-u-8-24 {
  width: 33.3333%; }

.pure-u-3-8,
.pure-u-9-24 {
  width: 37.5%; }

.pure-u-2-5 {
  width: 40%; }

.pure-u-10-24,
.pure-u-5-12 {
  width: 41.6667%; }

.pure-u-11-24 {
  width: 45.8333%; }

.pure-u-1-2,
.pure-u-12-24 {
  width: 50%; }

.pure-u-13-24 {
  width: 54.1667%; }

.pure-u-14-24,
.pure-u-7-12 {
  width: 58.3333%; }

.pure-u-3-5 {
  width: 60%; }

.pure-u-15-24,
.pure-u-5-8 {
  width: 62.5%; }

.pure-u-16-24,
.pure-u-2-3 {
  width: 66.6667%; }

.pure-u-17-24 {
  width: 70.8333%; }

.pure-u-18-24,
.pure-u-3-4 {
  width: 75%; }

.pure-u-19-24 {
  width: 79.1667%; }

.pure-u-4-5 {
  width: 80%; }

.pure-u-20-24,
.pure-u-5-6 {
  width: 83.3333%; }

.pure-u-21-24,
.pure-u-7-8 {
  width: 87.5%; }

.pure-u-11-12,
.pure-u-22-24 {
  width: 91.6667%; }

.pure-u-23-24 {
  width: 95.8333%; }

.pure-u-1,
.pure-u-1-1,
.pure-u-24-24,
.pure-u-5-5 {
  width: 100%; }

.pure-button {
  display: inline-block;
  zoom: 1;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.pure-button-group {
  letter-spacing: -.31em;
  text-rendering: optimizespeed; }

.opera-only :-o-prefocus,
.pure-button-group {
  word-spacing: -0.43em; }

.pure-button {
  font-family: inherit;
  font-size: 100%;
  padding: .5em 1em;
  color: #444;
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid #999;
  border: transparent;
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px; }

.pure-button-hover,
.pure-button:focus,
.pure-button:hover {
  filter: alpha(opacity=90);
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

.pure-button-active,
.pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
  border-color: #000 \9 ; }

.pure-button-disabled,
.pure-button-disabled:active,
.pure-button-disabled:focus,
.pure-button-disabled:hover,
.pure-button[disabled] {
  border: none;
  background-image: none;
  filter: alpha(opacity=40);
  opacity: .4;
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none; }

.pure-button-hidden {
  display: none; }

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
  background-color: #0078e7;
  color: #fff; }

.pure-button-group .pure-button {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  margin: 0;
  border-radius: 0;
  border-right: 1px solid #111;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.pure-button-group .pure-button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.pure-button-group .pure-button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: none; }

.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=text],
.pure-form select,
.pure-form textarea {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: border-box; }

.pure-form input:not([type]) {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px; }

.pure-form input[type=color] {
  padding: 0.2em 0.5em; }

.pure-form input:not([type]):focus,
.pure-form input[type=password]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=text]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: 0;
  border-color: #129FEA; }

.pure-form input[type=file]:focus,
.pure-form input[type=checkbox]:focus,
.pure-form input[type=radio]:focus {
  outline: #129FEA auto 1px; }

.pure-form .pure-checkbox,
.pure-form .pure-radio {
  margin: .5em 0;
  display: block; }

.pure-form input:not([type])[disabled],
.pure-form input[type=password][disabled],
.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],
.pure-form input[type=date][disabled],
.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],
.pure-form input[type=datetime][disabled],
.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],
.pure-form input[type=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=text][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3; }

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
  background-color: #eee;
  color: #777;
  border-color: #ccc; }

.pure-form input:focus:invalid,
.pure-form select:focus:invalid,
.pure-form textarea:focus:invalid {
  color: #b94a48;
  border-color: #e9322d; }

.pure-form input[type=file]:focus:invalid:focus,
.pure-form input[type=checkbox]:focus:invalid:focus,
.pure-form input[type=radio]:focus:invalid:focus {
  outline-color: #e9322d; }

.pure-form select {
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: #fff; }

.pure-form select[multiple] {
  height: auto; }

.pure-form label {
  margin: 0.5em 0 0.2em; }

.pure-form fieldset {
  margin: 0;
  padding: .35em 0 .75em;
  border: 0; }

.pure-form legend {
  display: block;
  width: 100%;
  padding: .3em 0;
  margin-bottom: .3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5; }

.pure-form-stacked input:not([type]),
.pure-form-stacked input[type=password],
.pure-form-stacked input[type=email],
.pure-form-stacked input[type=url],
.pure-form-stacked input[type=date],
.pure-form-stacked input[type=month],
.pure-form-stacked input[type=time],
.pure-form-stacked input[type=datetime],
.pure-form-stacked input[type=datetime-local],
.pure-form-stacked input[type=week],
.pure-form-stacked input[type=tel],
.pure-form-stacked input[type=color],
.pure-form-stacked input[type=file],
.pure-form-stacked input[type=number],
.pure-form-stacked input[type=search],
.pure-form-stacked input[type=text],
.pure-form-stacked label,
.pure-form-stacked select,
.pure-form-stacked textarea {
  display: block;
  margin: 0.25em 0; }

.pure-form-aligned .pure-help-inline,
.pure-form-aligned input,
.pure-form-aligned select,
.pure-form-aligned textarea,
.pure-form-message-inline {
  display: inline-block;
  vertical-align: middle; }

.pure-form-aligned textarea {
  vertical-align: top; }

.pure-form-aligned .pure-control-group {
  margin-bottom: 0.5em; }

.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0; }

.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em; }

.pure-form .pure-input-rounded,
.pure-form input.pure-input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em; }

.pure-form .pure-group fieldset {
  margin-bottom: 10px; }

.pure-form .pure-group input,
.pure-form .pure-group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px; }

.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
  z-index: 3; }

.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0; }

.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0; }

.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0; }

.pure-form .pure-group button {
  margin: 0.35em 0; }

.pure-form .pure-input-1 {
  width: 100%; }

.pure-form .pure-input-3-4 {
  width: 75%; }

.pure-form .pure-input-2-3 {
  width: 66%; }

.pure-form .pure-input-1-2 {
  width: 50%; }

.pure-form .pure-input-1-3 {
  width: 33%; }

.pure-form .pure-input-1-4 {
  width: 25%; }

.pure-form .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  padding-left: .3em;
  color: #666;
  vertical-align: middle;
  font-size: 0.875em; }

.pure-form-message {
  display: block;
  color: #666;
  font-size: 0.875em; }

@media only screen and (max-width: 480px) {
  .pure-form button[type=submit] {
    margin: 0.7em 0 0; }

  .pure-form input:not([type]),
  .pure-form input[type=password],
  .pure-form input[type=email],
  .pure-form input[type=url],
  .pure-form input[type=date],
  .pure-form input[type=month],
  .pure-form input[type=time],
  .pure-form input[type=datetime],
  .pure-form input[type=datetime-local],
  .pure-form input[type=week],
  .pure-form input[type=tel],
  .pure-form input[type=color],
  .pure-form input[type=number],
  .pure-form input[type=search],
  .pure-form input[type=text],
  .pure-form label {
    margin-bottom: .3em;
    display: block; }

  .pure-group input:not([type]),
  .pure-group input[type=password],
  .pure-group input[type=email],
  .pure-group input[type=url],
  .pure-group input[type=date],
  .pure-group input[type=month],
  .pure-group input[type=time],
  .pure-group input[type=datetime],
  .pure-group input[type=datetime-local],
  .pure-group input[type=week],
  .pure-group input[type=tel],
  .pure-group input[type=color],
  .pure-group input[type=number],
  .pure-group input[type=search],
  .pure-group input[type=text] {
    margin-bottom: 0; }

  .pure-form-aligned .pure-control-group label {
    margin-bottom: .3em;
    text-align: left;
    display: block;
    width: 100%; }

  .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0; }

  .pure-form .pure-help-inline,
  .pure-form-message,
  .pure-form-message-inline {
    display: block;
    font-size: .75em;
    padding: 0.2em 0 0.8em; } }
.pure-menu-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3; }

.pure-menu-item,
.pure-menu-list {
  position: relative; }

.pure-menu-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.pure-menu-item {
  padding: 0;
  margin: 0;
  height: 100%; }

.pure-menu-heading,
.pure-menu-link {
  display: block;
  text-decoration: none;
  white-space: nowrap; }

.pure-menu-horizontal {
  width: 100%;
  white-space: nowrap; }

.pure-menu-horizontal .pure-menu-list {
  display: inline-block; }

.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-separator {
  display: inline-block;
  zoom: 1;
  vertical-align: middle; }

.pure-menu-item .pure-menu-item {
  display: block; }

.pure-menu-children {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 3; }

.pure-menu-horizontal .pure-menu-children {
  left: 0;
  top: auto;
  width: inherit; }

.pure-menu-active > .pure-menu-children,
.pure-menu-allow-hover:hover > .pure-menu-children {
  display: block;
  position: absolute; }

.pure-menu-has-children > .pure-menu-link:after {
  padding-left: .5em;
  content: "\25B8";
  font-size: small; }

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
  content: "▾"; }

.pure-menu-scrollable {
  overflow-y: scroll;
  overflow-x: hidden; }

.pure-menu-scrollable .pure-menu-list {
  display: block; }

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
  display: inline-block; }

.pure-menu-horizontal.pure-menu-scrollable {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  padding: 0.5em 0; }

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
  display: none; }

.pure-menu-horizontal .pure-menu-children .pure-menu-separator,
.pure-menu-separator {
  background-color: #ccc;
  height: 1px;
  margin: 0.3em 0; }

.pure-menu-horizontal .pure-menu-separator {
  width: 1px;
  height: 1.3em;
  margin: 0 0.3em; }

.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
  display: block;
  width: auto; }

.pure-menu-heading {
  text-transform: uppercase;
  color: #565d64; }

.pure-menu-link {
  color: #777; }

.pure-menu-children {
  background-color: #fff; }

.pure-menu-disabled,
.pure-menu-heading,
.pure-menu-link {
  padding: 0.5em 1em; }

.pure-menu-disabled {
  opacity: 0.5; }

.pure-menu-disabled .pure-menu-link:hover {
  background-color: transparent; }

.pure-menu-active > .pure-menu-link,
.pure-menu-link:focus,
.pure-menu-link:hover {
  background-color: #eee; }

.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
  color: #000; }

.pure-table {
  empty-cells: show;
  border: 1px solid #cbcbcb; }

.pure-table caption {
  color: #000;
  font: italic 85%/1 arial, sans-serif;
  padding: 1em 0;
  text-align: center; }

.pure-table td,
.pure-table th {
  border-left: 1px solid #cbcbcb;
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  padding: 0.5em 1em; }

.pure-table td:first-child,
.pure-table th:first-child {
  border-left-width: 0; }

.pure-table thead {
  background-color: #e0e0e0;
  color: #000;
  text-align: left;
  vertical-align: bottom; }

.pure-table td {
  background-color: transparent; }

.pure-table-odd td,
.pure-table-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2; }

.pure-table-bordered td {
  border-bottom: 1px solid #cbcbcb; }

.pure-table-bordered tbody > tr:last-child > td {
  border-bottom-width: 0; }

.pure-table-horizontal td,
.pure-table-horizontal th {
  border-width: 0 0 1px;
  border-bottom: 1px solid #cbcbcb; }

.pure-table-horizontal tbody > tr:last-child > td {
  border-bottom-width: 0; }

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) {
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-1-12,
  .pure-u-sm-1-2,
  .pure-u-sm-1-24,
  .pure-u-sm-1-3,
  .pure-u-sm-1-4,
  .pure-u-sm-1-5,
  .pure-u-sm-1-6,
  .pure-u-sm-1-8,
  .pure-u-sm-10-24,
  .pure-u-sm-11-12,
  .pure-u-sm-11-24,
  .pure-u-sm-12-24,
  .pure-u-sm-13-24,
  .pure-u-sm-14-24,
  .pure-u-sm-15-24,
  .pure-u-sm-16-24,
  .pure-u-sm-17-24,
  .pure-u-sm-18-24,
  .pure-u-sm-19-24,
  .pure-u-sm-2-24,
  .pure-u-sm-2-3,
  .pure-u-sm-2-5,
  .pure-u-sm-20-24,
  .pure-u-sm-21-24,
  .pure-u-sm-22-24,
  .pure-u-sm-23-24,
  .pure-u-sm-24-24,
  .pure-u-sm-3-24,
  .pure-u-sm-3-4,
  .pure-u-sm-3-5,
  .pure-u-sm-3-8,
  .pure-u-sm-4-24,
  .pure-u-sm-4-5,
  .pure-u-sm-5-12,
  .pure-u-sm-5-24,
  .pure-u-sm-5-5,
  .pure-u-sm-5-6,
  .pure-u-sm-5-8,
  .pure-u-sm-6-24,
  .pure-u-sm-7-12,
  .pure-u-sm-7-24,
  .pure-u-sm-7-8,
  .pure-u-sm-8-24,
  .pure-u-sm-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }

  .pure-u-sm-1-24 {
    width: 4.1667%; }

  .pure-u-sm-1-12,
  .pure-u-sm-2-24 {
    width: 8.3333%; }

  .pure-u-sm-1-8,
  .pure-u-sm-3-24 {
    width: 12.5%; }

  .pure-u-sm-1-6,
  .pure-u-sm-4-24 {
    width: 16.6667%; }

  .pure-u-sm-1-5 {
    width: 20%; }

  .pure-u-sm-5-24 {
    width: 20.8333%; }

  .pure-u-sm-1-4,
  .pure-u-sm-6-24 {
    width: 25%; }

  .pure-u-sm-7-24 {
    width: 29.1667%; }

  .pure-u-sm-1-3,
  .pure-u-sm-8-24 {
    width: 33.3333%; }

  .pure-u-sm-3-8,
  .pure-u-sm-9-24 {
    width: 37.5%; }

  .pure-u-sm-2-5 {
    width: 40%; }

  .pure-u-sm-10-24,
  .pure-u-sm-5-12 {
    width: 41.6667%; }

  .pure-u-sm-11-24 {
    width: 45.8333%; }

  .pure-u-sm-1-2,
  .pure-u-sm-12-24 {
    width: 50%; }

  .pure-u-sm-13-24 {
    width: 54.1667%; }

  .pure-u-sm-14-24,
  .pure-u-sm-7-12 {
    width: 58.3333%; }

  .pure-u-sm-3-5 {
    width: 60%; }

  .pure-u-sm-15-24,
  .pure-u-sm-5-8 {
    width: 62.5%; }

  .pure-u-sm-16-24,
  .pure-u-sm-2-3 {
    width: 66.6667%; }

  .pure-u-sm-17-24 {
    width: 70.8333%; }

  .pure-u-sm-18-24,
  .pure-u-sm-3-4 {
    width: 75%; }

  .pure-u-sm-19-24 {
    width: 79.1667%; }

  .pure-u-sm-4-5 {
    width: 80%; }

  .pure-u-sm-20-24,
  .pure-u-sm-5-6 {
    width: 83.3333%; }

  .pure-u-sm-21-24,
  .pure-u-sm-7-8 {
    width: 87.5%; }

  .pure-u-sm-11-12,
  .pure-u-sm-22-24 {
    width: 91.6667%; }

  .pure-u-sm-23-24 {
    width: 95.8333%; }

  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-24-24,
  .pure-u-sm-5-5 {
    width: 100%; } }
@media screen and (min-width: 48em) {
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-1-12,
  .pure-u-md-1-2,
  .pure-u-md-1-24,
  .pure-u-md-1-3,
  .pure-u-md-1-4,
  .pure-u-md-1-5,
  .pure-u-md-1-6,
  .pure-u-md-1-8,
  .pure-u-md-10-24,
  .pure-u-md-11-12,
  .pure-u-md-11-24,
  .pure-u-md-12-24,
  .pure-u-md-13-24,
  .pure-u-md-14-24,
  .pure-u-md-15-24,
  .pure-u-md-16-24,
  .pure-u-md-17-24,
  .pure-u-md-18-24,
  .pure-u-md-19-24,
  .pure-u-md-2-24,
  .pure-u-md-2-3,
  .pure-u-md-2-5,
  .pure-u-md-20-24,
  .pure-u-md-21-24,
  .pure-u-md-22-24,
  .pure-u-md-23-24,
  .pure-u-md-24-24,
  .pure-u-md-3-24,
  .pure-u-md-3-4,
  .pure-u-md-3-5,
  .pure-u-md-3-8,
  .pure-u-md-4-24,
  .pure-u-md-4-5,
  .pure-u-md-5-12,
  .pure-u-md-5-24,
  .pure-u-md-5-5,
  .pure-u-md-5-6,
  .pure-u-md-5-8,
  .pure-u-md-6-24,
  .pure-u-md-7-12,
  .pure-u-md-7-24,
  .pure-u-md-7-8,
  .pure-u-md-8-24,
  .pure-u-md-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }

  .pure-u-md-1-24 {
    width: 4.1667%; }

  .pure-u-md-1-12,
  .pure-u-md-2-24 {
    width: 8.3333%; }

  .pure-u-md-1-8,
  .pure-u-md-3-24 {
    width: 12.5%; }

  .pure-u-md-1-6,
  .pure-u-md-4-24 {
    width: 16.6667%; }

  .pure-u-md-1-5 {
    width: 20%; }

  .pure-u-md-5-24 {
    width: 20.8333%; }

  .pure-u-md-1-4,
  .pure-u-md-6-24 {
    width: 25%; }

  .pure-u-md-7-24 {
    width: 29.1667%; }

  .pure-u-md-1-3,
  .pure-u-md-8-24 {
    width: 33.3333%; }

  .pure-u-md-3-8,
  .pure-u-md-9-24 {
    width: 37.5%; }

  .pure-u-md-2-5 {
    width: 40%; }

  .pure-u-md-10-24,
  .pure-u-md-5-12 {
    width: 41.6667%; }

  .pure-u-md-11-24 {
    width: 45.8333%; }

  .pure-u-md-1-2,
  .pure-u-md-12-24 {
    width: 50%; }

  .pure-u-md-13-24 {
    width: 54.1667%; }

  .pure-u-md-14-24,
  .pure-u-md-7-12 {
    width: 58.3333%; }

  .pure-u-md-3-5 {
    width: 60%; }

  .pure-u-md-15-24,
  .pure-u-md-5-8 {
    width: 62.5%; }

  .pure-u-md-16-24,
  .pure-u-md-2-3 {
    width: 66.6667%; }

  .pure-u-md-17-24 {
    width: 70.8333%; }

  .pure-u-md-18-24,
  .pure-u-md-3-4 {
    width: 75%; }

  .pure-u-md-19-24 {
    width: 79.1667%; }

  .pure-u-md-4-5 {
    width: 80%; }

  .pure-u-md-20-24,
  .pure-u-md-5-6 {
    width: 83.3333%; }

  .pure-u-md-21-24,
  .pure-u-md-7-8 {
    width: 87.5%; }

  .pure-u-md-11-12,
  .pure-u-md-22-24 {
    width: 91.6667%; }

  .pure-u-md-23-24 {
    width: 95.8333%; }

  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-24-24,
  .pure-u-md-5-5 {
    width: 100%; } }
@media screen and (min-width: 64em) {
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-12,
  .pure-u-lg-1-2,
  .pure-u-lg-1-24,
  .pure-u-lg-1-3,
  .pure-u-lg-1-4,
  .pure-u-lg-1-5,
  .pure-u-lg-1-6,
  .pure-u-lg-1-8,
  .pure-u-lg-10-24,
  .pure-u-lg-11-12,
  .pure-u-lg-11-24,
  .pure-u-lg-12-24,
  .pure-u-lg-13-24,
  .pure-u-lg-14-24,
  .pure-u-lg-15-24,
  .pure-u-lg-16-24,
  .pure-u-lg-17-24,
  .pure-u-lg-18-24,
  .pure-u-lg-19-24,
  .pure-u-lg-2-24,
  .pure-u-lg-2-3,
  .pure-u-lg-2-5,
  .pure-u-lg-20-24,
  .pure-u-lg-21-24,
  .pure-u-lg-22-24,
  .pure-u-lg-23-24,
  .pure-u-lg-24-24,
  .pure-u-lg-3-24,
  .pure-u-lg-3-4,
  .pure-u-lg-3-5,
  .pure-u-lg-3-8,
  .pure-u-lg-4-24,
  .pure-u-lg-4-5,
  .pure-u-lg-5-12,
  .pure-u-lg-5-24,
  .pure-u-lg-5-5,
  .pure-u-lg-5-6,
  .pure-u-lg-5-8,
  .pure-u-lg-6-24,
  .pure-u-lg-7-12,
  .pure-u-lg-7-24,
  .pure-u-lg-7-8,
  .pure-u-lg-8-24,
  .pure-u-lg-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }

  .pure-u-lg-1-24 {
    width: 4.1667%; }

  .pure-u-lg-1-12,
  .pure-u-lg-2-24 {
    width: 8.3333%; }

  .pure-u-lg-1-8,
  .pure-u-lg-3-24 {
    width: 12.5%; }

  .pure-u-lg-1-6,
  .pure-u-lg-4-24 {
    width: 16.6667%; }

  .pure-u-lg-1-5 {
    width: 20%; }

  .pure-u-lg-5-24 {
    width: 20.8333%; }

  .pure-u-lg-1-4,
  .pure-u-lg-6-24 {
    width: 25%; }

  .pure-u-lg-7-24 {
    width: 29.1667%; }

  .pure-u-lg-1-3,
  .pure-u-lg-8-24 {
    width: 33.3333%; }

  .pure-u-lg-3-8,
  .pure-u-lg-9-24 {
    width: 37.5%; }

  .pure-u-lg-2-5 {
    width: 40%; }

  .pure-u-lg-10-24,
  .pure-u-lg-5-12 {
    width: 41.6667%; }

  .pure-u-lg-11-24 {
    width: 45.8333%; }

  .pure-u-lg-1-2,
  .pure-u-lg-12-24 {
    width: 50%; }

  .pure-u-lg-13-24 {
    width: 54.1667%; }

  .pure-u-lg-14-24,
  .pure-u-lg-7-12 {
    width: 58.3333%; }

  .pure-u-lg-3-5 {
    width: 60%; }

  .pure-u-lg-15-24,
  .pure-u-lg-5-8 {
    width: 62.5%; }

  .pure-u-lg-16-24,
  .pure-u-lg-2-3 {
    width: 66.6667%; }

  .pure-u-lg-17-24 {
    width: 70.8333%; }

  .pure-u-lg-18-24,
  .pure-u-lg-3-4 {
    width: 75%; }

  .pure-u-lg-19-24 {
    width: 79.1667%; }

  .pure-u-lg-4-5 {
    width: 80%; }

  .pure-u-lg-20-24,
  .pure-u-lg-5-6 {
    width: 83.3333%; }

  .pure-u-lg-21-24,
  .pure-u-lg-7-8 {
    width: 87.5%; }

  .pure-u-lg-11-12,
  .pure-u-lg-22-24 {
    width: 91.6667%; }

  .pure-u-lg-23-24 {
    width: 95.8333%; }

  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-24-24,
  .pure-u-lg-5-5 {
    width: 100%; } }
@media screen and (min-width: 80em) {
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-1-12,
  .pure-u-xl-1-2,
  .pure-u-xl-1-24,
  .pure-u-xl-1-3,
  .pure-u-xl-1-4,
  .pure-u-xl-1-5,
  .pure-u-xl-1-6,
  .pure-u-xl-1-8,
  .pure-u-xl-10-24,
  .pure-u-xl-11-12,
  .pure-u-xl-11-24,
  .pure-u-xl-12-24,
  .pure-u-xl-13-24,
  .pure-u-xl-14-24,
  .pure-u-xl-15-24,
  .pure-u-xl-16-24,
  .pure-u-xl-17-24,
  .pure-u-xl-18-24,
  .pure-u-xl-19-24,
  .pure-u-xl-2-24,
  .pure-u-xl-2-3,
  .pure-u-xl-2-5,
  .pure-u-xl-20-24,
  .pure-u-xl-21-24,
  .pure-u-xl-22-24,
  .pure-u-xl-23-24,
  .pure-u-xl-24-24,
  .pure-u-xl-3-24,
  .pure-u-xl-3-4,
  .pure-u-xl-3-5,
  .pure-u-xl-3-8,
  .pure-u-xl-4-24,
  .pure-u-xl-4-5,
  .pure-u-xl-5-12,
  .pure-u-xl-5-24,
  .pure-u-xl-5-5,
  .pure-u-xl-5-6,
  .pure-u-xl-5-8,
  .pure-u-xl-6-24,
  .pure-u-xl-7-12,
  .pure-u-xl-7-24,
  .pure-u-xl-7-8,
  .pure-u-xl-8-24,
  .pure-u-xl-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }

  .pure-u-xl-1-24 {
    width: 4.1667%; }

  .pure-u-xl-1-12,
  .pure-u-xl-2-24 {
    width: 8.3333%; }

  .pure-u-xl-1-8,
  .pure-u-xl-3-24 {
    width: 12.5%; }

  .pure-u-xl-1-6,
  .pure-u-xl-4-24 {
    width: 16.6667%; }

  .pure-u-xl-1-5 {
    width: 20%; }

  .pure-u-xl-5-24 {
    width: 20.8333%; }

  .pure-u-xl-1-4,
  .pure-u-xl-6-24 {
    width: 25%; }

  .pure-u-xl-7-24 {
    width: 29.1667%; }

  .pure-u-xl-1-3,
  .pure-u-xl-8-24 {
    width: 33.3333%; }

  .pure-u-xl-3-8,
  .pure-u-xl-9-24 {
    width: 37.5%; }

  .pure-u-xl-2-5 {
    width: 40%; }

  .pure-u-xl-10-24,
  .pure-u-xl-5-12 {
    width: 41.6667%; }

  .pure-u-xl-11-24 {
    width: 45.8333%; }

  .pure-u-xl-1-2,
  .pure-u-xl-12-24 {
    width: 50%; }

  .pure-u-xl-13-24 {
    width: 54.1667%; }

  .pure-u-xl-14-24,
  .pure-u-xl-7-12 {
    width: 58.3333%; }

  .pure-u-xl-3-5 {
    width: 60%; }

  .pure-u-xl-15-24,
  .pure-u-xl-5-8 {
    width: 62.5%; }

  .pure-u-xl-16-24,
  .pure-u-xl-2-3 {
    width: 66.6667%; }

  .pure-u-xl-17-24 {
    width: 70.8333%; }

  .pure-u-xl-18-24,
  .pure-u-xl-3-4 {
    width: 75%; }

  .pure-u-xl-19-24 {
    width: 79.1667%; }

  .pure-u-xl-4-5 {
    width: 80%; }

  .pure-u-xl-20-24,
  .pure-u-xl-5-6 {
    width: 83.3333%; }

  .pure-u-xl-21-24,
  .pure-u-xl-7-8 {
    width: 87.5%; }

  .pure-u-xl-11-12,
  .pure-u-xl-22-24 {
    width: 91.6667%; }

  .pure-u-xl-23-24 {
    width: 95.8333%; }

  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-24-24,
  .pure-u-xl-5-5 {
    width: 100%; } }
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: auto; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.onlyoutline {
  -webkit-text-fill-color: transparent;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #fff; }

/*@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url(https://fonts.googleapis.com/css?family=Lato);*/
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("/assets/fonts/poppins-regular-devanagari.woff2") format("woff2"); }
/* light */
@font-face {
  font-family: 'Poppins';
  font-display: fallback;
  font-style: normal;
  font-weight: 300;
  src: local("Poppins Light"), local("poppins-light"), url("/assets/fonts/poppins-light.woff2") format("woff2"); }
/* 700 */
@font-face {
  font-family: 'Poppins';
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: local("Poppins Bold"), local("poppins-light"), url("/assets/fonts/poppins-bold.woff2") format("woff2"); }
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("/assets/fonts/poppins-regular-latinext.woff2") format("woff2"); }
/* latin */
@font-face {
  font-family: 'Poppins';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("/assets/fonts/poppins-regular-latin.woff2") format("woff2"); }
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/assets/fonts/lato-latin-ext.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: 'Lato';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/assets/fonts/lato-latin.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; }
a.highslide img {
  border-style: none; }

/*
.centered-container {
    width: 100%;
    max-width: $container_maxwidth;
    
    &.withhpadding {
        padding: 0 $container_maxwidth_hpadding;
    }
}
*/
/*
.layout-centeredcontent {
    
    display: flex;
    justify-content:center;
    .layout {
        width:100%;
        @media (min-width: $container_maxwidth) {
            width:$container_maxwidth;
        }        
    }
}

.contentvak {
    padding:15px;
}

*/
@media (max-width: 900px) {
  .md-hidden {
    display: none !important; } }

@media (max-width: 400px) {
  .sm-hidden {
    display: none !important; } }

@media (max-width: 400px) {
  .fullscreenwhenmobile {
    width: 100%; } }

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

* {
  color: #4b4650;
  font-family: 'Poppins', sans-serif; }

body.menu-disabled div.navbar {
  position: absolute; }
body.menu-disabled .toplogocontactholder {
  position: absolute; }
body.menu-disabled ul#menu {
  display: none; }

.debugblock {
  background: red;
  padding: 30px;
  margin-bottom: 30px; }
  .debugblock, .debugblock * {
    color: #fff; }

.pure-button {
  border: solid 2px #fe5000;
  border-radius: 5px;
  border-radius: 10px;
  border-radius: 40px;
  padding: 10px 16px;
  color: #000;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-size: 14px !important;
  font-weight: normal !important;
  transition: all 0.1s ease-in-out; }
  .pure-button:not(:first-child) {
    margin-left: 10px; }
  .pure-button.button-calltoaction {
    background: #fe5000;
    color: #fff; }
  .pure-button.button-onlyborder {
    background: transparent;
    border-color: #000; }
  .pure-button.button-onlytext {
    background: transparent;
    border-color: transparent;
    color: #fe5000;
    padding-left: 0; }
  .pure-button.button-disabled {
    opacity: 0.8;
    cursor: not-allowed; }
  .pure-button i {
    font-size: 12px;
    margin-right: 5px; }
    .pure-button i.buttonwaiticon {
      margin-right: 0;
      margin-left: 10px;
      color: #fff;
      font-size: 15px; }
  .pure-button:not(.disabled):hover {
    transform: scale(1.1); }

@media (min-width: 1325px) {
  .layout.pullupwards_50 {
    margin-top: -50px; } }
@media (min-width: 1325px) {
  .layout.pullupwards_100 {
    margin-top: -100px; } }
@media (min-width: 1325px) {
  .layout.pullupwards_150 {
    margin-top: -150px; } }
.layout .fieldoutlet.afronden {
  border-radius: 10px; }
.layout.sticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 60px; }
  @media (min-width: 900px) {
    .layout.sticky {
      top: 50px; } }
.layout.content_class_kader_none, .layout.content_class_kader_small, .layout.content_class_kader_normal, .layout.content_class_kader_large {
  display: flex;
  justify-content: center; }
  .layout.content_class_kader_none .layout-inner, .layout.content_class_kader_small .layout-inner, .layout.content_class_kader_normal .layout-inner, .layout.content_class_kader_large .layout-inner {
    width: 100%; }
@media (min-width: 750px) {
  .layout.content_class_kader_small .layout-inner {
    width: 750px; } }
@media (min-width: 1280px) {
  .layout.content_class_kader_normal .layout-inner {
    width: 1280px; } }
@media (min-width: 1600px) {
  .layout.content_class_kader_large .layout-inner {
    width: 1600px; } }
.layout.contentonderuitlijnen .layout-inner .fieldoutlet {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
.layout.contentmiddenuitlijnen .layout-inner .fieldoutlet {
  display: flex;
  flex-direction: column;
  justify-content: center; }
@media (min-width: 1200px) {
  .layout.stukjeomhoogvanwegelaptop .layout-inner .fieldoutlet h3 {
    margin-top: -40px; } }
.layout div.nested .layout-inner {
  width: auto !important; }
.layout div.nested.Afgerondehoeken10 {
  border-radius: 10px;
  overflow: hidden; }
.layout .layout-inner .layout, .layout .layout-inner .nested {
  height: 100%; }
.layout.vertPadding_Outerlayout_15 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_15 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_15 {
      padding-top: 15px;
      padding-bottom: 15px; }
      .layout.vertPadding_Outerlayout_15 .darkoverlay {
        margin-top: -15px; } }
.layout.vertPadding_Outerlayout_30 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_30 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_30 {
      padding-top: 30px;
      padding-bottom: 30px; }
      .layout.vertPadding_Outerlayout_30 .darkoverlay {
        margin-top: -30px; } }
.layout.vertPadding_Outerlayout_45 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_45 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_45 {
      padding-top: 45px;
      padding-bottom: 45px; }
      .layout.vertPadding_Outerlayout_45 .darkoverlay {
        margin-top: -45px; } }
.layout.vertPadding_Outerlayout_60 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_60 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_60 {
      padding-top: 60px;
      padding-bottom: 60px; }
      .layout.vertPadding_Outerlayout_60 .darkoverlay {
        margin-top: -60px; } }
.layout.vertPadding_Outerlayout_75 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_75 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_75 {
      padding-top: 75px;
      padding-bottom: 75px; }
      .layout.vertPadding_Outerlayout_75 .darkoverlay {
        margin-top: -75px; } }
.layout.vertPadding_Outerlayout_90 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_90 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_90 {
      padding-top: 90px;
      padding-bottom: 90px; }
      .layout.vertPadding_Outerlayout_90 .darkoverlay {
        margin-top: -90px; } }
.layout.vertPadding_Outerlayout_105 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_105 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_105 {
      padding-top: 105px;
      padding-bottom: 105px; }
      .layout.vertPadding_Outerlayout_105 .darkoverlay {
        margin-top: -105px; } }
.layout.vertPadding_Outerlayout_120 {
  padding-top: 15px;
  padding-bottom: 15px; }
  .layout.vertPadding_Outerlayout_120 .darkoverlay {
    margin-top: -15px; }
  @media (min-width: 900px) {
    .layout.vertPadding_Outerlayout_120 {
      padding-top: 120px;
      padding-bottom: 120px; }
      .layout.vertPadding_Outerlayout_120 .darkoverlay {
        margin-top: -120px; } }
.layout.vertPadding_Outerlayout_135 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_135 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_135 {
      padding-top: 135px;
      padding-bottom: 135px; } }
  .layout.vertPadding_Outerlayout_135 .darkoverlay {
    margin-top: -135px; }
.layout.vertPadding_Outerlayout_150 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_150 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_150 {
      padding-top: 150px;
      padding-bottom: 150px; } }
  .layout.vertPadding_Outerlayout_150 .darkoverlay {
    margin-top: -150px; }
.layout.vertPadding_Outerlayout_165 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_165 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_165 {
      padding-top: 165px;
      padding-bottom: 165px; } }
  .layout.vertPadding_Outerlayout_165 .darkoverlay {
    margin-top: -165px; }
.layout.vertPadding_Outerlayout_180 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_180 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_180 {
      padding-top: 180px;
      padding-bottom: 180px; } }
  .layout.vertPadding_Outerlayout_180 .darkoverlay {
    margin-top: -180px; }
.layout.vertPadding_Outerlayout_195 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_195 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_195 {
      padding-top: 195px;
      padding-bottom: 195px; } }
  .layout.vertPadding_Outerlayout_195 .darkoverlay {
    margin-top: -195px; }
.layout.vertPadding_Outerlayout_210 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_210 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_210 {
      padding-top: 210px;
      padding-bottom: 210px; } }
  .layout.vertPadding_Outerlayout_210 .darkoverlay {
    margin-top: -210px; }
.layout.vertPadding_Outerlayout_225 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_225 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_225 {
      padding-top: 225px;
      padding-bottom: 225px; } }
  .layout.vertPadding_Outerlayout_225 .darkoverlay {
    margin-top: -225px; }
.layout.vertPadding_Outerlayout_240 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_240 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_240 {
      padding-top: 240px;
      padding-bottom: 240px; } }
  .layout.vertPadding_Outerlayout_240 .darkoverlay {
    margin-top: -240px; }
.layout.vertPadding_Outerlayout_255 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_255 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_255 {
      padding-top: 255px;
      padding-bottom: 255px; } }
  .layout.vertPadding_Outerlayout_255 .darkoverlay {
    margin-top: -255px; }
.layout.vertPadding_Outerlayout_270 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_270 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_270 {
      padding-top: 270px;
      padding-bottom: 270px; } }
  .layout.vertPadding_Outerlayout_270 .darkoverlay {
    margin-top: -270px; }
.layout.vertPadding_Outerlayout_285 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_285 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_285 {
      padding-top: 285px;
      padding-bottom: 285px; } }
  .layout.vertPadding_Outerlayout_285 .darkoverlay {
    margin-top: -285px; }
.layout.vertPadding_Outerlayout_300 {
  padding-top: 120px;
  padding-bottom: 120px; }
  .layout.vertPadding_Outerlayout_300 .darkoverlay {
    margin-top: -120px; }
  @media (min-width: 1200px) {
    .layout.vertPadding_Outerlayout_300 {
      padding-top: 300px;
      padding-bottom: 300px; } }
  .layout.vertPadding_Outerlayout_300 .darkoverlay {
    margin-top: -300px; }
.layout .fieldoutlet {
  overflow: auto; }
  .layout .fieldoutlet h1:first-child, .layout .fieldoutlet h2:first-child, .layout .fieldoutlet h3:first-child, .layout .fieldoutlet h4:first-child, .layout .fieldoutlet h5:first-child {
    margin-top: 0; }
.layout a.fieldoutlet {
  display: block;
  text-decoration: none; }
.layout.outletOverflowVisible .layout-inner .fieldoutlet {
  overflow: visible; }
@media (min-width: 1024px) {
  .layout.streep-ertussen .fieldoutletsverdeingis_halven .fieldoutlet:last-child, .layout.streep-ertussen .fieldoutletsverdeingis_twee_een .fieldoutlet:last-child, .layout.streep-ertussen .fieldoutletsverdeingis_een_twee .fieldoutletsverdeingis_drie_een .fieldoutlet:last-child {
    border-left: solid 1px #dddddd; } }
@media (min-width: 1024px) {
  .layout .layout-inner.fieldoutletsverdeingis_halven {
    display: flex; }
    .layout .layout-inner.fieldoutletsverdeingis_halven .fieldoutlet {
      flex-basis: 50%; } }
@media (min-width: 1024px) {
  .layout .layout-inner.fieldoutletsverdeingis_twee_een {
    display: flex; }
    .layout .layout-inner.fieldoutletsverdeingis_twee_een .fieldoutlet:first-child {
      flex-basis: 66.6666%; }
    .layout .layout-inner.fieldoutletsverdeingis_twee_een .fieldoutlet:last-child {
      flex-basis: 33.6666%; } }
@media (min-width: 1024px) {
  .layout .layout-inner.fieldoutletsverdeingis_een_twee {
    display: flex; }
    .layout .layout-inner.fieldoutletsverdeingis_een_twee .fieldoutlet:last-child {
      flex-basis: 33.6666%; }
    .layout .layout-inner.fieldoutletsverdeingis_een_twee .fieldoutlet:first-child {
      flex-basis: 66.6666%;
      order: 1; } }
@media (min-width: 1024px) {
  .layout .layout-inner.fieldoutletsverdeingis_drie_een {
    display: flex; }
    .layout .layout-inner.fieldoutletsverdeingis_drie_een .fieldoutlet:first-child {
      flex-basis: 75%; }
    .layout .layout-inner.fieldoutletsverdeingis_drie_een .fieldoutlet:last-child {
      flex-basis: 25%; } }
@media (min-width: 1024px) {
  .layout .layout-inner.fieldoutletsverdeingis_derden {
    display: flex; }
    .layout .layout-inner.fieldoutletsverdeingis_derden .fieldoutlet {
      flex-basis: 33.3333%; } }
@media (min-width: 900px) {
  .layout .layout-inner.fieldoutletsverdeingis_vierden {
    display: flex;
    flex-wrap: wrap; }
    .layout .layout-inner.fieldoutletsverdeingis_vierden .fieldoutlet {
      flex-basis: 50%; } }
@media (min-width: 1200px) {
  .layout .layout-inner.fieldoutletsverdeingis_vierden {
    display: flex; }
    .layout .layout-inner.fieldoutletsverdeingis_vierden .fieldoutlet {
      flex-basis: 25%; } }
@media (min-width: 900px) {
  .layout .layout-inner.fieldoutletsverdeingis_vijfden {
    display: flex;
    flex-wrap: wrap; }
    .layout .layout-inner.fieldoutletsverdeingis_vijfden .fieldoutlet {
      flex-basis: 50%; } }
@media (min-width: 1200px) {
  .layout .layout-inner.fieldoutletsverdeingis_vijfden {
    display: flex; }
    .layout .layout-inner.fieldoutletsverdeingis_vijfden .fieldoutlet {
      flex-basis: 20%; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja {
  padding: 15px; }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja_alleenhorizontaal {
  padding: 0 15px; }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja30 {
  padding: 15px 30px; }
  @media (min-width: 900px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja30 {
      padding: 30px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja30_alleenhorizontaal {
  padding: 0 30px; }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja45 {
  padding: 15px 30px; }
  @media (min-width: 900px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja45 {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja45 {
      padding: 45px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja45_alleenhorizontaal {
  padding: 0 30px; }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja45_alleenhorizontaal {
      padding: 0 34px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja60 {
  padding: 15px 30px; }
  @media (min-width: 900px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja60 {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja60 {
      padding: 30px 60px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja60_alleenhorizontaal {
  padding: 0 30px; }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja60_alleenhorizontaal {
      padding: 0 60px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja75 {
  padding: 15px 30px; }
  @media (min-width: 900px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja75 {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja75 {
      padding: 30px 75px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja75_alleenhorizontaal {
  padding: 0 30px; }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja75_alleenhorizontaal {
      padding: 0 75px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja90 {
  padding: 15px 30px; }
  @media (min-width: 900px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja90 {
      padding: 30px; } }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja90 {
      padding: 30px 90px; } }
.layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja90_alleenhorizontaal {
  padding: 0 30px; }
  @media (min-width: 1200px) {
    .layout .layout-inner .fieldoutlet.contentvak.outlet_padding_ja90_alleenhorizontaal {
      padding: 0 90px; } }
.layout.withimage {
  position: relative; }
  .layout.withimage .darkoverlay {
    position: absolute;
    width: 100%;
    height: 100%; }
    .layout.withimage .darkoverlay.darkoverlay_10 {
      background-color: rgba(0, 0, 0, 0.1); }
    .layout.withimage .darkoverlay.darkoverlay_20 {
      background: rgba(0, 0, 0, 0.2); }
    .layout.withimage .darkoverlay.darkoverlay_30 {
      background: rgba(0, 0, 0, 0.3); }
    .layout.withimage .darkoverlay.darkoverlay_40 {
      background: rgba(0, 0, 0, 0.4); }
    .layout.withimage .darkoverlay.darkoverlay_raster {
      background: url("/assets/gfx/darkoverlay_raster.png") top left repeat; }
  .layout.withimage .layout-inner {
    z-index: 65534; }
.layout.hierziteenpullupwardsonder {
  z-index: -1; }
.layout.fieldoutletsafronden .layout-inner {
  border-radius: 10px;
  overflow: hidden; }

.withimage, .withimage * {
  color: #fff;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); }
.withimage .pure-button.button-calltoaction, .withimage .pure-button.button-calltoaction * {
  text-shadow: none; }
.withimage .pure-button.button-onlyborder {
  text-shadow: none;
  color: #fff;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.1); }

.layout_bgKleur_Wit {
  background: #fff; }

.layout_bgKleur_Wit_alpha {
  background: rgba(255, 255, 255, 0.9); }

.layout_bgKleur_Zwart_alpha {
  background: rgba(0, 0, 0, 0.7); }

.layout_bgKleur_Lichtgrijs {
  background: #eff1f3; }

.layout_bgKleur_Zeerlichtgrijs {
  background: #fbfbfb; }

.layout_bgKleur_Donkergrijs {
  background: #2a353d; }
  .layout_bgKleur_Donkergrijs, .layout_bgKleur_Donkergrijs *, .layout_bgKleur_Donkergrijs .pure-button {
    color: #fff;
    border-color: #fff; }
  .layout_bgKleur_Donkergrijs ul li:before, .layout_bgKleur_Donkergrijs ul li:after {
    color: #fff !important; }

.layout_bgKleur_Donkerblauw {
  background: #008cc5; }
  .layout_bgKleur_Donkerblauw, .layout_bgKleur_Donkerblauw *, .layout_bgKleur_Donkerblauw .pure-button {
    color: #fff;
    border-color: #fff; }
  .layout_bgKleur_Donkerblauw ul li:before, .layout_bgKleur_Donkerblauw ul li:after {
    color: #fff !important; }
  .layout_bgKleur_Donkerblauw .pure-button.button-calltoaction {
    border-color: transparent; }

.layout_bgKleur_ZeerDonkerblauw {
  background: #033855; }
  .layout_bgKleur_ZeerDonkerblauw, .layout_bgKleur_ZeerDonkerblauw *, .layout_bgKleur_ZeerDonkerblauw .pure-button {
    color: #fff;
    border-color: #fff; }
  .layout_bgKleur_ZeerDonkerblauw ul li:before, .layout_bgKleur_ZeerDonkerblauw ul li:after {
    color: #fff !important; }

.layout_bgKleur_Cyaanachtig {
  background: #74dff6; }

.layout_bgKleur_Oranje {
  background: #fe5000; }
  .layout_bgKleur_Oranje, .layout_bgKleur_Oranje * {
    color: #fff; }

.layout_bgKleur_Lichtgeel {
  background: #fff2ce; }
  .layout_bgKleur_Lichtgeel, .layout_bgKleur_Lichtgeel * {
    color: #033b55; }

.layout_bgKleur_ZeerLichtblauw {
  background: #f1f9fc; }
  .layout_bgKleur_ZeerLichtblauw, .layout_bgKleur_ZeerLichtblauw * {
    color: #033b55; }

div.withimage {
  background-size: cover;
  background-position: center center; }

.layout.content_class_kader_none.tweegekleurdehelften_tekstwelkader .layout-inner .fieldoutlet:nth-child(1) {
  /*
  @media (min-width: 1350px) { padding-left:2%; }
  @media (min-width: 1400px) { padding-left:4%; }
  @media (min-width: 1450px) { padding-left:5%; }
  @media (min-width: 1500px) { padding-left:6.7%; }
  @media (min-width: 1550px) { padding-left:8%; }
  @media (min-width: 1600px) { padding-left:9%; }
  @media (min-width: 1650px) { padding-left:11%; }
  @media (min-width: 1700px) { padding-left:12%; }
  @media (min-width: 1750px) { padding-left:13%; }
  @media (min-width: 1800px) { padding-left:14%; }
  @media (min-width: 1850px) { padding-left:15.5%; }
  @media (min-width: 1900px) { padding-left:17%; }
  
  @media (min-width: 2000px) { padding-left:20%; }
  @media (min-width: 2500px) { padding-left:28%; }*/ }
  @media (min-width: 1280px) {
    .layout.content_class_kader_none.tweegekleurdehelften_tekstwelkader .layout-inner .fieldoutlet:nth-child(1) {
      padding-left: calc(50% - 640px -  -15px); } }
.layout.content_class_kader_none.tweegekleurdehelften_tekstwelkader .layout-inner .fieldoutlet:nth-child(2) {
  /*@media (min-width: 1350px) { padding-right:2%; }
  @media (min-width: 1400px) { padding-right:4%; }
  @media (min-width: 1450px) { padding-right:5%; }
  @media (min-width: 1500px) { padding-right:6.7%; }
  @media (min-width: 1550px) { padding-right:8%; }
  @media (min-width: 1600px) { padding-right:9%; }
  @media (min-width: 1650px) { padding-right:11%; }
  @media (min-width: 1700px) { padding-right:12%; }
  @media (min-width: 1750px) { padding-right:13%; }
  @media (min-width: 1800px) { padding-right:14%; }
  @media (min-width: 1850px) { padding-right:15%; }
  @media (min-width: 1900px) { padding-right:16%; }
  
  @media (min-width: 2000px) { padding-right:20%; }
  @media (min-width: 2500px) { padding-right:28%; }*/ }
  @media (min-width: 1280px) {
    .layout.content_class_kader_none.tweegekleurdehelften_tekstwelkader .layout-inner .fieldoutlet:nth-child(2) {
      padding-right: calc(50% - 640px - -15px); } }

.bgholder {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%; }
  .bgholder img {
    object-fit: cover;
    flex: 1; }

.layout.mt1p .bgholder img {
  margin-top: -1px !important; }

.layout.mt2p .bgholder img {
  margin-top: -2px !important; }

.layout.mb1p .bgholder img {
  margin-bottom: -1px !important; }

.layout.mb2p .bgholder img {
  margin-bottom: -2px !important; }

.layout.withimage.ronding .bgholder img {
  object-fit: unset; }

.layout.zoombg {
  /*-webkit-animation: zoomin 10s ease-in ;
   animation: zoomin 10s ease-in-out;
   transition: all .5s ease-in-out;
   overflow: hidden;*/
  overflow: hidden; }
  .layout.zoombg .bgholder {
    animation: zoomin 15s ease-in-out;
    transform: scale(1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {
    transform: scale(1.15); }
  100% {
    transform: scale(1); } }
@keyframes zoomin {
  0% {
    transform: scale(1.15); }
  100% {
    transform: scale(1); } }
/*End of Zoom in Keyframes */
@media (max-width: 1024px) {
  .layout.mobielomdraaien .layout-inner.fieldoutletsverdeingis_halven {
    display: flex;
    flex-direction: column-reverse !important; }
  .layout.mobielomdraaien .layout-inner.fieldoutletsverdeingis_een_twee {
    display: flex;
    flex-direction: column-reverse !important; } }
@media (max-width: 1024px) {
  .layout.kolommobielmargin .layout-inner.fieldoutletsverdeingis_een_twee .fieldoutlet:last-child {
    margin: 30px; } }

.stickycolumn .fieldoutletsverdeingis_een_twee > :last-child {
  align-self: flex-start; }
@media (min-width: 1024px) {
  .stickycolumn .fieldoutletsverdeingis_een_twee {
    position: relative; } }
@media (min-width: 1024px) {
  .stickycolumn.stickycolumn_enabled .fieldoutletsverdeingis_een_twee > :last-child {
    width: 33.6666%;
    position: fixed;
    top: 80px; }
  .stickycolumn.stickycolumn_enabled .fieldoutletsverdeingis_een_twee > :first-child {
    margin-left: 33.6666%; } }
@media (min-width: 1024px) and (min-width: 1325px) {
  .stickycolumn.stickycolumn_enabled .fieldoutletsverdeingis_een_twee > :last-child {
    width: 430px; }
  .stickycolumn.stickycolumn_enabled .fieldoutletsverdeingis_een_twee > :first-child {
    margin-left: 430px; } }

@media (min-width: 1024px) {
  .stickycolumn.stickycolumn_enabled_bottom .fieldoutletsverdeingis_een_twee > :last-child {
    width: 33.6666%;
    position: absolute;
    bottom: 0; }
  .stickycolumn.stickycolumn_enabled_bottom .fieldoutletsverdeingis_een_twee > :first-child {
    margin-left: 33.6666%; } }
@media (min-width: 1024px) and (min-width: 1325px) {
  .stickycolumn.stickycolumn_enabled_bottom .fieldoutletsverdeingis_een_twee > :last-child {
    width: 430px; }
  .stickycolumn.stickycolumn_enabled_bottom .fieldoutletsverdeingis_een_twee > :first-child {
    margin-left: 430px; } }

.smallcolumntext .fieldoutletsverdeingis_een_twee > :last-child, .smallcolumntext .fieldoutletsverdeingis_een_twee > :last-child * {
  font-size: 14px; }

.layout.contentscrollt-60vh .fieldoutletsverdeingis_geheel .fieldoutlet {
  max-height: 60vh;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none; }
  @media (min-width: 1200px) {
    .layout.contentscrollt-60vh .fieldoutletsverdeingis_geheel .fieldoutlet {
      max-height: 63vh;
      max-height: 67vh; } }
  .layout.contentscrollt-60vh .fieldoutletsverdeingis_geheel .fieldoutlet::-webkit-scrollbar {
    display: none; }

h1, h2, h3, h4, h5 {
  color: #008cc5;
  font-family: 'Poppins', Arial, sans-serif; }
  h1.kopkleur_Donkergrijs, h2.kopkleur_Donkergrijs, h3.kopkleur_Donkergrijs, h4.kopkleur_Donkergrijs, h5.kopkleur_Donkergrijs {
    color: #2a353d;
    text-shadow: none !important; }
  h1.kopkleur_Oranje, h2.kopkleur_Oranje, h3.kopkleur_Oranje, h4.kopkleur_Oranje, h5.kopkleur_Oranje {
    color: #fe5000; }
  h1.kopkleur_Wit, h2.kopkleur_Wit, h3.kopkleur_Wit, h4.kopkleur_Wit, h5.kopkleur_Wit {
    color: #fff; }
  h1.kopkleur_ZeerDonkerblauw, h2.kopkleur_ZeerDonkerblauw, h3.kopkleur_ZeerDonkerblauw, h4.kopkleur_ZeerDonkerblauw, h5.kopkleur_ZeerDonkerblauw {
    color: #033855;
    text-shadow: none !important; }
  h1.kopkleur_Cyaanachtig, h2.kopkleur_Cyaanachtig, h3.kopkleur_Cyaanachtig, h4.kopkleur_Cyaanachtig, h5.kopkleur_Cyaanachtig {
    color: #74dff6; }
  h1.gecentreerd, h2.gecentreerd, h3.gecentreerd, h4.gecentreerd, h5.gecentreerd {
    text-align: center; }
  @media (min-width: 1200px) {
    h1.rechtsuitgelijnd, h2.rechtsuitgelijnd, h3.rechtsuitgelijnd, h4.rechtsuitgelijnd, h5.rechtsuitgelijnd {
      text-align: right !important; } }
  h1.fatness_bold, h2.fatness_bold, h3.fatness_bold, h4.fatness_bold, h5.fatness_bold {
    font-weight: bold !important; }
  h1.fatness_normal, h2.fatness_normal, h3.fatness_normal, h4.fatness_normal, h5.fatness_normal {
    font-weight: normal !important; }

h1 {
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 10px; }
  @media (min-width: 400px) {
    h1 {
      font-size: 36px;
      line-height: 55px;
      margin-bottom: 16px; } }
  @media (min-width: 900px) {
    h1 {
      font-size: 48px;
      margin-bottom: 25px; } }

h2 {
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 0px; }
  @media (min-width: 400px) {
    h2 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 10px; } }
  @media (min-width: 900px) {
    h2 {
      font-size: 35px;
      line-height: 40px;
      margin-bottom: 20px; } }

h3 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0px; }
  @media (min-width: 400px) {
    h3 {
      font-weight: normal;
      font-size: 20px; } }
  @media (min-width: 900px) {
    h3 {
      font-size: 30px; } }

h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0px; }
  @media (min-width: 900px) {
    h4 {
      font-size: 20px; } }

h1.mgTop_0, h2.mgTop_0, h3.mgTop_0, h4.mgTop_0, h5.mgTop_0 {
  margin-top: 0px !important; }
h1.mgTop_10, h2.mgTop_10, h3.mgTop_10, h4.mgTop_10, h5.mgTop_10 {
  margin-top: 10px !important; }
h1.mgTop_20, h2.mgTop_20, h3.mgTop_20, h4.mgTop_20, h5.mgTop_20 {
  margin-top: 20px !important; }
h1.mgTop_30, h2.mgTop_30, h3.mgTop_30, h4.mgTop_30, h5.mgTop_30 {
  margin-top: 30px !important; }
h1.mgTop_40, h2.mgTop_40, h3.mgTop_40, h4.mgTop_40, h5.mgTop_40 {
  margin-top: 40px !important; }
h1.mgBot_0, h2.mgBot_0, h3.mgBot_0, h4.mgBot_0, h5.mgBot_0 {
  margin-bottom: 0px !important; }
h1.mgBot_10, h2.mgBot_10, h3.mgBot_10, h4.mgBot_10, h5.mgBot_10 {
  margin-bottom: 10px !important; }
h1.mgBot_20, h2.mgBot_20, h3.mgBot_20, h4.mgBot_20, h5.mgBot_20 {
  margin-bottom: 20px !important; }
h1.mgBot_30, h2.mgBot_30, h3.mgBot_30, h4.mgBot_30, h5.mgBot_30 {
  margin-bottom: 30px !important; }
h1.mgBot_40, h2.mgBot_40, h3.mgBot_40, h4.mgBot_40, h5.mgBot_40 {
  margin-bottom: 40px !important; }
@media (min-width: 350px) {
  h1.siz_36, h2.siz_36, h3.siz_36, h4.siz_36, h5.siz_36 {
    font-size: 24px; }
  h1.siz_40, h2.siz_40, h3.siz_40, h4.siz_40, h5.siz_40 {
    font-size: 24px; }
  h1.siz_42, h2.siz_42, h3.siz_42, h4.siz_42, h5.siz_42 {
    font-size: 24px; }
  h1.siz_48, h2.siz_48, h3.siz_48, h4.siz_48, h5.siz_48 {
    font-size: 24px; } }
@media (min-width: 900px) {
  h1.siz_16, h2.siz_16, h3.siz_16, h4.siz_16, h5.siz_16 {
    font-size: 16px; }
  h1.siz_20, h2.siz_20, h3.siz_20, h4.siz_20, h5.siz_20 {
    font-size: 20px; }
  h1.siz_24, h2.siz_24, h3.siz_24, h4.siz_24, h5.siz_24 {
    font-size: 24px; }
  h1.siz_30, h2.siz_30, h3.siz_30, h4.siz_30, h5.siz_30 {
    font-size: 30px; }
  h1.siz_36, h2.siz_36, h3.siz_36, h4.siz_36, h5.siz_36 {
    font-size: 36px; }
  h1.siz_40, h2.siz_40, h3.siz_40, h4.siz_40, h5.siz_40 {
    font-size: 40px; }
  h1.siz_42, h2.siz_42, h3.siz_42, h4.siz_42, h5.siz_42 {
    font-size: 42px; }
  h1.siz_48, h2.siz_48, h3.siz_48, h4.siz_48, h5.siz_48 {
    font-size: 48px; } }

table.gegevens {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #e9e9e9; }
  table.gegevens td, table.gegevens th {
    border: solid 1px #e9e9e9;
    padding: 12px 18px;
    background: #fff;
    color: #4b4650; }
  table.gegevens th, table.gegevens tr:first-child td {
    font-weight: bold; }

.cbfield-richtext ul, .opsomming ul {
  padding-left: 18px; }
  .cbfield-richtext ul li:not(:last-child), .opsomming ul li:not(:last-child) {
    margin-bottom: 10px; }
  .cbfield-richtext ul.vinkjes, .opsomming ul.vinkjes {
    padding-left: 0; }
    .cbfield-richtext ul.vinkjes li, .opsomming ul.vinkjes li {
      list-style: none;
      margin: 0 20px;
      padding-bottom: 10px !important;
      text-indent: -27px;
      margin-left: 54px; }
      .cbfield-richtext ul.vinkjes li:before, .opsomming ul.vinkjes li:before {
        font-family: FontAwesome;
        content: "\f00c  ";
        color: #2AC76B;
        font-size: 18px;
        padding: 0;
        margin: 0;
        margin-right: 5px; }
    .cbfield-richtext ul.vinkjes.vinkjeskleur_groen li:before, .opsomming ul.vinkjes.vinkjeskleur_groen li:before {
      color: #2AC76B; }
    .cbfield-richtext ul.vinkjes.vinkjeskleur_blauw li:before, .opsomming ul.vinkjes.vinkjeskleur_blauw li:before {
      color: #008cc5; }
    .cbfield-richtext ul.vinkjes.vinkjeskleur_oranje li:before, .opsomming ul.vinkjes.vinkjeskleur_oranje li:before {
      color: #fe5000; }
  .cbfield-richtext ul.vinkjes_banner, .opsomming ul.vinkjes_banner {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .cbfield-richtext ul.vinkjes_banner li, .opsomming ul.vinkjes_banner li {
      list-style: none;
      margin: 0 20px;
      padding-bottom: 10px !important;
      text-indent: -27px;
      margin-left: 54px; }
      .cbfield-richtext ul.vinkjes_banner li:before, .opsomming ul.vinkjes_banner li:before {
        font-family: FontAwesome;
        content: "\f00c  ";
        color: #2AC76B;
        font-size: 32px;
        padding: 0;
        margin: 0;
        margin-right: 0px; }
.cbfield-richtext.hasrandtitel, .opsomming.hasrandtitel {
  border: solid 1px #aaa;
  border-radius: 10px;
  text-align: center;
  position: relative; }
  .cbfield-richtext.hasrandtitel .randtitel, .opsomming.hasrandtitel .randtitel {
    width: 100%;
    position: absolute;
    top: -15px !important;
    font-size: 18px;
    color: #4b4650;
    text-align: center; }
    .cbfield-richtext.hasrandtitel .randtitel span, .opsomming.hasrandtitel .randtitel span {
      background: #fff;
      padding: 3px 20px; }
  .cbfield-richtext.hasrandtitel ul, .opsomming.hasrandtitel ul {
    margin-top: 30px;
    text-align: left; }
    @media (min-width: 1280px) {
      .cbfield-richtext.hasrandtitel ul li, .opsomming.hasrandtitel ul li {
        margin-left: 70px; } }

.formholder {
  border-radius: 10px;
  background: #eff1f3;
  padding: 40px; }
  .formholder .vulnietin {
    opacity: 0.1;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 0;
    display: none !important;
    /*display: none  !important;*/
    margin-top: -5px !important;
    display: block !important; }
  .formholder *:first-child {
    margin-top: 0; }
  .formholder *:last-child {
    margin-bottom: 0; }
  .formholder .pure-control-group {
    margin-bottom: 12px; }
    .formholder .pure-control-group.radiobuttonsachterelkaar label {
      display: inline-block; }
      .formholder .pure-control-group.radiobuttonsachterelkaar label:not(:last-child) {
        margin-right: 20px; }
  .formholder .errorHolder {
    margin-top: 5px;
    background: #d60202;
    padding: 10px 16px;
    border-radius: 18px;
    display: inline-block;
    overflow: hidden; }
    .formholder .errorHolder span {
      color: #fff; }
      .formholder .errorHolder span:before {
        font-family: FontAwesome;
        content: "\f071  ";
        color: #f8b501;
        padding: 0;
        margin: 0;
        margin-right: 5px; }

.centered-inline-form .groepje {
  text-align: center; }
  @media (max-width: 900px) {
    .centered-inline-form .groepje input {
      display: inline-block;
      width: 80%;
      				/*&:not(:last-child) {
      
      					margin-bottom: 15px;
      				}*/ }
    .centered-inline-form .groepje input[type='text'] {
      border-radius: 0;
      margin: 0;
      box-shadow: none; }
      .centered-inline-form .groepje input[type='text']:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px; }
      .centered-inline-form .groepje input[type='text']:nth-child(3) {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-bottom: 15px; } }
  @media (min-width: 900px) {
    .centered-inline-form .groepje {
      padding: 0 50px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around; } }
  @media (min-width: 1200px) {
    .centered-inline-form .groepje {
      padding: 0 180px; } }
  .centered-inline-form .groepje input[type='text'] {
    height: 43px;
    line-height: 43px;
    text-shadow: none;
    color: #4b4650; }

a.bigphonenumber {
  display: block;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  text-decoration: none; }
  a.bigphonenumber:before {
    font-family: FontAwesome;
    content: "\f095   ";
    padding: 0;
    margin: 0; }

.centered {
  text-align: center; }

a.anchor {
  display: block;
  height: 0px;
  background: red; }

ul.linklijst {
  padding-left: 20px; }
  ul.linklijst li {
    margin-bottom: 16px;
    line-height: 23px; }
    ul.linklijst li a {
      text-decoration: none;
      color: #000; }
  ul.linklijst.nobullets {
    list-style: none;
    padding-left: 0; }

.cc-grower {
  position: sticky;
  top: 0;
  z-index: 65535; }

.cc-message, .cc-message * {
  color: #fff !important; }

.cc-btn {
  border: solid 2px #fe5000;
  border-radius: 5px;
  border-radius: 10px;
  border-radius: 40px;
  padding: 10px 16px;
  color: #000;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-size: 14px !important;
  font-weight: normal !important;
  background: #fe5000;
  color: #fff; }
  .cc-btn:not(:first-child) {
    margin-left: 10px; }

.bigtext {
  font-size: 30px;
  line-height: 38px; }
  @media (min-width: 1325px) {
    .bigtext {
      font-weight: bold;
      font-size: 50px;
      line-height: 60px; } }

.VergelijkingstabelV2 {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px; }
  .VergelijkingstabelV2 .regel {
    border: solid 1px #dbdbdb;
    border-top: none;
    border-right: none;
    font-size: 0; }
    @media (min-width: 900px) {
      .VergelijkingstabelV2 .regel {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .VergelijkingstabelV2 .regel.first div, .VergelijkingstabelV2 .regel.first div * {
      color: #374650;
      font-size: 16px;
      font-family: "Helvetica Neue", Arial, sans-serif; }
    .VergelijkingstabelV2 .regel div {
      font-size: 16px;
      width: 25%;
      display: inline-block;
      text-align: center;
      padding: 12px 8px;
      background: #f0f0ee; }
      @media (min-width: 900px) {
        .VergelijkingstabelV2 .regel div {
          flex: 1; } }
      @media (min-width: 900px) {
        .VergelijkingstabelV2 .regel div {
          margin: 0 10px;
          /*&:not(:last-child){
              margin: 0 10px;
          }*/ }
          .VergelijkingstabelV2 .regel div:last-child {
            margin-right: 0; } }
      .VergelijkingstabelV2 .regel div.omschrijving {
        width: 100%;
        background: #fff; }
        @media (min-width: 900px) {
          .VergelijkingstabelV2 .regel div.omschrijving {
            flex: 3;
            text-align: left; } }
        .VergelijkingstabelV2 .regel div.omschrijving i.tooltip {
          cursor: pointer;
          color: #008cc5;
          position: relative;
          z-index: 5555; }
          .VergelijkingstabelV2 .regel div.omschrijving i.tooltip div {
            display: none;
            position: absolute;
            bottom: 0;
            margin-bottom: 23px;
            left: 50%;
            margin-left: -30px;
            /*left: 40px;
            top:-60px;*/
            width: 300px;
            height: auto;
            background: #fff;
            border: solid 2px #008cc5;
            font-family: "Helvetica Neue", Arial, sans-serif;
            font-weight: normal;
            line-height: 20px;
            font-size: 14px;
            text-align: left;
            border-radius: 4px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
          .VergelijkingstabelV2 .regel div.omschrijving i.tooltip:hover div {
            display: block; }
      .VergelijkingstabelV2 .regel div .check {
        color: #fe5000;
        font-size: 20px; }

.VergelijkingstabelV3 {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px; }
  @media (min-width: 600px) {
    .VergelijkingstabelV3 .legenda {
      display: flex;
      justify-content: flex-end; } }
  @media (max-width: 600px) {
    .VergelijkingstabelV3 .legenda span {
      width: 100%;
      display: block; } }
  .VergelijkingstabelV3 .legenda span:not(:last-child) {
    margin-right: 20px; }
  .VergelijkingstabelV3 .legenda span i {
    color: #fe5000;
    margin-right: 6px; }
  .VergelijkingstabelV3 .regelgroep {
    /*.uitklapper, */ }
    .VergelijkingstabelV3 .regelgroep .uitklapper {
      font-weight: bold;
      font-size: 19px !important;
      padding: 15px;
      margin: 0;
      cursor: pointer;
      width: 100%; }
      .VergelijkingstabelV3 .regelgroep .uitklapper:before {
        content: "[ + ]";
        margin-right: 6px; }
      .VergelijkingstabelV3 .regelgroep .uitklapper.uitgeklapt:before {
        content: "[ - ]"; }
    .VergelijkingstabelV3 .regelgroep .regel {
      border: solid 1px #dbdbdb;
      border-top: none;
      border-right: none; }
      .VergelijkingstabelV3 .regelgroep .regel.first {
        border-left: none !important; }
    .VergelijkingstabelV3 .regelgroep .regels {
      display: none; }
    .VergelijkingstabelV3 .regelgroep .regel {
      font-size: 0; }
      .VergelijkingstabelV3 .regelgroep .regel i.fat {
        font-size: 30px !important; }
      @media (min-width: 900px) {
        .VergelijkingstabelV3 .regelgroep .regel {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between; } }
      .VergelijkingstabelV3 .regelgroep .regel.first div, .VergelijkingstabelV3 .regelgroep .regel.first div * {
        color: #374650;
        font-size: 16px;
        font-family: "Helvetica Neue", Arial, sans-serif; }
      .VergelijkingstabelV3 .regelgroep .regel div:not(.regels) {
        font-size: 16px;
        width: 25%;
        width: 33.333%;
        display: inline-block;
        text-align: center;
        padding: 12px 8px;
        background: #f0f0ee; }
        @media (min-width: 900px) {
          .VergelijkingstabelV3 .regelgroep .regel div:not(.regels) {
            flex: 1; } }
        @media (min-width: 900px) {
          .VergelijkingstabelV3 .regelgroep .regel div:not(.regels) {
            margin: 0 10px;
            /*&:not(:last-child){
                margin: 0 10px;
            }*/ }
            .VergelijkingstabelV3 .regelgroep .regel div:not(.regels):last-child {
              margin-right: 0; } }
        .VergelijkingstabelV3 .regelgroep .regel div:not(.regels).omschrijving {
          width: 100%;
          background: #fff; }
          @media (min-width: 900px) {
            .VergelijkingstabelV3 .regelgroep .regel div:not(.regels).omschrijving {
              flex: 3;
              text-align: left; } }
          .VergelijkingstabelV3 .regelgroep .regel div:not(.regels).omschrijving i.tooltip {
            cursor: pointer;
            color: #008cc5;
            position: relative;
            z-index: 5555; }
            .VergelijkingstabelV3 .regelgroep .regel div:not(.regels).omschrijving i.tooltip div {
              display: none;
              position: absolute;
              bottom: 0;
              margin-bottom: 23px;
              left: 50%;
              margin-left: -30px;
              /*left: 40px;
              top:-60px;*/
              width: 300px;
              height: auto;
              background: #fff;
              border: solid 2px #008cc5;
              font-family: "Helvetica Neue", Arial, sans-serif;
              font-weight: normal;
              line-height: 20px;
              font-size: 14px;
              text-align: left;
              border-radius: 4px;
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
            .VergelijkingstabelV3 .regelgroep .regel div:not(.regels).omschrijving i.tooltip:hover div {
              display: block; }
        .VergelijkingstabelV3 .regelgroep .regel div:not(.regels) .check {
          color: #fe5000;
          font-size: 20px; }
    .VergelijkingstabelV3 .regelgroep.regelsvisible .regels {
      display: block !important; }

.VergelijkingstabelV4 {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px; }
  .VergelijkingstabelV4 .table {
    border: solid 1px #dbdbdb;
    border-top: none;
    margin-top: 25px; }
  @media (min-width: 600px) {
    .VergelijkingstabelV4 .legenda {
      display: flex;
      justify-content: flex-end; } }
  @media (max-width: 600px) {
    .VergelijkingstabelV4 .legenda span {
      width: 100%;
      display: block; } }
  .VergelijkingstabelV4 .legenda span:not(:last-child) {
    margin-right: 20px; }
  .VergelijkingstabelV4 .legenda span i {
    color: #fe5000;
    margin-right: 6px; }
    .VergelijkingstabelV4 .legenda span i.onlyoutline {
      -webkit-text-stroke-color: #fe5000 !important;
      -webkit-text-fill-color: transparent;
      /* Will override color (regardless of order) */
      -webkit-text-stroke-width: 2px;
      color: transparent; }
  .VergelijkingstabelV4 .regelgroep {
    /*.uitklapper, */ }
    .VergelijkingstabelV4 .regelgroep .uitklapper {
      font-weight: bold;
      font-size: 19px !important;
      padding: 15px;
      margin: 0;
      cursor: pointer;
      width: 100%; }
      .VergelijkingstabelV4 .regelgroep .uitklapper:before {
        content: "[ + ]";
        margin-right: 6px; }
      .VergelijkingstabelV4 .regelgroep .uitklapper.uitgeklapt:before {
        content: "[ - ]"; }
    .VergelijkingstabelV4 .regelgroep .regel {
      border: solid 1px #dbdbdb;
      border-top: none;
      border-right: none; }
      .VergelijkingstabelV4 .regelgroep .regel.first {
        border-left: none !important; }
    .VergelijkingstabelV4 .regelgroep .regels {
      display: none; }
    .VergelijkingstabelV4 .regelgroep .regel {
      font-size: 0; }
      .VergelijkingstabelV4 .regelgroep .regel i.fat {
        font-size: 30px !important; }
      @media (min-width: 900px) {
        .VergelijkingstabelV4 .regelgroep .regel {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between; } }
      .VergelijkingstabelV4 .regelgroep .regel.first div, .VergelijkingstabelV4 .regelgroep .regel.first div * {
        color: #374650;
        font-size: 16px;
        font-family: "Helvetica Neue", Arial, sans-serif; }
      .VergelijkingstabelV4 .regelgroep .regel div:not(.regels) {
        font-size: 16px;
        width: 25%;
        width: 33.333%;
        display: inline-block;
        text-align: center;
        padding: 12px 8px;
        background: #f0f0ee;
        background: #008cc5; }
        @media (min-width: 900px) {
          .VergelijkingstabelV4 .regelgroep .regel div:not(.regels) {
            flex: 1;
            flex: 0.8; } }
        .VergelijkingstabelV4 .regelgroep .regel div:not(.regels):not(.omschrijving) {
          color: #fff; }
        @media (min-width: 900px) {
          .VergelijkingstabelV4 .regelgroep .regel div:not(.regels) {
            margin: 0 10px;
            /*&:not(:last-child){
                margin: 0 10px;
            }*/ }
            .VergelijkingstabelV4 .regelgroep .regel div:not(.regels):last-child {
              margin-right: 0; } }
        .VergelijkingstabelV4 .regelgroep .regel div:not(.regels).omschrijving {
          width: 100%;
          background: #fff;
          background: transparent; }
          @media (min-width: 900px) {
            .VergelijkingstabelV4 .regelgroep .regel div:not(.regels).omschrijving {
              flex: 3;
              text-align: left; } }
          .VergelijkingstabelV4 .regelgroep .regel div:not(.regels).omschrijving i.tooltip {
            cursor: pointer;
            color: #008cc5;
            position: relative;
            z-index: 5555; }
            .VergelijkingstabelV4 .regelgroep .regel div:not(.regels).omschrijving i.tooltip div {
              display: none;
              position: absolute;
              bottom: 0;
              margin-bottom: 23px;
              left: 50%;
              margin-left: -30px;
              /*left: 40px;
              top:-60px;*/
              width: 300px;
              height: auto;
              background: #fff;
              border: solid 2px #008cc5;
              font-family: "Helvetica Neue", Arial, sans-serif;
              font-weight: normal;
              line-height: 20px;
              font-size: 14px;
              text-align: left;
              border-radius: 4px;
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
              .VergelijkingstabelV4 .regelgroep .regel div:not(.regels).omschrijving i.tooltip div, .VergelijkingstabelV4 .regelgroep .regel div:not(.regels).omschrijving i.tooltip div * {
                color: #008cc5; }
            .VergelijkingstabelV4 .regelgroep .regel div:not(.regels).omschrijving i.tooltip:hover div {
              display: block; }
        .VergelijkingstabelV4 .regelgroep .regel div:not(.regels) .check {
          color: #fe5000;
          color: #fff;
          font-size: 20px; }
    .VergelijkingstabelV4 .regelgroep.regelsvisible .regels {
      display: block !important; }

.linklijst.nobullets li.active:before {
  font-family: "FontAwesome";
  content: "\f054";
  padding-right: 7px;
  color: #008cc5; }
.linklijst.nobullets li.active * {
  font-weight: bold; }
.linklijst.nobullets li.wisfilters {
  margin-top: 10px; }

.pure-form.roundsearchbarwithspace {
  padding-bottom: 20px; }
  .pure-form.roundsearchbarwithspace input[type=text] {
    box-shadow: none;
    border-radius: 50px;
    padding: 8px 16px; }

.integrations {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr; }
  @media (min-width: 900px) {
    .integrations {
      gap: 20px;
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1325px) {
    .integrations {
      gap: 45px; } }
  .integrations .integration {
    cursor: pointer;
    background: #f1f9fc;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-radius: 10px; }
    .integrations .integration, .integrations .integration * {
      text-decoration: none; }
    .integrations .integration .image {
      padding: 10px;
      box-sizing: border-box;
      /*width:40%;
      @media (min-width: $sm) {
          width:30%;
      }
      
      @media (min-width: $lgxl) {
          width:25%;
      }*/ }
      .integrations .integration .image.asbanner {
        width: 100%;
        box-shadow: none;
        padding: 0;
        margin: 0 !important;
        height: 80px;
        object-fit: cover; }
      .integrations .integration .image.aslogo {
        width: 100%;
        box-shadow: none;
        padding: 0;
        margin: 0 !important;
        max-height: 80px;
        object-fit: contain;
        object-position: center; }
    .integrations .integration .logo {
      display: flex;
      align-items: start;
      justify-content: space-between;
      padding: 25px;
      padding-bottom: 0; }
      .integrations .integration .logo img {
        max-height: 70px; }
    .integrations .integration .underimage {
      padding: 25px;
      padding-top: 15px;
      position: relative; }
      .integrations .integration .underimage .badge {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px 18px;
        border-top-left-radius: 10px;
        margin-top: -28px;
        background: #f1f9fc;
        font-size: 12px;
        color: #033855; }
      .integrations .integration .underimage .title {
        text-decoration: none;
        font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif;
        font-size: 24px;
        display: block;
        margin: 0;
        margin-top: 10px;
        color: #033855;
        font-weight: bold; }
      .integrations .integration .underimage .metaregel {
        color: #888;
        font-size: 12px; }
      .integrations .integration .underimage .formholder {
        margin-top: 20px;
        display: none;
        margin-bottom: 20px; }
        .integrations .integration .underimage .formholder .pure-control-group:last-child {
          margin-bottom: 0; }
    .integrations .integration .onderstedeel {
      margin-top: auto;
      display: flex;
      flex-direction: row-reverse; }
      .integrations .integration .onderstedeel .leesmeerlink {
        width: 45px;
        height: 45px;
        background: url("/assets/gfx/icon_leesmeerrond.png") center center no-repeat;
        background-size: contain;
        display: block !important;
        margin: -30px  20px 20px 20px !important; }

/*
.integrations {
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;

	@media (min-width: $qry_width_600) {
		flex-direction:row;
		align-items:stretch;
	}


	.integration {
		display:flex;
		flex-direction:column;
		justify-content:flex-start;//space-between;
		align-items:center;

		@media (min-width: $qry_width_600) {
			width:48%;
		}

		@media (min-width: $md) {
			width:31%;
		}

		


		// UITERLIJK:
		
		margin-bottom:25px;
		padding-bottom: 10px;
		border-radius:4px;
		
		// jan2022 :
		border-radius:8px; 
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 0px, rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;

		overflow: hidden;
		border: solid 1px $color_tableborders;
		background:$color_verylightgrey;

		// jan2022 :
		background:#fff;

		&:hover {
			box-shadow: 0 0 40px rgba(0,0,0,0.1);
			transition: box-shadow 0.3s ease-in-out;
		}
		transition: box-shadow 0.2s ease-in-out;


		*, & {
			text-decoration: none;
		}



		.imagepart {
			width:100%;
			height:110px;
			padding:10px 20px;
			

			background:#fff;

			// jan2022 :
			//margin-bottom:15px;

			.imagepart_inner {
				width:100%;
				height:100%;
				background:url('/assets/gfx/learningcenter-integratie-bovenkant.png') top left no-repeat;
				background-size: cover;
				border-top-left-radius:6px; 
				border-top-right-radius:6px; 

				padding:10px 20px;
				padding-bottom:0;
				display:flex;
				text-align: center;
				justify-content:center;
				align-items:flex-end;

				.imagecard {

					border-top-left-radius: 7px;
					border-top-right-radius: 7px;
					border: solid 4px #444;
					border-bottom:0;
					
					padding:10px;
					background:#fff;
					overflow: hidden;
					display: flex;
					align-items: center;
					justify-content: center;

					img {
						//max-width: 100%;				
						//border-top-left-radius: 5px;
						//border-top-right-radius: 5px;
						height:80px;

						// jan2022 :
						@media (min-width: $md) {
						height:60px;
						}
						@media (min-width: $lgxl) {
							height:70px;
						}
						

						display: block;	
					}
				}
			}

			&.imgFullHeight {
				
				.imagepart_inner {
					background:none;
					padding:0;
					overflow: hidden;
					img {
						height:100%;
						object-fit: cover;
					}
				}
			}


			// jan2022 :
			padding:8px;
			
			height:160px;
			img {
				background:#fff;
			}
			

		}

		.textpart {			
			padding:15px;
			width:100%;
			display:flex;
			flex-direction:column;
			justify-content:flex-start;
			

			p {
				width:100%;
				text-align: center;
				font-size:14px;
				line-height: 17px;

				&:first-child {
					margin-top:0;
				}

				&:last-child {
					//margin-bottom:0;
				}
			}
		}

		.pure-button { //leesmeer knop

			margin-top:auto;

		}

		


	}
}
*/
#curtain {
  background: rgba(0, 0, 0, 0.7) url("/assets/gfx/darkoverlay_raster.png") top left repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px; }
  #curtain .popupcontents {
    overflow: hidden;
    padding: 25px;
    border: solid 5px #eee;
    border-radius: 5px; }
    #curtain .popupcontents, #curtain .popupcontents * {
      font-size: 20px;
      color: #fff; }
      @media (min-width: 900px) {
        #curtain .popupcontents, #curtain .popupcontents * {
          font-size: 30px;
          line-height: 35px !important; } }
    #curtain .popupcontents .cbfield-richtext {
      margin: 25px !important; }

/* THIS PART CAME FROM GLOBALSYTLES IN TENDENZ LIVE SITE: */
/* MENU */
div.navbar {
  height: 80px;
  background: #fff;
  z-index: 65535; }
  @media screen and (min-width: 400px) {
    div.navbar.transparent {
      background: rgba(0, 0, 0, 0.8); } }
  div.navbar li, div.navbar a {
    font-family: 'Poppins', sans-serif; }

@media (min-width: 1200px) {
  body:not(.smallermenubar4scrolling) div.navbar.Lichtblauw {
    background: #f1f9fc; }
    body:not(.smallermenubar4scrolling) div.navbar.Lichtblauw, body:not(.smallermenubar4scrolling) div.navbar.Lichtblauw * {
      color: #4b4650; }
    body:not(.smallermenubar4scrolling) div.navbar.Lichtblauw #menu > li:hover > a {
      color: #fff; } }

@media screen and (max-width: 1024px) {
  ul#menu {
    margin-top: -6px; } }
ul#menu li li a {
  font-size: 14.4px; }

/* END - THIS PART CAME FROM GLOBALSYTLES IN TENDENZ LIVE SITE: */
.responsivemenu {
  text-align: right;
  vertical-align: middle;
  line-height: 80px;
  /*max-width: 920px;*/ }
  @media screen and (min-width: 1200px) {
    .responsivemenu {
      text-align: center; } }

.responsivemenu ul {
  display: inline-block;
  /*background:pink;*/ }

/*Strip the ul of padding and list styling*/
.responsivemenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*position: absolute;*/
  z-index: 999999; }

.responsivemenu .pijltje_hoofdmenu {
  display: block;
  margin-right: 20px;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  color: #fff;
  margin-left: auto;
  z-index: 9999; }

.responsivemenu .pijltje {
  height: 80px;
  line-height: 80px;
  font-size: 25px;
  color: #fff; }
  @media (min-width: 1025px) {
    .responsivemenu .pijltje {
      display: none; } }

/*Create a horizontal list with spacing*/
.responsivemenu li {
  display: inline-block;
  /*margin-right: 1px;*/ }

/*Style for menu links*/
.responsivemenu li a {
  display: block;
  /*min-width:140px;*/
  height: 80px;
  text-align: left;
  line-height: 80px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  color: #fff;
  background: none;
  /*2f3036;*/
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px; }

/* BIJ MOBIEL, DE NAVBAR-HEIGHT WAT HOGER */
@media (max-width: 1024px) {
  div.navbar {
    height: 60px; }

  .responsivemenu {
    text-align: center;
    vertical-align: middle;
    line-height: 60px; }

  .responsivemenu li a {
    padding-left: 10px !important;
    padding-right: 10px !important; }

  .responsivemenu .pijltje_hoofdmenu {
    height: 60px;
    line-height: 60px; }

  .responsivemenu .pijltje {
    height: 60px;
    line-height: 60px; }

  .responsivemenu li a {
    height: 60px;
    line-height: 60px; } }
/*Hover state for top level links*/
@media screen and (max-width: 1024px) {
  /*.responsivemenu li:hover a { */
  .responsivemenu li.clicked a {
    background: #fe5000; } }
@media screen and (min-width: 1025px) {
  /*.no-touch*/
  .responsivemenu li:hover a {
    background: #fe5000; } }
/*Style for dropdown links*/
@media screen and (max-width: 1024px) {
  /*.responsivemenu li:hover ul a {*/
  .responsivemenu li.clicked ul a {
    background: #fff;
    color: #444;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #dfe3e6; }

  .responsivemenu li.clicked ul li:last-child a {
    border-bottom: none; } }
@media screen and (min-width: 1025px) {
  /*.no-touch*/
  .responsivemenu li:hover ul a {
    /*.responsivemenu li.clicked ul a {*/
    background: #fff;
    /*#fff;*/
    color: #444;
    height: 30px;
    line-height: 30px; } }
/*Hover state for dropdown links*/
/*.no-touch*/
.responsivemenu li:hover ul a:hover {
  background: #dfe3e6;
  color: #2a353d; }

/*Hide dropdown links until they are needed*/
.responsivemenu li ul {
  display: none; }

@media screen and (min-width: 1025px) {
  .responsivemenu li ul {
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);*/
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.2);
    /*border: solid 1px #fff;
    border: solid 1px #ccc;*/ } }
/*Make dropdown links vertical*/
.responsivemenu li ul li {
  display: block; }

/*Prevent text wrapping*/
.responsivemenu li ul li a {
  width: auto;
  min-width: 120px;
  padding: 0 13px; }

@media screen and (max-width: 1024px) {
  .responsivemenu li ul li a {
    padding: 0 30px; } }
/*Display the dropdown on hover*/
@media screen and (max-width: 1024px) {
  /*.responsivemenu ul li a:hover + .onzichtbaar, .onzichtbaar:hover {*/
  .responsivemenu ul li.clicked .onzichtbaar {
    /*, .onzichtbaar:hover {*/
    display: block; } }
@media screen and (min-width: 1025px) {
  /*.no-touch*/
  .responsivemenu ul li a:hover + .onzichtbaar, .onzichtbaar:hover {
    /*.responsivemenu ul li.clicked  .onzichtbaar{/*, .onzichtbaar:hover {*/
    display: block; } }
.responsivemenu ul li.clicked .pijltje {
  display: none; }

/*Style 'show menu' label button and hide it by default*/
.show-menu {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  text-decoration: none;
  color: #fff;
  background: none;
  /*#19c589;*/
  text-align: center;
  /*padding: 10px 0;*/
  /*background:red;*/
  width: 100%;
  cursor: pointer;
  display: none; }

/*Hide checkbox*/
.responsivemenu input[type=checkbox] {
  display: none; }

/*Show menu when invisible checkbox is checked*/
.responsivemenu input[type=checkbox]:checked ~ #menu {
  display: block; }

/*Responsive Styles*/
@media screen and (max-width: 1024px) {
  .responsivemenu > ul {
    margin-top: 8px; }

  /*Make dropdown links appear inline*/
  .responsivemenu ul {
    display: none; }

  /*Create vertical spacing*/
  .responsivemenu li {
    /*margin-bottom: 1px;*/ }

  /*Make all menu links full width*/
  .responsivemenu ul li, li a {
    width: 100%; }

  /*Display 'show menu' link*/
  .show-menu {
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: flex-start; }

  /* achtergrond nu wel */
  .responsivemenu li a {
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: left; }

  /* uitklappijltje */
  .responsivemenu .pijltje {
    margin-left: auto;
    width: 50px;
    text-align: center; } }
/* fix verspringen menu's */
@media screen and (min-width: 1025px) {
  .responsivemenu ul li {
    position: relative; }

  .responsivemenu ul li ul {
    position: absolute;
    width: auto !important; }

  .responsivemenu li ul li a {
    white-space: nowrap; } }
@media screen and (min-width: 1025px) {
  .responsivemenu li ul li a {
    height: 40px !important;
    line-height: 40px;
    padding: 5px 13px; }

  .responsivemenu li ul li {
    height: 40px !important;
    line-height: 40px; } }
@media screen and (max-width: 1024px) {
  ul#menu {
    position: relative !important;
    z-index: 65535;
    background: #fff; } }
.navbar, .toplogocontactholder {
  position: fixed;
  width: 100%; }

.toplogocontactholder {
  pointer-events: none; }
  .toplogocontactholder .probeergratisbutton, .toplogocontactholder .logoholder, .toplogocontactholder .contactholder {
    pointer-events: auto; }

/*.under_menu:not(.content_starts_under_menu) {
	padding-top:$height_navbar;
}*/
.under_menu {
  padding-top: 60px; }
  @media screen and (min-width: 1025px) {
    .under_menu {
      padding-top: 80px; }
      .under_menu.content_starts_under_menu {
        padding-top: 0; } }

@media screen and (min-width: 1025px) {
  body.smallermenubar4scrolling .navbar {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 80px; }
    body.smallermenubar4scrolling .navbar .responsivemenu {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      line-height: 80px; }
    body.smallermenubar4scrolling .navbar .responsivemenu .pijltje_hoofdmenu {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 80px;
      line-height: 80px; }
    body.smallermenubar4scrolling .navbar .responsivemenu .pijltje {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 80px;
      line-height: 80px; }
    body.smallermenubar4scrolling .navbar .responsivemenu li a {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 80px; }
    body.smallermenubar4scrolling .navbar .responsivemenu > ul#menu > li > a {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      line-height: 80px; }
  body.smallermenubar4scrolling .under_menu {
    padding-top: 80px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; } }
  @media screen and (min-width: 1025px) and (min-width: 1025px) {
    body.smallermenubar4scrolling .under_menu.content_starts_under_menu {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      padding-top: 0; } }

@media screen and (max-width: 1024px) {
  .responsivemenu > ul#menu > li {
    border-top: solid 1px rgba(0, 0, 0, 0.2); }
    .responsivemenu > ul#menu > li > ul > li > a {
      padding-left: 30px !important; } }
.mobilemenu-logo {
  display: none; }
  @media screen and (min-width: 400px) {
    .mobilemenu-logo {
      display: block;
      margin-left: 10px;
      height: 40px; } }

.mobilemenulogo {
  margin-left: 15px;
  height: 40px;
  display: flex;
  align-items: center;
  text-decoration: none; }
  .mobilemenulogo i {
    font-size: 32px;
    color: #fff; }
  @media screen and (min-width: 400px) {
    .mobilemenulogo.homelogo {
      display: none; } }

.responsivemenu {
  position: relative; }
  .responsivemenu .mobile_logo_and_icons_holder {
    position: absolute;
    width: 400px;
    display: flex;
    top: 10px; }
    @media screen and (min-width: 1025px) {
      .responsivemenu .mobile_logo_and_icons_holder {
        top: 20px; } }
    @media screen and (min-width: 1200px) {
      .responsivemenu .mobile_logo_and_icons_holder {
        display: none; } }

@media screen and (min-width: 1025px) and (max-width: 1199px) {
  body.smallermenubar4scrolling .responsivemenu .mobile_logo_and_icons_holder {
    top: 7px;
    zoom: 0.95; } }
@media screen and (min-width: 1460px) {
  #menu {
    display: inline-flex;
    min-width: 875px;
    margin-right: -125px; }

  #menu > li.last {
    margin-left: auto !important;
    align-self: flex-end; } }
div.navbar, div.navbar * {
  color: #4b4650 !important; }
@media screen and (min-width: 1025px) {
  div.navbar #menu > li:hover > a {
    color: #fff !important; } }

@media screen and (max-width: 1025px) {
  .responsivemenu #menu > li.clicked > a {
    color: #fff !important; } }

.footer {
  /*.afbeeldingHolder {
  	display: flex;
  	justify-content: center;
  	@media (min-width: $md) {
  		justify-content: left;		
  	}
  	img {
  		max-width: 340px;
  		
  	}
  }*/ }
  .footer .layout_bgKleur_Donkerblauw {
    background: #0e65a3; }
    .footer .layout_bgKleur_Donkerblauw, .footer .layout_bgKleur_Donkerblauw *:not(i) {
      color: #fff !important;
      border-color: #fff; }
  .footer .fieldoutletsverdeingis_vierden, .footer .fieldoutletsverdeingis_vijfden {
    justify-content: space-between; }
    @media (min-width: 1024px) {
      .footer .fieldoutletsverdeingis_vierden .fieldoutlet, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet {
        flex-basis: auto !important; }
        .footer .fieldoutletsverdeingis_vierden .fieldoutlet.outlet_padding_ja, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet.outlet_padding_ja {
          padding: 20px !important; } }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet, .footer .fieldoutletsverdeingis_vierden .fieldoutlet *, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet * {
      font-size: 13.5px; }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet ul, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet ul {
      padding-left: 0;
      list-style: none; }
      .footer .fieldoutletsverdeingis_vierden .fieldoutlet ul li, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet ul li {
        margin-bottom: 2px;
        margin-bottom: 8px; }
        .footer .fieldoutletsverdeingis_vierden .fieldoutlet ul li a, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet ul li a {
          text-decoration: none;
          color: #008cc5;
          font-weight: normal; }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet h4, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet h4 {
      margin-top: 0px;
      font-size: 16px; }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet .actrondjes, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .actrondjes {
      display: flex; }
      @media (min-width: 1024px) {
        .footer .fieldoutletsverdeingis_vierden .fieldoutlet .actrondjes, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .actrondjes {
          padding: 25px 50px;
          flex-direction: column; } }
      .footer .fieldoutletsverdeingis_vierden .fieldoutlet .actrondjes .rondlogo, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .actrondjes .rondlogo {
        margin: 10px; }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet .actcertifiedconsultantlogo, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .actcertifiedconsultantlogo {
      display: inline-block;
      background: url(../gfx/actcertifiedconsultant.png) center right no-repeat;
      background-size: 60px 60px;
      min-height: 60px;
      min-width: 60px; }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet .actlogo, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .actlogo {
      background: url(../gfx/act.png) center center no-repeat;
      background-size: 60px 60px;
      min-height: 60px;
      min-width: 60px; }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet .diamondlogo, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .diamondlogo {
      background: url(../gfx/diamond.png) center right no-repeat;
      background-size: 60px 60px;
      min-height: 60px;
      min-width: 60px; }
    .footer .fieldoutletsverdeingis_vierden .fieldoutlet .socialicons, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .socialicons {
      display: flex;
      margin: 0 -10px;
      margin-top: 30px; }
      .footer .fieldoutletsverdeingis_vierden .fieldoutlet .socialicons a, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .socialicons a {
        width: 32px;
        height: 32px;
        margin: 0 10px;
        background-size: contain !important;
        					/*margin-right: 2px;
        					background:#fff;
        					display:inline-block;
        					width:39px;
        					height:40px;
        					font-size: 0;
        					border-radius: 10px;
        					i {
        						font-size:45px;						
        						margin-top:-2px;
        						&.fa-twitter-square {
        							color:#00aced;
        						}
        						&.fa-facebook-square {
        							color:#3b5998;
        						}
        						&.fa-linkedin-square {
        							color:#007bb6;
        						}
        					}
        
        					@media (min-width: $md) {
        						width:24px;
        						height:23px;
        						border-radius: 4px;
        						i {
        							font-size:27px;
        						}
        					}*/ }
        .footer .fieldoutletsverdeingis_vierden .fieldoutlet .socialicons a.li, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .socialicons a.li {
          background: url(../gfx/socmed_li.png) center center no-repeat; }
          .footer .fieldoutletsverdeingis_vierden .fieldoutlet .socialicons a.li:hover, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .socialicons a.li:hover {
            background: url(../gfx/socmed_li_hover.png) center center no-repeat; }
        .footer .fieldoutletsverdeingis_vierden .fieldoutlet .socialicons a.fb, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .socialicons a.fb {
          background: url(../gfx/socmed_fb.png) center center no-repeat; }
          .footer .fieldoutletsverdeingis_vierden .fieldoutlet .socialicons a.fb:hover, .footer .fieldoutletsverdeingis_vijfden .fieldoutlet .socialicons a.fb:hover {
            background: url(../gfx/socmed_fb_hover.png) center center no-repeat; }
  .footer .footer_vakjesrij {
    padding-bottom: 17px; }
  .footer .footer_bovensteonderrij, .footer .footer_bovensteonderrij *, .footer .footer_ondersteonderrij, .footer .footer_ondersteonderrij * {
    font-size: 12px; }
  .footer .footer_bovensteonderrij .cbfield-richtext p:first-child, .footer .footer_ondersteonderrij .cbfield-richtext p:first-child {
    margin-top: 0px; }
  .footer .footer_bovensteonderrij .layout-inner {
    border-top: solid 1px #bbbbbb;
    padding-top: 0;
    padding-bottom: 0; }
    .footer .footer_bovensteonderrij .layout-inner .fieldoutlet:nth-child(2) {
      text-align: center; }
      @media (min-width: 900px) {
        .footer .footer_bovensteonderrij .layout-inner .fieldoutlet:nth-child(2) {
          text-align: left; } }
    .footer .footer_bovensteonderrij .layout-inner .fieldoutlet:first-child .opsomming ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      list-style: none; }
      @media (min-width: 900px) {
        .footer .footer_bovensteonderrij .layout-inner .fieldoutlet:first-child .opsomming ul {
          justify-content: flex-end; } }
      @media (min-width: 400px) {
        .footer .footer_bovensteonderrij .layout-inner .fieldoutlet:first-child .opsomming ul li:not(:first-child) {
          margin-left: 25px; } }
      .footer .footer_bovensteonderrij .layout-inner .fieldoutlet:first-child .opsomming ul li a {
        text-decoration: none; }
  .footer .footer_ondersteonderrij .fieldoutlet {
    padding-top: 0 !important;
    text-align: center; }
    @media (min-width: 900px) {
      .footer .footer_ondersteonderrij .fieldoutlet {
        text-align: left; } }
    .footer .footer_ondersteonderrij .fieldoutlet .cbfield-richtext, .footer .footer_ondersteonderrij .fieldoutlet .cbfield-richtext * {
      line-height: 18px; }
  .footer .hardcodedlayout_footer_call2action {
    max-width: 100%;
    background: linear-gradient(to bottom, #fff 0% 65%, #0e65a3 65% 100%); }
    .footer .hardcodedlayout_footer_call2action .footer_call2action {
      display: flex;
      justify-content: center;
      align-items: center; }
      .footer .hardcodedlayout_footer_call2action .footer_call2action .inner {
        border-radius: 10px;
        width: 100%;
        background: #fff url(../gfx/bg_footercall2action.png) center center repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 30px 60px; }
        @media (min-width: 900px) {
          .footer .hardcodedlayout_footer_call2action .footer_call2action .inner {
            flex-direction: row; } }
        .footer .hardcodedlayout_footer_call2action .footer_call2action .inner p {
          color: #033855 !important;
          font-size: 20px;
          padding-bottom: 15px;
          text-align: center; }
          .footer .hardcodedlayout_footer_call2action .footer_call2action .inner p b {
            color: #25cdf8; }
          @media (min-width: 900px) {
            .footer .hardcodedlayout_footer_call2action .footer_call2action .inner p {
              text-align: left;
              padding-bottom: 0;
              font-size: 30px;
              padding-right: 50px; } }
          @media (min-width: 1024px) {
            .footer .hardcodedlayout_footer_call2action .footer_call2action .inner p {
              padding-right: 100px; } }
          @media (min-width: 1600px) {
            .footer .hardcodedlayout_footer_call2action .footer_call2action .inner p {
              padding-right: 150px;
              font-size: 40px; } }
        .footer .hardcodedlayout_footer_call2action .footer_call2action .inner .buttonandtext {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .footer .hardcodedlayout_footer_call2action .footer_call2action .inner .buttonandtext .underbutton p {
            padding: 0 !important; }
          .footer .hardcodedlayout_footer_call2action .footer_call2action .inner .buttonandtext .underbutton, .footer .hardcodedlayout_footer_call2action .footer_call2action .inner .buttonandtext .underbutton * {
            font-size: 13px;
            text-align: center;
            color: #000; }
  .footer .footertendenzlogo_holder img {
    max-width: 340px; }

.toplogocontactholder {
  display: none;
  z-index: 65535; }
  @media (min-width: 1200px) {
    .toplogocontactholder {
      top: 0;
      padding: 0 15px;
      display: flex;
      justify-content: center;
      margin-bottom: -103px; } }
  @media (min-width: 1200px) and (min-width: 1325px) {
    .toplogocontactholder {
      padding: 0 60px; } }
  @media (min-width: 1200px) {
      .toplogocontactholder .toplogocontactholder_inner {
        width: 1280px;
        display: flex;
        justify-content: space-between; }
        .toplogocontactholder .toplogocontactholder_inner .probeergratisbutton {
          margin-top: 20px; }
          .toplogocontactholder .toplogocontactholder_inner .probeergratisbutton .pure-button {
            padding: 8px 16px !important; } }

.logocontact {
  width: 300px;
  width: 250px;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px 0px; }
  .logocontact .logoholder {
    display: block;
    padding: 8px 15px 5px 15px; }
    .logocontact .logoholder img {
      width: 100%; }
      .logocontact .logoholder img.whiteLogo {
        display: none; }
  .logocontact .contactholder {
    background: #eff1f3 !important;
    padding: 15px;
    border-top: solid 1px #dddddd;
    display: flex;
    justify-content: space-between; }
    .logocontact .contactholder a {
      font-family: 'Lato',Helvetica,Arial,sans-serif;
      text-decoration: none; }
      .logocontact .contactholder a, .logocontact .contactholder a * {
        color: #5d5d5d;
        font-size: 13px; }
      .logocontact .contactholder a i {
        margin-right: 3px; }

body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact {
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: none;
  box-shadow: none; }
  body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder, body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder * {
    /*display: none;
    @include easing();*/
    /*
    img.whiteLogo {
    	display:inline;
    }
    img.normalLogo {
    	display:none;
    }*/
    padding: 3px 0;
    height: 50px; }
    body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder img, body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder * img {
      height: 100%;
      width: auto; }
  body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .contactholder {
    display: none;
    /*margin:0;
    padding:10px 15px;*/ }
body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .probeergratisbutton {
  margin-top: 0;
  display: flex;
  align-items: center; }

/*
.toplogocontact {

	display:block;
	width:200px;
	background:#fff;

	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;

	img {
		width:100%;
		display:block;
		margin:5px;
	}

	.contact {
		width:100%;
		background: $color_lightgrey !important;
		height:200px;
		i {
			font-family: FontAwesome;
		}
	}
	
}*/
.genericTabpage:not(:first-child) {
  display: none; }

.bigtabpages_tabselectors {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: flex-end;
  justify-content: center; }
  .bigtabpages_tabselectors li.bigtabpages_tabselector {
    padding-bottom: 30px;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
    border: solid 1px #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    border-bottom: 0;
    overflow: hidden;
    margin: 0 15px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 40%;
    border-bottom: solid 4px transparent; }
    @media (min-width: 1024px) {
      .bigtabpages_tabselectors li.bigtabpages_tabselector {
        width: 455px; } }
    @media (min-width: 1280px) {
      .bigtabpages_tabselectors li.bigtabpages_tabselector {
        width: 553px; } }
    .bigtabpages_tabselectors li.bigtabpages_tabselector p {
      display: none; }
    .bigtabpages_tabselectors li.bigtabpages_tabselector h4 {
      cursor: pointer;
      color: #fff;
      font-size: 16px;
      font-weight: 200;
      font-family: 'Poppins', Arial, sans-serif;
      margin: 20px !important;
      margin-bottom: 0px !important; }
      @media (min-width: 900px) {
        .bigtabpages_tabselectors li.bigtabpages_tabselector h4 {
          font-size: 22px; } }
    .bigtabpages_tabselectors li.bigtabpages_tabselector .tabpage_subtext {
      font-size: 12px; }
      @media (min-width: 900px) {
        .bigtabpages_tabselectors li.bigtabpages_tabselector .tabpage_subtext {
          font-size: 16px; } }
    .bigtabpages_tabselectors li.bigtabpages_tabselector img {
      max-width: 85%;
      margin: 25px 0; }
    .bigtabpages_tabselectors li.bigtabpages_tabselector img.active {
      display: none; }
    .bigtabpages_tabselectors li.bigtabpages_tabselector img.inactive {
      display: inline; }
    .bigtabpages_tabselectors li.bigtabpages_tabselector, .bigtabpages_tabselectors li.bigtabpages_tabselector * {
      text-shadow: none; }
    .bigtabpages_tabselectors li.bigtabpages_tabselector .uitgelicht {
      display: block;
      text-align: center;
      width: 100%;
      height: 40px;
      line-height: 40px;
      color: #fff;
      font-size: 10px;
      font-style: italic;
      font-weight: bold; }
      @media (min-width: 450px) {
        .bigtabpages_tabselectors li.bigtabpages_tabselector .uitgelicht {
          font-size: 13px; } }
      @media (min-width: 900px) {
        .bigtabpages_tabselectors li.bigtabpages_tabselector .uitgelicht {
          font-size: 18px; } }
    .bigtabpages_tabselectors li.bigtabpages_tabselector:hover, .bigtabpages_tabselectors li.bigtabpages_tabselector.active {
      border-style: none;
      box-shadow: none;
      background: #fff; }
      .bigtabpages_tabselectors li.bigtabpages_tabselector:hover img.active, .bigtabpages_tabselectors li.bigtabpages_tabselector.active img.active {
        display: inline; }
      .bigtabpages_tabselectors li.bigtabpages_tabselector:hover img.inactive, .bigtabpages_tabselectors li.bigtabpages_tabselector.active img.inactive {
        display: none; }
      .bigtabpages_tabselectors li.bigtabpages_tabselector:hover h4, .bigtabpages_tabselectors li.bigtabpages_tabselector:hover span.tabpage_subtext, .bigtabpages_tabselectors li.bigtabpages_tabselector.active h4, .bigtabpages_tabselectors li.bigtabpages_tabselector.active span.tabpage_subtext {
        color: #374650 !important; }
      .bigtabpages_tabselectors li.bigtabpages_tabselector:hover .uitgelicht, .bigtabpages_tabselectors li.bigtabpages_tabselector.active .uitgelicht {
        background: #fe5000; }

.verticalTabs {
  display: flex;
  flex-direction: column;
  position: relative !important; }
  .verticalTabs .tabTrigger {
    padding: 20px 13px;
    border-left: solid 7px transparent; }
    .verticalTabs .tabTrigger:not(:last-child) {
      padding-bottom: 8px;
      border-bottom: solid 1px #e9e9e9;
      margin-bottom: 0; }
    .verticalTabs .tabTrigger.active, .verticalTabs .tabTrigger:hover {
      border-left-color: #008cc5;
      border-bottom: none;
      box-shadow: 1px 1px 20px #b7b7b7; }
    .verticalTabs .tabTrigger, .verticalTabs .tabTrigger * {
      text-decoration: none;
      font-weight: 300; }
    .verticalTabs .tabTrigger h4 {
      font-weight: bold;
      font-size: 18px; }
    .verticalTabs .tabTrigger p {
      line-height: 21.4px;
      font-size: 15px; }
      .verticalTabs .tabTrigger p:first-child {
        margin-top: 0; }

.succcesverhaaldetailpage-header h2 {
  font-size: 22.5px;
  font-weight: bold;
  margin-bottom: 0; }
.succcesverhaaldetailpage-header h1 {
  margin-top: 0; }

blockquote.succesverhaal {
  margin-top: 0; }
  blockquote.succesverhaal p {
    margin-top: 25px;
    font-size: 13.5px;
    font-family: 'HelveticaNeueW01-55Roma', Helvetica, Arial, 'sans serif'; }

ul.alle-succesverhalen-links {
  text-align: right;
  padding-left: 0; }
  ul.alle-succesverhalen-links li {
    text-align: right;
    padding: 8px;
    list-style: none; }
    ul.alle-succesverhalen-links li a {
      text-decoration: none;
      color: #91d5ff; }
      ul.alle-succesverhalen-links li a:after {
        font-family: FontAwesome;
        content: "\f04b  ";
        padding: 0;
        margin: 0;
        margin-left: 10px;
        display: inline-block;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: margin-right 0.3s; }
      ul.alle-succesverhalen-links li a:hover {
        color: #fff; }
      ul.alle-succesverhalen-links li a, ul.alle-succesverhalen-links li a :hover {
        transition: color 0.3s; }
    ul.alle-succesverhalen-links li:hover a:after {
      margin-right: 20px;
      transition: margin-right 0.3s; }
    ul.alle-succesverhalen-links li:hover a, ul.alle-succesverhalen-links li.active a {
      color: #fff; }
      ul.alle-succesverhalen-links li:hover a:after, ul.alle-succesverhalen-links li.active a:after {
        margin-right: 20px; }
  @media (max-width: 1023px) {
    ul.alle-succesverhalen-links {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      ul.alle-succesverhalen-links li {
        text-align: center;
        width: 31%;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        padding: 5px;
        background: #fff;
        border-radius: 4px;
        background: #91d5ff; } }
    @media (max-width: 1023px) and (max-width: 900px) {
      ul.alle-succesverhalen-links li {
        width: 47.5%; } }
    @media (max-width: 1023px) and (max-width: 600px) {
      ul.alle-succesverhalen-links li {
        margin-bottom: 20px;
        width: 100%; } }
  @media (max-width: 1023px) {
        ul.alle-succesverhalen-links li, ul.alle-succesverhalen-links li * {
          color: #008cc5; }
        ul.alle-succesverhalen-links li a:after {
          display: none; }
        ul.alle-succesverhalen-links li, ul.alle-succesverhalen-links li * {
          color: #444 !important; }
        ul.alle-succesverhalen-links li.active {
          background: #fff; }
          ul.alle-succesverhalen-links li.active, ul.alle-succesverhalen-links li.active * {
            color: #008cc5 !important; } }

/*.testimonial_quote
{
	width:100% !important;	
	border: #008cc5 2px solid;
	padding: 40px 25px ;
}

.testimonial_quote p {
	line-height: 40.5px;
}

.testimonial_quote, .testimonial_quote *
{
	color:#008cc5;
}

.testimonial_quote
{
	margin:0;
	font-size: 27px;
	font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif;
}

p.testimonial_quote_person 
{
	margin-top:25px;
	font-size: 13.5px;
	font-family: 'HelveticaNeueW01-55Roma', Helvetica, Arial, 'sans serif';
}*/
.klantenverhalen_slider_holder {
  position: relative; }
  .klantenverhalen_slider_holder .klantenverhalen_slider {
    overflow: hidden; }
    .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item {
      background-size: cover;
      background-position: center center;
      height: 550px !important;
      padding: 110px 10px; }
      @media (min-width: 900px) {
        .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item {
          height: 550px !important; } }
      @media (min-width: 400px) {
        .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item {
          padding: 110px 50px; } }
      .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay {
        z-index: 4000;
        position: relative;
        width: 100%;
        padding: 10px;
        margin: auto;
        margin-bottom: 40px;
        background: rgba(0, 0, 0, 0.6);
        text-align: left;
        display: flex;
        flex-direction: column; }
        @media (min-width: 400px) {
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay {
            padding: 20px; } }
        @media (min-width: 900px) {
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay {
            width: 65%; } }
        @media (min-width: 1325px) {
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay {
            width: 50%; } }
        .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay * {
          color: #fff; }
        @media (min-width: 900px) {
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay {
            flex-direction: row; } }
        .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links {
          flex: 1;
          text-align: center;
          text-align: center; }
          @media (min-width: 900px) {
            .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links {
              text-align: left;
              flex: 2; } }
          @media (min-width: 900px) {
            .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar {
              border-right: solid 1px #fff;
              padding-right: 20px; } }
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar .quote {
            /*.quotechar {
              display:inline-block;
              content: open-quote;
              font-size: 4em;
              line-height: 0.1em;
              margin-right: 0.25em;
              vertical-align: -0.4em;
            }*/ }
            .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar .quote p {
              margin-top: 0;
              line-height: 20px; }
              @media (min-width: 900px) {
                .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar .quote p {
                  line-height: 25px; } }
              @media (min-width: 1200px) {
                .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar .quote p {
                  line-height: 30px;
                  font-size: 22px !important; } }
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar .quoteEigenaar {
            margin-top: 15px; }
            @media (min-width: 900px) {
              .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar .quoteEigenaar, .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .links .quoteeneigenaar .quoteEigenaar * {
                font-size: 22px !important; } }
        .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts {
          flex: 1;
          text-align: center;
          padding-top: 0; }
          @media (min-width: 900px) {
            .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts {
              text-align: left;
              padding: 30px; } }
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts img {
            max-width: 70% !important;
            margin: 20px 0;
            display: inline-block; }
            @media (max-width: 600px) {
              .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts img {
                max-height: 60px; } }
            @media (min-width: 600px) {
              .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts img {
                max-width: 50% !important; } }
            @media (min-width: 900px) {
              .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts img {
                margin: 0;
                max-width: 100% !important; } }
          .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts .ontdek {
            color: #0ab4dc;
            font-weight: bold;
            text-decoration: none;
            display: block;
            line-height: 18px !important;
            font-size: 14px; }
            @media (min-width: 1200px) {
              .klantenverhalen_slider_holder .klantenverhalen_slider .klantenverhalen_slider_item .klantenverhalen_slider_overlay .rechts .ontdek {
                font-size: 16px;
                line-height: 25px; } }
    .klantenverhalen_slider_holder .klantenverhalen_slider .slick-prev, .klantenverhalen_slider_holder .klantenverhalen_slider .slick-next {
      display: none; }
      .klantenverhalen_slider_holder .klantenverhalen_slider .slick-prev:before, .klantenverhalen_slider_holder .klantenverhalen_slider .slick-next:before {
        color: #fff !important;
        opacity: 0.6; }
        .klantenverhalen_slider_holder .klantenverhalen_slider .slick-prev:before:hover, .klantenverhalen_slider_holder .klantenverhalen_slider .slick-next:before:hover {
          opacity: 0.8 !important; }
    .klantenverhalen_slider_holder .klantenverhalen_slider .slick-prev {
      margin-left: 20px; }
      @media (min-width: 1325px) {
        .klantenverhalen_slider_holder .klantenverhalen_slider .slick-prev {
          margin-left: 200px; } }
    .klantenverhalen_slider_holder .klantenverhalen_slider .slick-next {
      margin-right: 20px; }
      @media (min-width: 1325px) {
        .klantenverhalen_slider_holder .klantenverhalen_slider .slick-next {
          margin-right: 200px; } }
  .klantenverhalen_slider_holder .fixedoverlay_top {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center; }
    .klantenverhalen_slider_holder .fixedoverlay_top * {
      color: #fff; }
    .klantenverhalen_slider_holder .fixedoverlay_top h3 {
      margin-top: 20px !important;
      font-size: 20px;
      margin: 20px 0 !important;
      font-weight: bold;
      font-family: 'Poppins', Arial, sans-serif; }
      @media (min-width: 1200px) {
        .klantenverhalen_slider_holder .fixedoverlay_top h3 {
          font-size: 24px; } }
      @media (max-width: 1325px) {
        .klantenverhalen_slider_holder .fixedoverlay_top h3 {
          line-height: 25px; } }
      @media (min-width: 1325px) {
        .klantenverhalen_slider_holder .fixedoverlay_top h3 {
          margin: 0;
          margin-top: 50px !important;
          font-size: 29px; } }
  .klantenverhalen_slider_holder .fixedoverlay_bottom {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center; }
    .klantenverhalen_slider_holder .fixedoverlay_bottom * {
      color: #fff; }
    .klantenverhalen_slider_holder .fixedoverlay_bottom .buttons {
      width: 100%;
      position: absolute;
      bottom: 15px;
      margin: 0;
      display: block;
      text-align: center; }
      @media (min-width: 900px) {
        .klantenverhalen_slider_holder .fixedoverlay_bottom .buttons {
          bottom: 25px; } }
      @media (min-width: 1200px) {
        .klantenverhalen_slider_holder .fixedoverlay_bottom .buttons {
          bottom: 50px; } }

.slick-prev:before,
.slick-next:before {
  font-size: 35px !important;
  /*20px;*/
  color: #bbb !important;
  z-index: 16777271 !important;
  position: absolute; }

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 16777271 !important; }

.slick-next:before {
  right: 25px; }

.slick-prev:before {
  left: 25px; }

@media (max-width: 900px) {
  .slick-prev:before,
  .slick-next:before {
    display: none; } }
.testimonial_vakjes {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr; }
  @media (min-width: 900px) {
    .testimonial_vakjes {
      gap: 20px;
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1325px) {
    .testimonial_vakjes {
      gap: 45px; } }
  .testimonial_vakjes .testimonial_vakje {
    cursor: pointer;
    background: #f1f9fc;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-radius: 10px; }
    .testimonial_vakjes .testimonial_vakje .image {
      padding: 10px;
      box-sizing: border-box;
      /*width:40%;
      @media (min-width: $sm) {
          width:30%;
      }
      
      @media (min-width: $lgxl) {
          width:25%;
      }*/ }
      .testimonial_vakjes .testimonial_vakje .image.asbanner {
        width: 100%;
        box-shadow: none;
        padding: 0;
        margin: 0 !important;
        height: 150px;
        object-fit: cover; }
      .testimonial_vakjes .testimonial_vakje .image.aslogo {
        width: 100%;
        box-shadow: none;
        padding: 0;
        margin: 0 !important;
        max-height: 150px;
        object-fit: contain;
        object-position: center; }
    .testimonial_vakjes .testimonial_vakje .logo {
      display: flex;
      align-items: start;
      justify-content: space-between;
      padding: 25px;
      padding-bottom: 0; }
      .testimonial_vakjes .testimonial_vakje .logo img {
        max-height: 70px; }
    .testimonial_vakjes .testimonial_vakje .underimage {
      padding: 25px;
      padding-top: 15px;
      position: relative; }
      .testimonial_vakjes .testimonial_vakje .underimage .badge {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px 18px;
        border-top-left-radius: 10px;
        margin-top: -28px;
        background: #f1f9fc;
        font-size: 12px;
        color: #033855; }
      .testimonial_vakjes .testimonial_vakje .underimage .title {
        text-decoration: none;
        font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif;
        font-size: 24px;
        display: block;
        margin: 0;
        margin-top: 10px;
        color: #033855;
        font-weight: bold; }
      .testimonial_vakjes .testimonial_vakje .underimage .metaregel {
        color: #888;
        font-size: 12px; }
      .testimonial_vakjes .testimonial_vakje .underimage .formholder {
        margin-top: 20px;
        display: none;
        margin-bottom: 20px; }
        .testimonial_vakjes .testimonial_vakje .underimage .formholder .pure-control-group:last-child {
          margin-bottom: 0; }
    .testimonial_vakjes .testimonial_vakje .onderstedeel {
      margin-top: auto;
      display: flex;
      flex-direction: row-reverse; }
      .testimonial_vakjes .testimonial_vakje .onderstedeel .leesmeerlink {
        width: 45px;
        height: 45px;
        background: url("/assets/gfx/icon_leesmeerrond.png") center center no-repeat;
        background-size: contain;
        display: block !important;
        margin: -30px  20px 20px 20px !important; }
    .testimonial_vakjes .testimonial_vakje:nth-child(1) {
      order: 1; }
    .testimonial_vakjes .testimonial_vakje:nth-child(2) {
      order: 2; }
    .testimonial_vakjes .testimonial_vakje:nth-child(3) {
      order: 4; }
    .testimonial_vakjes .testimonial_vakje:nth-child(4) {
      order: 5; }
    .testimonial_vakjes .testimonial_vakje:nth-child(5) {
      order: 6; }
    .testimonial_vakjes .testimonial_vakje:nth-child(6) {
      order: 7; }
    .testimonial_vakjes .testimonial_vakje:nth-child(7) {
      order: 8; }
    .testimonial_vakjes .testimonial_vakje:nth-child(8) {
      order: 9; }
    .testimonial_vakjes .testimonial_vakje:nth-child(9) {
      order: 10; }
    .testimonial_vakjes .testimonial_vakje:nth-child(10) {
      order: 11; }
    .testimonial_vakjes .testimonial_vakje:nth-child(11) {
      order: 12; }
    .testimonial_vakjes .testimonial_vakje:nth-child(12) {
      order: 13; }
    .testimonial_vakjes .testimonial_vakje:nth-child(13) {
      order: 14; }
    .testimonial_vakjes .testimonial_vakje:nth-child(14) {
      order: 15; }
  .testimonial_vakjes .afbeeldingertussen {
    overflow: hidden;
    border-radius: 10px;
    grid-row-start: span 2;
    order: 3; }
    .testimonial_vakjes .afbeeldingertussen img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.testimonial_foto_links {
  width: 100%;
  background: #fff; }

.testimonial_quote {
  width: 100% !important;
  border: #008cc5 2px solid;
  padding: 40px 25px; }

.testimonial_quote p {
  line-height: 40.5px; }

/*
@media (max-width: $container_maxwidth) and (min-width: 786px) {
	
		.testimonial_vakjes {
			.testimonial_vakje {
				a.pure-button.button-onlyborder {
					font-size: 14px !important;
					height:auto;
					line-height: 20px;
				}
			}
		}
	
}*/
@media (max-width: 900px) {
  .testimonial_quote {
    margin-top: 20px; } }
.testimonial_quote, .testimonial_quote * {
  color: #008cc5; }

.testimonial_quote p {
  margin: 0;
  font-size: 27px;
  font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif; }

p.testimonial_quote_person {
  margin-top: 25px;
  font-size: 13.5px;
  font-family: 'HelveticaNeueW01-55Roma', Helvetica, Arial, 'sans serif'; }

@media (max-width: 900px) {
  div.testimonialcontent {
    margin-top: 20px;
    float: left; } }
.waarom_kiest_voor_act {
  width: 100%;
  padding: 30px 0;
  text-align: center;
  font-size: 28px;
  font-family: 'HelveticaNeueW01-45Ligh', Helvetica, Arial, 'sans serif'; }

.rondje_verhaaltje_testimonials {
  width: 33%;
  float: left;
  padding: 0 3%;
  text-align: center; }

@media (max-width: 900px) {
  .rondje_verhaaltje_testimonials {
    width: 100%; } }
.rondje_verhaaltje_testimonials img {
  display: inline-block !important;
  width: 120px;
  height: auto; }

.rondje_verhaaltje_testimonials h3 {
  font-size: 18px;
  color: #008cc5;
  font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif;
  font-weight: bold; }

.testimonials_list .textpart h2 {
  font-family: 'HelveticaNeueW01-75Bold', Helvetica, Arial, 'sans serif';
  font-size: 22.5px;
  margin: 0; }

.testimonials_list .textpart h1 {
  font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif;
  font-size: 48px;
  margin-top: 0; }

.testimonials_list ul {
  float: right;
  text-align: right; }

.testimonials_list ul li {
  list-style: none; }

.testimonials_list ul li a {
  text-decoration: none;
  line-height: 30px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.no-touch .testimonials_list ul li a:hover {
  color: #91d5ff; }

.testimonials_list ul li i {
  margin-left: 10px;
  font-size: 14px; }

/*
@media (max-width: $md) {
	.testimonial_vakje_content
	{
		h3
		{
			font-size:20px !important;
		}

		p
		{
			font-size: 14px;
			line-height: 17px;
		}

		h3, p {
			text-shadow: 2px 2px 10px rgba(0,0,0, 0.5);
		}
	}
}

@media (max-width: $sm) {
	.testimonial_vakje_content
	{
		p {
			line-height: 15px;
		}
	}
}*/
#act4webtrial_readytext {
  display: none; }

#act4webtrial_progressbar {
  /*margin-top:-45px;*/
  width: 100%;
  height: 40px;
  border-radius: 3px;
  border: solid 1px #eff1f3;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); }
  #act4webtrial_progressbar div {
    width: 0%;
    height: 100%;
    background: #fe5000;
    -webkit-animation: glowing 3000ms infinite;
    -moz-animation: glowing 3000ms infinite;
    -o-animation: glowing 0000ms infinite;
    animation: glowing 3000ms infinite; }

@-webkit-keyframes glowing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
@-moz-keyframes glowing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
@-o-keyframes glowing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
@keyframes glowing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
#cloudomgevingtrial_readytext {
  display: none; }

#cloudomgevingtrial_progressbar {
  /*margin-top:-45px;*/
  width: 100%;
  height: 40px;
  border-radius: 3px;
  border: solid 1px #eff1f3;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); }
  #cloudomgevingtrial_progressbar div {
    width: 0%;
    height: 100%;
    background: #fe5000;
    -webkit-animation: glowing 3000ms infinite;
    -moz-animation: glowing 3000ms infinite;
    -o-animation: glowing 0000ms infinite;
    animation: glowing 3000ms infinite; }

.popup {
  display: none;
  position: fixed;
  bottom: 2%;
  width: 90%;
  border-radius: 5px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.6);
  /*background-image:url('/assets/gfx/bg_popup.png') ;
  background-size:auto 150%;
  background-position: right -120px center;*/
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px; }
  @media (max-width: 600px) {
    .popup {
      left: 5%; } }
  @media (min-width: 600px) {
    .popup {
      bottom: 5%;
      right: 5%;
      width: 75%; } }
  @media (min-width: 900px) {
    .popup {
      width: 50%; } }
  @media (min-width: 1200px) {
    .popup {
      width: 33%; } }
  @media (min-width: 1600px) {
    .popup {
      width: 25%; } }
  .popup * {
    background: none; }
  .popup, .popup * {
    color: #fff; }
  .popup p:last-child {
    margin-bottom: 0 !important; }
  .popup h1:first-child, .popup h2:first-child, .popup h3:first-child, .popup h4:first-child, .popup h5:first-child, .popup h6:first-child {
    margin-top: 0; }
  .popup .closebtn {
    z-index: 100;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    cursor: pointer; }

.tabaligned_textandfeatures {
  padding: 0 25px; }
  @media (min-width: 1024px) {
    .tabaligned_textandfeatures {
      display: flex;
      align-items: center;
      justify-content: center; } }
  .tabaligned_textandfeatures .outlet {
    padding-top: 25px;
    padding-bottomtop: 25px;
    width: 100%; }
    @media (min-width: 1024px) {
      .tabaligned_textandfeatures .outlet {
        width: 455px;
        margin: 0 15px; } }
    @media (min-width: 1280px) {
      .tabaligned_textandfeatures .outlet {
        width: 553px; } }
    .tabaligned_textandfeatures .outlet p {
      line-height: 30px; }
      @media (min-width: 1280px) {
        .tabaligned_textandfeatures .outlet p {
          font-size: 20px;
          line-height: 50px; } }

.portfolio_row .layout-inner .portfolio_item {
  width: 100%;
  height: 100%;
  /*background-size:cover;
  background-position: center center;
  background-repeat: no-repeat;*/
  min-height: 200px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 900px) {
    .portfolio_row .layout-inner .portfolio_item {
      min-height: 350px; } }
  @media (min-width: 1200px) {
    .portfolio_row .layout-inner .portfolio_item {
      min-height: 440px; } }
  .portfolio_row .layout-inner .portfolio_item.clickable {
    cursor: pointer; }
  .portfolio_row .layout-inner .portfolio_item .portfoliocontent {
    width: 100%;
    height: 100% !important;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (min-width: 900px) {
      .portfolio_row .layout-inner .portfolio_item .portfoliocontent {
        min-height: 350px; } }
    @media (min-width: 1200px) {
      .portfolio_row .layout-inner .portfolio_item .portfoliocontent {
        min-height: 440px; } }
    .portfolio_row .layout-inner .portfolio_item .portfoliocontent p, .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5, .portfolio_row .layout-inner .portfolio_item .portfoliocontent .pure-button {
      z-index: 65535; }
    .portfolio_row .layout-inner .portfolio_item .portfoliocontent p, .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5 {
      color: #fff; }
    .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5 {
      text-align: center;
      font-size: 16px;
      text-transform: uppercase; }
      @media (min-width: 900px) {
        .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5 {
          font-size: 24px; } }
      @media (min-width: 1200px) {
        .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5 {
          font-size: 30px; } }
    .portfolio_row .layout-inner .portfolio_item .portfoliocontent .ondertekstholder, .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5, .portfolio_row .layout-inner .portfolio_item .portfoliocontent .pure-button {
      margin: 0; }
      .portfolio_row .layout-inner .portfolio_item .portfoliocontent .ondertekstholder:not(:last-child), .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5:not(:last-child), .portfolio_row .layout-inner .portfolio_item .portfoliocontent .pure-button:not(:last-child) {
        margin-bottom: 10px; }
        @media (min-width: 900px) {
          .portfolio_row .layout-inner .portfolio_item .portfoliocontent .ondertekstholder:not(:last-child), .portfolio_row .layout-inner .portfolio_item .portfoliocontent h5:not(:last-child), .portfolio_row .layout-inner .portfolio_item .portfoliocontent .pure-button:not(:last-child) {
            margin-bottom: 25px; } }
    .portfolio_row .layout-inner .portfolio_item .portfoliocontent .pure-button {
      box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.3); }
    .portfolio_row .layout-inner .portfolio_item .portfoliocontent .ondertekstholder {
      height: 40px;
      margin-top: -15px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
      .portfolio_row .layout-inner .portfolio_item .portfoliocontent .ondertekstholder p {
        text-transform: uppercase;
        opacity: 0;
        font-size: 35px;
        transition: all .3s ease-in-out; }
  .portfolio_row .layout-inner .portfolio_item img {
    transition: all .3s ease-in-out;
    transform: scale(1.1); }
  .portfolio_row .layout-inner .portfolio_item .lijntje_holder {
    transition: padding .3s ease-in-out;
    width: 100%;
    height: 100%;
    padding: 0px;
    position: absolute;
    top: 0;
    left: 0; }
    .portfolio_row .layout-inner .portfolio_item .lijntje_holder .lijntje {
      transition: opacity .3s ease-in-out;
      width: 100%;
      height: 100%;
      border: solid 1px #fff;
      opacity: 0; }
  .portfolio_row .layout-inner .portfolio_item:hover img {
    transform: scale(1); }
  .portfolio_row .layout-inner .portfolio_item:hover .lijntje_holder {
    padding: 30px; }
    .portfolio_row .layout-inner .portfolio_item:hover .lijntje_holder .lijntje {
      opacity: 1; }
  .portfolio_row .layout-inner .portfolio_item:hover .portfoliocontent p {
    font-size: 12px;
    opacity: 1; }
    @media (min-width: 900px) {
      .portfolio_row .layout-inner .portfolio_item:hover .portfoliocontent p {
        font-size: 16px; } }

.medewerkerfotos {
  display: grid;
  /*justify-items: center;
  
  
  
  grid-template-columns: 1fr;
  @media (min-width: $qry_width_600) {
      grid-template-columns: 1fr 1fr;        
  }
  @media (min-width: $md) {
      grid-template-columns: 1fr 1fr 1fr;
  }
  @media (min-width: $lg) {
      grid-template-columns: 1fr 1fr 1fr 1fr;
  }*/
  grid-template-columns: repeat(1, auto);
  justify-content: space-around;
  grid-gap: 20px;
  align-items: stretch; }
  @media (min-width: 600px) {
    .medewerkerfotos {
      grid-template-columns: repeat(2, auto); } }
  @media (min-width: 900px) {
    .medewerkerfotos {
      grid-template-columns: repeat(3, auto); } }
  @media (min-width: 1200px) {
    .medewerkerfotos {
      grid-template-columns: repeat(4, auto); } }
  @media (min-width: 1280px) {
    .medewerkerfotos {
      justify-content: space-between; } }
  .medewerkerfotos .item {
    aspect-ratio: 304/363;
    border-radius: 10px;
    overflow: hidden; }
    .medewerkerfotos .item .foto {
      width: 100%;
      height: 100%; }
      .medewerkerfotos .item .foto img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    @media (min-width: 900px) {
      .medewerkerfotos .item {
        transition: all 0.2s ease-in-out; } }
    .medewerkerfotos .item .hover {
      cursor: pointer;
      width: 100%;
      aspect-ratio: 304/363;
      margin-top: -119.40789%;
      opacity: 0;
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-self: center;
      backdrop-filter: blur(1.5px);
      background: rgba(0, 0, 0, 0.5);
      padding: 15px;
      transition: all 0.2s ease-in-out; }
      .medewerkerfotos .item .hover, .medewerkerfotos .item .hover * {
        text-align: center;
        color: #fff; }
      .medewerkerfotos .item .hover:hover {
        opacity: 1; }
    .medewerkerfotos .item .badgeholder {
      width: 100%;
      height: 100%;
      margin-top: -119.40789%;
      padding: 16px;
      display: flex;
      flex-direction: column-reverse;
      align-items: stretch; }
      .medewerkerfotos .item .badgeholder .badge {
        background: rgba(255, 255, 255, 0.3);
        border: solid 1px rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(15px);
        border-radius: 5px;
        padding: 15px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); }
        .medewerkerfotos .item .badgeholder .badge, .medewerkerfotos .item .badgeholder .badge * {
          color: #fff; }
        .medewerkerfotos .item .badgeholder .badge p {
          margin: 0; }
        .medewerkerfotos .item .badgeholder .badge .name {
          font-weight: bold;
          font-size: 20px; }
        .medewerkerfotos .item .badgeholder .badge .functie {
          margin-top: 5px;
          font-size: 13px;
          margin: 0;
          width: 100%; }
        .medewerkerfotos .item .badgeholder .badge .socmed {
          display: flex;
          display: none;
          align-items: center;
          padding: 8px 0; }
          .medewerkerfotos .item .badgeholder .badge .socmed a {
            width: 45px;
            height: 45px;
            overflow: hidden;
            margin: 8px 2px;
            background: url("../gfx/stripes_3_b.png");
            box-shadow: 0 0 5px 0 inset rgba(0, 0, 0, 0.08);
            border: solid 1px rgba(0, 0, 0, 0.08);
            text-decoration: none; }
            .medewerkerfotos .item .badgeholder .badge .socmed a .t, .medewerkerfotos .item .badgeholder .badge .socmed a .b {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 45px;
              height: 45px;
              transition: all 0.2s ease-in-out; }
              .medewerkerfotos .item .badgeholder .badge .socmed a .t i, .medewerkerfotos .item .badgeholder .badge .socmed a .b i {
                font-size: 20px; }
            .medewerkerfotos .item .badgeholder .badge .socmed a .b i {
              color: #008cc5; }
            .medewerkerfotos .item .badgeholder .badge .socmed a:hover .t {
              margin-top: -45px; }

.call2actionblock_holder {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .call2actionblock_holder.autosize {
    align-items: center; }
  .call2actionblock_holder .call2actionblock {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid 1px #008cc5;
    border-radius: 8px;
    padding: 16px 8px; }
    @media (min-width: 450px) {
      .call2actionblock_holder .call2actionblock {
        padding: 16px; } }
    .call2actionblock_holder .call2actionblock .description, .call2actionblock_holder .call2actionblock .description * {
      text-align: center; }
    .call2actionblock_holder .call2actionblock .buttons {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap; }
      .call2actionblock_holder .call2actionblock .buttons a {
        margin: 8px; }
        .call2actionblock_holder .call2actionblock .buttons a, .call2actionblock_holder .call2actionblock .buttons a * {
          color: #4b4650; }
        .call2actionblock_holder .call2actionblock .buttons a.button-calltoaction, .call2actionblock_holder .call2actionblock .buttons a.button-calltoaction * {
          color: #fff; }
      @media (min-width: 450px) {
        .call2actionblock_holder .call2actionblock .buttons {
          flex-direction: row; }
          .call2actionblock_holder .call2actionblock .buttons a {
            margin: 16px; } }
      @media (min-width: 1200px) {
        .call2actionblock_holder .call2actionblock .buttons a {
          margin: 32px; } }

.afbeeldingHolder.gecentreerd {
  text-align: center; }
.afbeeldingHolder:not(.withclickurl), .afbeeldingHolder:not(.withclickurl) * {
  cursor: default !important;
  pointer-events: none; }
.afbeeldingHolder img.afronden {
  border-radius: 10px; }
.afbeeldingHolder img {
  max-width: 100%; }

.cbfield-richtext {
  /*h1, h2, h3, h4, h5 {
  	&:first-child {
  		margin-top:0;
  	}
  }*/ }
  .cbfield-richtext.withPadding {
    padding: 15px; }
  .cbfield-richtext.bgKleur_Wit {
    background: #fff; }
  .cbfield-richtext.bgKleur_Wit_alpha {
    background: rgba(255, 255, 255, 0.9); }
  .cbfield-richtext.bgKleur_Zwart_alpha {
    background: rgba(0, 0, 0, 0.7); }
  .cbfield-richtext.bgKleur_Lichtgrijs {
    background: #eff1f3; }
  .cbfield-richtext.bgKleur_Donkergrijs {
    background: #2a353d; }
    .cbfield-richtext.bgKleur_Donkergrijs, .cbfield-richtext.bgKleur_Donkergrijs * {
      color: #fff; }
  .cbfield-richtext.bgKleur_Donkerblauw {
    background: #008cc5; }
    .cbfield-richtext.bgKleur_Donkerblauw, .cbfield-richtext.bgKleur_Donkerblauw * {
      color: #fff; }
  .cbfield-richtext.bgKleur_Oranje {
    background: #fe5000; }
    .cbfield-richtext.bgKleur_Oranje, .cbfield-richtext.bgKleur_Oranje * {
      color: #fff; }
  .cbfield-richtext.gecentreerd, .cbfield-richtext.gecentreerd * {
    text-align: center; }
  @media (min-width: 1200px) {
    .cbfield-richtext.rechtsuitgelijnd, .cbfield-richtext.rechtsuitgelijnd * {
      text-align: right; } }
  @media (min-width: 900px) {
    .cbfield-richtext p {
      line-height: 30px;
      font-size: 18px; } }
  .cbfield-richtext p:last-child {
    margin-bottom: 0; }
  .cbfield-richtext.fgkleur_Donkergrijs p {
    color: #2a353d;
    text-shadow: none !important; }
  .cbfield-richtext.fgkleur_Wit p {
    color: #fff;
    text-shadow: none !important; }
  .cbfield-richtext .uitgelichtwoord {
    color: #0ab4dc; }
  .cbfield-richtext a:not(.pure-button) {
    color: #008cc5;
    text-decoration: none;
    font-weight: bold; }
    .cbfield-richtext a:not(.pure-button):hover {
      text-decoration: underline; }

blockquote {
  background: #eff1f3;
  margin: 20px 0 20px 0;
  border-left: solid 5px #008cc5;
  color: #4b4650 !important;
  padding: 20px 20px; }
  blockquote, blockquote * {
    font-size: 20px;
    line-height: 25px; }
    @media (min-width: 1024px) {
      blockquote, blockquote * {
        font-size: 24px;
        line-height: 30px; } }
  blockquote p {
    margin: 0; }
  blockquote.vraag {
    border-left-color: green; }
  blockquote.opmerking {
    border-left-color: #fe5000; }
  blockquote.clickable {
    cursor: pointer; }
  blockquote cite {
    display: block;
    font-size: 16px; }
  blockquote .pure-button {
    font-style: normal;
    margin: 10px 10px 0 0 !important;
    background: red; }

.videoblok {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .videoblok iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.clicklinkcenterholder {
  display: flex;
  justify-content: center;
  align-items: center; }

.youtube_click_thumb {
  padding: 10px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 10px 0px;
  border-radius: 3px; }

.videopopup-inner {
  min-height: 200px;
  margin: 0 !important; }

.videopopup {
  width: 70%;
  padding: 15px; }

.highslide-container {
  z-index: 65534 !important; }

.videobanner {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  	/*
  	$xs: 350px;
  $sm: 400px;
  $sm-plus:450px;
  $md: 900px;
  $qry_width_1024: 1024px;
  */ }
  .videobanner.aligntop {
    align-items: flex-start; }
  .videobanner.alignbottom {
    align-items: flex-end; }
  .videobanner .darkoverlay {
    position: absolute;
    width: 100%;
    height: 100%; }
    .videobanner .darkoverlay.darkoverlay_10 {
      background: rgba(0, 0, 0, 0.1); }
    .videobanner .darkoverlay.darkoverlay_20 {
      background: rgba(0, 0, 0, 0.2); }
    .videobanner .darkoverlay.darkoverlay_30 {
      background: rgba(0, 0, 0, 0.3); }
    .videobanner .darkoverlay.darkoverlay_40 {
      background: rgba(0, 0, 0, 0.4); }
    .videobanner .darkoverlay.darkoverlay_raster {
      background: url("/assets/gfx/darkoverlay_raster.png") top left repeat; }
  .videobanner .overlay {
    position: absolute;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .videobanner .overlay .overlay_inner {
      text-align: center; }
      .videobanner .overlay .overlay_inner, .videobanner .overlay .overlay_inner * {
        color: #fff;
        text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7); }
  @media (max-width: 1600px) {
    .videobanner {
      height: 600px !important; } }
  @media (max-width: 1200px) {
    .videobanner {
      height: 500px !important; } }
  @media (max-width: 1024px) {
    .videobanner {
      height: 400px !important; } }
  @media (max-width: 900px) {
    .videobanner {
      height: 300px !important; } }
  @media (max-width: 350px) {
    .videobanner {
      height: 300px !important; } }
  @media (min-width: 1200px) {
    .videobanner video {
      min-width: 100%;
      min-height: 100%; } }

.switcher_holder {
  display: flex;
  justify-content: center; }
  .switcher_holder .switcher, .switcher_holder .switcher_monthlyannually, .switcher_holder .switcher_byid {
    margin: 30px 7px;
    border: solid 2px #008cc5;
    min-width: 150px;
    height: 40px;
    border-radius: 40px;
    padding: 3px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; }
    .switcher_holder .switcher div, .switcher_holder .switcher_monthlyannually div, .switcher_holder .switcher_byid div {
      background: none;
      color: #888;
      line-height: 32px;
      font-size: 14px;
      padding: 0 10px;
      border-radius: 40px;
      cursor: pointer;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .switcher_holder .switcher div.selected, .switcher_holder .switcher_monthlyannually div.selected, .switcher_holder .switcher_byid div.selected {
        background: #008cc5;
        color: #fff; }
    .switcher_holder .switcher.switcher_monthlyannually, .switcher_holder .switcher_monthlyannually.switcher_monthlyannually, .switcher_holder .switcher_byid.switcher_monthlyannually {
      width: 180px; }
      .switcher_holder .switcher.switcher_monthlyannually div:last-child, .switcher_holder .switcher_monthlyannually.switcher_monthlyannually div:last-child, .switcher_holder .switcher_byid.switcher_monthlyannually div:last-child {
        margin-left: -7px; }
  .switcher_holder .switcher_monthlyannually {
    margin-left: -32px;
    margin-top: 60px; }
  .switcher_holder .savebig {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .switcher_holder .savebig div {
      width: 150px;
      text-align: center;
      color: #e6004b;
      font-weight: bold; }
    .switcher_holder .savebig img {
      margin-left: 25px; }

@media (min-width: 900px) {
  .multipleflipcards .layout-inner .fieldoutlet {
    display: flex;
    align-items: flex-start;
    justify-content: center; } }

.flipcards {
  padding-top: 40px;
  overflow: hidden; }
  .flipcards, .flipcards * {
    font-family: 'Lato',Helvetica,Arial,sans-serif; }
  .flipcards.singleone {
    padding-top: 15px; }
  .flipcards .container .card .front .content p {
    font-size: 16px; }
  .flipcards .container .card .back .content .bovenkant ul {
    margin-top: 5px; }
    .flipcards .container .card .back .content .bovenkant ul li {
      color: #0ab4dc;
      font-size: 17px; }
      .flipcards .container .card .back .content .bovenkant ul li ul {
        padding-top: 1px; }
        .flipcards .container .card .back .content .bovenkant ul li ul li {
          color: #4b4650;
          font-size: 12px;
          line-height: 15px;
          padding-bottom: 4px !important; }
  .flipcards .container .card.uitgelicht .back .content .bovenkant ul li {
    color: #fff; }
    .flipcards .container .card.uitgelicht .back .content .bovenkant ul li ul li {
      color: #fff; }

.flipcards {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  /* STYLES */
  /* OMGEDRAAID STYLES */ }
  @media (min-width: 980px) {
    .flipcards {
      flex-wrap: nowrap; } }
  .flipcards .container {
    width: 90%;
    height: 520px;
    height: 560px;
    height: 670px;
    margin: 10px;
    position: relative;
    perspective: 800px; }
    @media (max-width: 980px) {
      .flipcards .container {
        margin-bottom: 25px; } }
    @media (min-width: 980px) {
      .flipcards .container {
        width: 22%;
        width: 28%; } }
    .flipcards .container .card {
      width: 100%;
      height: 100% !important;
      position: absolute;
      transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transition: transform 0.5s;
      -moz-transition: transform 0.5s;
      -ms-transition: transform 0.5s;
      -webkit-transition: transform 0.5s; }
      .flipcards .container .card figure {
        text-align: center;
        margin: 0;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        border-radius: 10px;
        -moz-border-radius: 10px; }
        .flipcards .container .card figure .bovenrij {
          margin-bottom: 15px;
          padding: 0;
          margin: 0;
          width: 100%;
          height: 35px;
          height: 30px;
          line-height: 35px;
          line-height: 30px;
          text-align: center;
          background: #374650;
          color: #0ab4dc;
          font-weight: bold;
          font-style: italic;
          font-size: 24px;
          font-weight: bold;
          padding: 15px 0; }
          .flipcards .container .card figure .bovenrij:empty {
            background: transparent; }
        .flipcards .container .card figure img {
          margin-top: 15px; }
        .flipcards .container .card figure .content {
          height: 94%;
          height: 89%;
          height: 100% !important;
          padding: 10px;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .flipcards .container .card figure .content *, .flipcards .container .card figure .content {
            text-align: center;
            font-size: 18px; }
          .flipcards .container .card figure .content .pure-button {
            font-size: 16px; }
          .flipcards .container .card figure .content h4 {
            margin: 10px;
            margin-bottom: 0;
            font-size: 24px;
            color: #4b4650; }
          .flipcards .container .card figure .content .bovenkant > ul {
            padding: 0; }
            .flipcards .container .card figure .content .bovenkant > ul li {
              font-size: 16px; }
            .flipcards .container .card figure .content .bovenkant > ul > li {
              list-style: none;
              padding: 5px 0;
              text-align: left;
              list-style: none;
              margin: 0 20px;
              padding-bottom: 10px !important;
              text-indent: -27px;
              margin-left: 54px;
              margin-left: 40px; }
              .flipcards .container .card figure .content .bovenkant > ul > li:before {
                font-family: FontAwesome;
                content: "\f00c  ";
                color: #2AC76B;
                font-size: 20px;
                padding: 0;
                margin: 0;
                margin-right: 5px; }
              .flipcards .container .card figure .content .bovenkant > ul > li:before {
                color: #328cc3; }
              .flipcards .container .card figure .content .bovenkant > ul > li ul {
                padding-top: 10px;
                padding-left: 5px; }
                .flipcards .container .card figure .content .bovenkant > ul > li ul li {
                  text-align: left;
                  /*list-style: disc;
                  
                  padding-left:22px;*/
                  list-style: none;
                  margin: 0 20px;
                  padding-bottom: 10px !important;
                  text-indent: -27px;
                  margin-left: 54px;
                  margin-left: 25px;
                  padding: 0 !important; }
                  .flipcards .container .card figure .content .bovenkant > ul > li ul li:before {
                    font-family: FontAwesome;
                    content: "\2022  ";
                    color: #0ab4dc;
                    font-size: 20px;
                    padding: 0;
                    margin: 0;
                    margin-right: 5px; }
          .flipcards .container .card figure .content .bovenkant p.vorigeplusdit {
            background: #fe5000;
            padding: 13px;
            margin-left: -10px;
            margin-right: -10px; }
            .flipcards .container .card figure .content .bovenkant p.vorigeplusdit, .flipcards .container .card figure .content .bovenkant p.vorigeplusdit * {
              color: #fff; }
          .flipcards .container .card figure .content strong {
            color: #0ab4dc; }
          .flipcards .container .card figure .content .onderkant.metstreep {
            border-top: solid 1px #888; }
          .flipcards .container .card figure .content .onderkant .price {
            margin: 10px;
            margin-bottom: 0; }
            .flipcards .container .card figure .content .onderkant .price, .flipcards .container .card figure .content .onderkant .price * {
              font-size: 50px;
              font-weight: bold; }
            .flipcards .container .card figure .content .onderkant .price .doorgestreepteprijs {
              font-size: 33px;
              margin-right: 5px;
              opacity: 0.9;
              display: inline-block;
              position: relative; }
              .flipcards .container .card figure .content .onderkant .price .doorgestreepteprijs:before {
                position: absolute;
                content: "";
                left: 0;
                top: 50%;
                right: 0;
                border-top: 4px solid;
                border-top-color: currentcolor;
                border-top-color: currentcolor;
                border-color: #e6004b;
                -webkit-transform: rotate(21deg);
                -moz-transform: rotate(21deg);
                -ms-transform: rotate(21deg);
                -o-transform: rotate(21deg);
                transform: rotate(21deg); }
          .flipcards .container .card figure .content .onderkant .prijsuitleg {
            margin-top: 0;
            margin-bottom: 40px; }
        .flipcards .container .card figure.back {
          transform: rotateY(180deg);
          -moz-transform: rotateY(180deg);
          -ms-transform: rotateY(180deg);
          -webkit-transform: rotateY(180deg); }
      .flipcards .container .card.flipped {
        transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg); }
        .flipcards .container .card.flipped figure {
          z-index: 5555; }
    @media (min-width: 980px) {
      .flipcards .container {
        /* // 4dec2019 ONDERSTAANDE WEGHALEN:*/
        	    	/*&:first-child {
        	    		.card figure {
        		    		border-top-right-radius: 0;
        		    		border-bottom-right-radius: 0;
        		    		border-bottom-left-radius: 0;
        		    		border-right:none !important;
        		    	}
        	    	}
        
        	    	&:nth-child(2) {
        	    		.card figure {
        	    			border-bottom-left-radius: 0;
        	    			border-bottom-right-radius: 0;
        
        	    		}
        	    	}
        
        	    	&:last-child {
        	    		.card figure {
        	    			border-top-left-radius: 0;
        	    			border-bottom-left-radius: 0;
        	    			border-bottom-right-radius: 0;
        	    			border-left:none !important;
        	    		}
        	    	}*/ } }
  @media (min-width: 980px) {
    .flipcards .container.hasuitgelicht {
      height: 585px;
      height: 695px; } }
  @media (min-width: 980px) {
    .flipcards .container.hasuitgelicht {
      margin-top: -25px;
      margin-top: -14px; } }
  .flipcards .container .card figure {
    border-radius: 10px;
    -moz-border-radius: 10px;
    border-style: none !important;
    overflow: hidden;
    	            /*
    	            &.front { // ERFT VERDER ALLE STIJLEN VAN ACTPRODUCTS_HOMEPAGE
    	                background:rgb(240, 240, 238);
    	            }
    
    	            &.back {
    	                background:#374650;
    	            }*/
    background: #fff;
    border: solid 1px #ccc !important;
    	            /*
    	            .streepje{
    	                position: absolute;
    	                bottom:190px;
    	                width:100%;
    	                text-align: center;
    	                &, *{
    	                    color:#444 !important;
    	                }
    	            }
    	            .price {
    	                position: absolute;
    	                bottom:120px;
    	                width:100%;
    	                text-align: center;
    	            }
    	            .underprice {
    	                position: absolute;
    	                bottom:50px;
    	                width:100%;
    	                padding:35px;
    	                text-align: center;
    	            }
    
    	            //position: relative;
    	            p.demobutton {
    	                position: absolute;
    	                width:100%;
    	                bottom: 20px;
    	                left:0;
    	                text-align: center;
    	            }
    	            */ }
  .flipcards .container .card.uitgelicht {
    height: 545px;
    height: 585px;
    height: 695px; }
    .flipcards .container .card.uitgelicht figure {
      background: #374650 !important;
      border-style: none !important;
      border-top: solid 2px transparent !important; }
      .flipcards .container .card.uitgelicht figure .bovenrij {
        padding: 27px 0; }
      .flipcards .container .card.uitgelicht figure .content h4 {
        color: #fff !important; }
      .flipcards .container .card.uitgelicht figure, .flipcards .container .card.uitgelicht figure *:not(.bovenrij):not(strong) {
        color: #fff; }
  .flipcards .container.nobuttons {
    	        /*
    	        .card {
    
    	            figure { 
    	                .streepje{
    	                    bottom:131px;//190px;
    	                }
    	                .price {
    	                    bottom:61px;//120px;
    	                }
    	                .underprice {
    	                    bottom:0;//50px;
    	                }
    	            }
    	        }
    	        */ }
    .flipcards .container.nobuttons .card .demobutton {
      display: none; }
  .flipcards .container .card.flipped figure.back {
    /*.bovenstreep, .bovenstreep_achterkant {
        margin-top:25px;
        &, * {
            color:#fff;    
        }
    }*/
    /*p.demobutton {
        .knop {
            background:$color_orange;
            color:#fff;
        }
    }*/ }
    .flipcards .container .card.flipped figure.back .bovenrij:not(:empty) {
      /*background:$color_orange;
      color:#fff;*/
      color: #0ab4dc !important; }
    .flipcards .container .card.flipped figure.back .content p:not(.vorigeplusdit) {
      font-size: 14px !important; }
  @media (min-width: 980px) {
    .flipcards.singleone .container {
      width: 315px; } }

.balkonderflipcards_holder {
  display: flex;
  justify-content: center; }
  .balkonderflipcards_holder .balkonderflipcards {
    width: 90%;
    padding: 10px;
    background: #008cc5;
    border-radius: 10px; }
    @media (min-width: 980px) {
      .balkonderflipcards_holder .balkonderflipcards {
        width: 84%; } }
    @media (min-width: 980px) {
      .balkonderflipcards_holder .balkonderflipcards {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px; } }
    .balkonderflipcards_holder .balkonderflipcards, .balkonderflipcards_holder .balkonderflipcards * {
      color: #fff;
      text-align: center; }
    .balkonderflipcards_holder .balkonderflipcards p:last-child {
      margin-bottom: 0; }

@media (min-width: 600px) {
  .cb_productcards {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch; } }
.cb_productcards .cb_productcards_item {
  margin: 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  background: #fff;
  border: solid 1px #cdcdc8;
  text-align: center; }
  @media (min-width: 600px) {
    .cb_productcards .cb_productcards_item {
      width: 256px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      margin: 20px; } }
  .cb_productcards .cb_productcards_item:hover {
    background: #eee; }
  .cb_productcards .cb_productcards_item img {
    margin: 40px 0 20px 0; }
  .cb_productcards .cb_productcards_item .content {
    margin: 0 10px; }
  .cb_productcards .cb_productcards_item .onderkant {
    margin: 20px 10px;
    padding-top: 20px;
    border-top: solid 1px #cdcdc8;
    margin-top: auto; }
    .cb_productcards .cb_productcards_item .onderkant p {
      margin: 0; }

.KlantenSlider {
  overflow: hidden;
  padding: 25px; }
  .KlantenSlider img:focus {
    outline: 0; }

.knoppenkolom .pure-button {
  width: 100%;
  margin-left: 0 !important;
  text-align: left; }
  .knoppenkolom .pure-button.button-onlytext {
    padding: 5px 5px 5px 0; }

.acr_searchform {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  display: flex;
  justify-content: center; }
  .acr_searchform .acr_searchfieldholder {
    display: flex;
    justify-content: space-between;
    padding: 0;
    border-radius: 2px;
    border: solid 1px #888;
    height: 40px;
    background: #fff; }
    @media (min-width: 900px) {
      .acr_searchform .acr_searchfieldholder {
        width: 50%; } }
    .acr_searchform .acr_searchfieldholder input {
      flex: 5;
      height: 100%;
      border-style: none;
      line-height: 40px;
      padding: 0 10px;
      color: #4b4650;
      text-shadow: none; }
      @media (min-width: 900px) {
        .acr_searchform .acr_searchfieldholder input {
          flex: 15; } }
    .acr_searchform .acr_searchfieldholder span {
      cursor: pointer;
      flex: 1;
      height: 100%;
      margin: 0;
      padding: 0 10px;
      background: #fe5000;
      display: flex;
      justify-content: center;
      align-items: center; }
      .acr_searchform .acr_searchfieldholder span i {
        color: #fff;
        font-size: 24px; }

hr {
  border-style: none;
  height: 1px;
  background-color: #eff1f3; }
  hr.hrkleur_Middelgrijs {
    background-color: #bbbbbb; }
  hr.hrkleur_Donkergrijs {
    background-color: #2a353d; }
  hr.hrkleur_Oranje {
    background-color: #fe5000; }
  hr.hrkleur_Blauw {
    background-color: #008cc5; }
  hr.hrkleur_Wit {
    background-color: #fff; }
  hr.hrkleur_Transparant {
    background-color: transparent; }
  hr.hrmarge_15px {
    margin-top: 15px;
    margin-bottom: 15px; }
  hr.hrmarge_30px {
    margin-top: 30px;
    margin-bottom: 30px; }
  hr.hrmarge_45px {
    margin-top: 45px;
    margin-bottom: 45px; }

.scrollcontent_buttonsbar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .scrollcontent_buttonsbar .expander {
    text-align: right;
    width: 100%;
    padding-right: 15px !important;
    cursor: pointer; }
    @media (min-width: 900px) {
      .scrollcontent_buttonsbar .expander {
        display: none; } }
    .scrollcontent_buttonsbar .expander:after {
      content: "+";
      margin-left: 10px; }
  .scrollcontent_buttonsbar a {
    width: 100%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 18px;
    font-weight: normal;
    display: none; }
    .scrollcontent_buttonsbar a p {
      margin: 0; }
    .scrollcontent_buttonsbar a, .scrollcontent_buttonsbar a * {
      text-decoration: none; }
    @media (min-width: 900px) {
      .scrollcontent_buttonsbar a {
        width: auto;
        display: block;
        padding: 0; }
        .scrollcontent_buttonsbar a:not(:first-of-type) :before {
          content: '|';
          font-size: 14px;
          padding-left: 16px;
          padding-right: 16px; } }
  .scrollcontent_buttonsbar.visibleForMobile a {
    display: block !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .scrollcontent_buttonsbar.visibleForMobile .expander {
    color: #008cc5; }
    .scrollcontent_buttonsbar.visibleForMobile .expander:after {
      content: '-'; }
  .scrollcontent_buttonsbar.column {
    flex-direction: column;
    justify-content: flex-start; }
    .scrollcontent_buttonsbar.column a.scrolltocontent {
      text-align: left;
      padding: 8px 0; }
      .scrollcontent_buttonsbar.column a.scrolltocontent :before {
        display: none; }
      .scrollcontent_buttonsbar.column a.scrolltocontent:hover, .scrollcontent_buttonsbar.column a.scrolltocontent:hover * {
        color: #008cc5 !important; }

ul.lijstmetuitklapitems {
  padding: 0;
  list-style: none; }
  ul.lijstmetuitklapitems li {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-left: solid 5px #008cc5;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    height: 48px;
    margin-bottom: 20px;
    overflow: hidden; }
    ul.lijstmetuitklapitems li span {
      display: block;
      width: 100%;
      font-weight: bold;
      color: #4b4650;
      background: #fff;
      font-size: 20px; }
      ul.lijstmetuitklapitems li span:before {
        position: absolute;
        right: 14px;
        top: 14px;
        font-family: FontAwesome;
        font-size: 20px;
        content: "\f067  ";
        color: #008cc5; }
    ul.lijstmetuitklapitems li div p:last-child {
      margin-bottom: 0; }
    ul.lijstmetuitklapitems li.uitgeklapt {
      height: auto; }
      ul.lijstmetuitklapitems li.uitgeklapt span:before {
        content: "\f00d"; }

ul.grijsblauw {
  padding: 0;
  list-style: none; }
  ul.grijsblauw li {
    display: blokc;
    border-top: solid 5px #2D9BF8;
    background: #eff1f3;
    padding: 16px;
    margin-bottom: 16px; }
    ul.grijsblauw li span {
      font-weight: bold; }

ul.blauw {
  padding: 0;
  list-style: none; }
  ul.blauw li {
    padding: 10px; }
    ul.blauw li div {
      border-radius: 5px;
      padding: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      font-weight: bold;
      height: 200px;
      background: rgba(255, 255, 255, 0.05);
      overflow: hidden !important;
      cursor: default; }
      ul.blauw li div, ul.blauw li div * {
        color: #fff;
        text-align: center; }
      ul.blauw li div:hover {
        background: #2bb0e6; }
    @media (min-width: 1200px) {
      ul.blauw li {
        padding: 20px; }
        ul.blauw li div {
          padding: 20px;
          font-size: 20px; } }
  ul.blauw:not(:hover) .slick-slide.slick-current div:first-child li > div {
    background: #2bb0e6; }

.SchemaMaatwerk {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible; }
  .SchemaMaatwerk .overlays_holder {
    position: absolute;
    width: 100%;
    height: 100%; }
    .SchemaMaatwerk .overlays_holder .overlay_image {
      transform: scale(1);
      position: absolute;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
      .SchemaMaatwerk .overlays_holder .overlay_image:not(:hover) {
        background-image: none !important; }
      .SchemaMaatwerk .overlays_holder .overlay_image:hover {
        cursor: pointer; }
  .SchemaMaatwerk .maatwerkpopup {
    position: absolute;
    display: none;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.41);
    border: solid 4px #87bc24;
    border-radius: 6px; }
    @media (max-width: 600px) {
      .SchemaMaatwerk .maatwerkpopup {
        font-size: 12px;
        width: 380px;
        bottom: 116%; } }
    @media (min-width: 600px) {
      .SchemaMaatwerk .maatwerkpopup {
        zoom: 1;
        width: 600px;
        bottom: 116%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    .SchemaMaatwerk .maatwerkpopup p:last-child {
      margin-bottom: 0; }
  .SchemaMaatwerk img {
    width: 100%; }

.thumbnails {
  display: flex;
  justify-content: flex-start;
  align-items: top;
  flex-wrap: wrap; }
  .thumbnails .thumbnail {
    border: solid 10px #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin-bottom: 15px;
    width: 100%; }
    .thumbnails .thumbnail a.highslide {
      position: relative;
      max-width: 100%;
      float: left; }
    .thumbnails .thumbnail a.highslide::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1); }
    .thumbnails .thumbnail img {
      width: 100%; }
  @media (min-width: 400px) {
    .thumbnails.aantalnaastelkaar_2 .thumbnail {
      width: 45%;
      margin: 2.5%; }
    .thumbnails.aantalnaastelkaar_3 .thumbnail {
      width: 30%;
      margin: 1.3%; }
    .thumbnails.aantalnaastelkaar_4 .thumbnail {
      width: 22.5%;
      margin: 1.2%; } }

ul.OpsommingMetPopups {
  padding-left: 18px; }
  ul.OpsommingMetPopups li:not(:last-child) {
    margin-bottom: 10px; }
  ul.OpsommingMetPopups li i.tooltip {
    cursor: pointer;
    color: #008cc5;
    position: relative;
    z-index: 5555; }
    ul.OpsommingMetPopups li i.tooltip div {
      display: none;
      position: absolute;
      bottom: 0;
      margin-bottom: 23px;
      left: 50%;
      margin-left: -30px;
      padding: 12px 8px;
      /*left: 40px;
      top:-60px;*/
      width: 300px;
      height: auto;
      background: #fff;
      border: solid 2px #008cc5;
      font-family: "Helvetica Neue", Arial, sans-serif;
      font-weight: normal;
      line-height: 20px;
      font-size: 14px;
      text-align: left;
      border-radius: 4px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
    ul.OpsommingMetPopups li i.tooltip:hover div {
      display: block; }

.featuresofversion {
  padding-top: 10px; }
  .featuresofversion .featuresofversion_item {
    border: solid 1px #aaa;
    min-height: 200px;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 50px;
    position: relative;
    overflow: visible !important; }
    @media screen and (min-width: 900px) {
      .featuresofversion .featuresofversion_item {
        padding: 56px;
        padding-right: 25px; } }
    @media screen and (min-width: 1325px) {
      .featuresofversion .featuresofversion_item {
        padding: 56px 112px; } }
    .featuresofversion .featuresofversion_item .randtitel {
      width: 100%;
      position: absolute;
      top: -15px !important;
      right: 0 !important;
      padding-right: 50px;
      text-align: right; }
      .featuresofversion .featuresofversion_item .randtitel span {
        font-size: 18px;
        color: #0ab4dc;
        padding: 2px 20px;
        background: #fff; }
    .featuresofversion .featuresofversion_item .intro h3:first-child, .featuresofversion .featuresofversion_item .intro h4:first-child, .featuresofversion .featuresofversion_item .intro h5:first-child {
      margin-top: 0;
      font-size: 25px;
      color: #4b4650;
      font-weight: 700; }
    .featuresofversion .featuresofversion_item .outro {
      margin-top: 25px; }
      .featuresofversion .featuresofversion_item .outro, .featuresofversion .featuresofversion_item .outro * {
        font-size: 12px; }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item:not(:last-child) {
      margin-bottom: 25px; }
    @media screen and (min-width: 900px) {
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start; } }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item .left .prijs {
      color: #0ab4dc;
      font-size: 26px;
      font-weight: bold; }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item .left .prijsuitleg, .featuresofversion .featuresofversion_item .repeater_items .repeater_item .left .prijsuitleg * {
      font-size: 13px; }
      @media screen and (min-width: 900px) {
        .featuresofversion .featuresofversion_item .repeater_items .repeater_item .left .prijsuitleg, .featuresofversion .featuresofversion_item .repeater_items .repeater_item .left .prijsuitleg * {
          text-align: right; } }
    @media screen and (min-width: 900px) {
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item .left {
        margin-right: 30px;
        flex-basis: 130px;
        min-width: 130px; } }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right h4 {
      color: #4b4650; }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .togglefeatures {
      cursor: pointer;
      background: #eff1f3;
      color: #2a353d;
      font-size: 14px;
      font-weight: bold;
      padding: 6px 12px;
      position: relative; }
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .togglefeatures:before {
        position: absolute;
        right: 14px;
        top: 10px;
        font-family: FontAwesome;
        font-size: 12px;
        content: "\f067  ";
        color: #2a353d; }
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .togglefeatures:hover {
        background: #4b4650;
        color: #fff; }
        .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .togglefeatures:hover:before {
          color: #fff; }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .features_inner {
      height: 0;
      overflow: hidden;
      padding: 10px;
      padding-top: 0; }
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .features_inner, .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .features_inner * {
        font-size: 14px; }
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features .features_inner ul {
        column-count: 2; }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features.uitgeklapt .features_inner {
      height: auto; }
    .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features.uitgeklapt .togglefeatures {
      background: #4b4650;
      color: #fff; }
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features.uitgeklapt .togglefeatures:before {
        color: #fff; }
      .featuresofversion .featuresofversion_item .repeater_items .repeater_item .right .features.uitgeklapt .togglefeatures:before {
        content: "\f068"; }

.featuresblock {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 1325px) {
    .featuresblock.pullupwards_25 {
      margin-top: -25px; } }
  @media (min-width: 1325px) {
    .featuresblock.pullupwards_50 {
      margin-top: -50px; } }
  @media (min-width: 1325px) {
    .featuresblock.pullupwards_75 {
      margin-top: -75px; } }
  @media (min-width: 1325px) {
    .featuresblock.pullupwards_100 {
      margin-top: -100px; } }
  .featuresblock .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 400px) {
      .featuresblock .inner {
        width: auto;
        flex-direction: row; } }
    .featuresblock .inner .item {
      padding: 32px 24px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
            /*max-width:100%;
			
			@media (min-width: $md)
			{
				max-width:50%;
			}

			@media (min-width: $lg)
			{
                flex-direction: row;
				max-width:25%;

                img {
                    margin-right:16px;
                }
			}*/ }
      .featuresblock .inner .item img {
        max-width: 45px;
        max-height: 45px; }
      .featuresblock .inner .item p {
        font-weight: bold;
        margin: 0; }
        .featuresblock .inner .item p.description {
          margin-top: 16px;
          font-weight: normal;
          line-height: 30px; }
      @media (min-width: 1200px) {
        .featuresblock .inner .item {
          flex-direction: row; }
          .featuresblock .inner .item img {
            margin-right: 16px; } }
    .featuresblock .inner.bg_darkblue {
      background: #0e65a3; }
    .featuresblock .inner.bg_blue {
      background: #008cc5; }
    .featuresblock .inner.bg_lightgrey {
      background: #91d5ff; }
    .featuresblock .inner.fg_darkblue, .featuresblock .inner.fg_darkblue * {
      color: #0e65a3; }
    .featuresblock .inner.fg_blue, .featuresblock .inner.fg_blue * {
      color: #008cc5; }
    .featuresblock .inner.fg_white, .featuresblock .inner.fg_white * {
      color: #fff; }
  @media (min-width: 1200px) {
    .featuresblock.spreiden .inner {
      justify-content: space-between;
      width: 100%; } }
  @media (min-width: 400px) {
    .featuresblock.iconpos_top .inner {
      align-items: flex-start !important; } }
  .featuresblock.iconpos_top .inner .item {
    align-items: center; }
    .featuresblock.iconpos_top .inner .item * {
      text-align: center; }
    @media (min-width: 1200px) {
      .featuresblock.iconpos_top .inner .item {
        flex-direction: column; }
        .featuresblock.iconpos_top .inner .item img {
          margin-bottom: 16px; } }
  .featuresblock.maxwidth_280 .inner .item {
    max-width: 280px;
    margin: 0 30px; }

.featuresvak {
  display: flex;
  flex-wrap: wrap; }
  .featuresvak .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    padding-right: 16px; }
    .featuresvak .item * {
      font-family: 'Poppins'; }
    @media (min-width: 600px) {
      .featuresvak .item {
        width: 50%; } }
    .featuresvak .item img {
      max-width: 45px;
      max-height: 45px;
      margin: 16px 0; }
    .featuresvak .item span {
      font-weight: 700; }
    .featuresvak .item p {
      font-size: 14px;
      font-weight: 300;
      line-height: 25.5px; }
  .featuresvak.iconpos_left .item {
    flex-direction: row; }
    .featuresvak.iconpos_left .item img {
      margin: -12px 16px 0 0; }

.categoriekopje {
  border-radius: 10px;
  padding: 12px 48px;
  font-weight: bold; }
  .categoriekopje.color_lichtblauw {
    color: #008CC5;
    background: rgba(0, 140, 197, 0.2); }
  .categoriekopje.color_orange {
    color: #fe5000;
    background: rgba(254, 80, 0, 0.2); }

ul.opsomming_met_iconen {
  margin: 16px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  @media (min-width: 1200px) {
    ul.opsomming_met_iconen {
      margin-right: 60px; } }
  ul.opsomming_met_iconen li {
    display: flex;
    align-items: center;
    padding: 20px 0; }
    ul.opsomming_met_iconen li, ul.opsomming_met_iconen li * {
      text-decoration: none; }
    ul.opsomming_met_iconen li.islink {
      cursor: pointer;
      padding: 0;
      padding-left: 20px;
      border-radius: 10px; }
      ul.opsomming_met_iconen li.islink a {
        width: 100%;
        padding: 20px 0; }
      ul.opsomming_met_iconen li.islink:hover {
        background: #008cc5; }
        ul.opsomming_met_iconen li.islink:hover, ul.opsomming_met_iconen li.islink:hover * {
          color: #fff; }
        ul.opsomming_met_iconen li.islink:hover:after {
          font-family: FontAwesome;
          content: "\f178";
          margin: 10px 40px;
          margin-left: 10px;
          font-size: 30px;
          font-weight: thin; }
        ul.opsomming_met_iconen li.islink:hover img {
          filter: invert(1); }
    ul.opsomming_met_iconen li img {
      width: 34px;
      height: 34px;
      margin-right: 12px; }
  ul.opsomming_met_iconen:not(:hover) li.islink:first-child {
    background: #008cc5; }
    ul.opsomming_met_iconen:not(:hover) li.islink:first-child, ul.opsomming_met_iconen:not(:hover) li.islink:first-child * {
      color: #fff; }
    ul.opsomming_met_iconen:not(:hover) li.islink:first-child:after {
      font-family: FontAwesome;
      content: "\f178";
      margin: 10px 40px;
      margin-left: 10px;
      font-size: 30px;
      font-weight: thin; }
    ul.opsomming_met_iconen:not(:hover) li.islink:first-child img {
      filter: invert(1); }
  ul.opsomming_met_iconen.schaduwvakjes li {
    padding: 12px;
    border-radius: 10px;
    box-shadow: 15px 16px 30px rgba(0, 0, 0, 0.03);
    margin: 16px 0;
    font-weight: bold;
    font-size: 20px;
    background: #fff;
    /*transform: all 0.3s ease-in-out;
    &:hover {
        transform: scale(1.1);
    }*/ }
    ul.opsomming_met_iconen.schaduwvakjes li, ul.opsomming_met_iconen.schaduwvakjes li * {
      color: #4b4650; }
    ul.opsomming_met_iconen.schaduwvakjes li img {
      padding: 8px;
      background: #cce8f3;
      width: 64px;
      height: 64px;
      margin-right: 12px;
      border-radius: 10px;
      filter: none !important; }

.integratielogos .item {
  padding: 6px !important; }
  @media (min-width: 900px) {
    .integratielogos .item {
      padding: 8px !important; } }
  .integratielogos .item .item_inner {
    background: #2BB0E6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 164px;
    height: 113px; }
    .integratielogos .item .item_inner img {
      max-width: 110px;
      max-height: 50px; }
    @media (min-width: 900px) {
      .integratielogos .item .item_inner {
        width: 328px;
        height: 226px; }
        .integratielogos .item .item_inner img {
          max-width: 220px;
          max-height: 100px; } }
.integratielogos .slick-slide div:nth-child(2) {
  margin-left: -50%; }

.bigquote {
  display: none;
  display: flex; }
  .bigquote.quotetop {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .bigquote.quotetop .quote {
      font-size: 18px;
      font-style: italic;
      font-weight: bold;
      padding: 0 50px;
      margin-bottom: 60px;
      text-align: center; }
      @media (min-width: 900px) {
        .bigquote.quotetop .quote {
          font-size: 27px; } }
      @media (min-width: 1200px) {
        .bigquote.quotetop .quote {
          font-size: 36px; } }
    .bigquote.quotetop .personandcompanylogo {
      display: flex;
      align-items: center;
      flex-direction: column; }
      @media (min-width: 900px) {
        .bigquote.quotetop .personandcompanylogo {
          flex-direction: row; } }
      .bigquote.quotetop .personandcompanylogo .person {
        display: flex;
        flex-direction: column; }
        .bigquote.quotetop .personandcompanylogo .person span {
          font-size: 26px; }
        .bigquote.quotetop .personandcompanylogo .person span.function {
          font-size: 17px;
          opacity: 0.7; }
      .bigquote.quotetop .personandcompanylogo .companylogo {
        margin-top: 30px; }
        .bigquote.quotetop .personandcompanylogo .companylogo img {
          max-width: 300px;
          max-height: 150px; }
        @media (min-width: 900px) {
          .bigquote.quotetop .personandcompanylogo .companylogo {
            margin-top: 0;
            margin-left: 100px; } }
  .bigquote.quoterechts {
    flex-direction: column-reverse;
    align-items: center;
    margin: 30px 0 50px 0; }
    .bigquote.quoterechts .quote {
      font-size: 16px;
      font-weight: 700;
      text-align: center; }
      @media (min-width: 900px) {
        .bigquote.quoterechts .quote {
          font-weight: bold;
          font-size: 20px;
          line-height: 44px;
          text-align: left; } }
    @media (min-width: 900px) {
      .bigquote.quoterechts {
        flex-direction: row-reverse;
        align-items: center; } }
    .bigquote.quoterechts .personandcompanylogo {
      width: 216px;
      height: 183px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      background: #eff1f3;
      border-radius: 10px;
      position: relative; }
      @media (min-width: 900px) {
        .bigquote.quoterechts .personandcompanylogo {
          aspect-ratio: 288/266;
          width: 288px;
          height: 244px;
          margin-bottom: 0;
          margin-right: 50px; } }
      .bigquote.quoterechts .personandcompanylogo .person {
        display: flex;
        flex-direction: column; }
        .bigquote.quoterechts .personandcompanylogo .person, .bigquote.quoterechts .personandcompanylogo .person * {
          text-align: center; }
        .bigquote.quoterechts .personandcompanylogo .person, .bigquote.quoterechts .personandcompanylogo .person * {
          color: #4b4650;
          text-shadow: none; }
        .bigquote.quoterechts .personandcompanylogo .person span {
          font-size: 20px;
          font-weight: bold; }
        .bigquote.quoterechts .personandcompanylogo .person span.function {
          font-weight: normal;
          font-size: 14px;
          opacity: 0.7; }
      .bigquote.quoterechts .personandcompanylogo .companylogo {
        text-align: center;
        margin-bottom: 20px; }
        .bigquote.quoterechts .personandcompanylogo .companylogo img {
          max-width: 80%;
          max-height: 70px; }
      .bigquote.quoterechts .personandcompanylogo:after {
        position: absolute;
        left: 50%;
        bottom: -13px;
        margin-left: -15px;
        transform: rotate(45deg);
        content: "";
        width: 30px;
        height: 30px;
        border-radius: 5px;
        background: inherit; }
        @media (min-width: 900px) {
          .bigquote.quoterechts .personandcompanylogo:after {
            right: -13px;
            top: 50%;
            margin-top: -15px;
            margin-left: 0;
            bottom: unset;
            left: unset; } }

.overons_vakjes {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr; }
  @media (min-width: 600px) {
    .overons_vakjes {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 900px) {
    .overons_vakjes {
      gap: 20px;
      aspect-ratio: 1280/982;
      grid-template-columns: 381fr 205fr 177fr 213fr;
      grid-template-rows: 178fr 194fr 178fr 194fr; } }
  .overons_vakjes .item {
    border-radius: 10px;
    background: #008cc5;
    overflow: hidden;
    position: relative; }
    .overons_vakjes .item, .overons_vakjes .item * {
      color: #fff; }
    .overons_vakjes .item.bgorange {
      background: #fe5000; }
    @media (min-width: 900px) {
      .overons_vakjes .item.span2cols {
        grid-column-start: span 2; }
      .overons_vakjes .item.span2rows {
        grid-row-start: span 2; } }
    @media (max-width: 900px) {
      .overons_vakjes .item {
        width: 100%;
        min-height: 250px; } }
    .overons_vakjes .item > img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .overons_vakjes .item .quote {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 20px; }
      @media (min-width: 1200px) {
        .overons_vakjes .item .quote {
          padding: 30px; } }
      .overons_vakjes .item .quote img.quoteicon {
        opacity: 0.3;
        width: 15%;
        height: auto; }
        @media (min-width: 1200px) {
          .overons_vakjes .item .quote img.quoteicon {
            width: 20%; } }
      .overons_vakjes .item .quote .thequote {
        margin: 10px 0;
        font-weight: bold; }
        @media (min-width: 900px) {
          .overons_vakjes .item .quote .thequote {
            font-size: 22px;
            margin: 20px 0; } }
        @media (min-width: 1200px) {
          .overons_vakjes .item .quote .thequote {
            font-size: 31px;
            line-height: 57px;
            margin: 30px 0; } }
      .overons_vakjes .item .quote .name {
        font-style: italic;
        font-weight: bold;
        font-size: 14px; }
      .overons_vakjes .item .quote .function {
        font-style: italic;
        font-size: 11px; }
    .overons_vakjes .item .opsomming {
      margin: 0;
      padding: 0;
      padding-left: 12%;
      height: 100% !important;
      list-style: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .overons_vakjes .item .opsomming li {
        display: flex;
        align-items: center;
        font-weight: bold;
        padding: 5px 0;
        font-size: 18px; }
        @media (min-width: 900px) {
          .overons_vakjes .item .opsomming li {
            font-size: 24px;
            padding: 10px 0; } }
        @media (min-width: 1200px) {
          .overons_vakjes .item .opsomming li {
            font-size: 32px;
            padding: 20px 0; } }
        .overons_vakjes .item .opsomming li, .overons_vakjes .item .opsomming li * {
          text-decoration: none; }
        .overons_vakjes .item .opsomming li.islink {
          cursor: pointer;
          padding: 0;
          padding-left: 20px; }
          .overons_vakjes .item .opsomming li.islink a {
            width: 100%;
            padding: 20px 0; }
        .overons_vakjes .item .opsomming li img {
          width: 13%;
          height: auto;
          margin-right: 24px; }

.contacticons_blok ul {
  margin: 16px 0;
  /*@media (min-width: $lg) {
      margin-right:60px;
  }*/
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .contacticons_blok ul li {
    display: flex;
    align-items: center;
    padding: 20px 0;
    padding-left: 0; }
    .contacticons_blok ul li, .contacticons_blok ul li * {
      text-decoration: none; }
    .contacticons_blok ul li, .contacticons_blok ul li * {
      font-weight: bold;
      font-size: 20px; }
    .contacticons_blok ul li.islink {
      cursor: pointer; }
      .contacticons_blok ul li.islink a {
        width: 100%; }
    .contacticons_blok ul li img {
      width: 34px;
      height: 34px;
      margin-right: 12px; }
.contacticons_blok .stripe {
  width: 90px;
  height: 4px;
  background: #008cc5;
  display: block; }

.fotometquote {
  width: 100%;
  min-height: 350px;
  overflow: hidden;
  position: relative; }
  @media (min-width: 1024px) {
    .fotometquote {
      height: 100%; } }
  .fotometquote img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .fotometquote .quoteholder {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin-top: -100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .fotometquote .quoteholder .quote {
      width: 320px;
      margin-top: 30px;
      margin-right: 15px; }
      @media (min-width: 600px) {
        .fotometquote .quoteholder .quote {
          margin-top: 60px;
          margin-right: 30px; } }
      @media (min-width: 1024px) {
        .fotometquote .quoteholder .quote {
          margin-top: 120px;
          margin-right: 60px; } }
      .fotometquote .quoteholder .quote .quote_inner {
        display: block;
        border-radius: 10px;
        padding: 5px;
        background: #fff;
        font-style: 20px; }
        @media (min-width: 600px) {
          .fotometquote .quoteholder .quote .quote_inner {
            padding: 15px; } }
        .fotometquote .quoteholder .quote .quote_inner, .fotometquote .quoteholder .quote .quote_inner * {
          font-style: italic;
          font-weight: bold;
          text-align: center; }
          @media (min-width: 600px) {
            .fotometquote .quoteholder .quote .quote_inner, .fotometquote .quoteholder .quote .quote_inner * {
              font-size: 18px; } }
        .fotometquote .quoteholder .quote .quote_inner .uitgelichtwoord {
          color: #fe5000; }
      .fotometquote .quoteholder .quote img.driehoek {
        margin-left: 10%;
        display: block;
        width: 10%;
        height: auto;
        background-size: cover; }

.stappenplan .item {
  display: flex; }
  @media (min-width: 900px) {
    .stappenplan .item .content, .stappenplan .item .void {
      width: 50%; } }
  .stappenplan .item .content h6 {
    color: #fe5000;
    font-size: 16px;
    margin: 0;
    margin-top: 3px;
    margin-bottom: 5px; }
  .stappenplan .item .content h5 {
    color: #2a353d;
    font-weight: bold;
    font-size: 24px;
    margin: 0; }
  @media (max-width: 900px) {
    .stappenplan .item {
      flex-direction: row-reverse; }
      .stappenplan .item .content {
        padding: 0 0 0 80px;
        margin-right: 32px !important;
        background: url("/assets/gfx/bg_stappenplan.png") top left no-repeat;
        background-size: 35px; }
      .stappenplan .item, .stappenplan .item * {
        text-align: left; }
      .stappenplan .item .content {
        padding-left: 60px; } }
  @media (min-width: 900px) {
    .stappenplan .item:nth-child(odd) {
      flex-direction: row; }
      .stappenplan .item:nth-child(odd) .content {
        padding: 0 80px 0 0;
        margin-left: 32px !important;
        background: url("/assets/gfx/bg_stappenplan.png") top right no-repeat;
        background-size: 35px; }
      .stappenplan .item:nth-child(odd), .stappenplan .item:nth-child(odd) * {
        text-align: left; }
    .stappenplan .item:nth-child(even) {
      flex-direction: row-reverse; }
      .stappenplan .item:nth-child(even) .content {
        padding: 0 0 0 80px;
        margin-right: 32px !important;
        background: url("/assets/gfx/bg_stappenplan.png") top left no-repeat;
        background-size: 35px; }
      .stappenplan .item:nth-child(even), .stappenplan .item:nth-child(even) * {
        text-align: left; } }

.KopjeGrotesubkopZinnetje .item h3 {
  color: #EBB652;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif; }
.KopjeGrotesubkopZinnetje .item h5 {
  color: #0e65a3;
  font-size: 32px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  margin: 15px 0; }
.KopjeGrotesubkopZinnetje .item p {
  font-size: 18px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif; }
.KopjeGrotesubkopZinnetje .item:not(:last-child) {
  margin-bottom: 75px; }

.ExternePaginaThumbnails {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr; }
  .ExternePaginaThumbnails .knop {
    cursor: pointer; }
  @media (min-width: 900px) {
    .ExternePaginaThumbnails {
      gap: 20px;
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1325px) {
    .ExternePaginaThumbnails {
      gap: 45px; } }
  @media (min-width: 1325px) {
    .ExternePaginaThumbnails {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 900px) {
    .ExternePaginaThumbnails .paging {
      grid-column-start: span 2; } }
  @media (min-width: 1325px) {
    .ExternePaginaThumbnails .paging {
      grid-column-start: span 3; } }

.ExternePaginaThumbnails_item {
  cursor: pointer;
  background: #f1f9fc;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 10px; }
  .ExternePaginaThumbnails_item .image {
    padding: 10px;
    box-sizing: border-box;
    /*width:40%;
    @media (min-width: $sm) {
        width:30%;
    }
    
    @media (min-width: $lgxl) {
        width:25%;
    }*/ }
    .ExternePaginaThumbnails_item .image.asbanner {
      width: 100%;
      box-shadow: none;
      padding: 0;
      margin: 0 !important;
      height: 200px;
      object-fit: cover; }
    .ExternePaginaThumbnails_item .image.aslogo {
      width: 100%;
      box-shadow: none;
      padding: 0;
      margin: 0 !important;
      max-height: 200px;
      object-fit: contain;
      object-position: center; }
  .ExternePaginaThumbnails_item .logo {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 25px;
    padding-bottom: 0; }
    .ExternePaginaThumbnails_item .logo img {
      max-height: 70px; }
  .ExternePaginaThumbnails_item .underimage {
    padding: 25px;
    padding-top: 15px;
    position: relative; }
    .ExternePaginaThumbnails_item .underimage .badge {
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px 18px;
      border-top-left-radius: 10px;
      margin-top: -28px;
      background: #f1f9fc;
      font-size: 12px;
      color: #033855; }
    .ExternePaginaThumbnails_item .underimage .title {
      text-decoration: none;
      font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif;
      font-size: 24px;
      display: block;
      margin: 0;
      margin-top: 10px;
      color: #033855;
      font-weight: bold; }
    .ExternePaginaThumbnails_item .underimage .metaregel {
      color: #888;
      font-size: 12px; }
    .ExternePaginaThumbnails_item .underimage .formholder {
      margin-top: 20px;
      display: none;
      margin-bottom: 20px; }
      .ExternePaginaThumbnails_item .underimage .formholder .pure-control-group:last-child {
        margin-bottom: 0; }
  .ExternePaginaThumbnails_item .onderstedeel {
    margin-top: auto;
    display: flex;
    flex-direction: row-reverse; }
    .ExternePaginaThumbnails_item .onderstedeel .leesmeerlink {
      width: 45px;
      height: 45px;
      background: url("/assets/gfx/icon_leesmeerrond.png") center center no-repeat;
      background-size: contain;
      display: block !important;
      margin: -30px  20px 20px 20px !important; }
  @media (min-width: 1325px) {
    .ExternePaginaThumbnails_item:nth-child(5) {
      grid-column-start: span 2; } }

.featurevakken2024 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  padding-bottom: 0; }
  @media (min-width: 900px) {
    .featurevakken2024 {
      flex-direction: row;
      justify-content: center;
      align-items: stretch; } }
  .featurevakken2024 .card {
    max-width: 450px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 20px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
    .featurevakken2024 .card .ballontekst {
      position: absolute;
      top: -50px;
      left: -10px;
      border-radius: 90px;
      width: 90px;
      height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fe5000;
      color: #fff;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center; }
      .featurevakken2024 .card .ballontekst:after {
        position: absolute;
        bottom: 0;
        left: 75%;
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 13px 26px 8px;
        border-color: transparent transparent #fe5000 transparent;
        transform: rotate(120deg); }
    .featurevakken2024 .card .hostingtype {
      width: 90%;
      max-width: 350px;
      border-radius: 50px;
      padding: 10px;
      background-color: #0e65a3;
      text-align: center;
      margin-top: -25px;
      font-weight: bold;
      font-size: 12px;
      color: #fff;
      position: relative; }
      .featurevakken2024 .card .hostingtype:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-bottom: -8px;
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 7.5px 9px 7.5px;
        border-color: transparent transparent #0e65a3 transparent;
        transform: rotate(180deg); }
    .featurevakken2024 .card .paddedcontent_upper, .featurevakken2024 .card .paddedcontent_lower {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .featurevakken2024 .card .paddedcontent_upper {
      padding: 15px 20px;
      padding-bottom: 0; }
      .featurevakken2024 .card .paddedcontent_upper .title p {
        padding: 0;
        margin: 0; }
      .featurevakken2024 .card .paddedcontent_upper .title, .featurevakken2024 .card .paddedcontent_upper .title * {
        font-size: 20px;
        font-weight: bold; }
        .featurevakken2024 .card .paddedcontent_upper .title b, .featurevakken2024 .card .paddedcontent_upper .title strong, .featurevakken2024 .card .paddedcontent_upper .title * b, .featurevakken2024 .card .paddedcontent_upper .title * strong {
          color: #0e65a3; }
      .featurevakken2024 .card .paddedcontent_upper .ondertitel {
        font-size: 14px;
        font-weight: bold;
        opacity: 0.9; }
      .featurevakken2024 .card .paddedcontent_upper .prijs {
        font-weight: lighter;
        font-size: 60px; }
      .featurevakken2024 .card .paddedcontent_upper .onderprijs1 {
        font-size: 22px;
        color: #0e65a3;
        text-align: center; }
      .featurevakken2024 .card .paddedcontent_upper .onderprijs2 {
        font-size: 13px;
        opacity: 0.5;
        text-align: center; }
    .featurevakken2024 .card .paddedcontent_lower {
      padding: 15px 20px;
      padding-top: 0;
      padding-bottom: 25px;
      margin-bottom: auto; }
      .featurevakken2024 .card .paddedcontent_lower .intro, .featurevakken2024 .card .paddedcontent_lower .intro * {
        color: #0e65a3;
        font-size: 14px;
        text-align: center;
        max-width: 300px; }
      .featurevakken2024 .card .paddedcontent_lower .checkboxes ul {
        padding: 0; }
        .featurevakken2024 .card .paddedcontent_lower .checkboxes ul li {
          list-style: none;
          margin: 0 20px;
          padding-bottom: 10px !important;
          text-indent: -27px;
          margin-left: 54px;
          font-size: 13px;
          padding-bottom: 5px !important; }
          .featurevakken2024 .card .paddedcontent_lower .checkboxes ul li:before {
            font-family: FontAwesome;
            content: "\f00c  ";
            color: #2AC76B;
            font-size: 13px;
            padding: 0;
            margin: 0;
            margin-right: 10px; }
    @media (min-width: 450px) {
      .featurevakken2024 .card .paddedcontent_lower {
        padding: 45px 50px;
        padding-top: 0;
        padding-bottom: 0; } }
    .featurevakken2024 .card .knoppen {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 20px 0 20px 0;
      flex-wrap: wrap; }
      .featurevakken2024 .card .knoppen p {
        margin: 0;
        padding: 0; }
      .featurevakken2024 .card .knoppen div {
        min-height: 60px; }
        .featurevakken2024 .card .knoppen div a {
          border: solid 2px #fe5000;
          border-radius: 5px;
          border-radius: 10px;
          border-radius: 40px;
          padding: 10px 16px;
          color: #000;
          cursor: pointer;
          font-family: 'Poppins', sans-serif;
          font-size: 14px !important;
          font-weight: normal !important;
          display: inline-block;
          margin: 10px; }
          .featurevakken2024 .card .knoppen div a:not(:first-child) {
            margin-left: 10px; }
          .featurevakken2024 .card .knoppen div a, .featurevakken2024 .card .knoppen div a * {
            text-decoration: none;
            font-weight: bold !important; }
        .featurevakken2024 .card .knoppen div:first-child a {
          background: #fe5000;
          color: #fff; }
        .featurevakken2024 .card .knoppen div:not(:first-child) a {
          background: transparent;
          border-color: #000;
          border-color: #fe5000;
          color: #fe5000; }
      @media (min-width: 450px) {
        .featurevakken2024 .card .knoppen {
          flex-direction: row; }
          .featurevakken2024 .card .knoppen div {
            min-height: 0; } }
      @media (min-width: 900px) {
        .featurevakken2024 .card .knoppen {
          margin: 35px 0 25px 0; } }
    @media (min-width: 900px) {
      .featurevakken2024 .card .paddedcontent_upper {
        padding: 45px 50px;
        padding-bottom: 0; }
      .featurevakken2024 .card .hostingtype {
        max-width: none;
        font-size: 18px; }
      .featurevakken2024 .card .ballontekst {
        top: -25px;
        left: -35px; } }
  @media (min-width: 900px) {
    .featurevakken2024 .card {
      flex: 1 1 0;
      width: 0; } }
  .featurevakken2024:has(.card:nth-child(4)) .knoppen {
    flex-direction: column !important; }
    .featurevakken2024:has(.card:nth-child(4)) .knoppen div {
      min-height: 60px; }
  .featurevakken2024:has(.card:nth-child(4)) .card .knoppen {
    flex-direction: column; }
  @media (max-width: 1200px) {
    .featurevakken2024:has(.card:nth-child(3)) .paddedcontent_lower .knoppen {
      flex-direction: column !important; }
      .featurevakken2024:has(.card:nth-child(3)) .paddedcontent_lower .knoppen div {
        min-height: 60px; } }

.featurevakken2024small {
  display: flex;
  flex-direction: column;
    /*display: grid;
	gap: 15px;
    grid-template-columns: 1fr;
    padding:15px;*/ }
  .featurevakken2024small .card {
    margin: 8px;
    border: solid 1px #bbb;
    border-radius: 10px;
    padding: 30px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .featurevakken2024small .card * {
      text-align: center; }
    .featurevakken2024small .card .naam {
      color: #2a353d;
      font-weight: bold;
      font-size: 20px; }
    .featurevakken2024small .card .intro {
      font-size: 14px; }
    .featurevakken2024small .card .prijs {
      font-weight: bold;
      margin: 15px 0; }
      .featurevakken2024small .card .prijs, .featurevakken2024small .card .prijs * {
        color: #0e65a3; }
      .featurevakken2024small .card .prijs p {
        margin: 0;
        padding: 0; }
    .featurevakken2024small .card .extra {
      font-size: 14px; }
  @media (min-width: 900px) {
    .featurevakken2024small {
      flex-direction: row;
      align-items: stretch; }
      .featurevakken2024small .card {
        padding: 45px 30px 30px 30px; } }
  @media (min-width: 1200px) {
    .featurevakken2024small {
      grid-template-columns: 1fr 1fr 1fr 1fr; } }

.featurevakken2024small2 {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
  padding: 15px; }
  .featurevakken2024small2 .card {
    border: solid 1px #bbb;
    border-radius: 10px;
    padding: 30px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .featurevakken2024small2 .card * {
      text-align: center; }
    .featurevakken2024small2 .card .icon {
      height: 60px; }
    .featurevakken2024small2 .card .naam {
      color: #2a353d;
      font-weight: bold;
      font-size: 20px; }
    .featurevakken2024small2 .card .intro {
      font-size: 14px; }
    .featurevakken2024small2 .card .prijs {
      font-weight: bold;
      margin: 15px 0;
      margin-bottom: 0; }
      .featurevakken2024small2 .card .prijs, .featurevakken2024small2 .card .prijs * {
        color: #0e65a3; }
      .featurevakken2024small2 .card .prijs p {
        margin: 0;
        padding: 0; }
    .featurevakken2024small2 .card .meerinfo p {
      margin: 0;
      padding: 0; }
    .featurevakken2024small2 .card .meerinfo a {
      font-size: 14px;
      text-decoration: none;
      color: #fe5000;
      font-weight: bold; }
  @media (min-width: 900px) {
    .featurevakken2024small2 {
      grid-template-columns: 1fr 1fr; }
      .featurevakken2024small2 .card {
        padding: 35px 20px 30px 20px; } }
  @media (min-width: 1200px) {
    .featurevakken2024small2 {
      grid-template-columns: 1fr 1fr 1fr; } }

.vergelijkingstabel2024 {
  margin: 20px 0;
  border: solid 1px #eee; }
  .vergelijkingstabel2024 .uitklapperholder .uitklapper {
    font-weight: bold;
    font-size: 20px;
    cursor: pointer; }
  .vergelijkingstabel2024 .collapsablecontent {
    /*display: none;
    &.contentexpanded {
        display: block;
    }*/
    transition: all 0.5s ease; }
    .vergelijkingstabel2024 .collapsablecontent:not(.contentexpanded) {
      height: 0px;
      opacity: 0;
      overflow: hidden; }
    .vergelijkingstabel2024 .collapsablecontent .row {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      border-bottom: solid 1px #eee; }
      .vergelijkingstabel2024 .collapsablecontent .row.header {
        background: #008cc5; }
        .vergelijkingstabel2024 .collapsablecontent .row.header, .vergelijkingstabel2024 .collapsablecontent .row.header * {
          color: #fff; }
      .vergelijkingstabel2024 .collapsablecontent .row .cell {
        text-align: center;
        padding: 15px;
        font-size: 13px; }
        .vergelijkingstabel2024 .collapsablecontent .row .cell:first-child {
          text-align: left; }
        .vergelijkingstabel2024 .collapsablecontent .row .cell p {
          margin: 0;
          padding: 0; }
        .vergelijkingstabel2024 .collapsablecontent .row .cell i {
          font-size: 20px;
          color: #fe5000; }
        .vergelijkingstabel2024 .collapsablecontent .row .cell i.tooltip {
          cursor: pointer;
          color: #008cc5;
          position: relative;
          z-index: 5555; }
          .vergelijkingstabel2024 .collapsablecontent .row .cell i.tooltip div {
            display: none;
            position: absolute;
            bottom: 0;
            margin-bottom: 23px;
            left: 50%;
            margin-left: -30px;
            /*left: 40px;
            top:-60px;*/
            width: 300px;
            height: auto;
            background: #fff;
            border: solid 2px #008cc5;
            font-family: "Helvetica Neue", Arial, sans-serif;
            font-weight: normal;
            line-height: 20px;
            font-size: 14px;
            text-align: left;
            border-radius: 4px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
            .vergelijkingstabel2024 .collapsablecontent .row .cell i.tooltip div, .vergelijkingstabel2024 .collapsablecontent .row .cell i.tooltip div * {
              color: #008cc5; }
            .vergelijkingstabel2024 .collapsablecontent .row .cell i.tooltip div p {
              padding: 10px; }
          .vergelijkingstabel2024 .collapsablecontent .row .cell i.tooltip:hover div {
            display: block; }
      .vergelijkingstabel2024 .collapsablecontent .row:not(.header) .cell:nth-child(even) {
        background: #fdfaf3; }
  .vergelijkingstabel2024.met5kolom .row .cell {
    width: 15%; }
    .vergelijkingstabel2024.met5kolom .row .cell:first-child {
      width: 40%; }
  .vergelijkingstabel2024.met3kolom .row .cell {
    width: 25%; }
    .vergelijkingstabel2024.met3kolom .row .cell:first-child {
      width: 50%; }
  .vergelijkingstabel2024.met2kolom .row .cell {
    width: 25%; }
    .vergelijkingstabel2024.met2kolom .row .cell:first-child {
      width: 75%; }

ul.faq {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.faq li {
    margin: 20px 0;
    border-radius: 7px;
    transition: all 0.25s ease;
    padding: 10px;
    display: flex;
    align-items: start; }
    @media (min-width: 900px) {
      ul.faq li {
        padding: 25px; } }
    ul.faq li .arrow {
      margin-right: 20px;
      width: 30px;
      height: 30px;
      min-width: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 25px;
      background: #fff;
      box-shadow: 0 0 7px rgba(0, 0, 0, 0.03); }
      ul.faq li .arrow i {
        font-size: 17px;
        cursor: pointer;
        transition: all 0.25s ease; }
    ul.faq li .content .vraag {
      font-weight: bold; }
    ul.faq li .content .antwoord {
      height: auto;
      overflow: hidden; }
      ul.faq li .content .antwoord p {
        margin: 12px 0; }
        ul.faq li .content .antwoord p:last-child {
          margin-bottom: 0; }
    ul.faq li.collapsed {
      background: #fbfbfb; }
      ul.faq li.collapsed .arrow i {
        transform: rotate(180deg); }
      ul.faq li.collapsed .vraag {
        font-weight: normal;
        cursor: pointer; }
      ul.faq li.collapsed .content .antwoord {
        height: 0; }
    ul.faq li:not(.collapsed) {
      background: #008cc5; }
      ul.faq li:not(.collapsed) .vraag, ul.faq li:not(.collapsed) .content * {
        color: #fff; }

.vakjesmettitelbalk {
  padding: 10px;
  display: grid;
  gap: 20px;
  justify-content: center; }
  .vakjesmettitelbalk .item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin: 0 auto; }
    .vakjesmettitelbalk .item .title {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 60px;
      background: #0e65a3;
      text-align: center; }
      .vakjesmettitelbalk .item .title, .vakjesmettitelbalk .item .title * {
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        margin: 0;
        padding: 0 25px;
        color: #fff !important; }
    .vakjesmettitelbalk .item .content {
      background: #fff;
      padding: 0 25px; }
      .vakjesmettitelbalk .item .content, .vakjesmettitelbalk .item .content * {
        text-align: center; }
  @media (min-width: 600px) {
    .vakjesmettitelbalk {
      padding: 40px; } }
  @media (min-width: 900px) {
    .vakjesmettitelbalk {
      grid-template-columns: repeat(auto-fit, minmax(0, 336px)); }
      .vakjesmettitelbalk .item {
        max-width: 336px; } }

.meerBlogsButton {
  cursor: pointer; }

.blogitems {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr; }
  .blogitems .knop {
    cursor: pointer; }
  @media (min-width: 900px) {
    .blogitems {
      gap: 20px;
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1325px) {
    .blogitems {
      gap: 45px; } }
  @media (min-width: 1325px) {
    .blogitems {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 900px) {
    .blogitems .paging {
      grid-column-start: span 2; } }
  @media (min-width: 1325px) {
    .blogitems .paging {
      grid-column-start: span 3; } }

.blog_item {
  cursor: pointer;
  background: #f1f9fc;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 10px; }
  .blog_item .image {
    padding: 10px;
    box-sizing: border-box;
    /*width:40%;
    @media (min-width: $sm) {
        width:30%;
    }
    
    @media (min-width: $lgxl) {
        width:25%;
    }*/ }
    .blog_item .image.asbanner {
      width: 100%;
      box-shadow: none;
      padding: 0;
      margin: 0 !important;
      height: 275px;
      object-fit: cover; }
    .blog_item .image.aslogo {
      width: 100%;
      box-shadow: none;
      padding: 0;
      margin: 0 !important;
      max-height: 275px;
      object-fit: contain;
      object-position: center; }
  .blog_item .logo {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 25px;
    padding-bottom: 0; }
    .blog_item .logo img {
      max-height: 70px; }
  .blog_item .underimage {
    padding: 25px;
    padding-top: 15px;
    position: relative; }
    .blog_item .underimage .badge {
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px 18px;
      border-top-left-radius: 10px;
      margin-top: -28px;
      background: #f1f9fc;
      font-size: 12px;
      color: #033855; }
    .blog_item .underimage .title {
      text-decoration: none;
      font-family: 'HelveticaNeueW01-45Ligh',Helvetica,Arial,sans serif;
      font-size: 24px;
      display: block;
      margin: 0;
      margin-top: 10px;
      color: #033855;
      font-weight: bold; }
    .blog_item .underimage .metaregel {
      color: #888;
      font-size: 12px; }
    .blog_item .underimage .formholder {
      margin-top: 20px;
      display: none;
      margin-bottom: 20px; }
      .blog_item .underimage .formholder .pure-control-group:last-child {
        margin-bottom: 0; }
  .blog_item .onderstedeel {
    margin-top: auto;
    display: flex;
    flex-direction: row-reverse; }
    .blog_item .onderstedeel .leesmeerlink {
      width: 45px;
      height: 45px;
      background: url("/assets/gfx/icon_leesmeerrond.png") center center no-repeat;
      background-size: contain;
      display: block !important;
      margin: -30px  20px 20px 20px !important; }
  @media (min-width: 1325px) {
    .blog_item:nth-child(5) {
      grid-column-start: span 2; } }
  .blog_item .underimage a.reacties_uitklapper {
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px !important;
    color: #fe5000; }
  .blog_item .underimage blockquote {
    background: #eff1f3;
    margin: 20px 0 20px 0;
    border-left: solid 5px #008cc5;
    color: #4b4650 !important;
    padding: 20px 20px; }
    .blog_item .underimage blockquote, .blog_item .underimage blockquote * {
      font-size: 20px;
      line-height: 25px; }
      @media (min-width: 1024px) {
        .blog_item .underimage blockquote, .blog_item .underimage blockquote * {
          font-size: 24px;
          line-height: 30px; } }
    .blog_item .underimage blockquote p {
      margin: 0; }
    .blog_item .underimage blockquote.vraag {
      border-left-color: green; }
    .blog_item .underimage blockquote.opmerking {
      border-left-color: #fe5000; }
    .blog_item .underimage blockquote, .blog_item .underimage blockquote * {
      font-size: 16px !important; }
  .blog_item .underimage .reacties {
    display: none; }
    .blog_item .underimage .reacties .reactie {
      padding: 20px;
      background: #eff1f3;
      margin-bottom: 20px; }
      .blog_item .underimage .reacties .reactie .blog_reageerder {
        font-weight: bold; }
      .blog_item .underimage .reacties .reactie a.blog_reactie_verwijderknop {
        cursor: pointer; }

ul.pageList {
  padding: 0 !important; }
  ul.pageList li {
    list-style: none;
    display: inline-block; }
    ul.pageList li a {
      /*display:block;float:left;*/
      display: inline-block;
      height: 45px;
      /* incl border want border-box! */
      line-height: 41px;
      padding: 0 22px 0 22px;
      margin-right: 10px;
      border-radius: 2px;
      font-family: "HelveticaNeueW01-75Bold", Helvetica,Arial,sans serif;
      font-size: 18px;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      border: solid 2px #fe5000; }
      ul.pageList li a.active {
        background: #fe5000;
        color: #fff; }

.kolomvlak {
  background: #fbfbfb;
  border: solid 1px #eff1f3;
  border-radius: 10px;
  padding: 15px; }
  .kolomvlak:not(:last-child) {
    margin-bottom: 25px; }
  .kolomvlak h3 {
    color: #2a353d; }
  .kolomvlak ul {
    padding-left: 0 !important;
    list-style: none !important; }

.vergelijkingstabel2025 {
  border: solid 1px #eee;
  border-top: none; }
  .vergelijkingstabel2025:not(:last-child) {
    border-bottom: none; }
  .vergelijkingstabel2025 .tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    font-size: 13px;
    background: #fff;
    margin-left: -1px;
    padding-right: 1px;
    margin-right: -1px; }
    @media (min-width: 600px) {
      .vergelijkingstabel2025 .tabs {
        grid-template-columns: 2fr 1fr 1fr 1fr; } }
    @media (min-width: 1200px) {
      .vergelijkingstabel2025 .tabs {
        grid-template-columns: 806fr 179fr 179fr 179fr; } }
    .vergelijkingstabel2025 .tabs div:not(.spacer) {
      border: solid 2px #033855;
      border-bottom: none;
      border-top-left-radius: 13px;
      border-top-right-radius: 13px;
      background: #fff;
      color: #000;
      text-align: center;
      padding: 10px; }
      .vergelijkingstabel2025 .tabs div:not(.spacer):not(:last-child) {
        margin-right: -2px; }
      @media (min-width: 900px) {
        .vergelijkingstabel2025 .tabs div:not(.spacer) {
          font-size: 16px;
          font-weight: bold; } }
  .vergelijkingstabel2025 .hoofdkop {
    background: #0f65a3;
    background: #033855;
    margin: 0;
    padding: 10px; }
    .vergelijkingstabel2025 .hoofdkop, .vergelijkingstabel2025 .hoofdkop * {
      color: #fff;
      font-size: 18px;
      font-weight: bold; }
    .vergelijkingstabel2025 .hoofdkop .uitklapper {
      cursor: pointer;
      margin-right: 5px; }
  .vergelijkingstabel2025 .tabel {
    transition: all 0.5s ease;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: hidden; }
    .vergelijkingstabel2025 .tabel.contentcollapsed {
      height: 0px;
      opacity: 0;
      overflow: hidden; }
    @media (min-width: 600px) {
      .vergelijkingstabel2025 .tabel {
        grid-template-columns: 2fr 1fr 1fr 1fr; } }
    @media (min-width: 1200px) {
      .vergelijkingstabel2025 .tabel {
        grid-template-columns: 806fr 179fr 179fr 179fr; } }
    .vergelijkingstabel2025 .tabel .cell {
      border-bottom: solid 1px #eee;
      padding: 10px;
      padding: 7px;
      min-height: 64px;
      display: flex;
      align-items: center; }
      .vergelijkingstabel2025 .tabel .cell.omschrijvingcell {
        justify-content: start; }
        .vergelijkingstabel2025 .tabel .cell.omschrijvingcell a {
          color: #fe5000;
          text-decoration: none; }
      .vergelijkingstabel2025 .tabel .cell.checkcell {
        justify-content: center;
        flex-direction: column;
        font-size: 13px;
        text-align: center; }
        .vergelijkingstabel2025 .tabel .cell.checkcell .textenuitleg p {
          margin: 0; }
          .vergelijkingstabel2025 .tabel .cell.checkcell .textenuitleg p.iconernaast {
            display: inline; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_2 {
        grid-row-start: span 2; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_3 {
        grid-row-start: span 3; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_4 {
        grid-row-start: span 4; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_5 {
        grid-row-start: span 5; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_6 {
        grid-row-start: span 6; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_7 {
        grid-row-start: span 7; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_8 {
        grid-row-start: span 8; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_9 {
        grid-row-start: span 9; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_10 {
        grid-row-start: span 10; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_11 {
        grid-row-start: span 11; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_12 {
        grid-row-start: span 12; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_13 {
        grid-row-start: span 13; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_14 {
        grid-row-start: span 14; }
      .vergelijkingstabel2025 .tabel .cell.spanrows_15 {
        grid-row-start: span 15; }
      .vergelijkingstabel2025 .tabel .cell:empty {
        display: none; }
      .vergelijkingstabel2025 .tabel .cell:nth-child(even) {
        background: #f9f9f9; }
      .vergelijkingstabel2025 .tabel .cell.isheader {
        background: #008cc5; }
        .vergelijkingstabel2025 .tabel .cell.isheader, .vergelijkingstabel2025 .tabel .cell.isheader * {
          color: #fff; }
      .vergelijkingstabel2025 .tabel .cell i {
        font-size: 20px;
        color: #fe5000; }
      .vergelijkingstabel2025 .tabel .cell i.tooltip {
        margin-left: 5px;
        cursor: pointer;
        color: #008cc5;
        position: relative;
        z-index: 5555; }
        .vergelijkingstabel2025 .tabel .cell i.tooltip div {
          display: none;
          position: absolute;
          bottom: 0;
          margin-bottom: 23px;
          z-index: 65535;
          /*left: 40px;
          top:-60px;*/
          width: 300px;
          height: auto;
          background: #fff;
          border: solid 2px #008cc5;
          font-family: "Helvetica Neue", Arial, sans-serif;
          font-weight: normal;
          line-height: 20px;
          font-size: 14px;
          text-align: left;
          border-radius: 4px;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
          .vergelijkingstabel2025 .tabel .cell i.tooltip div, .vergelijkingstabel2025 .tabel .cell i.tooltip div * {
            color: #008cc5; }
          .vergelijkingstabel2025 .tabel .cell i.tooltip div p {
            padding: 10px;
            margin: 0; }
        .vergelijkingstabel2025 .tabel .cell i.tooltip.openright div {
          left: 50%;
          margin-left: -30px; }
        .vergelijkingstabel2025 .tabel .cell i.tooltip.openleft div {
          right: 50%;
          margin-right: -30px; }
        .vergelijkingstabel2025 .tabel .cell i.tooltip:hover div {
          display: block; }
      .vergelijkingstabel2025 .tabel .cell.debug {
        background: rgba(255, 0, 0, 0.1) !important;
        border: solid 1px red; }
  @media (min-width: 1200px) {
    .vergelijkingstabel2025 .tabs div:not(.spacer) {
      width: 200px; }
    .vergelijkingstabel2025 .tabel .checkcell {
      width: 200px; } }

.actadvantageusps .items_mobileversion .item .content .text h3, .actadvantageusps .items_desktopversion .left .text h3 {
  color: #033855 !important;
  font-size: 40px;
  font-weight: bold; }
.actadvantageusps .items_mobileversion .item .content .text p, .actadvantageusps .items_desktopversion .left .text p {
  font-size: 18px; }
.actadvantageusps .items_mobileversion .item {
  overflow: hidden;
  border: solid 1px #033855; }
  .actadvantageusps .items_mobileversion .item:not(:last-child) {
    border-bottom: 0; }
  .actadvantageusps .items_mobileversion .item .title {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff;
    padding: 15px 20px; }
    .actadvantageusps .items_mobileversion .item .title, .actadvantageusps .items_mobileversion .item .title * {
      color: #033855; }
    .actadvantageusps .items_mobileversion .item .title h3 {
      margin: 0;
      padding: 0;
      font-size: 18px;
      font-weight: bold; }
  .actadvantageusps .items_mobileversion .item .content {
    transition: all 0.25s ease;
    max-height: 0;
    overflow: hidden; }
    .actadvantageusps .items_mobileversion .item .content .image {
      text-align: center; }
      .actadvantageusps .items_mobileversion .item .content .image img {
        max-width: 100%; }
    .actadvantageusps .items_mobileversion .item .content .text {
      text-align: center;
      padding: 20px 30px; }
  .actadvantageusps .items_mobileversion .item .icon {
    display: none; }
  .actadvantageusps .items_mobileversion .item.active .title {
    background: #008cc5; }
    .actadvantageusps .items_mobileversion .item.active .title, .actadvantageusps .items_mobileversion .item.active .title * {
      color: #fff; }
  .actadvantageusps .items_mobileversion .item.active .content {
    max-height: 1000px; }
@media (min-width: 1325px) {
  .actadvantageusps .items_mobileversion {
    display: none; } }
.actadvantageusps .items_desktopversion {
  display: none; }
  @media (min-width: 1325px) {
    .actadvantageusps .items_desktopversion {
      display: flex;
      align-items: center;
      justify-content: center; } }
  .actadvantageusps .items_desktopversion .left {
    opacity: 0;
    transform: translateX(-150px);
    width: 50%; }
    .actadvantageusps .items_desktopversion .left.transition-active {
      transition: all 0.5s ease; }
    .actadvantageusps .items_desktopversion .left.slidedin {
      opacity: 1;
      transform: translateX(0); }
    .actadvantageusps .items_desktopversion .left .title {
      display: none; }
    .actadvantageusps .items_desktopversion .left img {
      max-width: 100%; }
    .actadvantageusps .items_desktopversion .left .text h3 {
      font-size: 28px;
      font-weight: bold;
      color: #033855; }
    .actadvantageusps .items_desktopversion .left .icon {
      display: none; }
  .actadvantageusps .items_desktopversion .right {
    width: 50%;
    max-width: 700px;
    height: 720px;
    position: relative; }
    .actadvantageusps .items_desktopversion .right .sun {
      width: 197px;
      height: 197px;
      position: absolute;
      right: 0;
      top: 260px; }
    .actadvantageusps .items_desktopversion .right .item {
      position: absolute;
      display: flex;
      align-items: center;
      cursor: pointer; }
      .actadvantageusps .items_desktopversion .right .item:nth-child(1) {
        right: 90px;
        top: 100px; }
      .actadvantageusps .items_desktopversion .right .item:nth-child(2) {
        right: 185px;
        top: 195px; }
      .actadvantageusps .items_desktopversion .right .item:nth-child(3) {
        right: 230px;
        top: 315px; }
      .actadvantageusps .items_desktopversion .right .item:nth-child(4) {
        right: 185px;
        top: 435px; }
      .actadvantageusps .items_desktopversion .right .item:nth-child(5) {
        right: 90px;
        top: 530px; }
      .actadvantageusps .items_desktopversion .right .item .title, .actadvantageusps .items_desktopversion .right .item .title * {
        font-size: 21px;
        font-weight: bold;
        color: #033855; }
      .actadvantageusps .items_desktopversion .right .item .content {
        display: none; }
      .actadvantageusps .items_desktopversion .right .item .icon {
        display: block;
        border-radius: 99999px;
        width: 95px;
        height: 95px;
        margin-left: 20px;
        transition: all 0.45s ease;
        border: solid 5px transparent !important; }
      .actadvantageusps .items_desktopversion .right .item.active .icon, .actadvantageusps .items_desktopversion .right .item:hover .icon {
        border-color: #0fffff !important; }

.cb_opsomming_icon_wysiwyg {
  margin: 20px 0;
  margin-top: 40px; }
  .cb_opsomming_icon_wysiwyg .item {
    display: flex;
    align-items: start;
    margin: 10px 0; }
    .cb_opsomming_icon_wysiwyg .item h3, .cb_opsomming_icon_wysiwyg .item h4, .cb_opsomming_icon_wysiwyg .item h5, .cb_opsomming_icon_wysiwyg .item h6, .cb_opsomming_icon_wysiwyg .item h7 {
      font-size: 20px;
      font-weight: bold;
      color: #033855;
      margin: 0; }
    .cb_opsomming_icon_wysiwyg .item img {
      width: 64px;
      margin-right: 20px; }

.cb_nieuwinact_2025 {
  padding: 10px;
  display: grid;
  gap: 20px;
  justify-content: center; }
  .cb_nieuwinact_2025 .item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
    .cb_nieuwinact_2025 .item .image {
      height: 225px;
      background: #f1f9fc;
      border: solid 20px #fff;
      padding: 20px;
      overflow: hidden;
      /* voorkomt dat de image erbuiten valt */
      display: flex;
      /* optioneel, als je centreren wil */
      align-items: center;
      justify-content: center; }
      .cb_nieuwinact_2025 .item .image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block; }
    .cb_nieuwinact_2025 .item .text {
      padding: 20px;
      padding-top: 0; }
      .cb_nieuwinact_2025 .item .text, .cb_nieuwinact_2025 .item .text * {
        text-align: center; }
      .cb_nieuwinact_2025 .item .text h3, .cb_nieuwinact_2025 .item .text h4, .cb_nieuwinact_2025 .item .text h5, .cb_nieuwinact_2025 .item .text h6, .cb_nieuwinact_2025 .item .text h7 {
        font-size: 24px;
        font-weight: 600;
        color: #033855;
        margin: 0; }
    .cb_nieuwinact_2025 .item .button {
      margin-top: auto;
      display: flex;
      justify-content: center;
      padding: 30px 20px;
      padding-top: 0; }
      .cb_nieuwinact_2025 .item .button .pure-button {
        margin: 0;
        width: auto;
        border-color: #fe5000;
        color: #fe5000;
        font-weight: bold !important; }
  @media (min-width: 600px) {
    .cb_nieuwinact_2025 {
      padding: 40px; } }
  @media (min-width: 900px) {
    .cb_nieuwinact_2025 {
      grid-template-columns: repeat(auto-fit, minmax(0, 336px)); }
      .cb_nieuwinact_2025 .item {
        max-width: 336px; } }

.cb_vakjes_iconandwysiwyg {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr; }
  @media (min-width: 900px) {
    .cb_vakjes_iconandwysiwyg {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1200px) {
    .cb_vakjes_iconandwysiwyg {
      gap: 20px;
      grid-template-columns: 1fr 1fr 1fr; } }
  .cb_vakjes_iconandwysiwyg .item {
    padding: 32px 15px;
    border-radius: 22px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: start;
    border-radius: 12px; }
    .cb_vakjes_iconandwysiwyg .item img {
      width: 68px;
      margin-right: 15px; }
    .cb_vakjes_iconandwysiwyg .item .content h3, .cb_vakjes_iconandwysiwyg .item .content h4, .cb_vakjes_iconandwysiwyg .item .content h5, .cb_vakjes_iconandwysiwyg .item .content h6 {
      font-size: 20px;
      font-weight: bold;
      color: #033855;
      margin: 0; }
    .cb_vakjes_iconandwysiwyg .item .content p, .cb_vakjes_iconandwysiwyg .item .content ul {
      margin: 10px 0; }
    .cb_vakjes_iconandwysiwyg .item .content p:last-child, .cb_vakjes_iconandwysiwyg .item .content ul:last-child {
      margin-bottom: 0; }
    .cb_vakjes_iconandwysiwyg .item .content a {
      color: #fe5000;
      text-decoration: none; }
    .cb_vakjes_iconandwysiwyg .item .content ul {
      padding: 0;
      margin-left: 24px; }
      .cb_vakjes_iconandwysiwyg .item .content ul li::marker {
        color: #fe5000; }
      .cb_vakjes_iconandwysiwyg .item .content ul li, .cb_vakjes_iconandwysiwyg .item .content ul li * {
        font-size: 14px; }

.toplogocontactholder {
  display: none;
  z-index: 65535; }
  @media (min-width: 1200px) {
    .toplogocontactholder {
      top: 0;
      padding: 0 15px;
      display: flex;
      justify-content: center;
      margin-bottom: -103px; } }
  @media (min-width: 1200px) and (min-width: 1325px) {
    .toplogocontactholder {
      padding: 0 60px; } }
  @media (min-width: 1200px) {
      .toplogocontactholder .toplogocontactholder_inner {
        width: 1280px;
        display: flex;
        justify-content: space-between; }
        .toplogocontactholder .toplogocontactholder_inner .probeergratisbutton {
          margin-top: 20px; }
          .toplogocontactholder .toplogocontactholder_inner .probeergratisbutton .pure-button {
            padding: 8px 16px !important; } }

.logocontact {
  width: 300px;
  width: 250px;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px 0px; }
  .logocontact .logoholder {
    display: block;
    padding: 8px 15px 5px 15px; }
    .logocontact .logoholder img {
      width: 100%; }
      .logocontact .logoholder img.whiteLogo {
        display: none; }
  .logocontact .contactholder {
    background: #eff1f3 !important;
    padding: 15px;
    border-top: solid 1px #dddddd;
    display: flex;
    justify-content: space-between; }
    .logocontact .contactholder a {
      font-family: 'Lato',Helvetica,Arial,sans-serif;
      text-decoration: none; }
      .logocontact .contactholder a, .logocontact .contactholder a * {
        color: #5d5d5d;
        font-size: 13px; }
      .logocontact .contactholder a i {
        margin-right: 3px; }

body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact {
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: none;
  box-shadow: none; }
  body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder, body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder * {
    /*display: none;
    @include easing();*/
    /*
    img.whiteLogo {
    	display:inline;
    }
    img.normalLogo {
    	display:none;
    }*/
    padding: 3px 0;
    height: 50px; }
    body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder img, body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .logoholder * img {
      height: 100%;
      width: auto; }
  body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .logocontact .contactholder {
    display: none;
    /*margin:0;
    padding:10px 15px;*/ }
body.smallermenubar4scrolling .toplogocontactholder .toplogocontactholder_inner .probeergratisbutton {
  margin-top: 0;
  display: flex;
  align-items: center; }

/*
.toplogocontact {

	display:block;
	width:200px;
	background:#fff;

	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;

	img {
		width:100%;
		display:block;
		margin:5px;
	}

	.contact {
		width:100%;
		background: $color_lightgrey !important;
		height:200px;
		i {
			font-family: FontAwesome;
		}
	}
	
}*/
.searchbar_universal {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 30px; }
  .searchbar_universal input {
    border: solid 1px #bbb;
    border-radius: 5px;
    padding: 5px 15px;
    padding-left: 30px; }
  .searchbar_universal .searchbutton {
    margin-right: -22px;
    z-index: 2; }
    .searchbar_universal .searchbutton i {
      font-size: 13px; }

.termsfeed-com---nb-interstitial-overlay {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .termsfeed-com---nb-interstitial-overlay.visible {
    opacity: 1; }
  .termsfeed-com---nb-interstitial-overlay #termsfeed-com---nb {
    box-sizing: border-box;
    position: relative;
    width: 80%; }
    @media (min-width: 1200px) {
      .termsfeed-com---nb-interstitial-overlay #termsfeed-com---nb {
        width: 50% !important; } }
    @media (min-width: 1600px) {
      .termsfeed-com---nb-interstitial-overlay #termsfeed-com---nb {
        width: 40% !important; } }
    .termsfeed-com---nb-interstitial-overlay #termsfeed-com---nb .cc-nb-buttons-container button {
      border: solid 2px #fe5000;
      border-radius: 5px;
      border-radius: 10px;
      border-radius: 40px;
      padding: 10px 16px;
      color: #000;
      cursor: pointer;
      font-family: 'Poppins', sans-serif;
      font-size: 14px !important;
      font-weight: normal !important;
      border: solid 2px transparent !important;
      background: #fe5000;
      color: #fff; }
      .termsfeed-com---nb-interstitial-overlay #termsfeed-com---nb .cc-nb-buttons-container button:not(:first-child) {
        margin-left: 10px; }
      .termsfeed-com---nb-interstitial-overlay #termsfeed-com---nb .cc-nb-buttons-container button.cc-nb-reject {
        background: none;
        border-color: #000 !important;
        color: #000; }
      .termsfeed-com---nb-interstitial-overlay #termsfeed-com---nb .cc-nb-buttons-container button.cc-nb-changep {
        background: #008cc5; }

.termsfeed-com---pc-dialog .cc-pc-container .cc-cp-foot-button button {
  border: solid 2px #fe5000;
  border-radius: 5px;
  border-radius: 10px;
  border-radius: 40px;
  padding: 10px 16px;
  color: #000;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-size: 14px !important;
  font-weight: normal !important;
  border: solid 2px transparent !important;
  background: #fe5000;
  color: #fff; }
  .termsfeed-com---pc-dialog .cc-pc-container .cc-cp-foot-button button:not(:first-child) {
    margin-left: 10px; }

/*# sourceMappingURL=styles.css.map */