/*
Theme Name: Roteck
Version: 1.0.0
Author: Maatwerk Online
Author URI: https://www.maatwerkonline.nl
Description: Website by Maatwerk Online
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onlinemarketingnl
Domain Path: /languages
*/

/*-----------------------------------------------------------------*/
/* Reset
/*-----------------------------------------------------------------*/
html {
  font-size: 16px;
}

body {
	color: #43464b;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 2;
}

body.page-template-page-leadpage {
	padding-top: 0;
}

#page {
  padding-top: 80px;
}

.hidden {
	display: none;
}

.parameter-visibility {
	display: none;
}

.bg-white {
	background-color: #fff !important;
}

#wpadminbar {
    position: fixed !important;
}

.admin-bar .fixed-top {
	top: 32px !important;
}
@media (max-width: 782px) {
	.admin-bar .fixed-top {
		top: 46px !important;
	}
}

.clear {
	clear:both;
}

.clear-right {
	clear:right;
}

.clear-left {
	clear:left;
}

p{
	margin-bottom: 2rem;
}

.text-muted {
  color: #bbb !important;
}

.text-normal {
  color: #43464b!important;
}

.content .badge {
  padding: 7px;
}

a > i.ml-1,
a > i.ml-2,
a > i.ml-3,
a > i.ml-4,
a > i.ml-5,
a > i.right{
	position: relative;
  top: 5px;
	left: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a:hover > i.ml-1,
a:hover > i.ml-2,
a:hover > i.ml-3,
a:hover > i.ml-4,
a:hover > i.ml-5,
a:hover > i.right{
	left: 5px;
}

a > i.mr-1,
a > i.mr-2,
a > i.mr-3,
a > i.mr-4,
a > i.mr-5,
a > i.left{
	position: relative;
	right: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
a:hover > i.mr-1,
a:hover > i.mr-2,
a:hover > i.mr-3,
a:hover > i.mr-4,
a:hover > i.mr-5,
a:hover > i.left{
	right: 5px;
}

a.text-normal:hover {
	color: #ff6600!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
	font-weight: 600;
	line-height: 1.5;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6{
	font-weight: 600;
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
.h1 p,
.h2 p,
.h3 p,
.h4 p,
.h5 p,
.h6 p{
	margin-bottom: 0;
}

@media (max-width:992px){
	.display-1 {
		font-size: 3.5rem;
	}
}

b, strong, .strong {
    font-weight: 600;
}

.extra-small, extra-small {
    font-size: 50%;
    font-weight: 400;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fs-1 {
  font-size: 1rem;
}

.fs-2 {
  font-size: 2rem;
}

.fs-3 {
  font-size: 3rem;
}

.fs-4 {
  font-size: 4rem;
}

.fs-5 {
  font-size: 5rem;
}

.fs-6 {
  font-size: 6rem;
}

@media (min-width: 576px) {
	.w-sm-100 {
    	width: 100% !important;
	}
	.w-sm-auto {
    	width: auto !important;
	}
	.h-sm-100 {
    	height: 100% !important;
	}
	.h-sm-auto {
    	height: auto !important;
	}
}

@media (min-width: 768px) {
	.w-md-100 {
    	width: 100% !important;
	}
	.w-md-auto {
    	width: auto !important;
	}
	.h-md-100 {
    	height: 100% !important;
	}
	.h-md-auto {
    	height: auto !important;
	}
}

@media (min-width: 992px) {
	.w-lg-100 {
    	width: 100% !important;
	}
	.w-lg-auto {
    	width: auto !important;
	}
	.h-lg-100 {
    	height: 100% !important;
	}
	.h-lg-auto {
    	height: auto !important;
	}
}

@media (min-width: 1200px) {
	.w-xl-100 {
    	width: 100% !important;
	}
	.w-xl-auto {
    	width: auto !important;
	}
	.h-xl-100 {
    	height: 100% !important;
	}
	.h-xl-auto {
    	height: auto !important;
	}
}

a {
    text-decoration: none;
    position: relative;
}

a:focus,
a:hover {
    text-decoration: none;
}

a.outgoing:before {
	content: "\f14c";
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	z-index: 1040;
	left: 0;
	top: 100%;
	height: 0;
	padding-left: 10px;
	line-height: 20px;
	font-size: 10px;
	display: inline-block;
	color: #fff;
	font-style: normal;
	display: none;
}

a.outgoing:after {
	content: attr(data-target);
	position: absolute;
	z-index: 1040;
	left: 18px;
	top: 100%;
	height: 0;
	padding: 0 10px 0 5px;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	font-style: normal;
	display: none;
}

a.outgoing:hover:before,
a.outgoing:hover:after {
	height: 20px;
	bottom: -20px;
	background: rgba(0, 0, 0, 0.8);
	display: block;
}

[type=reset],
[type=submit],
button,
html [type=button]{
	border-style: solid;
}

.close {
	height: 20px;
	width: 20px;
	position: relative;
	box-sizing: border-box;
	line-height: 20px;
	display: inline-block;
	opacity: 1;
}
.close:before,
.close:after {
	transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	height: 3px;
	width: 20px;
	background-color: #000;
	transition: all 0.25s ease-out;
}
.text-white .close:before,
.text-white .close:after,
.close.text-white:before,
.close.text-white:after {
	background-color: #fff;
}
.close:after {
	transform: rotate(-135deg);
}
.close:hover:before,
.close:hover:after {
	transform: rotate(0deg);
}
.close span {
	display: none;
}

.col-sticky-holder{
	display: flex;
	display: -webkit-flex;
	flex: 1;
	flex-flow: column nowrap;
}

.sticky-holder{
	position: relative;
	/* display: flex; */
    -webkit-flex: 2;
    flex: 2;
}

.sticky{
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 100px;
}

button {
    outline: 0 !important;
}

.btn {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: .75rem 2.8rem;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-sm,
.btn-group-sm >.btn-sm {
	padding: .5rem 1.5rem;
	font-size: inherit;
}

.btn-lg,
.btn-group-lg >.btn, .btn-lg {
	font-size: 20px;
}

.btn.disabled,
.btn:disabled {
	opacity: .25;
}

.btn.loading{
	position: relative;
}
.btn.loading:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: inherit;
    opacity: .8;
    border-radius: .25rem;
 }
.btn.loading:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(images/loader-light.svg) no-repeat center center;
}
.btn-link.loading:after,
.btn-transparent.loading:after{
	background: url(images/loader-dark.svg) no-repeat center center;
}

.sharp {
	border-radius: 0;
}

img,
svg{
	max-width: 100%;
	height: auto;
	margin-bottom: 1rem;
}

section{
	padding: 60px 0;
	border: 0;
}

.skew-top {
	-webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
	margin-top: -65px;
}

.skew-bottom {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	margin-bottom: -65px;
}

.skew-both {
	-webkit-clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
	clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
	margin: -65px 0;
}

.shadow-bottom {
	-webkit-box-shadow: 0px 10px 15px 0px rgba(156,156,156,0.2);
	-moz-box-shadow: 0px 10px 15px 0px rgba(156,156,156,0.2);
	box-shadow: 0px 10px 15px 0px rgba(156,156,156,0.2);
}

.shadow-top {
	-webkit-box-shadow: 0px -10px 15px 0px rgba(156,156,156,0.2);
	-moz-box-shadow: 0px -10px 15px 0px rgba(156,156,156,0.2);
	box-shadow: 0px -10px 15px 0px rgba(156,156,156,0.2);
}

.shadow-both {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(156,156,156,0.4);
	-moz-box-shadow: 0px 0px 30px 0px rgba(156,156,156,0.4);
	box-shadow: 0px 0px 30px 0px rgba(156,156,156,0.4)
}

.rounded-image {
	border-radius: 50%;
}

.overlayed {
    position: relative;
}

.overlayed .container {
    position: relative;
    z-index: 1;
}

.overlayed:before,
.overlayed .slick-slide:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.overlayed:before,
.overlayed .slick-slide:before {
    background: rgba(0, 0, 0, .6);
}

.overlayed.pattern-dotted:before,
.overlayed.pattern-dotted .slick-slide:before {
    background: rgba(95, 96, 97, .5);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMzRERGREYwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMzRERGREUwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMxRTgyODcwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMxRTgyODgwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jXJ0mAAAAF0lEQVR42mJmYGD4D8TnmEEEEDMABBgAGmcCoh16VmUAAAAASUVORK5CYII=');
}

.overlayed.pattern-dotted-2:before,
.overlayed.pattern-dotted-2 .slick-slide:before {
    opacity: .15;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpiZGBg+A8EjECagQnK+A/mMEAAWAYgwADf9ggBN+tpvAAAAABJRU5ErkJggg==');
}

.overlayed.pattern-lined:before,
.overlayed.pattern-lined .slick-slide:before {
    background: rgba(95, 96, 97, .2);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI0MDNENzY2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI0MDNENzc2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjQwM0Q3NDZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjQwM0Q3NTZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrPT1y0AAAASSURBVHjaYmZgYPgPxHoAAQYABU0BMT/72gwAAAAASUVORK5CYII=');
}

.overlayed.pattern-lined-h:before,
.overlayed.pattern-lined-h .slick-slide:before {
    background: rgba(95, 96, 97, .2);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAYSURBVHjaYmZgYPjPzMDAoAcAAAD//wMABl8BNN6Jh64AAAAASUVORK5CYII=');
}

i.right {
    margin-left: 10px;
    float :right;
}

i.left {
    margin-right: 10px;
    float: left;
}

.container{
	width: 95%;
}

@media (min-width:1200px){
	.container{
		width: 1320px;
	}
}

.container-fluid{
	padding: 0;
	overflow: hidden;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
[class^="col-"] {
	border: 0;
}


.list-inline-item.list-icon:not(:last-child) {
    margin-right: 50px;
}
li.list-icon{
    position: relative;
}
li.list-icon > i{
    position: absolute;
    left: -30px;
    top: 9px;
}

.grayscale,
.grayscale-to-color-animation,
.color-to-grayscale-animation:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.grayscale-to-color-animation:hover,
.color-to-grayscale-animation {
	-webkit-filter: none;
	filter: none;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.badge {
  font-weight: 100;
}

svg,
svg image {
  width: 100%;
}

/*-----------------------------------------------------------------*/
/* Image ball part
/*-----------------------------------------------------------------*/
.img-ball {
  display: none;
}
@media only screen and (min-width: 991px) {
  .img-ball {
    display: block;
    position: absolute;
    bottom: 0;
  }
}

.arrow-holder i {
  color: #F29200;
	position: relative;
  bottom: 3px;
}

h5.text-white {
  margin: 0;
}

/*-----------------------------------------------------------------*/
/* Wordpress Core
/*-----------------------------------------------------------------*/
.avatar {
	border-radius: 50%;
	margin-bottom: 0;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption,
.gallery-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.size-full {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	width: calc(100% + 3rem);
	max-width: calc(100% + 3rem);
}

.bypostauthor {
}

/*-----------------------------------------------------------------*/
/* Logged In
/*-----------------------------------------------------------------*/
.logged-in .visible-loggedin,
.hidden-loggedin,
.visible-loggedout,
.logged-in .hidden-loggedout {
    display: inherit !important;
}

.visible-loggedin,
.logged-in .hidden-loggedin,
.logged-in .visible-loggedout,
.hidden-loggedout {
    display: none !important;
}

/*-----------------------------------------------------------------*/
/* Colors
/*-----------------------------------------------------------------*/

.bg-gray {
	background-color: #f5f6f8 !important;
}

.bg-white {
	background-color: #fff !important;
}

.bg-secondary {
	background-color: #232d62 !important;
}

/*-----------------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------------*/
#header {
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45), -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
}

.header-image {
	margin: auto;
	display: block;
	margin-bottom: -20px;
}

/*-----------------------------------------------------------------*/
/* Navbar
/*-----------------------------------------------------------------*/
#menu-mobile-menu > li i {
  font-size: 2rem;
  margin-left: 5px;
  position: relative;
  top: 4px;
}

.navbar {
	font-size: 14px;
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
  width: 100%;
	padding: 0;
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar .navbar-brand img{
	max-height: 60px;
}

@media (max-width: 992px) {
	.navbar .navbar-brand{
		padding: 20px 0;
	}
}

.navbar .navbar-nav .nav-link {
	padding: 1.75rem 1rem;
}

@media (max-width: 1200px) {
	.navbar .navbar-nav .nav-link {
		padding: 1.75rem .5rem;
	}
}

.navbar li:not(.link-btn) .nav-link{
	position: relative;
}

.navbar li:not(.link-btn):not(.coffee) .nav-link:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 35px;
  background: #0D1F61;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.navbar li:not(.link-btn):hover .nav-link:after,
.navbar li:not(.link-btn).active .nav-link:after{
	bottom: 20px;
   	opacity: 1;
}

.navbar.navbar-inverse .nav-item{
	padding: 3px 0;
}

.navbar-nav .btn{
    margin-left: 20px;
}

.navbar-nav.buttons{
	margin-left: 50px;
}

nav > ul {
  margin: 0;
}
nav ul {
  list-style: none;
}

/*-------- Navbar Divider  --------*/
.navbar .navbar-divider{
	height: 20px;
   margin-top: 0.425rem;
   margin-bottom: 0.425rem;
   width: 1px;
}

.navbar-inverse .navbar-divider {
	background-color: #fff;
}

.navbar-light .navbar-divider {
    background-color: #272d63;
}

/*-------- Dropdown  --------*/
.dropdown-menu {
	display: block !important;
	background: rgba(0, 0, 0, 0.8);
	visibility: hidden;
	font-size: 14px;
	border-radius: 0;
	top: 110%;
	opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dropdown-menu:before {
	position: absolute;
	right: 48px;
	top: -6px;
	content: '';
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgba(0, 0, 0, 0.8);
}

.dropdown:hover .dropdown-menu,
.dropdown.hover .dropdown-menu {
	visibility: visible;
	top: 100%;
	opacity: 1;
}

.dropdown-item:focus,
.dropdown-item:hover{
	color: #fff;
	background-color: transparent;
}

.dropdown-item{
	position: relative;
	background-color: transparent !important;
    opacity: 0;
    -webkit-transform: translate(10px, 0) scale(0);
    transform: translate(10px, 0) scale(0);
    -webkit-transition: opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
    transition: opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
    transition: transform 150ms ease-in-out, opacity 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.dropdown:hover .dropdown-item,
.dropdown.hover .dropdown-item {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}

.dropdown-item:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.dropdown-item:nth-child(2) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.dropdown-item:nth-child(3) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.dropdown-item:nth-child(4) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.dropdown-item:nth-child(5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.dropdown-item:nth-child(6) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.dropdown-item:nth-child(7) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.dropdown-item:nth-child(8) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.dropdown-item:nth-child(9) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
}

.dropdown-item:before{
	content: '';
	position: absolute;
	height: 20px;
	width: 3px;
	background: #fff;
	left: 0;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.dropdown-item:hover:before,
.dropdown-item.active:before{
    left: 10px;
    opacity: 1;
}

.dropdown-item a{
	display: block;
	color: #fff;
}

.dropdown-item .title{
	background: transparent !important;
	cursor: default;
	border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
}

.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown.hover .dropdown-menu {
   display: block;
}

/*-------- Mega Menu  --------*/
.navbar ul > li.mega-menu {
	position: static;
}
.navbar ul > li.mega-menu > ul {
    width: 1224px;
    position: absolute;
    left: 0;
    padding: 0;
    display: none;
    z-index: 9999;
    margin: 0;
}
.navbar .dropdown.mega-menu:hover .dropdown-menu {
    display: table !important;
}
.navbar ul > li.mega-menu > ul ul {
    position: static !important;
    display: block !important;
    padding: 0;
    margin: 0;
    border: none;
    height: auto !important;
    background: none;
    box-shadow: none;
    width: 100%;
}
.navbar ul > li.mega-menu > ul ul ul:before {
    display: none;
}
.navbar ul > li.mega-menu > ul ul li {
    position: static !important;
    display: block !important;
    padding: .3rem 0;
    width: 100%;
}
.navbar ul > li.mega-menu > ul > a {
    text-transform: none;
    padding: 15px 10px 0 25px!important;
    margin-bottom: 1px;
    line-height: 22px;
}
.navbar ul > li.mega-menu > ul > li {
    display: table-cell;
    border-right: 1px solid #5a3f1f;
}
nav > ul li.mega-menu > ul > .menu_sidebar {
    padding: 11px 20px 15px;
}
.navbar ul > li.mega-menu > ul > li:last-child {
    border-right: none!important
}
.navbar ul > li.mega-menu > ul > li > a {
    font-weight: 700;
}
.navbar ul > li.mega-menu > ul > li:first-child > a {
    margin-top: 0;
}
.navbar ul > li.mega-menu > ul > li:last-child > a {
    padding-bottom: 0;
}
.navbar ul > li.mega-menu > ul > li:last-child {
    border-right: 0!important;
}
.navbar ul > li.mega-menu > ul li.no_title > a{
	display: none;
}
.navbar ul > li.mega-menu > ul ul ul {
    border: none;
    display: block;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar ul > li.mega-menu > ul ul ul li {
    border-left: none;
    border-right: none;
    border-bottom: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.navbar ul > li.mega-menu > ul ul li > a {
    color: #555;
}
.navbar ul > li.mega-menu > ul li > ul:before,
.navbar ul > li.mega-menu > ul li > ul:after {
    display: none;
}
.navbar ul > li.mega-menu > ul .description_menu_item {
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #848998!important;
    text-align: left;
}
.navbar ul > li.mega-menu > ul .description_menu_item a {
    display: inline;
    padding: 0!important;
    line-height: inherit;
    font-size: inherit;
    color: #e60590;
}
.navbar ul > li.mega-menu > ul .description_menu_item a:hover {
    background: none;
    color: #272D32;
}
.navbar ul > .columns-1 > ul > li {
    width: 100%;
}
.navbar ul > .columns-2 > ul > li {
    width: 50%;
}
.navbar ul > .columns-3 > ul > li {
    width: 33.33333333333333%;
}
.navbar ul > .columns-4 > ul > li {
    width: 25%;
}
.navbar ul > .columns-5 > ul > li {
    width: 20%;
}
.navbar ul > .columns-6 > ul > li {
    width: 16.66666666666667%;
}
.navbar ul > .columns-7 > ul > li {
    width: 14.28571428571429%;
}

/*-------- Menu Top  --------*/
ul#menu-top-menu > li {
	position: relative;
   	line-height: 12px;
   	margin-right: 10px;
    display: inline;
}

ul#menu-header-menu li {
  font-weight: 600;
  text-transform: uppercase;
}

#menu-top-menu > li:after {
	content: '';
   width: 1px;
   height: 100%;
   background: #c7cbd3;
   right: -5px;
   position: absolute;
   top: 0;
   z-index: 2004;
}

#menu-top-menu > li a{
	position: relative;
	z-index: 2003;
  color: #000000 !important;
  font-weight: 600;
	padding: 5px 10px;
    border: 1px solid transparent;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#menu-top-menu > li:hover > a{
	color: #0f1c60;
}

#menu-top-menu > li.menu-item-has-children > a > span{
	padding-right: 20px;
}

#menu-top-menu > li.menu-item-has-children:hover > a{
	border-bottom: 0;
}

#menu-top-menu > li > ul{
	background: #f5f6f8;
   margin-top: 5px;
   padding-top: 10px;
   border: 1px solid #c7cbd3;
   width: 100%;
}

#menu-top-menu > li > ul li:hover a{
	color: #000;
}

#menu-top-menu > li > ul li:last-child a{
	border-top: 1px solid #c7cbd3;
	background: #fff;
	margin-top: 10px;
    padding: 10px;
    font-weight: 500;
    color: #000;
}

#top-bar {
    font-size: 12px;
    background: #EDEDEF;
    padding: 10px 0;
    height: 40px;
    font-weight: 600;
}

#urenregistratie {
  padding: 0 10px;
}

#slide-nav {
  z-index: 999;
  position: absolute;
}

.fixed {
  position: fixed !important;
  top: 0;
}

/*-----------------------------------------------------------------*/
/* Search Filter
/*-----------------------------------------------------------------*/
.searchandfilter ul li li {
  display: flex;
}

.home .searchandfilter,
.error404 .searchandfilter {
  margin: 0 auto;
  width: 80%;
  margin-top: 45px;
}
.home .searchandfilter li,
.error404 .searchandfilter li {
  width: 33.33%;
  max-width: 100%;
  display: inline-block;
  padding: 10px 4px;
}
@media (max-width: 890px) {
  .home .searchandfilter li,
  .error404 .searchandfilter li {
    width: 100%;
    margin-bottom: 7px;
  }
}
.home .searchandfilter input[type="submit"],
.error404 .searchandfilter input[type="submit"] {
  margin-top: 0;
  width: 100%;
  padding: 5px 0;
}
.home .searchandfilter li,
.error404 .searchandfilter li {
  display: inline-block !important;
}
.home .search input,
.error404 .search input {
  padding: 0px 46px !important;
}
.searchandfilter ul {
  display: block !important;
}
.searchandfilter li {
  display: block;
}
.searchandfilter h4 {
  margin: 30px 0 0;
}

/*-----------------------------------------------------------------*/
/* Form
/*-----------------------------------------------------------------*/
.btn {
  border-radius: 2px;
}
label{
  margin-bottom:0;
  width: 100% !important;
}
select {
  border: 2px solid #c5c5c5;
  border-radius: 2px;
  background: #f5f6f8;
  min-height: 37px;
  background-color: #f5f6f8;
  border: 2px solid #d6dadc;
  width: 100%;
  padding: 3px 15px;
  -webkit-appearance: none;
}
textarea,
input[type=text],
input[type=number],
input[type=tel],
input[type=date],
input[type=password],
input[type=email] {
  border: 2px solid #c5c5c5 !important;
  border-radius: 2px;
  background: #f5f6f8;
	min-width: 100%;
  padding: 0 10px;
  -webkit-appearance: none !important;
  outline: 0;
}
input[type=checkbox] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
input[type=file] {
  border: 0;
  font-size: 13px;
}
input[type=file] ~ span{
  font-size: 80%;
  font-style: italic;
}
input[type="submit"],
button {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 5px 40px;
  color: #fff;
  max-width: 100%;
  background-color: #F29200;
  border-color: #F29200;
  border-radius: 4px;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer;
  width: 100%;
}
input[type="submit"]:hover,
input[type="submit"]:focus{
	color: #fff;
	background-color: #e85e02;
	border-color: #e85e02;
}
form.bg-white,
form.bg-primary,
form.bg-secondary,
form.bg-success,
form.bg-info,
form.bg-warning,
form.bg-danger,
form.bg-inverse,
form.bg-faded {
	background-color: transparent !important;
}
form.bg-white .gform_body,
form.bg-white .gform_footer {
	background-color: #fff !important;
}
form.bg-primary .gform_body,
form.bg-primary .gform_footer {
	background-color: #ff6600 !important;
}
form.bg-secondary .gform_body,
form.bg-secondary .gform_footer {
	background-color: #232d62 !important;
}
form.bg-success .gform_body,
form.bg-success .gform_footer {
	background-color: #37bd37 !important;
}
form.bg-info .gform_body,
form.bg-info .gform_footer {
	background-color: #5bc0de !important;
}
form.bg-warning .gform_body,
form.bg-warning .gform_footer {
	background-color: #f0ad4e !important;
}
form.bg-danger .gform_body,
form.bg-danger .gform_footer {
	background-color: #d9534f !important;
}
form.bg-inverse .gform_body,
form.bg-inverse .gform_footer {
	background-color: #292b2c !important;
}
form.bg-faded .gform_body,
form.bg-faded .gform_footer {
	background-color: #f7f7f7 !important;
}

form ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.form-group {
	position: relative;
}
.form-group.input-icon .form-control ~ i{
	position: absolute;
	top: 0;
	padding: .65rem .75rem;
}
.form-group.input-icon .form-control{
	padding-left: 2.5rem;
}
.form-group.input-icon .form-control-sm ~ i{
	padding: .25rem .5rem;
}
.form-group.input-icon .form-control-sm{
	padding-left: 2rem;
}
.form-group.input-icon .form-control-lg ~ i{
	padding: 1rem 1.5rem;
}
.form-group.input-icon .form-control-lg{
	padding-left: 4rem;
}
.form-control {
	border: 2px solid #c5c5c5;
  padding: 9px 20px 10px !important;
	background-color: #f5f6f8;
}
#footer .form-control {
    border-color: transparent;
    background-color: #fff;
    border: 2px solid #d6dadc;
}
.form-control:focus{
	border-color: #f5f6f8;
}
.hidden_label > label {
	display: none;
}
.form-check {
	line-height: 1.75rem;
}
.form-check-input {
	margin-left: 0;
}
.form-check-label {
	padding-left: 2rem;
}
.form-text {
	padding: 0 1rem;
}
.custom-control {
	padding-left: 0;
}
.custom-control-indicator {
	top: .5rem;
}
.custom-control-description {
	padding-left: 1.5rem;
}
.custom-control-input:focus~.custom-control-indicator {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.custom-control-input:active~.custom-control-indicator {
	background-color: rgba(255, 102, 0, 0.25);
}
.custom-controls-stacked ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.form-inline .gform_body,
.form-inline .gform_footer {
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form-inline .gform_body > ul{
	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-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.form-inline .form-group {
	margin-bottom: 0;
}
.form-inline .gform_footer {
	margin-left: -8px !important;
	margin-top: 0 !important;
}
.form-inline.w-100 .gform_footer {
	margin-left: 0 !important;
	margin-top: -8px !important;
}
@media (min-width: 576px) {
	.form-inline.w-sm-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-sm-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}
@media (min-width: 768px) {
	.form-inline.w-md-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-md-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}
@media (min-width: 992px) {
	.form-inline.w-lg-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-lg-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}
@media (min-width: 1200px) {
	.form-inline.w-xl-100 .gform_footer {
		margin-left: 0 !important;
		margin-top: -8px !important;
	}
	.form-inline.w-xl-auto .gform_footer {
		margin-left: -8px !important;
		margin-top: 0 !important;
	}
}

.w-100 > .gform_body,
.w-100 > .gform_body .form-group,
.w-100 > .gform_body .form-group > div,
.w-100 > .gform_body .form-control,
.w-100 > .gform_footer,
.w-100 > .gform_footer .btn {
	width: 100% !important;
}

@media (min-width: 576px) {
	.w-sm-100 > .gform_body,
	.w-sm-100 > .gform_body .form-group,
	.w-sm-100 > .gform_body .form-group > div,
	.w-sm-100 > .gform_body .form-control,
	.w-sm-100 > .gform_footer,
	.w-sm-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-sm-auto > .gform_body,
	.w-sm-auto > .gform_body .form-group,
	.w-sm-auto > .gform_body .form-group > div,
	.w-sm-auto > .gform_body .form-control,
	.w-sm-auto > .gform_footer,
	.w-sm-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-sm-100 > .gform_body,
	.h-sm-100 > .gform_body .form-group,
	.h-sm-100 > .gform_body .form-group > div,
	.h-sm-100 > .gform_body .form-control,
	.h-sm-100 > .gform_footer,
	.h-sm-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-sm-auto > .gform_body,
	.h-sm-auto > .gform_body .form-group,
	.h-sm-auto > .gform_body .form-group > div,
	.h-sm-auto > .gform_body .form-control,
	.h-sm-auto > .gform_footer,
	.h-sm-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

@media (min-width: 768px) {
	.w-md-100 > .gform_body,
	.w-md-100 > .gform_body .form-group,
	.w-md-100 > .gform_body .form-group > div,
	.w-md-100 > .gform_body .form-control,
	.w-md-100 > .gform_footer,
	.w-md-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-md-auto > .gform_body,
	.w-md-auto > .gform_body .form-group,
	.w-md-auto > .gform_body .form-group > div,
	.w-md-auto > .gform_body .form-control,
	.w-md-auto > .gform_footer,
	.w-md-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-md-100 > .gform_body,
	.h-md-100 > .gform_body .form-group,
	.h-md-100 > .gform_body .form-group > div,
	.h-md-100 > .gform_body .form-control,
	.h-md-100 > .gform_footer,
	.h-md-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-md-auto > .gform_body,
	.h-md-auto > .gform_body .form-group,
	.h-md-auto > .gform_body .form-group > div,
	.h-md-auto > .gform_body .form-control,
	.h-md-auto > .gform_footer,
	.h-md-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

@media (min-width: 992px) {
	.w-lg-100 > .gform_body,
	.w-lg-100 > .gform_body .form-group,
	.w-lg-100 > .gform_body .form-group > div,
	.w-lg-100 > .gform_body .form-control,
	.w-lg-100 > .gform_footer,
	.w-lg-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-lg-auto > .gform_body,
	.w-lg-auto > .gform_body .form-group,
	.w-lg-auto > .gform_body .form-group > div,
	.w-lg-auto > .gform_body .form-control,
	.w-lg-auto > .gform_footer,
	.w-lg-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-lg-100 > .gform_body,
	.h-lg-100 > .gform_body .form-group,
	.h-lg-100 > .gform_body .form-group > div,
	.h-lg-100 > .gform_body .form-control,
	.h-lg-100 > .gform_footer,
	.h-lg-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-lg-auto > .gform_body,
	.h-lg-auto > .gform_body .form-group,
	.h-lg-auto > .gform_body .form-group > div,
	.h-lg-auto > .gform_body .form-control,
	.h-lg-auto > .gform_footer,
	.h-lg-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

@media (min-width: 1200px) {
	.w-xl-100 > .gform_body,
	.w-xl-100 > .gform_body .form-group,
	.w-xl-100 > .gform_body .form-group > div,
	.w-xl-100 > .gform_body .form-control,
	.w-xl-100 > .gform_footer,
	.w-xl-100 > .gform_footer .btn {
    	width: 100% !important;
	}
	.w-xl-auto > .gform_body,
	.w-xl-auto > .gform_body .form-group,
	.w-xl-auto > .gform_body .form-group > div,
	.w-xl-auto > .gform_body .form-control,
	.w-xl-auto > .gform_footer,
	.w-xl-auto > .gform_footer .btn {
    	width: auto !important;
	}
	.h-xl-100 > .gform_body,
	.h-xl-100 > .gform_body .form-group,
	.h-xl-100 > .gform_body .form-group > div,
	.h-xl-100 > .gform_body .form-control,
	.h-xl-100 > .gform_footer,
	.h-xl-100 > .gform_footer .btn {
    	height: 100% !important;
	}
	.h-xl-auto > .gform_body,
	.h-xl-auto > .gform_body .form-group,
	.h-xl-auto > .gform_body .form-group > div,
	.h-xl-auto > .gform_body .form-control,
	.h-xl-auto > .gform_footer,
	.h-xl-auto > .gform_footer .btn {
    	height: auto !important;
	}
}

.validation_message {
	position: absolute;
    z-index: 1020;
    top: -20px;
    right: 10px;
    display: block;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    padding: 5px 0;
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}
.validation_message:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: -5px;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
img.gform_ajax_spinner {
	display: none;
}

/*-----------------------------------------------------------------*/
/* Attention Trigger
/*-----------------------------------------------------------------*/
.attention-trigger {
	display: none;
}
.attention-trigger.popup {
	position: fixed;
	z-index: 1060;
	overflow: scroll;
}
.attention-trigger.popup.fullscreen {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.attention-trigger.popup.fullscreen section{
	min-height: 100%;
	min-width: 100%;
}
.attention-trigger.popup.fullscreen .close{
	position: fixed;
	top: 20px;
	right: 20px;
}
.admin-bar .attention-trigger.popup.fullscreen .close {
	top: 52px !important;
}
@media (max-width: 782px) {
	.admin-bar .attention-trigger.popup.fullscreen .close {
		top: 66px !important;
	}
}

/*-------- RecruitNow Vacancy Styling  --------*/
.rnVacancyTitle,
.rnFieldList legend {
  display: none;
}

.rnFormGroup {
  margin-top: 20px;
}

.rnabout-privacy,
.rnprivacystatementField,
.rncheckboxField {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  color: #828282;
  font-size: 80%;
}

.oe_block.oe_block_privacy {
  color: #828282 !important;
  font-size: 80% !important;
}

.oe_block.oe_block_privacy img {
  margin: 0 7px !important;
}

.oe_widget .oe_radioListElement input,
.oe_widget .oe_checkboxListElement input {
  position: initial !important;
  opacity: 1 !important;
  width: initial !important;
  height: initial !important;
}

.oe_widget .oe_radioListElement .oe_label,
.oe_widget .oe_checkboxListElement .oe_label {
  padding: 0 5px;
}

.oe_widget .oe_radioListElement .oe_label:before,
.oe_widget .oe_checkboxListElement .oe_label:before,
.oe_widget .oe_radioListElement .oe_label:after,
.oe_widget .oe_checkboxListElement .oe_label:after {
  display: none;
}

.rnLabel img {
  margin-bottom: 0;
  height: 17px;
  width: auto;
  margin-left: 5px;
}

.oe_widget .oe_selector .oe_selectorValue {
  border: 2px solid #c5c5c5 !important;
  border-radius: 2px;
  background: #f5f6f8;
  min-width: 100%;
  padding: 6px 10px;
  -webkit-appearance: none !important;
  outline: 0;
}

.oe_widget .oe_uploader .oe_uploaderButton {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 5px 40px;
  color: #fff;
  max-width: 100%;
  background-color: #F29200;
  border-color: #F29200;
  border-radius: 4px;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer;
  width: 100%;
}

.oe_widget .oe_uploader .oe_uploaderButton:hover,
.oe_widget .oe_uploader .oe_uploaderButton:focus {
  color: #fff;
  background-color: #e85e02;
  border-color: #e85e02;
}

.oe_widget button {
  background-color: #F29200;
  border-color: #F29200;
}

.oe_widget button:hover,
.oe_widget button:focus {
  background-color: #e85e02;
  border-color: #e85e02;
}

.oe_widget .oe_fileElement .oe_uploader {
  flex-direction: column;
  border-width: 2px;
  border-color: #c5c5c5;
}

.oe_widget .oe_fileElement .oe_uploader .oe_uploaderValue {
  padding-bottom: 0;
  border: 0;
}

/*-----------------------------------------------------------------*/
/* Page
/*-----------------------------------------------------------------*/
#page {
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45), -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
}

/*-----------------------------------------------------------------*/
/* Card
/*-----------------------------------------------------------------*/
.card {
	border-radius: 0;
	border: none !important;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.card-text {
  width: 61px;
  margin: auto;
  background: #F29200;
  color: #fff;
  font-weight: 600;
  border-radius: 8%;
}
.card-block .badge {
    font-size: 16px;
    font-weight: 800;
}
.card:hover {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

/*-----------------------------------------------------------------*/
/* Card Icons Branches
/*-----------------------------------------------------------------*/
.branche-all {
  -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.lnr-bouw:before {
  content: "\e801";
}
.lnr-groenvoorziening:before {
  content: "\e849";
}
.lnr-infra:before {
  content: "\e841";
}
.lnr-metaal:before {
  content: "\e87c";
}
.lnr-officefuncties:before {
  content: "\e83c";
}
.lnr-schoonmaak:before {
  content: "\e804";
}
.lnr-techniek:before {
  content: "\e810";
}

/*-----------------------------------------------------------------*/
/* Accordion
/*-----------------------------------------------------------------*/
.accordion .card{
    background: transparent;
    margin-bottom: 0;
}

.accordion-header a {
    color: #000 !important;
    border: none;
}

.accordion-header {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin: 10px 0;
}

.accordion-header i {
	padding:5px;
	float: right;
	-webkit-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}

.accordion-header .collapsed i {
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}

.accordion-block {
    padding: 20px;
}

/*-----------------------------------------------------------------*/
/* Slick
/*-----------------------------------------------------------------*/

.slick-slider {
    display: block;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    min-height: 1px;
    padding: 0 30px;
    display: none;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
    margin: auto;
}
.slick-slide .normal,
.slick-slide .hover {
    position: relative;
}
.slick-slide .normal {
    display: block;
}
.slick-slide .hover {
    display: none;
}
.slick-slide:hover .normal {
    display: none;
}
.slick-slide:hover .hover {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-prev,
.slick-next {
    position: absolute;
    z-index: 99;
    display: block;
    height: 78%;
    width: 30px;
    cursor: pointer;
    background: transparent !important;
    color: transparent;
    top: 0;
    font-size: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:before,
.slick-next:before {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev {
    left: -40px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: 0px;
}
.slick-next {
    right: -40px;
}
[dir="rtl"] .slick-next {
    left: 0px;
    right: auto;
}
.slick-dots {
    display: table !important;
    margin: 24px auto 0 auto;
}
.slick-dots li {
    position: relative;
    display: inline !important;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 28px;
    line-height: 20px;
    text-align: center;
    color: #555;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

/*-----------------------------------------------------------------*/
/* Slider
/*-----------------------------------------------------------------*/
.slider .slick-slide {
    padding: 0;
    height: 100%;
}

.slider .slick-slide .content {
    min-height: 100%;
    width: 100%;
    padding: 50px 0;
}

.slider .slick-prev,
.slider .slick-next {
   height: 32px;
   width: 32px;
   bottom: 50px;
   top: inherit;
}

.slider .slick-prev {
	left: 50px;
}

.slider .slick-next {
	left: 90px;
}

.slider .slick-prev:before,
.slider .slick-next:before {
    opacity: 1;
}

/*-----------------------------------------------------------------*/
/* Carousel
/*-----------------------------------------------------------------*/
.carousel {
    padding: 0;
    list-style: none;
    display: block;
    background: url('images/loader-dark.svg') no-repeat center center transparent;
}
.carousel > div {
    opacity: 0;
    height: 100px;
}
.carousel.slick-initialized {
    background: none;
}
.carousel.slick-initialized > div {
    opacity: 1;
    height: 100%;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.carousel.slider {
    height: 9999999px;
}
.carousel .slick-slide img {
    max-height: 100%;
    width: auto;
}
.carousel li {
    float: left;
    display: block;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 20px;
}

/*-----------------------------------------------------------------*/
/* Post
/*-----------------------------------------------------------------*/
#list,
#list article {
    position: relative;
	 padding-bottom: 100px;
}
#list .header-content{
	position: relative;
	z-index: 1010;
	background: #fff;
	border: 1px solid #f2f2f2;
}
#list .entry-content{
	position: relative;
	background: #fff;
}
#list *:hover > .anchorjs-link{
	margin-left: -3.5rem !important;
	padding-right: 2.2rem !important;
}
#list.list-center:before {
    content: '';
    position: absolute;
    z-index: 1020;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
}
#list.list-center:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 50%;
    right: inherit;
}
#list.list-center article:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: inherit;
}
#list.list-left article:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: inherit;
}

/*-----------------------------------------------------------------*/
/* Apply Form
/*-----------------------------------------------------------------*/
#apply_button {
	padding: 9px 45px;
	color: #fff;
  background-color: #F29200;
  border-color: #F29200;
	cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
	border-radius: 5px;
  margin-top: 0;
  width: 100%;
}
#apply_button:hover {
  color: #fff;
  background-color: #e85e02;
  border-color: #e85e02;
}
a#apply_button {
  display: none;
}
#apply_form input,
#apply_form textarea{
  padding-top: 10px;
}
input::-webkit-datetime-edit{
  color: transparent;
}
input:focus::-webkit-datetime-edit{
  color: inherit;
}
#apply_form div {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
#apply_form #remember_me {
  margin-bottom: -10px;
}
#apply_form label {
  position: absolute;
  cursor: text;
  top: 7px;
  left: 10px;
  color: #828282;
  -webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#apply_form .focus label {
  top: 0px;
  font-size: 60%;
}
#apply_form .data_3 label,
#apply_form #remember_me label,
#apply_form label[for=agreement_check],
#apply_form label[for=transportation-license] {
  position: initial;
  cursor: pointer;
}
#apply_form label[for=agreement_check],
#apply_form #remember_me label {
  font-size: 80%;
}
#apply_form label[for=agreement_check] a{
  color: #828282;
  border-bottom: 1px dotted;
}
#apply_form .data_3 span {
  font-size: small;
  display: block;
  font-style: italic;
}
#apply_form textarea.carerix_input {
  margin-bottom: -10px;
}
.repeat.contact-email,
.contact-email ~ .carerix_labels,
#apply_form h3{
  display: none;
}
.carerix_required {
  border-color: inherit;
}
#apply_form img {
  margin-bottom: 0;
  width: 100%;
}

/*-----------------------------------------------------------------*/
/* Comments
/*-----------------------------------------------------------------*/
#comments .commentlist{
	font-size: .85rem;
}
.comment-text p{
	margin-bottom: 0;
}
.comment-reply-link,
.comment-edit-link{
	color: #bbb;
}
.comment-reply-link:hover,
.comment-edit-link:hover{
	color: #636c72;
}
.children .avatar{
	width: 40px;
}

/*-----------------------------------------------------------------*/
/* Google Map
/*-----------------------------------------------------------------*/

#map {
    height: 600px;
}

.google-map-marker {
	display: none;
}

/*-----------------------------------------------------------------*/
/* Contact Info
/*-----------------------------------------------------------------*/

.info-content.contact-info {
    max-width: 300px;
    padding: 20px;
}
.info-content.contact-info h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
.info-content.contact-info p {
    margin: 0;
}
.info-content.contact-info p.visiting-address {
    margin-bottom: 24px;
}
.contact-info .phone-email > a {
    padding-left: 30px;
    position: relative;
    color: #43464b;
}
.contact-info .phone-email > a > i {
    position: absolute;
    left: 0;
    top: 3px;
}
.route {
	background: #43464b;
	border-radius: 50px;
	height: 30px;
	line-height: 30px;
	color: #fff !important;
	text-align: center;
	display: inline-block;
}
.route:hover {
	background: #ff6600;
}
.route > i{
	width: 30px;
}

/*-----------------------------------------------------------------*/
/* Sidebar
/*-----------------------------------------------------------------*/
aside {
	padding-bottom: 100px;
}

aside img {
	 margin-bottom: 0;
	 -moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
aside .widget:hover img {
	-moz-transform: scale(1.01);
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
}

.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6,
.sidebar .h1,
.sidebar .h2,
.sidebar .h3,
.sidebar .h4,
.sidebar .h5,
.sidebar .h6 {
	position: relative;
	padding-bottom: 10px;
}

.sidebar h1:after,
.sidebar h2:after,
.sidebar h3:after,
.sidebar h4:after,
.sidebar h5:after,
.sidebar h6:after,
.sidebar .h1:after,
.sidebar .h2:after,
.sidebar .h3:after,
.sidebar .h4:after,
.sidebar .h5:after,
.sidebar .h6:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 50px;
	background: #43464b;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.sidebar .widget {
	margin-bottom: 2rem;
}

.sidebar .widget:hover h1:after,
.sidebar .widget:hover h2:after,
.sidebar .widget:hover h3:after,
.sidebar .widget:hover h4:after,
.sidebar .widget:hover h5:after,
.sidebar .widget:hover h6:after,
.sidebar .widget:hover .h1:after,
.sidebar .widget:hover .h2:after,
.sidebar .widget:hover .h3:after,
.sidebar .widget:hover .h4:after,
.sidebar .widget:hover .h5:after,
.sidebar .widget:hover .h6:after {
	width: 70px;
}

.sidebar dl,
.sidebar ol,
.sidebar ul {
	padding-left: 20px;
}

/*-----------------------------------------------------------------*/
/* Breadcrumbs
/*-----------------------------------------------------------------*/

.breadcrumb {
    background: transparent;
    color: rgba(41, 43, 44, 0.5);
    font-size: .75rem;
    padding: 0;
    margin-bottom: 0;
}

.breadcrumb a {
    color: rgba(41, 43, 44, 0.5);
}

.breadcrumb a:hover {
    color: rgba(41, 43, 44, 0.8);
}

/*-----------------------------------------------------------------*/
/* Post Share
/*-----------------------------------------------------------------*/
.meta-share .share-list,
.entry-share .share-list {
    display: flex;
    align-items: center;
}

.meta-share{
	background: #fff;
	border-top: 0;
}

.share-list {
    font-size: 14px;
    line-height: 1.714285714286em;
    letter-spacing: 0.25px;
    color: #fff;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.share-list .share {
    display: block;
    clear: both;
}

.share-list .share:first-child {
    margin-top: 0;
}

.share-list .share a {
    display: block;
    float: right;
    width: 90px;
    padding: 9px 20px;
    color: inherit;
    text-decoration: none;
    text-align: right;
	border-radius: 2.5em;
    margin: 5px 0 0 0;
    -webkit-transition: width 300ms;
	transition: width 300ms;
}

.share-list .share a:hover {
	width: 100px;
}

.share-list .share i {
    font-size: 1.5rem;
    float: left;
}

@media (max-width: 575px) {
	.share-list .share a {
		width: 55px !important;
		padding: 10px 0 5px;
		text-align: center;
	}
	.share-list .share i {
		float: none;
	}
}

.share-list .twitter a {
	background-color: #1da1f2;
}

.share-list .facebook a {
	background-color: #3b5998;
}

.share-list .linkedin a {
	background-color: #0077b5;
}

.share-list .whatsapp a {
	background-color: #25d366;
}

.share-list .comments a {
	background-color: #ff6600;
}

/*-----------------------------------------------------------------*/
/* Anchor
/*-----------------------------------------------------------------*/

.anchorjs-link {
    font: normal normal normal 22px/45px FontAwesome;
    color: #abafba;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 250ms linear;
}
.anchorjs-link:hover,
.anchorjs-link:focus {
  color: #000;
  margin-left: -2rem !important;
}
*:hover > .anchorjs-link {
  margin-left: -2rem !important;
}

/*-----------------------------------------------------------------*/
/* Tag
/*-----------------------------------------------------------------*/

.tag a {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: rgba(0, 73, 144, 0.9);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

/*-----------------------------------------------------------------*/
/* Avatar
/*-----------------------------------------------------------------*/

.author-meta .author{
	display: block;
}

.author-meta .function{
	display: block;
	line-height: 1;
}

.blog .author-details,
.archive .author-details{
	font-size: 70%;
}

/*-----------------------------------------------------------------*/
/* Blockquote
/*-----------------------------------------------------------------*/
.blockquote{
	margin-bottom: 2rem;
}
.blockquote p{
	color: #373a3c;
}

/*-----------------------------------------------------------------*/
/* Waves
/*-----------------------------------------------------------------*/

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user- : none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
}
.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, .2)
}
.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4)
}
.waves-notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}
.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: transparent;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}
.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}
.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}
.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}
.waves-input-wrapper.waves-button {
    padding: 0
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}
.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}
.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}
.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
}
.waves-block {
    display: block
}


/*-----------------------------------------------------------------*/
/* Search
/*-----------------------------------------------------------------*/

#search.open {
    opacity: 1;
    z-index: 9999;
}

/*-----------------------------------------------------------------*/
/* Photoswipe
/*-----------------------------------------------------------------*/

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus,
  .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(images/photoswipe-default-skin.svg) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(images/photoswipe-default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* No arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/* Arrow buttons hit area */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/* Share modal/popup and links */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/* Index indicator ("1 of X" counter) */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/* Caption */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/* Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url('images/loader-dark.svg') 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*  The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/* Additional styles */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/*-----------------------------------------------------------------*/
/* Pagination
/*-----------------------------------------------------------------*/
.previous-post,
.next-post {
    padding: 30px 10px 30px 60px;
    width: 50%;
    position: relative;
    color: inherit!important;
}

.next-post {
    float: right;
    text-align: right;
    padding: 30px 60px 30px 10px;
}

.previous-post .blognav-meta,
.next-post .blognav-meta {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    opacity: 0.5;
}

.previous-post a,
.next-post a {
    width: 100%;
    height: 100%;
    line-height: 55px;
    display: block;
}

.next-post a {
    text-align: right;
}

.previous-post i,
.next-post i {
    position: absolute;
    top: 26px;
    left: 5px;
    opacity: 0.3;
    font-size: 48px;
}

.next-post i {
    right: 5px;
}

.previous-post:hover i,
.next-post:hover i {
    opacity: 1;
}

div[id$="hotjar_branding"] {
	display: none !important;
}

/*-----------------------------------------------------------------*/
/* Divider
/*-----------------------------------------------------------------*/

.divider {
	display: inline-block;
    width: 100%;
}
.divider .border{
    border: 1px solid #000;
    width: 50px;
    margin-bottom: 15px;
}
.divider .border.white {
    border: 1px solid #fff;
}
.divider .border.center {
    position: relative;
    left: 50%;
    margin-left: -25px;
}

/*-----------------------------------------------------------------*/
/* Image Gallery
/*-----------------------------------------------------------------*/
.image-gallery a{
	cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}


/*-----------------------------------------------------------------*/
/* Social icons
/*-----------------------------------------------------------------*/


.social-icons ul {
	list-style-type: none;
	padding-left: 0;
}
.social-icons ul i {
	width: 13px;
}
.social-icons .social-item.fa-at:hover {
    background: #ff6600;
}
.social-icons .social-item.fa-facebook:hover {
    background: #3b5998;
}
.social-icons .social-item.fa-linkedin:hover {
    background: #0077b5;
}
.social-icons .social-item.fa-newsletter:hover {
    background: #2c9ab7;
}
.social-icons .social-item.fa-rss:hover {
    background: #f26522;
}
.social-icons .social-item.fa-twitter:hover {
    background: #55acee;
}
.social-icons .social-item.fa-whatsapp:hover {
    background: #43d854;
}
.social-icons .social-item.fa-wordpress:hover {
    background: #21759b;
}
.social-icons .social-item.fa-youtube:hover {
    background: #cd201f;
}
.social-icons .social-item.fa-instagram:hover {
    background: #c13584;
}

/*-----------------------------------------------------------------*/
/* Product Categories
/*-----------------------------------------------------------------*/

.product-categories {
    max-height: 193px;
    overflow: hidden;
    -webkit-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.product-categories.full-height {
    max-height: 9999px;
}

/*-----------------------------------------------------------------*/
/* Merken
/*-----------------------------------------------------------------*/

.merken-logos {
    position: relative;
    height: 220px;
}
.merken-logos > a > img {
    width: 220px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*-----------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------*/

#footer{
	font-size: 0.8rem;
	background: #f5f6f8;
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
    transition: transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45), -webkit-transform 450ms cubic-bezier(0.85, -0.4, 0.2, 1.45);
}

#footer-columns,
#footer-copyright,
#footer-columns a:not(.btn):not(.social-item),
#footer-copyright a:not(.btn):not(.social-item),
#footer-columns p,
#footer-copyright p{
  color: #000000;
  line-height: 1.6rem;
  font-size: 14px;
}

#footer-columns a:focus:not(.btn):not(.social-item),
#footer-columns a:hover:not(.btn):not(.social-item),
#footer-copyright a:focus:not(.btn):not(.social-item),
#footer-copyright a:hover:not(.btn):not(.social-item){
	color: #787878;
}

#footer-columns h1,
#footer-copyright h1,
#footer-columns h2,
#footer-copyright h2,
#footer-columns h3,
#footer-copyright h3,
#footer-columns h4,
#footer-copyright h4,
#footer-columns h5,
#footer-copyright h5,
#footer-columns h6,
#footer-copyright h6{
	color: #d4d7e0;
	text-transform: uppercase;
	margin-bottom: 1.4rem;
	font-size: .8rem;
}

#footer ul{
	padding-left: 0;
	list-style: none;
}

#footer h4 {
  color: #101D61;
  font-size: 17px;
  font-weight: 900;
}

#footer .text-lh {
  line-height: 32px;
}

#pre-footer{
	background: url(images/bg-pattern-orange.png) no-repeat center center;
	background-size: cover;
}

#footer-columns{
	padding-top: 80px;
	padding-bottom: 20px;
	font-size: .8rem;
}

#footer-copyright{
    padding: 0;
}

#footer-copyright p, #footer-copyright a {
    font-size: 13px !important;
    color: #a5a5a5 !important;
}

#footer li {
    font-size: 14px;
}

body:not(.page-template-page-leadpage) #footer-copyright .container{
	border-top: 1px solid #d4d7e0;
}

#footer-copyright span{
	margin: 0 10px;
}

@media (max-width: 575px){
	#footer-copyright .nav{
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: normal!important;
		-webkit-flex-direction: column!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
}