/*
	Theme Name: HTML5 Blank
	Template: html5blank-stable
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
	TYPOGRAPHY

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
    outline: 0!important;
}
body{
	font-family: 'PT Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	font-size:16px;
	font-weight:400;
	margin:0;
	color:#333333;
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	-moz-transition: padding-left 0.3s ease;
	-webkit-transition: padding-left 0.3s ease;
	transition: padding-left 0.3s ease;
	background-color: #fff;
}
p {
    margin: 0 0 1.75em 0;
    line-height: 1.5em;     
}
/*------------------------------------*\
    HEADINGS
\*------------------------------------*/

h1, h2, h3, h4, h5, h6{
    clear: both;
	font-weight:700;
	color: #333;
	line-height:1.2em;
	margin:0 0 0.3em 0;
}
h1 {
	font-size:3.0em;
}
h2 {
	font-size:1.75em;
}
h3 {
	font-size:1.5em;	
}
h4 {
	font-size:1.25em;	
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
table
{
	margin-bottom: 2.0em;
	width: 100%;
	max-width: 100%;
}
table td
{
	padding: 10px 6px;
}
tr:nth-child(even) {background: #f2f2f2}
tr:nth-child(odd) {background: #FFF}

img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#333333;
	text-decoration:none;
}
a.read-more {
	font-weight:bold;
}
a.read-more:after {
    font-family: fontAwesome;
    content: '\f105';
    display: inline-block;
    margin-left: 7px;
    font-weight: normal;
    color: #1b2a66;
    text-align: center;
    font-size: 18px;
    top: 2px;
    position: relative;
}
a.read-more:hover:after,
a:hover {
	color:#98BF0C;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    VISIBILITY
\*------------------------------------*/
.hidden {
	display:none !important;	
}
.show-1024,
.show-900,
.show-800,
.show-768,
.show-670,
.show-550,
.show-480 {
	display:none;
}
/*------------------------------------*\
    TEXT TRANSFORM
\*------------------------------------*/

.text-transform-uppercase {
	text-transform: uppercase;
}


/*------------------------------------*\
    PADDINGS
\*------------------------------------*/
.p-xxs {
    padding: 2px 4px;
}
.p-xs {
    padding: 5px;
}
.p-sm {
    padding: 10px;
}
.p {
    padding: 15px;
}
.p-md {
    padding: 20px;
}
.p-lg {
    padding: 30px;
}
.p-xl {
    padding: 50px;
}
.p-n {
    padding: 0!important;
}
.p-l-none {
    padding-left: 0!important;
}
.p-l-xs {
    padding-left: 5px;
}
.p-l-sm {
    padding-left: 10px;
}
.p-l {
    padding-left: 15px;
}
.p-l-md {
    padding-left: 20px;
}
.p-l-lg {
    padding-left: 60px;
}
.p-l-xl {
    padding-left: 80px;
}
.p-l-xxl {
    padding-left: 100px;
}
.p-l-n-xxs {
    padding-left: -1px;
}
.p-l-n-xs {
    padding-left: -5px;
}
.p-l-n-sm {
    padding-left: -10px;
}
.p-l-n {
    padding-left: -15px;
}
.p-l-n-md {
    padding-left: -20px;
}
.p-l-n-lg {
    padding-left: -30px;
}
.p-l-n-xl {
    padding-left: -40px;
}
.p-l-n-xxl {
    padding-left: -50px;
}
.p-t-none {
    padding-top: 0!important;
}
.p-t-xxs {
    padding-top: 1px;
}
.p-t-xs {
    padding-top: 5px;
}
.p-t-sm {
    padding-top: 10px;
}
.p-t {
    padding-top: 15px;
}
.p-t-md {
    padding-top: 20px;
}
.p-t-md-30 {
    padding-top: 30px;
}
.p-t-lg {
    padding-top: 40px;
}
.p-t-lgr {
    padding-top: 50px;
}
.p-t-lgr-60 {
    padding-top: 60px;
}
.p-t-lgrr{
    padding-top: 65px;
}
.p-t-xl {
    padding-top: 80px;
}
.p-t-xxl {
    padding-top: 100px;
}
.p-t-n-xxs {
    padding-top: -1px;
}
.p-t-n-xs {
    padding-top: -5px;
}
.p-t-n-sm {
    padding-top: -10px;
}
.p-t-n {
    padding-top: -15px;
}
.p-t-n-md {
    padding-top: -20px;
}
.p-t-n-lg {
    padding-top: -30px;
}
.p-t-n-xl {
    padding-top: -40px;
}
.p-t-n-xxl {
    padding-top: -50px;
}
.p-r-none {
    padding-right: 0!important;
}
.p-r-xxs {
    padding-right: 1px;
}
.p-r-xs {
    padding-right: 5px;
}
.p-r-sm {
    padding-right: 10px;
}
.p-r {
    padding-right: 15px;
}
.p-r-md {
    padding-right: 20px;
}
.p-r-md-40 {
    padding-right: 40px;
}
.p-r-lg {
    padding-right: 60px;
}
.p-r-xl {
    padding-right: 80px;
}
.p-r-xxl {
    padding-right: 100px;
}
.p-r-n-xxs {
    padding-right: -1px;
}
.p-r-n-xs {
    padding-right: -5px;
}
.p-r-n-sm {
    padding-right: -10px;
}
.p-r-n {
    padding-right: -15px;
}
.p-r-n-md {
    padding-right: -20px;
}
.p-r-n-lg {
    padding-right: -30px;
}
.p-r-n-xl {
    padding-right: -40px;
}
.p-r-n-xxl {
    padding-right: -50px;
}
.p-b-none {
    padding-bottom: 0!important;
}
.p-b-xxs {
    padding-bottom: 1px;
}
.p-b-xxs-2 {
    padding-bottom: 2px;
}
.p-b-xs {
    padding-bottom: 5px;
}
.p-b-sm {
    padding-bottom: 10px;
}
.p-b {
    padding-bottom: 20px;
}
.p-b-md {
    padding-bottom: 30px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-b-lg {
    padding-bottom: 60px;
}
.p-b-xl {
    padding-bottom: 80px;
}
.p-b-xxl {
    padding-bottom: 100px;
}
.p-b-n-xxs {
    padding-bottom: -1px;
}
.p-b-n-xs {
    padding-bottom: -5px;
}
.p-b-n-sm {
    padding-bottom: -10px;
}
.p-b-n {
    padding-bottom: -15px;
}
.p-b-n-md {
    padding-bottom: -20px;
}
.p-b-n-lg {
    padding-bottom: -30px;
}
.p-b-lgr {
    padding-bottom: 50px;
}
.p-b-n-xl {
    padding-bottom: -40px;
}
.p-b-n-xxl {
    padding-bottom: -50px;
}
.p-10 {
	padding:0px 10%;
}
.p-20 {
	padding:0px 20%;
}
/*------------------------------------*\
    MARGINS
\*------------------------------------*/
.m-xxs {
    margin: 2px 4px;
}
.m-xs {
    margin: 5px;
}
.m-sm {
    margin: 10px;
}
.m {
    margin: 15px;
}
.m-md {
    margin: 20px;
}
.m-lg {
    margin: 30px;
}
.m-xl {
    margin: 50px;
}
.m-n {
    margin: 0!important;
}
.m-l-none {
    margin-left: 0!important;
}
.m-l-xs {
    margin-left: 5px;
}
.m-l-sm {
    margin-left: 10px;
}
.m-l {
    margin-left: 15px;
}
.m-l-md {
    margin-left: 20px;
}
.m-l-lg {
    margin-left: 30px;
}
.m-l-xl {
    margin-left: 40px;
}
.m-l-xxl {
    margin-left: 50px;
}
.m-l-n-xxs {
    margin-left: -1px;
}
.m-l-n-xs {
    margin-left: -5px;
}
.m-l-n-sm {
    margin-left: -10px;
}
.m-l-n {
    margin-left: -15px;
}
.m-l-n-md {
    margin-left: -20px;
}
.m-l-n-lg {
    margin-left: -30px;
}
.m-l-n-xl {
    margin-left: -40px;
}
.m-l-n-xxl {
    margin-left: -50px;
}
.m-t-none {
    margin-top: 0!important;
}
.m-t-xxs {
    margin-top: 1px;
}
.m-t-xs {
    margin-top: 5px;
}
.m-t-sm {
    margin-top: 10px;
}
.m-t {
    margin-top: 15px;
}
.m-t-md {
    margin-top: 20px;
}
.m-t-lg {
    margin-top: 30px;
}
.m-t-xl {
    margin-top: 40px;
}
.m-t-xxl {
    margin-top: 50px;
}
.m-t-xxl-100 {
    margin-top: 100px;
}
.m-t-n-xxs {
    margin-top: -1px;
}
.m-t-n-xs {
    margin-top: -5px;
}
.m-t-n-sm {
    margin-top: -10px;
}
.m-t-n {
    margin-top: -15px;
}
.m-t-n-md {
    margin-top: -20px;
}
.m-t-n-lg {
    margin-top: -30px;
}
.m-t-n-xl-35 {
    margin-top: -35px;
}
.m-t-n-xl {
    margin-top: -40px;
}
.m-t-n-xxl {
    margin-top: -50px;
}
.m-r-none {
    margin-right: 0!important;
}
.m-r-xxs {
    margin-right: 1px;
}
.m-r-xs {
    margin-right: 5px;
}
.m-r-sm {
    margin-right: 10px;
}
.m-r {
    margin-right: 15px;
}
.m-r-md {
    margin-right: 20px;
}
.m-r-lg {
    margin-right: 30px;
}
.m-r-xl {
    margin-right: 40px;
}
.m-r-xxl {
    margin-right: 50px;
}
.m-r-xxl-60 {
    margin-right: 60px;
}
.m-r-xxl-70 {
    margin-right: 70px;
}
.m-r-n-xxs {
    margin-right: -1px;
}
.m-r-n-xs {
    margin-right: -5px;
}
.m-r-n-sm {
    margin-right: -10px;
}
.m-r-n {
    margin-right: -15px;
}
.m-r-n-md {
    margin-right: -20px;
}
.m-r-n-lg {
    margin-right: -30px;
}
.m-r-n-xl {
    margin-right: -40px;
}
.m-r-n-xxl {
    margin-right: -50px;
}
.m-b-none {
    margin-bottom: 0!important;
}
.m-b-xxs {
    margin-bottom: 1px;
}
.m-b-xs {
    margin-bottom: 5px;
}
.m-b-sm {
    margin-bottom: 10px;
}
.m-b {
    margin-bottom: 15px;
}
.m-b-md {
    margin-bottom: 20px;
}
.m-b-lg {
    margin-bottom: 30px;
}
.m-b-lg-35 {
    margin-bottom: 35px;
}
.m-b-xl {
    margin-bottom: 40px;
}
.m-b-xxl {
    margin-bottom: 50px;
}
.m-b-xxl-60 {
    margin-bottom: 60px;
}
.m-b-xxxl {
    margin-bottom: 100px;
}
.m-b-n-xxs {
    margin-bottom: -1px;
}
.m-b-n-xs {
    margin-bottom: -5px;
}
.m-b-n-sm {
    margin-bottom: -10px;
}
.m-b-n {
    margin-bottom: -15px;
}
.m-b-n-md {
    margin-bottom: -20px;
}
.m-b-n-md-25 {
    margin-bottom: -25px;
}
.m-b-n-lg {
    margin-bottom: -30px;
}
.m-b-n-xl {
    margin-bottom: -40px;
}
.m-b-n-xxl {
    margin-bottom: -50px;
}
.gewonen_buttons
{
	margin-bottom: 2.0em;
	width: 100%;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.section
{
	width:100%;	
}
.section.animated
{
	overflow-x: hidden;	
}
.wrap,
.wrap-small {
	padding:0 0;
	margin:0 auto;
	position:relative;
	box-sizing: border-box;
}
/* header */
.header {

}

/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    COLS
\*------------------------------------*/
.row{
	min-height:20px;
	box-sizing:border-box;
}
.row:after{
	clear: both;
}
.row:before,
.row:after{
	display: table;
	content: "";
	line-height: 0;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12,
.col1-1200, .col2-1200, .col3-1200, .col4-1200, .col5-1200, .col6-1200, .col7-1200, .col8-1200, .col9-1200, .col10-1200, .col11-1200, .col12-1200,
.col1-s-900, .col2-s-900, .col3-s-900, .col4-s-900, .col5-s-900, .col6-s-900, .col7-s-900, .col8-s-900, .col9-s-900, .col10-s-900, .col11-s-900, .col12-s-900,
.col1-s-800, .col2-s-800, .col3-s-800, .col4-s-800, .col5-s-800, .col6-s-800, .col7-s-800, .col8-s-800, .col9-s-800, .col10-s-800, .col11-s-800, .col12-s-800,
.col1-768, .col2-768, .col3-768, .col4-768, .col5-768, .col6-768, .col7-768, .col8-768, .col9-768, .col10-768, .col11-768, .col12-768,
.col1-s, .col2-s, .col3-s, .col4-s, .col5-s, .col6-s, .col7-s, .col8-s, .col9-s, .col10-s, .col11-s, .col12-s,
.col1-xs, .col2-xs, .col3-xxs, .col4-s, .col5-xs, .col6-xs, .col7-xs, .col8-xs, .col9-xs, .col10-xs, .col11-xs, .col12x-s,
.col1-xs-480, .col2-xs-480, .col3-xxs, .col4-s, .col5-xs-480, .col6-xs-480, .col7-xs-480, .col8-xs-480, .col9-xs-480, .col10-xs-480, .col11-xs-480, .col12x-s {
    float: left;
	min-height: 1px;
	box-sizing:border-box;
	position:relative;
}
.col12{
    width: 100%
}
.col11{
    width: 91.66666667%
}
.col10{
    width: 83.33333333%
}
.col9{
    width: 75%
}
.col8{
    width: 66.66666667%
}
.col7{
    width: 58.33333333%
}
.col6{
    width: 50%
}
.col5{
    width: 41.66666667%
}
.col4 {
    width: 33.33333333%
}
.col3{
    width: 25%
}
.col2{
    width: 16.66666667%
}
.col1
{
    width: 8.33333333%
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.pull-center{
	display:inline-block;
	float:none;
	vertical-align:middle;
}
.pull-left{
	float:left;	
}
.pull-right{
	float:right;	
}

.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 {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	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 .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
.home-slider .owl-item,
.slider 
{
	position: relative;
	height: 600px;
}
.slide-image-lp,
.slide-image 
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 600px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}

.slide-image,
.slide-image img
{
	height: 650px;
}
.home-slider .owl-item, 
.slider 
{
    position: relative;
    height: 650px;
}
.slide-image:after
{
	position: absolute;
	content: "";
	background-color: rgba(0,0,0,0.4);
	height: 650px;
	width: 100%;
	left: 0
}
.slider-content {
    position: relative;
    margin-top: 130px;
    float: left;
    width: 60%;
    z-index: 10;
}
.slider-content h3 {
	color:#fff;
	font-size: 18px;
	margin-bottom:17px;
	text-shadow: 1px 1px 12px rgb(0 0 0 / 70%);
	margin-bottom: 0.25em;
}
.slider-content h1
{
	text-shadow: 1px 1px 12px rgb(0 0 0 / 70%);
}
.slider-content h2 {
	color:#fff;
	font-size: 40px !important;
	margin-bottom: 0.25em;
	text-shadow: 1px 1px 12px rgb(0 0 0 / 70%);
}

.slider-content p{
	text-shadow: 1px 1px 12px rgb(0 0 0 / 70%);
}

.slider-content ul{
	text-shadow: 1px 1px 12px rgb(0 0 0 / 70%);
	font-size: 18px;
	margin-bottom: 1.5em;
}

.slider-content ul li{
	text-shadow: 1px 1px 12px rgb(0 0 0 / 70%);
}

/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/

/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
.section-row-6-fp input, 
.section-row-6-fp select, 
.section-row-6-fp  textarea {
    width: 100%;
	margin-bottom: 1.5em;
}
input, 
select, 
textarea {
    width: 75%;
}
select, 
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="date"], 
input[type="tel"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border: 1px solid #ccc;
    padding: 8px 8px;
    background: none;
    min-height: 45px;
	background-color: #fff;
	color: #333;
	font-size: 16px;
}
select {
	-webkit-appearance: menulist;
    -webkit-border-radius: 2px;	
}
.section-row-6-fp select, 
.section-row-6-fp input[type="text"], 
.section-row-6-fp input[type="email"], 
.section-row-6-fp input[type="password"], 
.section-row-6-fp input[type="date"], 
.section-row-6-fp input[type="tel"],
.section-row-6-fp textarea {
    border: 1px solid #f8f8f8;
	color: #c8c8c8;	
}
::-webkit-input-placeholder {
	color: #c8c8c8;
}
::-moz-placeholder { 
	color: #c8c8c8;
}
:-ms-input-placeholder {
	color: #c8c8c8;
}
:-moz-placeholder { 
	color: #c8c8c8;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #98BF0C;
}
div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 1.2em 1em;
    border: 2px solid #ff0000;
    clear: both;
}
span.wpcf7-not-valid-tip {
    margin-top: -25px;
    margin-bottom: 20px;
}
/*------------------------------------*\
    END FORMS CSS
\*------------------------------------*/

/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/
.text-center {
	text-align: center;
}
.small-content {
	padding: 0px 10%;
}
.bg-photo {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 67%;
}
.bg-photo-94 {
    padding-top: 94%;
}
.bg-photo-150 {
    padding-top: 150%;
}
.bg-photo-152 {
    padding-top: 152%;
}
.bg-gr {
	background-color: #f2f2f2;
}
a.button,
.button,
span.button,
a.button-white,
.button-white,
span.button-white,
a.button-dark,
.button-dark,
span.button-dark,
a.button-outline,
.button-outline,
span.button-outline,
a.button-outline-dark,
.button-outline-dark,
span.button-outline-dark,
input[type="button"], 
input[type="reset"], 
input[type="submit"]
{
	background:#98BF0C;
	line-height:1.4em;
	display:inline-block;
    padding: 6px 30px 8px 30px;
	color: #fff !important;
	text-decoration:none;
	cursor: pointer;
	margin-bottom:0.4em;
	border: 2px solid #98BF0C;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-shadow: none !important;
	box-sizing:border-box;
	font-size:20px !important;
	font-weight: 700 !important;
	border-radius: 35px;
    -webkit-border-radius: 35px;
	position:relative;
	margin-right:10px;
	-webkit-appearance: none;
}
a.button:hover,
.button:hover,
span.button:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background:#fff;
	color: #98BF0C !important;
	border: 2px solid #98BF0C;	
}
a.button-white,
.button-white,
span.button-white {
	background:#fff;
	color: #98BF0C !important;
	border: 2px solid #fff;		
}
a.button-white:hover,
.button-white:hover,
span.button-white:hover {
	background:#98BF0C;
	color: #fff !important;
	border: 2px solid #98BF0C;		
}
a.button-dark,
.button-dark,
span.button-dark {
	background:#333;
	color: #fff !important;
	border: 2px solid #333;		
}
a.button-dark:hover,
.button-dark:hover,
span.button-dark:hover {
	background:#fff;
	color: #333 !important;
	border: 2px solid #333;		
}
a.button-outline,
.button-outline,
span.button-outline {
	background:#fff;
	color: #98BF0C !important;
	border: 2px solid #98BF0C;	
}
a.button-outline:hover,
.button-outline:hover,
span.button-outline:hover {
	background:#98BF0C;
	color: #fff !important;
	border: 2px solid #98BF0C;	
}
a.button-outline-dark,
.button-outline-dark,
span.button-outline-dark {
	background:#fff;
	color: #333 !important;
	border: 2px solid #333;	
}
a.button-outline-dark:hover,
.button-outline-dark:hover,
span.button-outline-dark:hover {
	background:#333;
	color: #fff !important;
	border: 2px solid #333;	
}
ul.no-list {
	list-style: none;
}
ul {
	padding-left:0px;
	list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 55px;	
}
li {
	position: relative;
    margin-left: 0;
	padding-left: 15px;
	margin-bottom:13px;
}
li:before {
    position: absolute;
    font-family: FontAwesome;
    top: 6px;
    left: 0;
    content: '\f111';
    color: #98BF0C;
    font-size: 7px;
    width: 20px;	
}
ul.arrow li:before {
	content: '\f054';
}
/*------------------------------------*\
    END CUSTOM CSS
\*------------------------------------*/

/*------------------------------------*\
    START TOPHEADER CSS
\*------------------------------------*/
.topheader {
	padding-top:25px;
	height: 50px;
	background: #e8e8e8;
	font-size: 16px;
	margin-bottom: 30px;
}
.topheader p {
    margin: 0 0 0 0;
	line-height: 0;
}
.slogan-topheader {
	
}
.search-topheader {
	text-align: right;
	z-index: 1;
}
.search-topheader:before {
	background-color: #f2f2f2;
    content: '';
    position: absolute;
    top: -25px;
    display: block;
    width: 790px;
    right: -515px;
    height: 50px;
    z-index: -1;
    float: right;
}
.second_header_search_mob_inner {
    margin-top: -12px;
    float: left;
    margin-left: 190px;	
}
.second_header_search_mob_inner input[type="search"] {
	border:none;
	background-color: #f2f2f2;
	font-style: italic;
	margin-bottom: 0px;
}
.second_header_search_mob_inner button {
	background: none;
    border: none;
    color: #c8c8c8;
    font-size: 10px;
    position: absolute;
    top: -11px;	
}
.display-flex-lay-out {

}
/*------------------------------------*\
    END TOPHEADER CSS
\*------------------------------------*/

/*------------------------------------*\
    START MIDDLEHEADER CSS
\*------------------------------------*/
.middleheader {
	border-bottom: 1px solid #e5e5e5;
}
.logo {
	float:left;
	margin-bottom: 25px;
}
.info-middleheader {
	float:right;
	margin-top: 14px;
}
ul.list-items-middelheader li {
	float:left;
	color: #98BF0C;
	font-size: 18px;
	font-weight: bold;
	padding-left: 50px;
}
ul.list-items-middelheader li a {
	color: #98BF0C;	
}
ul.list-items-middelheader li a:hover {
	color: #333;	
}
ul.list-items-middelheader li {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
}
ul.list-items-middelheader li:before {
	content: none;
}
ul.list-items-middelheader li span {
	display: block;
	margin-bottom: 2px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
/*------------------------------------*\
    END MIDDLEHEADER CSS
\*------------------------------------*/

/*------------------------------------*\
    START MENU CSS
\*------------------------------------*/
div.menu
{
	z-index:999;	
}
.nav {
	float: left;
}
.nav > ul{
	margin:0;
	padding:0
}
.header .nav ul
{
	text-align:left;
	width:100%;
	padding-left:0px;
	margin:0px;
}
.nav ul li
{
	list-style:none;
	margin-bottom: 0;
	float: left;
	position:relative;
}
.nav ul li:before {
	content: none;
}
.nav ul li.current a:link, 
.nav ul li.current a:visited, 
.nav ul li.current a:active
{
    color: #fff;
}
.nav ul li.current ul li a {
	color:#000 !important;
}
.nav ul li ul li.current {
    
}
.header .nav ul li
{
	display: inline-block;
	float:inherit;
	padding: 0px 10px;	
}
.nav ul li a:link, 
.nav ul li a:visited, 
.nav ul li a:active {
	cursor:pointer;
    color: #333;
    line-height: 2.5em;
	padding: 20px 0px;
    font-size: 18px;
    display: block;
	font-weight:bold;
}
.nav ul li:first-child,
.nav ul li a:first-child {
	padding-left: 0px;
}
.nav ul li.current_page_item a:link,
.nav ul li.current_page_item a:visited,
.nav ul li.current_page_item a:active {
	color: #98BF0C;
	border-top: 4px solid #98BF0C;	
}
.header .nav ul ul li
{
	float:left;
	text-align: left;	
}
.top-nav.nav ul li a:link,
.top-nav.nav ul li a:visited,
.top-nav.nav ul li a:active
{
	text-transform:inherit;
	padding: 0 13px;
}
.nav ul li a:hover
{
	color: #98BF0C;
}
.nav ul li.last-child a:link,
.nav ul li.last-child a:visited,
.nav ul li.last-child a:active
{
	padding-right: 0;
}
.nav ul ul
{
	display:none;
}
.nav ul li:hover ul
{
	display:block;
}
.nav ul li ul {
	position: absolute;
    left: 0px;
    text-align: left;
    top: 85px;
    background: #000;
    z-index: 3;
    margin-left: 0px;
    padding-left: 0;
}
.nav ul li:hover ul {
    display: block;
}

.nav ul li:hover ul,
.nav ul li:hover ul li
{
	width:290px;
	z-index:1000;
}
.header .nav ul ul li,
.nav ul ul li:first-child {
	padding-left: 0px;
	padding-right:0px;
}
.nav ul ul li a:link,
.nav ul ul li a:visited,
.nav ul ul li a:active
{
	line-height: 20px;
	padding: 15px 10px;
    color: #fff;
    height: 50px;
    font-size: 18px;
    border-left: none;
}
.nav ul ul li:last-child a:link,
.nav ul ul li:last-child a:visited,
.nav ul ul li:last-child a:active
{

}
.nav ul ul li a:hover
{
	background-color: #98BF0C;
	color: #fff;
}
.nav ul li.current_page_item ul li a:link, 
.nav ul li.current_page_item ul li a:visited, 
.nav ul li.current_page_item ul li a:active {
    color: #fff;
    border-top: none;
}
/*------------------------------------*\
    END MENU CSS
\*------------------------------------*/

/*------------------------------------*\
    START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/

.social-icons {
	float:right;
	padding-top: 22px;
}
.social-icons a {
	width: 43px;
    height: 43px;
    color: #c8c8c8;
    float: left;
    text-align: center;
    margin-right: 9px;
    background-color: #fff;
    line-height: 41px;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 43px;
    border: 2px #c8c8c8 solid;
}
/*------------------------------------*\
    END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
.top-footer {
	padding: 100px 0px 100px 0px;
    background-image: url(img/bg-footer.jpg);	
    background-position: center 50%;
    background-size: cover;
    overflow: hidden;
	color: #fff;
}
.top-footer h3 {
	color: #fff;
	font-size:30px;
}
.top-footer a {
	color: #fff;
}
.top-footer a:hover {
	color: #98BF0C;
}
.top-footer ul.arrow li:before {
	color: #fff;
}
.top-footer .widget {
	float:left;
	width:22%;
	margin-right: 3%;
}
.top-footer .widget-first.widget {
	width:25%;
	margin-right: 3%;
	padding-right: 30px;
}
.top-footer .widget-last.widget {
	margin-right: 0%;
	width: 20%;
}
.bottom-footer {
    padding: 13px 0px 10px 0px;
    display: block;	
}
.bottom-footer p {
	margin-bottom:0px;
}
.cd-top {
    background: #98BF0C;
    color: #fff;	
	height:35px;
	width:35px;
	line-height:35px;
	bottom:15px;
	right:15px;
	text-align:center;
	position:fixed;
	display:none
}
.cd-is-visible {
	cursor:pointer;
	display:block;
	opacity:1;
	border-radius:20px;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	-webkit-transition:opacity .3s 0s, visibility 0s 0s;
	-moz-transition:opacity .3s 0s, visibility 0s 0s;
	transition:opacity .3s 0s, visibility 0s 0s
}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/
.section-row-1-fp {
	padding: 100px 0px 80px 0px;
}
.section-row-2-fp {
	padding: 100px 0px 63px 0px;
}
.section-row-3-fp {
	padding: 100px 0px 63px 0px;
}
.section-row-4-fp,
.section-row-5-fp,
.section-row-6-fp {
	padding: 100px 0px 100px 0px;
    background-position: center 50%;
    background-size: cover;
    overflow: hidden;
}
.section-row-7-fp {
	padding: 100px 0px 63px 0px;
}
p.subtitel {
	font-size: 20px;
	color: #98BF0C;
	font-weight: 700;
}
.row-1-fp-image {
	float:left;
    width: 34%;
    margin-right: 16%;
}
.row-1-fp-tekst {
	float:left;
    width: 50%;
    margin-top: 55px;	
	margin-right: 0%;
}
.home h2 {
    font-size: 30px;	
}
.row-2-block {
	float:left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 38px;
	text-align:center;
	margin-top: 43px;
}
.row-2-block:nth-child(3n+3) {
	margin-right: 0%;
}
.row-2-block h3 {
    margin: 0 0 15px 0;
}
.row-2-block h3:before {
    content: '';
    position: relative;
    background-image: url(img/zonnepanelen-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    min-height: 100px;
    display: block;
    margin: 0 auto 26px auto;
    background-size: cover;
}
h3.rij-2-dienst-2:before {
    background-image: url(img/omvormers-icon.png);
    background-size: cover;	
}
h3.rij-2-dienst-3:before {
    background-image: url(img/zonneboilers-icon.png);	
    background-size: cover;
}
.container-row-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.section-row-6-fp
{
	background-color: #f2f2f2;
}
.row-3-block {
	float:left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 38px;
	text-align:center;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.row-3-block:nth-child(3n+3) {
	margin-right: 0%;
}
.row-3-block-inner {
	padding: 45px 40px 0px 40px;
}
h4.subtitel {
	font-size:16px;
	font-weight: 400;
	color: #98BF0C;
}
.rij-1-contact-fp {
	float: left;
    width: 32%;
    margin-right: 2%;
}
.rij-1-contact-fp:nth-child(4) {
	margin-right: 0%;
}
.rij-2-contact-fp {
	float: left;
    width: 100%;
}
.homepage-formulier input[type="submit"] {
	width: 300px;
	text-align: center;
}
.rij-content-links {
	float:left;
	width: 50%;
}
.rij-content-rechts {
	float:left;
	width: 50%;	
}
.section-row-4-fp h2,
.section-row-4-fp p.subtitel {
	color: #fff;
}
.recensie-slider img {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    object-fit: cover;
    margin-bottom: 35px;	
}
.recensie-slider blockquote {
    position: relative;
    display: inline-block;	
	padding: 0px 15%;
	font-size: 30px;
	color: #fff;
}
.recensie-slider blockquote p {

}
.recensie-slider blockquote:before,
.recensie-slider blockquote:after {
    position: absolute;
    content: " ";
    width: 60px;
    height: 50px;
    background-position: right top;
    background-size: cover;
    overflow: hidden;
    font-size: 3em;
    line-height: 1;
    text-align: center;
    z-index: -1;
    background-size: 65%;
    background-repeat: no-repeat;	
}
.recensie-slider blockquote:before {
    background-image: url(img/quote-left.svg);
    top: -5px;
    left: 10%;
}
.recensie-slider blockquote:after {
    background-image: url(img/quote-right.svg);
    bottom: 45px;
    right: 12%;	
}
.recensie-slider h3 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin-bottom: -5px;
}
.recensie-slider h5 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 60px;
}
.recensie-slider .owl-controls {
	text-align: center;
	margin: auto 0px;
}
.recensie-slider .owl-prev, 
.recensie-slider .owl-next {
	cursor: pointer;
	position: relative;
	z-index: 99999;
	color: #fff;
	text-align: center;
	font-size: 10px;
	background: none;
	font-family: fontAwesome;
	font-weight: bolder;
	z-index: 62;
	display: inline-block;	
}
.recensie-slider .owl-controls .owl-prev:after {
	content: "\f060";
	padding-right:10px;
}
.recensie-slider .owl-controls .owl-next:after {
	content: "\f061";
}
.post-intro-fp {
	margin-bottom: 30px;
}
.post-container-fp {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 38px;
    text-align: center;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.post-container-fp:nth-child(3) {
    margin-right: 0%;
}	
.post-container-inner-fp {
    padding: 40px;
}
.post-date-fp {
	color: #98BF0C;
	margin-bottom: 3px;	
}
/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
	START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
.header-landingspagina-sidebar {
	margin-bottom:25px;
}
.landingspagina-sidebar-slider .owl-item,
.landingspagina-sidebar-slider .slider
{
	position: relative;
}
.slider img
{
    object-fit: cover;
	object-position: center center;
}
.landingspagina-sidebar-slider .owl-item,
.landingspagina-sidebar-slider .slider,
.landingspagina-sidebar-slider img,
.landingspagina-sidebar-slider .slide-image:after,
.landingspagina-sidebar-slider .slide-image-lp
{
    height: 350px;
}
.landingspagina-sidebar-slider .slider-content {
	margin-top: 171px;
}
.section-content-lp-sidebar {
    padding: 0px 0px 50px 0px;
}
.sidebar .widget_text {
	background-color: #f2f2f2;
    padding: 30px;
    color: #333;
    margin-bottom: 30px;
}
.sidebar .widget-first.widget_text {
    background-color: #98BF0C;
    color: #fff;	
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.sidebar .widget_text h3,
.sidebar .widget_text a,
.sidebar .widget_text li:before {
	color: #333;
}
.sidebar .widget-first.widget_text h3,
.sidebar .widget-first.widget_text a,
.sidebar .widget-first.widget_text li:before {
	color: #fff;
}
.sidebar .widget_text a:hover {
	color: #333;
}
.sidebar .widget-first.widget_text a:hover {
	color: #333;
}
.section-extra-content-landingspagina-sidebar {
	padding: 100px 0px;	
}
/*------------------------------------*\
    END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/

/*------------------------------------*\
	START POST OVERVIEW CSS
\*------------------------------------*/
.border-top-overview {
    border-top: 1px solid #e5e5e5;
    padding-top: 24px;	
}
.page-template-default  .bottomheader {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}
.img-overview-post-template img {
    float: left;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    object-fit: cover;
    margin-bottom: 35px;
	margin-right: 30px
}
.overview-post {
	float:left;
	width: 75%;
	margin-bottom: 50px;
}
/*------------------------------------*\
	END POST OVERVIEW CSS
\*------------------------------------*/

/*------------------------------------*\
	START SINGLE POST CSS
\*------------------------------------*/
.default-post-section {
	padding: 0px 0px 50px 0px;
}
.single-post .bottomheader {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}
.img-single-post-template img {
    float: left;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    object-fit: cover;
    margin-bottom: 35px;
	margin-right: 30px
}
.single-post h3 {
	margin-bottom: 20px;
}
.social-share-buttons-single span {
	cursor: pointer;
	float:left;
	width: 40px;
	position: relative;
    top: 0px;
	transition: top ease 0.5s;	
}
.social-share-buttons-single span:hover {
    top: -5px;	
}
.social-share-buttons-single span i {
    font-size: 26px;
    text-align: left;
}
.social-share-buttons-single span i.fa-facebook {
	color: #3b5999;
}
.social-share-buttons-single span i.fa-linkedin {
	color: #0077B5;
}
.social-share-buttons-single span i.fa-pinterest {
	color: #bd081c;
}
.social-share-buttons-single span i.fa-twitter {
	color: #55acee;
}
.social-share-buttons-single span i.fa-whatsapp {
	color: #25D366;
}
/*------------------------------------*\
	END SINGLE POST CSS
\*------------------------------------*/

/*------------------------------------*\
	START SEARCH CSS
\*------------------------------------*/
.search .bottomheader {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}
.search h1 {
	font-size:40px;
}
.search h2 {
	font-size:25px;
}
.search article a img {
	display: none;
}
/*------------------------------------*\
	END SEARCH CSS
\*------------------------------------*/
/*------------------------------------*\
	START RESPONSIVE TABLE CSS
\*------------------------------------*/
.prijstable {
	margin: 2em 0;
	width: 100%;
}
.prijstable tr:nth-child(odd) {
	background-color: #e5e5e5;	
}
.prijstable th {
	display: none;
}
.prijstable td {
	display: block;
	padding: 1em 1em 1em 1em !important;
}
.prijstable td:nth-child(1) {
	padding: 1em 1em 0em 1em !important;	
}
.prijstable td:last-child {
	padding-bottom: .5em;
}
.prijstable td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 100%;
	padding-bottom:10px;
	display: inline-block;
}
.prijstable a {
	color:#4e4e4e;
	display: inline-block;
	text-align: left;
	font-size: 14px;
	border-radius: 4px;
	padding: 0px;
}
.prijstable a:hover {
	color:#0c3646;
	text-align:left;
	background-color: none;
}
.prijstable th, .prijstable td {
	text-align: left;
}
.prijstable {
	border-radius: .4em;
}
.prijstable tr {
	border-color: #f1f1f1;
}
.prijstable th, .prijstable td {
	margin: 0em 0em;
}

.assortiment-item{
	width: 24%;
	margin-right:1%;
	float: left;
}

.assortiment-item:nth-child(odd){
	margin-right:0%;
}

.assortiment-item h3{
	font-size: 18px;
}

.row-1-fp-textblock{
	padding: 0 30px;
	text-align: center;
}

.slider-content p, .slider-content ul{
	color: #fff;
}

/*------------------------------------*\
	END RESPONSIVE TABLE CSS
\*------------------------------------*/
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:1300px) {
	.wrap{
		max-width: 1300px;
		min-height: 20px;
		box-sizing: border-box;
	}
	.wrap-small {
		max-width: 65%;		
	}
	.wrap.wrap-full {
		max-width: 100%;
	}
}

@media only screen and (max-width:1300px) {
	.wrap{
		max-width: 96%;
	}
	.wrap.wrap-full {
		max-width: 100%;
	}
}

@media only screen and (max-width:1200px) {
	.col12-1200{
		width: 100%
	}
	.col11-1200{
		width: 91.66666667%
	}
	.col10-1200{
		width: 83.33333333%
	}
	.col9-1200{
		width: 75%
	}
	.col8-1200{
		width: 66.66666667%
	}
	.col7-1200{
		width: 58.33333333%
	}
	.col6-1200{
		width: 50%
	}
	.col5-1200{
		width: 41.66666667%
	}
	.col4-1200 {
		width: 33.33333333%
	}
	.col3-1200{
		width: 25%
	}
	.col2-1200{
		width: 16.66666667%
	}
	.col1-1200
	{
		width: 8.33333333%
	}
}

@media only screen and (max-width:1150px) {
/*------------------------------------*\
    START TOPHEADER CSS
\*------------------------------------*/
	.second_header_search_mob_inner {
		margin-left: 110px;		
	}
/*------------------------------------*\
    END TOPHEADER CSS
\*------------------------------------*/

/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.recensie-slider blockquote:before {
		left: 6%;
	}
	.recensie-slider blockquote:after {
		right: 10%;
	}
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

}

@media only screen and (max-width:1100px) {
/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
	.home-slider .owl-item,
	.slider,
	.slide-image:after
	{
		height: 500px;
	}
	.slide-image-lp,
	.slide-image,
	.slide-image img
	{
		height: 500px;	
	}
	.landingspagina-sidebar-slider .owl-item,
.landingspagina-sidebar-slider .slider,
.landingspagina-sidebar-slider img,
.landingspagina-sidebar-slider .slide-image:after,
.landingspagina-sidebar-slider .slide-image-lp
	{
		height: 250px;
	}
	.slider-content {
		margin-top: 60px;
		width: 75%;
	}
	.slider-content h3 {
		font-size: 18px;
		margin-bottom:14px;
	}
	.slider-content h2 {
		font-size: 30px !important;

	}
/*------------------------------------*\
	END SLIDER CSS
\*------------------------------------*/
}

@media only screen and (max-width:1024px) {
/*------------------------------------*\
    START RESPONSIVE MENU CSS
\*------------------------------------*/	
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	#menu-mobielmenu{
		list-style:none;
		padding:0;
		margin:0;
	}
	#menu-mobielmenu li{
		line-height: 1.8em;
		margin-bottom: 0em;
		padding: 7px 0px 7px 15px;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		position: unset;
	}
	#menu-mobielmenu li .sub-menu a,
	#menu-mobielmenu li a{
		font-size:18px;
		color:#fff;
		display:block;
		cursor:pointer;
		text-align:left;
		min-height:inherit !important;
	}	
	#menu-mobielmenu .menu-item-has-children a:after,
	#menu-mobielmenu li.haschild > a:after{
		content: '\f105';
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		margin: 0 10px 0 0;
		float: right;
	}
	#menu-mobielmenu .menu-item-has-children ul li a:after {
		display:none;
	}
	#menu-mobielmenu li a:hover{
		/*color:#999;*/
	}
	#menu-mobielmenu li.current > a{
		color: #e21a22;
	}
	#menu-mobielmenu li:before {
		content: none;
	}
	#menu-mobielmenu .sub-menu,
	#menu-mobielmenu .child{
		display:none;
		list-style:none;
		margin:0;
		padding: 0;
	}
	#menu-mobielmenu .menu-item-has-children.active .sub-menu,
	#menu-mobielmenu .haschild.active .child{
		display:block;

	}
	#menu-mobielmenu .haschild.active .child ul.child{
		display:none;

	}
	#menu-mobielmenu .haschild.active .child .active ul.child{
		display:block;

	}
	#menu-mobielmenu .menu-item-has-children,
	#menu-mobielmenu .haschild{
		left:-81%;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	#menu-mobielmenu .menu-item-has-children.active,
	#menu-mobielmenu .haschild.active{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding:0;
		margin:0;
		background-color: #393939;
		border-bottom:0;
		padding-top: 0px;
		z-index: 2;
	}
	#menu-mobielmenu .menu-item-has-children.active > a,
	#menu-mobielmenu .haschild.active > a{
		padding-left: 15px !important;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#menu-mobielmenu .menu-item-has-children.active > a:before,
	#menu-mobielmenu .haschild.active > a:before{
		display:none;
	}
	#menu-mobielmenu .menu-item-has-children.active .mobile-close,
	#menu-mobielmenu .first-child .mobile-exit,
	#menu-mobielmenu .haschild.active .mobile-close{
		position: absolute;
		z-index: 2;
		cursor: pointer;
		float: right;
		font-size: 24px;
		background: #393939;
		top: 0px;
		right: 0px;
		height: 49px;
		width: 49px;
		line-height: 49px;
		text-align: center;
		color: #fff !important;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
	}
	#menu-mobielmenu .mobile-exit .c-hamburger{
		margin-left: 3px;
		margin-top: 2px;
	}
	#menu-mobielmenu .mobile-exit .c-hamburger span::before,
	#menu-mobielmenu .mobile-exit .c-hamburger span::after{
		background-color: #ffffff;
	}
	#menu-mobielmenu .menu-item-has-children .mobile-close i,
	#menu-mobielmenu .haschild.active .mobile-close i{
		pointer-events:None;
	}
	.mobile-menu-container .logo-lt
	{
		max-width: 200px;
	}
	.mobile-menu-container  .wpml-ls-menu-item .wpml-ls-flag {
		width: 30px;
		height: 30px;
	}
	.mobile-menu-container .icon-mail, .mobile-menu-container .icon-phone {
		float: left;
		width: 100%;
		margin: 0 0 1.5em 0;
	}
	.c-hamburger span::before {
	  top: -8px;
	}
	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}
	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}
	.c-hamburger--htx.is-active span {
	  background: none;
	}
	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.mobile-menu {
		position: relative;
		right: 0px;
		margin-right: 0px;
		z-index: 100;
		top: 2px;
	}
	.is-sticky .mobile-menu {
		top: -24px;
	}
	.c-hamburger {
	  display: block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 36px!important;
	  height: 36px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  cursor: pointer;
	  background:none;
	  border:0;
	 bbackground:#fff;
	  margin: 10px 0 0 10px;
	  border-radius: 20px;
	  /* transition: background 0.3s; */
	}
	.down .c-hamburger
	{
		background:none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 16px;
		left: 0px;
		right: 0px;
		background: #393939;
		width: 60%;
		margin-left: 20%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.c-hamburger span::before,
	.c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background-color: #393939;
		content: "";
	}
	.btn-stroke:hover.c-hamburger span,
	.btn-stroke:hover.c-hamburger span::before,
	.btn-stroke:hover.c-hamburger span::after
	{
		background-color:#A72072
	}
	.down .c-hamburger span,
	.down .c-hamburger span::before,
	.down .c-hamburger span::after
	{
		background-color:@#000000;

	}
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	.mobile-menu-container .logo-lt {
		max-width: 260px;
		padding-left:15px;
	}
	.c-hamburger span::before {
	  top: -8px;
	}

	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}

	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}

	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}

	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}

	.c-hamburger--htx.is-active span {
	  background: none;
	}

	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}

	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}

	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.container-wrapper{
		-webkit-transition: -webkit-transform 0.3s ease;
		-moz-transition: -moz-transform 0.3s ease;
		-o-transition: -o-transform 0.3s ease;
		transition: transform 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

	}
	.mobile-menu-container{
		background-color:#393939;
		padding:10px 0 20px 0px;
		position: fixed;
		top: 0;
		left:-75%;
		bottom: 0;
		z-index: 100000;
		display: block!important;
		width: 75%!important;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	.off-screen{
		left:0;
	}

	.off-screen+* {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
		width: 100%;
		overflow: hidden;
		-webkit-transition: -webkit-transform .3s ease;
		-moz-transition: -moz-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-delay: 0.1s; /* Safari */
		transition-delay: 0.1s;
	}
	.contact-mobile-menu {
		padding-left: 15px;
		margin-top: 50px;
	}
	.contact-mobile-menu h3 {
		color: #98BF0C;
	}
/*------------------------------------*\
    END RESPONSIVE MENU CSS
\*------------------------------------*/
	.col12-s{
		width: 100%
	}
	.col11-s{
		width: 91.66666667%
	}
	.col10-s{
		width: 83.33333333%
	}
	.col9-s{
		width: 75%
	}
	.col8-s{
		width: 66.66666667%
	}
	.col7-s{
		width: 58.33333333%
	}
	.col6-s{
		width: 50%
	}
	.col5-s{
		width: 41.66666667%
	}
	.col4-s {
		width: 33.33333333%
	}
	.col3-s{
		width: 25%
	}
	.col2-s{
		width: 16.66666667%
	}
	.col1-s
	{
		width: 8.33333333%
	}
	.hide-1024 {
		display:none;
	}
	.show-1024 {
		display:block;
	}

/*------------------------------------*\
    START COMMON CSS
\*------------------------------------*/

	body{
		font-size:15px;
	}
	h1 {
		font-size: 2.5em;	
	}
	.home h2 {
		font-size: 1.5em;
	}

	.recensie-slider h3 {
		font-size: 30px;
	}
	.recensie-slider h5  {
		margin-bottom: 25px;	
	}
/*------------------------------------*\
    END COMMON CSS
\*------------------------------------*/

/*------------------------------------*\
    START TOPHEADER CSS
\*------------------------------------*/
	.search-topheader:before {
		content: none;
	}
	.second_header_search_mob_inner {
		margin-top: -19px;
		margin-left:0px;
		width:100%;
	}
	.second_header_search_mob_inner input[type="search"] {
		padding: 10px;
		box-sizing:border-box;
	}
	.second_header_search_mob_inner button {
		top: -10px;
		right: 22px;
	}	
/*------------------------------------*\
    END TOPHEADER CSS
\*------------------------------------*/

/*------------------------------------*\
    START MIDDLEHEADER CSS
\*------------------------------------*/
	.info-middleheader {
		width: 50%;
		margin-top: 0px;
	}
	ul.list-items-middelheader li {
		width: 100%;
		text-align: right;
		margin-bottom:3px;
	}

	ul.list-items-middelheader li:before {
		content: none;
	}
	ul.list-items-middelheader li span {
		display:none;
	}
/*------------------------------------*\
    END MIDDLEHEADER CSS
\*------------------------------------*/

/*------------------------------------*\
    START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
.social-icons {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*------------------------------------*\
    END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-3-block-inner {
		padding: 25px 20px 0px 20px;
	}
	.recensie-slider blockquote {
		padding: 0px 7%;
		font-size: 25px;
	}
	.recensie-slider blockquote:before,
	.recensie-slider blockquote:after {
		opacity: 0.5;
	}
	.assortiment-item{
	width: 48%;
	margin-right:2%;
	float: left;
}

.assortiment-item:nth-child(odd){
	margin-right:0%;
}
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
	START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
	.landingspagina-sidebar-slider .owl-item,
	.landingspagina-sidebar-slider .slider {
		height: 300px;
	}
	.slide-image-lp {
		height: 300px;
	}
	.landingspagina-sidebar-slider .slider-content {
		margin-top: 121px;
	}

/*------------------------------------*\
    END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/

/*------------------------------------*\
	START SINGLE POST CSS
\*------------------------------------*/
.img-single-post-template img {
    width: 250px;
    height: 250px;
}
/*------------------------------------*\
	END SINGLE POST CSS
\*------------------------------------*/

/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	.top-footer {
		padding: 50px 0px 20px 0px;	
	}
	.top-footer h3 {
		font-size: 25px;	
	}
	.top-footer .widget-first.widget {
		padding-right: 20px;
	}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/


/*------------------------------------*\
    START ANIMATIONS CSS
\*------------------------------------*/

a.button[data-aos="button-bg-change"] {
  background: #fff !important;
  color: #98BF0C !important;
  transition-property: background;
}
a.button.aos-animate[data-aos="button-bg-change"]{
    background: #98BF0C !important;
	color: #fff !important;
}

/*------------------------------------*\
    END ANIMATIONS CSS
\*------------------------------------*/

}

@media only screen and (max-width:900px) {
	.col12-s-900{
		width: 100%
	}
	.col11-s-900{
		width: 91.66666667%
	}
	.col10-s-900{
		width: 83.33333333%
	}
	.col9-s-900{
		width: 75%
	}
	.col8-s-900{
		width: 66.66666667%
	}
	.col7-s-900{
		width: 58.33333333%
	}
	.col6-s-900{
		width: 50%
	}
	.col5-s-900{
		width: 41.66666667%
	}
	.col4-s-900 {
		width: 33.33333333%
	}
	.col3-s-900{
		width: 25%
	}
	.col2-s-900{
		width: 16.66666667%
	}
	.col1-s-900
	{
		width: 8.33333333%
	}
	.hide-900 {
		display:none;
	}
	.show-900 {
		display:block;
	}
	.p-r-0-900 {
		padding-right: 0px;
	}
	
/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-1-fp-tekst {
		width: 100%;
		margin-top: 25px;
	}
	.section-row-1-fp {
		padding: 50px 0px 30px 0px;
	}
	.section-row-2-fp {
		padding: 50px 0px 23px 0px;
	}
	.section-row-3-fp {
		padding: 50px 0px 23px 0px;
	}
	.section-row-4-fp,
	.section-row-5-fp,
	.section-row-6-fp {
		padding: 50px 0px 50px 0px;
		background-position: center 50%;
		background-size: cover;
		overflow: hidden;
	}
	.section-row-7-fp {
		padding: 50px 0px 23px 0px;
	}
	.row-2-block h3:before {
		width: 80px;
		min-height: 80px;
		margin: 0 auto 15px auto;
	}
	
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
	START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/

	.section-extra-content-landingspagina-sidebar {
		padding: 50px 0px 30px 0px;
	}
	.sidebar .widget_text {
		float:left;
		width: 47.5%;
		margin-right: 5%;
		min-height:340px;	
	}
	.sidebar .widget_text:nth-child(2n+2) {
		margin-right: 0%;
	}
/*------------------------------------*\
    END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/

/*------------------------------------*\
	START SINGLE POST CSS
\*------------------------------------*/
.img-single-post-template img {
    width: 250px;
    height: 250px;
}
/*------------------------------------*\
	END SINGLE POST CSS
\*------------------------------------*/


}

@media only screen and (max-width:800px) {
	.col12-s-800{
		width: 100%
	}
	.col11-s-800{
		width: 91.66666667%
	}
	.col10-s-800{
		width: 83.33333333%
	}
	.col9-s-800{
		width: 75%
	}
	.col8-s-800{
		width: 66.66666667%
	}
	.col7-s-800{
		width: 58.33333333%
	}
	.col6-s-800{
		width: 50%
	}
	.col5-s-800{
		width: 41.66666667%
	}
	.col4-s-800 {
		width: 33.33333333%
	}
	.col3-s-800{
		width: 25%
	}
	.col2-s-800{
		width: 16.66666667%
	}
	.col1-s-800
	{
		width: 8.33333333%
	}
	.hide-800 {
		display:none;
	}
	.show-800 {
		display:block;
	}
	
/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-3-block,
	.post-container-fp {
		width: 46.5%;
		margin-right: 3.5%;
	}
	.row-3-block:nth-child(2),
	.post-container-fp:nth-child(2) {
		margin-right: 0%;
	}	
	.row-3-block:nth-child(3),
	.post-container-fp:nth-child(3) {
		width: 46.5%;
		margin: 0px 26.75% 38px 26.75%;
	}	
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/


/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	.top-footer {
		padding: 50px 0px 20px 0px;	
	}
	.top-footer h3 {
		font-size: 25px;	
	}
	.top-footer .widget-first.widget {
		width:100%;
		margin-right: 0%;
		padding-right: 0px;
	}
	.top-footer .widget {
		width:47.5%;
	}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/
}

@media only screen and (max-width:768px) {
	.col12-768{
		width: 100%
	}
	.col11-768{
		width: 91.66666667%
	}
	.col10-768{
		width: 83.33333333%
	}
	.col9-768{
		width: 75%
	}
	.col8-768{
		width: 66.66666667%
	}
	.col7-768{
		width: 58.33333333%
	}
	.col6-768{
		width: 50%
	}
	.col5-768{
		width: 41.66666667%
	}
	.col4-768 {
		width: 33.33333333%
	}
	.col3-768{
		width: 25%
	}
	.col2-768{
		width: 16.66666667%
	}
	.col1-768
	{
		width: 8.33333333%
	}
	
/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-2-block {
		float: left;
		width: 100%;
		margin-right: 0%;
		margin-top: 0px;
		margin-bottom: 40px;
		text-align: center;
		padding: 0px 10%;
	}
	.recensie-slider blockquote {
		padding: 0px 0%;
		font-size: 20px;
	}
	.recensie-slider blockquote:before {		
		left: -5%;
	}
	.recensie-slider blockquote:after {
		bottom: -10px;
		right: 0%;
	}
	.rij-content-links {
		width: 75%;
	}
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
	START RESPONSIVE TABLE CSS
\*------------------------------------*/
	.prijstable td:before {
		display: none;
	}
	.prijstable a {
		padding: 0px;
	}
	.prijstable th, .prijstable td {
		display: table-cell;
		padding: .25em .5em;
		width:80%;
	}
	.prijstable th {  
		color: #6d6d6d;
	}
	.prijstable th, .prijstable td {
		padding: 1em 1em 1em 1em !important;
		line-height: 1.2em;
	}
/*------------------------------------*\
	END RESPONSIVE TABLE CSS
\*------------------------------------*/

}

@media only screen and (max-width:670px) {
	.wrap
	{
		max-width: 92%;
	}
	.col12-xs{
		width: 100%
	}
	.col11-xs{
		width: 91.66666667%
	}
	.col10-xs{
		width: 83.33333333%
	}
	.col9-xs{
		width: 75%
	}
	.col8-xs{
		width: 66.66666667%
	}
	.col7-xs{
		width: 58.33333333%
	}
	.col6-xs{
		width: 50%
	}
	.col5-xs{
		width: 41.66666667%
	}
	.col4-xs {
		width: 33.33333333%
	}
	.col3-xs{
		width: 25%
	}
	.col2-xs{
		width: 16.66666667%
	}
	.col1-xs
	{
		width: 8.33333333%
	}
	.hide-670 {
		display:none;
	}
	.show-670 {
		display:block;
	}
	
/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
	input, 
	select, 
	textarea {
		width: 100%;
	}
	select, 
	input[type="text"], 
	input[type="email"], 
	input[type="password"], 
	input[type="date"], 
	input[type="tel"], 
	textarea {
		min-height: 35px;
	}
	form p {
		margin-bottom: 10px;
	}
	.homepage-formulier input[type="submit"] {
		width: 100%;
	}	
/*------------------------------------*\
    END FORMS CSS
\*------------------------------------*/
/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/
	.section-row-5-fp {
		background-image: none !important;
	}
	.rij-content-links {
		width: 100%;
	}	
/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
   START CUSTOM CSS
\*------------------------------------*/
	h1 {

	}
	.home h2,
	h2 {

	}	
	.small-content-0-670 {
	padding: 0px 0%;
	}
/*------------------------------------*\
	END CUSTOM CSS
\*------------------------------------*/
/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
	.slider-content {
		margin-top: 80px;
		width: 95%;
	}
	.slider-content h2 {
		font-size: 25px;
	}
/*------------------------------------*\
	END SLIDER CSS
\*------------------------------------*/

/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	.top-footer {
		padding: 50px 0px 20px 0px;	
	}
	.top-footer h3 {
		font-size: 25px;	
	}
	.top-footer .widget-first.widget,
	.top-footer .widget,
	.top-footer .widget-last.widget
	{
		width:100%;
		margin-right: 0%;
	}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/

/*------------------------------------*\
	START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
	.sidebar .widget_text {
		width: 100%;
		margin-right: 0%;
		min-height:inherit;	
	}
	.landingspagina-sidebar-slider .owl-item,
	.landingspagina-sidebar-slider .slider {
		height: 175px;
	}
	.slide-image-lp {
		height: 175px;
	}
	.landingspagina-sidebar-slider .slider-content {
		margin-top: 72px;
	}	
/*------------------------------------*\
    END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
	.landingspagina-sidebar-slider .owl-item,
	.landingspagina-sidebar-slider .slider,
	.landingspagina-sidebar-slider img,
	.landingspagina-sidebar-slider .slide-image:after,
	.landingspagina-sidebar-slider .slide-image-lp
	{
		height: 175px;
	}

}

@media only screen and (max-width:550px) {
	table td
	{
		padding: 8px 4px;
	}
	h1, h2, h3, h4, h5, h6, p, table td
	{
		word-break: break-word;
	}

	.bottom-footer .copyright
	{
		text-align: center;
		width: 100%;
	}
	.topheader
	{
		margin-bottom: 10px;
	}
	.col12-xs-550{
		width: 100%
	}
	.col11-xs-550{
		width: 91.66666667%
	}
	.col10-xs-550{
		width: 83.33333333%
	}
	.col9-xs-550{
		width: 75%
	}
	.col8-xs-550{
		width: 66.66666667%
	}
	.col7-xs-550{
		width: 58.33333333%
	}
	.col6-xs-550{
		width: 50%
	}
	.col5-xs-550{
		width: 41.66666667%
	}
	.col4-xs-550 {
		width: 33.33333333%
	}
	.col3-xs-550{
		width: 25%
	}
	.col2-xs-550{
		width: 16.66666667%
	}
	.col1-xs-550
	{
		width: 8.33333333%
	}
	.hide-550 {
		display:none;
	}	
	.hide-550 {
		display:none;
	}

/*------------------------------------*\
    START TOPHEADER CSS
\*------------------------------------*/
.topheader {
    padding-top: 15px;
    height: 33px;
    font-size: 16px;
    margin-bottom: 10px;
}
/*------------------------------------*\
    END TOPHEADER CSS
\*------------------------------------*/
	
/*------------------------------------*\
   START MIDDLEHEADER CSS
\*------------------------------------*/
	.logo {
		width: 140px;
		margin-bottom: 5px;
	}
	.info-middleheader {
		width: 60%;
	}
	ul.list-items-middelheader li {
		font-size: 15px;
		padding-left: 0px;
	}
/*------------------------------------*\
   END MIDDLEHEADER CSS
\*------------------------------------*/

/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-2-block {
		padding: 0px 0%;
	}
	.recensie-slider blockquote:before,
	.recensie-slider blockquote:after {
		display: none;
	}
	.rij-1-contact-fp {
		width: 100%;
		margin-right: 0%;
	}
	.row-3-block,
	.post-container-fp {
		width: 100%;
		margin-right: 0%;
	}
	.row-3-block:nth-child(3),
	.post-container-fp:nth-child(3) {
		width: 100%;
		margin: 0%;
	}		
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

}

@media only screen and (max-width:480px) {
	a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark
	{
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
	.col12-xs-480{
		width: 100%
	}
	.col11-xs-480{
		width: 91.66666667%
	}
	.col10-xs-480{
		width: 83.33333333%
	}
	.col9-xs-480{
		width: 75%
	}
	.col8-xs-480{
		width: 66.66666667%
	}
	.col7-xs-480{
		width: 58.33333333%
	}
	.col6-xs-480{
		width: 50%
	}
	.col5-xs-480{
		width: 41.66666667%
	}
	.col4-xs-480 {
		width: 33.33333333%
	}
	.col3-xs-480{
		width: 25%
	}
	.col2-xs-480{
		width: 16.66666667%
	}
	.col1-xs-480
	{
		width: 8.33333333%
	}
	.hide-480 {
		display:none;
	}
	.show-480 {
		display:block;
	}
	.assortiment-item
	{
		width: 100%;
		margin-right:0%;
		float: left;
	}
	.assortiment-item:nth-child(odd)
	{
		margin-right:0%;
	}
	.home-slider .owl-item,
	.slider, .slide-image:after
	{
		height: 450px;
	}
	.slide-image-lp,
	.slide-image,
	.slide-image img
	{
		height: 450px;	
	}
	.landingspagina-sidebar-slider .owl-item,
	.landingspagina-sidebar-slider .slider,
	.landingspagina-sidebar-slider img,
	.landingspagina-sidebar-slider .slide-image:after,
	.landingspagina-sidebar-slider .slide-image-lp
	{
		height: 125px;
	}
	.info-middleheader {
		width: 40%;
	}
	.section-row-6-fp input, 
	.section-row-6-fp select, 
	.section-row-6-fp  textarea {
		width: 100%;
		margin-bottom: 1.0em;
	}
	h1 {
		font-size: 2.0em;
	}

}

@media only screen and (max-width:400px) {
/*------------------------------------*\
   START MIDDLEHEADER CSS
\*------------------------------------*/
	.info-middleheader
	{
		margin-top: 8px;
	}
	.slider-content
	{
		margin-top: 50px;
	}
	.slider-content ul
	{
		font-size: 16px;
	}
/*------------------------------------*\
   END MIDDLEHEADER CSS
\*------------------------------------*/
}