body{
  margin: 0;
  padding: 0;
  font-family: 'Jost', 'Raleway', sans-serif;
  background: #fff;
  color: #1f376c;
  float: left;
}

form * {font-family: 'Jost', 'Raleway', sans-serif;}

h1,h2,h3,h4,h5,h6{line-height: 100%;}

h1{font-size: 25px}
h2{font-size: 22px}
h3{font-size: 18px}
h4{font-size: 16px}
h5{font-size: 14px}
h6{font-size: 12px}

#maxw1{
  max-width: 1040px;
  margin: 0 auto;
}

*:focus{outline: 0;}

a{
  text-decoration: none;
} 

p{
  margin: 1.12em 0;
  line-height: 180%;
  font-weight: 500;
  font-size: 14px;
}

img{max-width: 100%;}

.clearfix:after {
  content: "\00a0";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

input [type="button"],
input [type="submit"],
a,
button,
.transition, .transition *,
.knop{
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  cursor: pointer;
}

.knop:hover{
  opacity: 0.8;
}

.melding {
	background: #E91E63;
    color: white;
    padding: 10px 16px;
    text-align: center;
    font-size: 14px;
    margin-top: 36px;
    font-weight: bold;
}

.sameadres:before {
	content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #abb8c3;
    display: inline-block;
    margin-right: 10px;
	margin-top: 1px;
	cursor: pointer
}

	.sameadres {
		cursor: pointer
	}

.codedropz-upload-wrapper {
	width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.cf7sr-g-recaptcha {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.bialty-container > a {display: none}

#topbar {
	padding: 10px;
	background: #f4f4f4;
	text-align: right;
	font-size: 13px;
}

	#topbar, #topbar a {
		color: #505050
	}
	
	#topbar a {
		padding-left: 10px;
		padding-right: 10px;
	}

.actie {
  display: none;
  position: fixed;
  background: none!important;
  border: none!important;
  top: 250px;
  right: 0;
  z-index: 984
}

.actie .closeicon {
  position: absolute;
  background: #4bb650;
  color: white;
  text-align: center;
  z-index: 98456542;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  display: block;
  top: 10px;
  right: 5px;
}

i.fa{font-weight: 400!important}

input,
select,
textarea,
button{font-family: 'Jost', 'Raleway', sans-serif;}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

.frame {
  margin: 0 auto;
  max-width: 100%
}

.frame:after {
  content: "";
  display: table;
  clear: both
}

[class*=bit-] {
  float: left
}

.bit-1 {
  width: 100%
}

/**** Buttons ****/
.btn{display: inline-block; border: none; border-bottom: 1px solid transparent; background: transparent; color: transparent; text-align: center; font-weight: bold;}
.s_btn{font-size: 13px; height: 26px; line-height: 26px; padding: 0 10px; border-width: 2px;}
.n_btn{font-size: 14px; height: 34px; line-height: 34px; padding: 0 15px; border-width: 3px;}
.l_btn{font-size: 15px; height: 40px; line-height: 40px; padding: 0 20px; border-width: 4px;}
.xl_btn{font-size: 17px; height: 50px; line-height: 47px; padding: 0 20px; border-width: 6px;}

.btn.disabled{opacity: 0.8}
.btn.orange{background: #E56D12; color: #fff; border-color: #C35907}
.btn.orange:hover{background: #C35907;}
.btn.green{background: #4BB650; color: #fff; border-color: #347f38}
.btn.green:hover{background: #347f38;}
.btn.grey{background: #F8F8F8; color: #4C4C4C; border-color: #D3D7E0}
.btn.grey:hover{background: #D3D7E0;}
.btn.blue{background: #1f376c; color: #fff; border-color: #15264b}
.btn.blue:hover{background: #15264b;}

.btn .left{display: inline-block; margin-right: 15px;}
.btn .right{display: inline-block; margin-left: 15px;}
.btn.xl_btn .left{margin-right: 25px;}
.btn.xl_btn .right{margin-left: 25px;}

.balloon_style{background: #4C4C4C; color: #fff; font-size: 11px; padding: 5px 10px; border-radius: 2px; max-width: 230px; line-height: 16px;;}

/*
.vp_category .cat_list li {
    width: 20.9%
}
*/

.vacation_message {
  width: 100%;
  line-height: 45px;
  height: 45px;
  margin: 0px;
  display: block;
  text-align: center;
  color: white;
  background: #e56d12;
}

#slider {
  min-height: 450px;
}

#slider .searchform {
  margin-top: 145px;
  width: 70%;
  margin-left: 15%;
}

#slider .searchform input {
  width: 100%;
  font-size: 25px;
  padding: 25px;
  height: auto
}

#slider .searchform button {
  top: 20px;
  font-size: 25px;
  right: 18px;
}

.login_form_cart .login-remember, 
.login_form_cart a{
	display: none
}

.login_form_cart input[type="text"], .login_form_cart input[type="password"] {
    float: left;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    border: 1px solid #A7ACBD;
}

#content_container ul,#content_container ol, #content_container table{line-height:170%;font-size:13px;font-weight:500; margin-bottom: 15px;}
#content_container ul li{list-style-type:none; padding-left: 20px;}
#content_container ul li li{margin-left:20px}
#content_container ul li:before{content:"-"; margin-right:9px; margin-left: -15px;}
#content_container ol{margin-left:15px}
#content_container ol li li{margin-left:20px}

#content_container a{text-decoration: underline; color: #1f376c}
#content_container a:hover{color: #4BB650;}

#usp_bar{background:#1f376c; color:#fff; padding:10px 0; font-size:14px; }
#usp_bar .usp{ margin:0 20px; float: left;}
#usp_bar .usp:before{content:"\f00c"; display:inline-block; margin-right:10px; font-family: fontawesome;}

/****HEADER****/
.logo{float: left; font-size: 0; margin-top: 32px; width: 350px; max-width: 100%;}

#right_header{float: right;}
.searchform{float: left; position: relative; margin-top: 33px; margin-right: 8px;}
.searchform input{float: left; width: 225px; height: 36px; border: none; border: 1px solid #C4C4C4; color: #C4C4C4; border-radius: 3px; padding: 0 40px 0 12px}
.searchform button{float: left; position: absolute; top: 0; right: 0; background: transparent; border: none; font-size: 18px; color: #C4C4C4; padding: 0 14px; height: 36px; line-height: 31px;}
.searchform button:hover{color: #1f376c;}
.person_list{float: left; height: 104px; width: 276px;}
#questions{float: left; width: 100%; display: none;}
#questions > span{float: left; text-align: right; font-size: 14px; margin-top: 40px; position: relative; z-index: 1;}
#questions > span span{font-size: 13px; color: #4BB650}
#questions img{float: right; margin: 5px 0 0 -20px;}
.shopping_cart{float: left; margin: 33px 0 0 25px; position: relative; }
.shopping_cart #view_cart{position: relative; z-index: 2; top: 0; right: 0; background-color: #4BB650; color: #fff; width: 94px; height: 36px; border-radius: 3px; line-height: 36px; text-align: center; font-size: 16px;}
.shopping_cart #view_cart .fa-shopping-cart{font-size: 19px; margin: 0 11px 0 8px;}
.shopping_cart #view_cart .fa-caret-down{font-size: 15px;}
.shopping_cart #view_cart:hover{background-color: #1f376c}
.shopping_cart #view_cart:hover + ul{display: inline-block;}
.shopping_cart ul{display: none; float: left; background-color: #fff; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 3px; padding: 46px 20px 10px; -webkit-box-shadow: 0px 0px 5px 0px #000; -moz-box-shadow: 0px 0px 5px 0px #000; box-shadow: 0px 0px 5px 0px #000;}
.shopping_cart ul:hover{display: inline-block;}
.shopping_cart ul li{list-style-type: none; float: left; width: 100%;}
.shopping_cart ul li a{float: left; width: 200px; font-size: 13px; padding: 5px 0; border-bottom: 1px solid #C4C4C4; color:#1f376c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.shopping_cart ul > a{float: left; padding: 7px 20px; border-radius: 3px; background-color: #4BB650; color: #fff; font-size: 13px; font-weight: 500; text-align: center; margin-top: 10px}
.shopping_cart ul > a:hover{background-color: #1f376c}
.shopping_cart ul > a i{margin-left: 10px;}

.login_cart{float: left; margin: 34px 0 0 5px; position: relative; }
.login_cart a{position: relative; z-index: 2; margin-top: 0px; right: 0; padding-bottom: 8px!important; padding: 9px 15px; background-color: #4BB650; color: #fff; width: 94px; height: 36px; border-radius: 3px; line-height: 36px; text-align: center; font-size: 16px;}

/****MENU****/
#menu{background-color: #4BB650; height: 64px;}
.menu_container{position: relative;}
#menu2{display: none;}
.menu{float: left;}
.menu > li{float: left; list-style-type: none; line-height: 64px; margin-left: 30px;}
.menu > li:first-child{margin-left: 0;}
.menu > li:first-child a{font-size: 18px;}
.menu > li a{color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px;}
.menu > li a:hover, .menu > li.active a{color: #1f376c}
.menu li.menu-item-has-children{position: relative;}
.menu li.menu-item-has-children > a:after{content: "\f0d7"; font-family: fontawesome; margin-left: 10px;}

.menu li:hover ul{display: inline-block;}
.menu ul{display: none; position: absolute; top: 100%; left: -15px; width: 500px; z-index: 110; background-color: #fff; line-height: 100%; -webkit-box-shadow: inset 0px 1px 3px 0px #C4C4C4; -moz-box-shadow: inset 0px 1px 3px 0px #C4C4C4; box-shadow: inset 0px 1px 3px 0px #C4C4C4;}
.menu ul li{list-style-type: none; float: left; width: 50%; width: 250px;}
.menu ul li a{padding: 10px 15px; float: left; color: #1f376c; font-size: 14px;}
.menu ul li a:hover{color: #4BB650} 

#contact_block{float: right}
#contact_block a{margin: 13px 0 0 16px; float: left; line-height: 38px; width: 38px; border-radius: 19px; text-align: center; font-size: 17px; background-color: #1f376c; color: #fff;}
#contact_block a.tel_btn{width: auto; border-radius: 3px; padding: 0 20px; font-size: 15px;}
#contact_block a.tel_btn i{margin-right: 10px;}
#contact_block a:hover{background-color: #fff; color: #1f376c}


.account_form label {
	float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}

.account_form input {
	float: left;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    border: 1px solid #A7ACBD;
}

.ur-frontend-field , #loginform input[type="text"] {
	float: left;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    border: 1px solid #A7ACBD;
}

#som_new_user_pass_again, #som_new_user_pass {
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    border: 1px solid #A7ACBD;
}

#lostpasswordform input[type="text"] {
	float: left;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    border: 1px solid #A7ACBD;
}

#loginform input[type="password"] {
	float: left;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    border: 1px solid #A7ACBD;
}

.ur-submit-button, #wp-submit {
	float: left;
	height: 58px;
	font-size: 18px;
	line-height: 55px;
	font-weight: bold;
	padding: 0 18px 0 28px;
	color: #fff;
	background-color: #E56D12;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: 6px solid #C35907;
	margin: 0 20px 20px 0;
}

#reset-pass-submit {
	float: left;
	height: 58px;
	font-size: 18px;
	line-height: 55px;
	font-weight: bold;
	padding: 0 18px 0 28px;
	color: #fff;
	background-color: #E56D12;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: 6px solid #C35907;
	margin: 0 20px 20px 0;
}


/****BREADCRUMBS****/
.breadcrumbs{color: #A7ACBD; font-size: 14px; margin: 28px 0 40px}
.breadcrumbs a{color: #A7ACBD}
.breadcrumbs a:hover{color: #4BB650}
.breadcrumbs #maxw1 *{margin: 0!important; padding: 0!important;}
.breadcrumbs  #maxw1 i.fa-home{font-size: 16px;}
.breadcrumbs  #maxw1 i.fa-angle-right, .breadcrumbs #maxw1 i.fa-arrow-right {margin: 0 10px!important;}



/****SLIDER****/
#slider{background: url('img/intro.jpg') no-repeat center/cover; padding: 36px 0; margin-bottom: 50px;}
.product_list {float: left; width: 104%; margin-left: -2%; }
.product_list li{float: left; list-style-type: none; width: 29.333%; margin: 0 2%; position: relative; -webkit-box-shadow: 0px 0px 5px 5px #1f376c26; -moz-box-shadow: 0px 0px 5px 5px #1f376c26; box-shadow: 0px 0px 5px 5px #1f376c26;}
.product_list li #product_img{float: left; width: 100%; padding-bottom: 82%; margin-top: 15px;}
.product_list li #product_link {
  display: inline-block;
  width: 100%; 
  padding: 0; 
  position: relative; 
  color: #1f376c; 
  background-color: #fff; 
  font-size: 15px;
  overflow: hidden; 
  text-overflow: ellipsis;
} 

.product_list li #product_link .prijzen {
	display: inline-block;
	width: 100%;
	color: gray
}

.product_list li #product_link .prijzen .bit-2:nth-child(1) {
	border-right: 1px dotted #ccc
}

.product_list li #product_link .prijzen strong {
	color: #4BB650
}

.product_list li #product_link .prijzen span {
	display: inline-block;
	width: 49%;
	text-align: center
}

.product_list li #product_link h3 {
	margin-bottom: 10px;	
	text-align: center;
	min-height: 55px;
	line-height: 21px;
	font-size: 16px;
}

	.product_list li #product_link h3 i {
		position: absolute;
		right: 0;
		top: 17px;
		padding-right: 20px;
	}

.product_list li #product_link span.btn-text {
  padding: 15px 15px 15px 26px;
  width: 100%;
  display: inline-block;
}
.product_list li #product_link span.btn-arrow {
  width: 55px;
  font-size: 17px;
  text-align: center;
  line-height: 53px;
  background-color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.product_list li a:hover #product_link {
  background-color: #fff;
}

.flag{position: absolute; float: left; left: 0; top: 15px; line-height: 38px; text-transform: uppercase; padding: 0 18px 0 22px; background-color: #ED6E1A; color: #fff; font-weight: bold; font-size: 17px;}
.flag:after{content: "\00a0"; float: left; background: url(img/arrow.png) no-repeat; background-size: 100% 38px; height: 38px; width: 18px;   position: absolute; left: 100%; top: 0;   }



/****CONTENT****/
#left_content{float: left; width: 70%; padding-right: 60px; margin-bottom: 30px;}
.page_head{font-size: 25px;}
.page_head span{color: #4BB650}
#content_container{margin-top: 15px; float: left; width: 100%;}

#right_content{float: left; width: 30%; margin-bottom: 0px; min-height: 470px}
#right_content .page_head{margin-bottom: 30px;}
#right_content .punten {margin-top: 20px;}
#right_content .punten li{list-style-type: none; font-weight: 500; font-size: 14px; margin: 10px 0;  float: left; width: 100%;}
#right_content .punten li:before{content: "\f00c"; color: #4BB650; font-family: fontawesome; margin-right: 10px;}
#right_content .punten + img{float: right; margin-top: -30px;}
.sidebar_beo {
  float: left;
  margin-top: 20px;
}
.collapseomatic{color: #1f376c; font-size: inherit; font-weight: 500;}
.collapseomatic_excerpt, .collapseomatic_content{margin-left: 0!important;}

.faq_head{font-size: 14px; line-height: 30px; font-weight: bold; padding: 0 5px; margin-top: 10px; text-transform: uppercase;}
#faq_field{float: left; width: 100%; border: 1px solid #C4C4C4; margin: 0px 0 15px;}
#faq_field .question{float: left; width: 100%; font-size: 13px; font-weight: bold; padding: 4px 15px; border-bottom: 1px solid #C4C4C4; cursor: pointer;}
#faq_field .question:hover{color: #4BB650}
#faq_field .question i{float: right; color: #C4C4C4}
#faq_field .answer{float: left; width: 100%; font-size: 13px; padding: 0 15px; display: none;}
#faq_field .answer p{font-size: 13px;}


/**** Downloads block ****/
#downloads_block{margin: 20px 0 0; background: #F8F8F8; padding: 20px;}
.db_title{font-size: 22px; color: #4BB650; margin: 0 0 20px}
.db_item{float: left; width: 100%; border-bottom: 1px solid #D3D7E0; color: #4C4C4C; padding: 6px 10px 6px 40px; line-height: 18px; font-size: 13px;}
.db_item:first-child{border-top: 1px solid #D3D7E0;}
.db_item i{float: left; line-height: 18px; width: 30px; text-align: center; margin: 0 0 0 -40px;}
.db_item:hover{background: #D3D7E0;}


.inzet {
  background: #f8f8f8;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  float: left;
  font-size: 14px;
}

.inzet a {
  color: black
}

.my_reservations table{margin-top: 10px; margin-bottom:30px!important }
.my_reservations table td{padding: 5px 15px}

.my_reservations table tr:nth-of-type(2n+1){ background: #f1f1f3}
.my_reservations table tr:first-of-type {font-weight:700; background: #a7acbd}

.details_reservation{ padding: 30px; color: #1f376c; font-size:14px; line-height: 1.5}
.details_reservation h2{margin-bottom: 20px;}
.details_reservation span{width: 140px;}
.details_reservation h4{margin-top: 20px;}

/****FOOTER****/
#footer{background: #1f376c; border-top: 8px solid #4BB650; color: #fff; padding: 45px 0 0; font-weight: 500;}
#footer a{color: #fff;}
#footer a:hover{color: #8E95AB;}
#footer .page_head{margin-bottom: 30px;}
#footer .footer_head{margin: 2px 0 28px;}
#footer li{list-style-type: none; font-size: 14px; float: left; margin: 6px 0; width: 100%;}
#footer li span{float: left; width: 65px;}

#left_footer{float: left; width: 54%;}
#left_footer ul li{float: left; width: 50%;}
#left_footer ul li a:before{margin-right: 22px; content: "\f105"; font-family: fontawesome;}

#right_footer{float: left; width: 46%;}
#right_footer{position: relative;}
#right_footer .beoordeling{position: absolute; right: 0; top: 67px; font-size: 0; float: left; height: 160px; overflow: hidden}

#bottom{padding: 20px; color: #8E95AB; font-size: 14px; text-align: center; margin-top: 40px; border-top: 1px solid #485884}
#bottom a{color: #8E95AB}
#bottom a:hover{color: #fff;}



/****CATEGORY****/
#center_column{margin-bottom: 25px;}
#center_column #content_container img{float: right; margin-left: 100px;}
.cat_list{float: left; width: 104%; margin: 15px -2% 0px;}
.cat_list.page li{width: 46%}
.cat_list.smaller li{width: 30%!important}
.vp_category .cat_list li{ width: 29.33%}
.archive .cat_list li{ width: 29.33%}
.cat_list li{float: left; width: 46%;  margin: 0 2% 15px; list-style-type: none; position: relative; -webkit-box-shadow: 0px 0px 5px 0px #000; -moz-box-shadow: 0px 0px 5px 0px #000; box-shadow: 0px 0px 5px 0px #000;}

.cat_list li a{float: left; width: 100%;}
.cat_list li a .cat_img{padding: 75% 0 0;}
.cat_list li a span{float: left; width: 100%; height: 53px; line-height: 53px; font-weight: bold; padding: 0 15px 0 26px; text-align: center; position: relative; color: #fff; background-color: #4BB650; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cat_list li a:hover span{background-color: #3B9E3F}

/****SINGLE****/
#single_left{float: left; width: 46%; padding-right: 70px}
.single_back_btn{margin: 0 0 10px;}
.product_images{float: left; width: 104%; margin-left: -2%;}
.product_images li:first-child{float: left; width: 96%; position: relative;}
.product_images li:first-child a:after{position: absolute; top: 0; right: 0; float: left; width: 50px; text-align: center; color: #fff; font-size: 20px; line-height: 50px; content: "\f002"; font-family: fontawesome;}
.product_images li:first-child a:hover:after{color: #4BB650;}
.product_images li{float: left; width: 29.3333%; list-style-type: none; margin: 0 2% 20px;}
.product_images li img{float: left; width: 100%;}
.product_images li span{padding: 100% 0 0; position: relative;}
.product_images li span i{float: left; width: 100%; text-align: center; font-size: 40px; color: #fff; text-shadow: 0 0 100px #000; position: absolute; left: 0; top: 50%; line-height: 40px; margin: -20px 0 0;}
.product_images li span:hover i{text-shadow: none;}

.icons{margin:15px 0; position:relative; float: left;}
.icons .icon{width: 40px; float:left; margin: 5px;}
.icons .text{display:none; position:absolute; top: 100%; width: 300px; background:#1f376c; color:#fff; padding: 10px; font-size:12px}
.icons .icon:hover .text{display:block;}
.icons .text:before{content:""; width:10px; height:10px; position:absolute; transform:rotate(45deg); top: -5px; left: 15px; background:#1f376c; }


a[href="#bezorgkosten_block"]{float: left; width: 100%; margin: 0;}
.bezorg_popup{float: left; display: none; background: #fff; width: 400px; max-width: 100%; font-size: 15px; padding: 25px; position: relative;}
.bezorg_popup h2{margin: 0 0 10px;}
.bezorg_popup .form_item{margin: 15px 0 0; padding: 0 0 0 130px;}
.bezorg_popup .form_item label{float: left; width: 120px; margin: 7px 0 0 -130px; line-height: 20px;}
.bezorg_popup .form_item input{float: left; width: 100%; height: 34px; border: 1px solid #D3D7E0; padding: 0 10px;}
.bezorg_popup .form_item input[data-type="postcode_1"]{width: 60px;}
.bezorg_popup .form_item input[data-type="postcode_2"]{width: 45px; border-left: none;}

.bezorg_popup .form_item.radio{padding: 0;}
.bezorg_popup .form_item.radio label{width: 100%; margin: 0 0 5px;;}
.bezorg_popup .form_item.radio label.radio{width: 100%; margin: 2px 0; font-size: 12px; padding: 0 0 0 25px; position: relative;}
.bezorg_popup .form_item input[type="radio"]{display: none;}
.bezorg_popup .form_item input[type="radio"] + span{float: left; width: 16px; height: 16px; background: #fff; border-radius: 100%; border: 2px solid #1f376c; position: absolute; left: 0; top: 50%; margin: -8px 0 0;}
.bezorg_popup .form_item input[type="radio"]:checked + span:after{content: "\00a0"; float: left; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #1f376c;}

.bezorg_popup .result{padding: 10px; background: #4BB650; color: #fff; text-align: center; margin: 15px 0 0;}
.bezorg_popup .result span{float: left; width: 50%;}
.bezorg_popup .result span b{margin: 0 5px 0 0;}
.bezorg_popup .pop_up_overlay{display: none; position: absolute; top: 0; left: 0; height: 100%; background: rgba(255,255,255,0.8)}
.bezorg_popup .pop_up_overlay i{float: left; width: 50px; height: 50px; line-height: 50px; font-size: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; color: #4C4C4C;}

#single_right{float: left; width: 54%; padding-top: 10px;}
#single_right > h1.page_head{margin-bottom: 30px;}

#prijzen{background-color: #F8F8F8; padding: 20px 25px; margin-bottom: 20px; color: #4C4C4C;}
#prijs_type{float: left; width: 100%; border-bottom: 1px solid #D3D7E0; padding: 8px 0;}
#prijs_type:last-child{border: none!important;}
#prijs_type[data-nr="0"] > span{font-size: 18px; font-weight: bold;}
#prijs_type span[data-nr="0"]{font-size: 16px; font-weight: bold;}
#prijs_type span{font-size: 13px; font-weight: 400;}
#prijs_type > span{float: left; width: 80px;}
#prijs_type div{float: left; width: calc(100% - 80px);}
#prijs_type i{margin: 0 0 0 5px; font-size: 15px;}
#prijs_type div a {color: #4C4C4C; text-decoration: underline}
#prijs_type div small {font-size: 70%; opacity: 0.6}

.ppb_block span a {color: white}

.readmore_btn{display: inline-block; font-size: 13px; margin: 0 0 20px;}
.readmore_btn i{margin: 0 0 0 10px;}

#social_share span{float: left; line-height: 30px; margin: 0 10px 0 0; font-size: 13px; font-weight: bold;}
#social_share a{float: left; font-size: 16px; margin: 0 8px 8px 0; width: 30px; height: 28px; line-height: 28px; border-radius: 3px; color: #fff; text-align: center;}
#social_share a.fac{background: #4267B2}
#social_share a.twi{background: #1DA1F3}
#social_share a.lin{background: #0076B4}
#social_share a.wha{background: #00E676}
#social_share a.mai{background: #4C4C4C}
#social_share a:hover{background: #F8F8F8!important; color: #4C4C4C}

.custom_btn{float: left; height: 58px; font-size: 18px; line-height: 55px; font-weight: bold; padding: 0 18px 0 28px; color: #fff; background-color: #E56D12; border: none; border-bottom: 6px solid #C35907; margin: 0 20px 20px 0;}
.custom_btn i{float: right; margin-left: 40px; line-height: 55px; font-size: 22px;}
.custom_btn:hover{background-color: #C35907}
.custom_btn.in_cart{opacity: 0.5!important;}
.custom_btn.in_cart:hover{background-color: #E56D12}

.custom_btn.small{height: 42px; font-size: 16px; line-height: 40px; padding: 0 15px 0 25px; border-bottom: 4px solid #C35907;}
.custom_btn.small i{margin-left: 30px; line-height: 40px; font-size: 20px;}

.custom_btn.green{background-color: #4BB650; border-color: #347f38}
.custom_btn.green:hover{background-color: #347f38;}

.custom_btn.blue{background-color: #1f376c; border-color: #15264b}
.custom_btn.blue:hover{background-color: #15264b;}

.single #content_container table,
.single #content_container p,
.single #content_container li{font-size: 13px;}


.call_back{display: none; position: fixed; top: 20%; width: 92%; max-width: 400px; float: left; background-color: #fff; z-index: 99999; left: 4%; right: 4%; margin: auto;}
.call_overlay{display: none; position: fixed; float: left; width: 100%; height: 100%; background-color: black; opacity: 0.6; z-index: 9999;}
.call_head{float: left; width: 100%; padding: 0 20px; line-height: 42px; border-bottom: 4px solid #4BB650; font-weight: bold;}
.call_head i{cursor: pointer; float: right; margin-right: -20px; line-height: 42px; width: 44px; text-align: center; font-size: 17px;}
.call_head i:hover{background-color: #4BB650; color: #fff;}
.call_content{float: left; width: 100%; padding: 20px;}
.call_back form{float: left; width: 100%;}
.call_back form p{margin: 0;}
.call_back form br{display: none;}
.call_back form label{float: left; width: 100%; margin-top: 7px;}
.call_back form input{float: left; width: 100%; height: 38px; padding: 0 8px; border: 1px solid #C4C4C4}
.call_back form button{margin: 15px 0 0;}

.single #content_container{margin-top: 0px;}


/**** Product tijdstippen ****/
#add_product_block{padding: 15px 25px; border-top: 1px solid #D3D7E0; border-bottom: 1px solid #D3D7E0; font-size: 13px; margin: 0 0 20px;}
#add_product_block h1{margin: 0 0 20px; color: #4BB650}
.adb_block{float: left; width: 50%; padding: 0 10px 0 0;}
.adb_block div{float: left; width: 100%;}
.adb_block b{float: left; width: 100%; margin: 0 0 4px}
.adb_block input.datepicker{float: left; width: calc(100% - 85px); height: 40px; text-align: center; padding: 0 5px 0 30px; border: 1px solid #D3D7E0; background: #fff url(img/calendar_icon.png) no-repeat 7px center; background-size: 18px 18px; cursor: pointer;}
.adb_block input.timepicker{float: left; width: 76px; height: 40px; text-align: center; padding: 0 5px 0 30px; border: 1px solid #D3D7E0; margin-left: 5px; background: #fff url(img/clock_icon.png) no-repeat left 4px center/20px; cursor: pointer;}
.adb_block input.error{border-color: red;}
.adb_block a.btn{float: left; width: 100%; padding: 0 5px;}
.errordate{color: red; padding: 0 20px; margin: 0 0 20px;}
.errordate_1{color: red; padding: 0 20px; margin: 0 0 20px; font-weight: bold}
.to_cart{float: left; margin: 10px 0 0; color: #fff; font-weight: 500; font-size: 14px;}
.to_cart:hover{text-decoration: underline;}


/**** Product prijzen ****/
#product_price_block{background: #1f376c; padding: 20px 25px; margin: 0 0 20px; position: relative;}
.ppb_block{position: relative; color: #fff; font-weight: bold; line-height: 30px; margin: 0 0 10px;}
.ppb_block div{float: left; width: 180px; font-size: 18px;}
.ppb_block span{float: left; width: calc(100% - 180px); font-size: 12px; font-weight: 400; text-align: right; height: 30px;}
.ppb_block span b{display: inline-block; font-size: 24px;}
.ppb_overlay{position: absolute; left: 0; top: 0; height: 100%; background: #fff; background: rgba(255,255,255,0.8); display: none;}
.ppb_overlay i{float: left; width: 50px; height: 50px; line-height: 50px; font-size: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; color: #4C4C4C}

.subtotalen div{float: left; width: 180px; font-size: 14px; color: white}
.subtotalen span{float: left; width: calc(100% - 180px); font-size: 12px; font-weight: 400; color: white; text-align: right; height: 30px;}
.subtotalen span b{display: inline-block; font-size: 14px; color: white}
.subtotalen a {color: white; text-decoration: underline}


/**** Product accessoires ****/
.product_accessoire_block{ margin: 0 0 20px;}
.product_accessoire_block h3{margin: 0 0 5px; padding: 0 5px;}
.accesoire_item{float: left; width: 25%; padding: 10px 10px 5px; position: relative;}
.accesoire_item:hover{}
.accessoire_container{position: relative;}
.accessoire_img{border: 1px solid #D3D7E0; padding: 80% 0 0; position: relative;}
.accessoire_title{font-size: 12px; font-weight: bold; line-height: 16px; height: 32px; overflow: hidden; padding: 0 5px; margin: 5px 0 0;}
.accessoire_title a{color: #4C4C4C;}
.accessoire_title a:hover{text-decoration: underline}
.accessoire_price{float: left; width: auto; padding: 2px 7px; line-height: 14px; font-size: 9px; color: #fff; background: #E56D12; position: absolute; left: -1px; bottom: -1px; text-align: center; border-radius: 0 4px 0 0;}
.accessoire_price b{font-size: 11px;}
.accessoire_checker{float: left; width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 20px; border-radius: 4px; background: #fff; border: 1px solid #D3D7E0; position: absolute; right: -5px; top: -5px; color: #D3D7E0}
.accesoire_item input{display: none;}
input:checked + .accessoire_checker{background: #4BB650; color: #fff; border-color: #4BB650}

#buy_popup.active{width: 700px; max-width: calc(100% - 30px); position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 1000;}
#buy_popup.active:before{content: "\00a0"; float: left; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.6;}
#buy_popup.active #buy_popup_content{background: #fff; position: relative; z-index: 2; padding: 0;}
#buy_popup.active #buy_popup_content .close_buy_pop{float: right; width: 50px; height: 48px; line-height: 48px; display: block; font-size: 30px; background: #4BB650; color: #fff; text-align: center; position: absolute; top: -15px; right: -15px; z-index: 3;}
#buy_popup.active #buy_popup_content .close_buy_pop:hover{background: #347f38}
#buy_popup.active #product_price_block{/*position: absolute; bottom: 80px; left: 0;*/ margin: 0;}
#buy_popup.active .ppb_block{margin: 0;}
#buy_popup.active .open_add_to_cart{display: none;} 
#buy_popup.active .product_accessoire_block{display: block; margin: 0; padding: 0;}
#buy_popup.active .pab_tab_content{padding: 0 0 30px}
#buy_popup.active .pab_tab_list { background: #D3D7E0; padding: 10px 10px 0 10px; display: flex; flex-direction: row; align-items: flex-start; align-content: flex-start; justify-content: flex-start; }
#buy_popup.active .pab_tab_list .ptc_title { background: #A2A6AE; border-bottom: 4px solid #6E7177; margin-right: 10px; color: #fff; cursor: pointer; font-size: 16px; }
#buy_popup.active .pab_tab_list .ptc_title.active, #buy_popup.active .pab_tab_list .ptc_title:hover { background: #4BB650; border-color: #347f38; }
#buy_popup.active .pab_tab_head{display: none;}
#buy_popup.active .ptc_title{display: block; width: auto; font-weight: bold; font-size: 18px; padding: 7.5px 15px 7.5px 15px; }
#buy_popup.active .pab_tab_item{display: block; padding: 0 30px;}
#buy_popup.active .buy_popup_footer{display: block; padding: 20px; margin: 0;}
#buy_popup.active .buy_popup_footer button:nth-child(odd){float: left;}
#buy_popup.active .buy_popup_footer button:nth-child(even){float: right;}

#buy_popup.active .pbm_cross { display: none; padding-bottom: 20px; }
/*
#buy_popup.active .pbm_cross .ptc_title{cursor:pointer}
#buy_popup.active .pbm_cross .ptc_title:after{content:"\f067"; font-family:fontawesome; font-size: 24px; float:right;}
#buy_popup.active .pbm_cross .ptc_title.active:after{content:"\f068";}
#buy_popup.active .pbm_cross .pab_tab_item.pbm_tab_item{display:none}
#buy_popup.active .pbm_cross .pab_tab_item.pbm_tab_item.active{display:block}
*/

.close_buy_pop{display: none;}
.pab_tab_block{background: #fff;}
.pab_tab_head a{float: left; padding: 8px 10px; background: #4BB650; color: #fff; opacity: 0.5; font-size: 14px; margin: 0 1px 0 0}
.pab_tab_head a.active{opacity: 1;}
.pab_tab_content{background: #F8F8F8}
.pab_tab_item{display: none;}
.ptc_title{display: none;}
.buy_popup_footer{display: none;}


/**** Product kenmerken ***/
#kenmerken{background-color: #F8F8F8; padding: 30px 25px; margin-bottom: 20px; color: #4C4C4C; margin-top: 30px;}
#kenmerken ul{float: left; width: 100%; margin-top: 28px;}
#kenmerken li{float: left; width: 100%; list-style-type: none; font-size: 14px; border-bottom: 1px solid #D3D7E0; padding: 7px 0; font-weight: 500;}
#kenmerken li span{float: left; width: 180px;}
#kenmerken li:last-child{border: none;}



/**** JCAROUSEL ****/
#slider .jcarousel{float: left; width: 100%; padding: 5px 0 5px;}
#related_products{margin-top: 50px;}
#related_products h1{float: left; width: 100%; text-align: center; color: #383838; position: relative; margin-bottom: 45px;}
#related_products h1 span{display: inline-block; padding: 0 30px; background-color: #fff; position: relative; z-index: 1;}
#related_products h1:before{content: "\00a0"; font-size: 0; height: 1px; background-color: #D2D7E2; float: left; width: 100%; position: absolute; left: 0; top: 50%;}
.jcarousel-wrapper{position: relative; float: left; width: 100%; margin-bottom: 30px; }
.jcarousel{float: left; width: 100%; padding: 5px 0 5px;  max-width: 100vw}
.jcarousel ul.product_list{float: left; margin-left: -14px!important;}
.jcarousel ul li{width: 318px!important; margin: 0 19px!important;  }
.controls{font-size: 46px; line-height: 50px; position: absolute; top: calc(50% - 25px); width: 50px; text-align: center; color: #4C4C4C;}
.jcarousel-control-prev{left: -50px;}
.jcarousel-control-next{right: -50px;}


/****SHOPPINGCART****/
.shopping_list{float: left; width: 100%; margin-bottom: 30px; border-top: 1px solid #A7ACBD;}
.shopping_list li{float: left; width: 100%; padding: 10px 0px 10px 10px; list-style-type: none; border-bottom: 1px solid #A7ACBD;}
.shopping_list li:hover{background-color: #f6f6f8}
.shopping_list li a{float: left; width: calc(100% - 40px); height: 50px;}
.shopping_list li a .shop_img{float: left; width: 50px; height: 50px; background-size: cover!important; background-position: center center!important}
.shopping_list li a > span{float: left; width: calc(100% - 50px); height: 50px; display: table; padding: 0 20px; font-size: 15px; color: #1f376c; font-weight: 500;}
.shopping_list li a > span span{display: table-cell; vertical-align: middle; overflow: hidden;}

.shopping_list li form{float: left; width: 40px;}
.shopping_list li form button{float: left; width: 40px; height: 50px; border: none; background-color: transparent; color: #1f376c; font-size: 20px}
.shopping_list li form button i{font-family: fontawesome;}
.shopping_list li form button:hover{color: red;}

#content_container .wpcf7, .shoppingcart form{float: left; width: 460px; max-width: 100%}
#content_container .wpcf7, *,.shoppingcart form *{font-family: 'Jost', 'Raleway', sans-serif;}
#content_container .wpcf7 p, .shoppingcart form p{margin: 0;}
#content_container .wpcf7 label, .shoppingcart form label{float: left; width: 100%; font-size: 14px; font-weight: 500;}
form label.voorwaarden{margin-bottom: 15px;}


.wpcf7 .warning {
	text-align: left;
	float: left;
	margin-bottom: 15px;
}

#content_container .wpcf7 input[type="text"],
#content_container .wpcf7 input[type="number"],
#content_container .wpcf7 input[type="email"],
#content_container .wpcf7 input[type="tel"],
#content_container .wpcf7 input[type="date"],
#content_container .wpcf7 select,
#content_container .wpcf7 textarea,
.shoppingcart form input[type="text"],
.shoppingcart form input[type="number"],
.shoppingcart form input[type="email"],
.shoppingcart form input[type="tel"],
.shoppingcart form input[type="date"],
.shoppingcart form select,
.shoppingcart form textarea{float: left; width: 100%; height: 32px; padding: 0 10px; font-size: 13px; font-weight: 500; margin-bottom: 15px; border: 1px solid #A7ACBD;}

#content_container .wpcf7 textarea,
.shoppingcart form textarea{height: 120px; padding: 10px;}

#content_container .wpcf7 input[type="radio"],
#content_container .wpcf7 input[type="checkbox"],
.shoppingcart form input[type="radio"],
.shoppingcart form input[type="checkbox"]{float: left; width: auto; height: 15px; padding: 0; margin: 3px 10px 0 0;}

#content_container .wpcf7 .custom_btn, .shoppingcart form .custom_btn{}
#content_container .wpcf7 .custom_btn i, .shoppingcart form .custom_btn i{font-family: fontawesome;}

[aria-invalid="true"]{border-color: red!important; border-width:2px!important; border-style: solid;}

div.wpcf7-response-output{margin: 10px 0 0!important; font-size: 14px; float: left; width: 100%;}
span.wpcf7-not-valid-tip{display: none!important;}
.g-recaptcha {float: right; margin-bottom: 15px}

#tabs{border-bottom: 4px solid #347f38; margin-bottom: 20px;}
#tabs a{float: left; line-height: 40px; padding: 0 30px; background-color: #4BB650; color: #fff; font-weight: bold; font-size: 16px;}
#tabs a.active{background-color: #347f38; cursor: default;}
#tabs a:hover{background-color: #347f38;}
#tabs a span{font-weight: 400; margin-left: 5px;}


.warning {
  text-align: center;
  width: 100%;
  padding: 12px 10px;
  background: #e56d12;
  color: white;
  font-size: 14px;
}


/****ARCHIVE****/
.archive .product_list li{margin-bottom: 30px;}
.search .product_list li{margin-bottom: 30px;}



/****CONTACT****/
#contact_container{position: relative; border: 1px solid #A7ACBD; padding: 0 20px}
.maps{float: right; position: absolute; top: 15px; height: calc(100% - 30px); bottom: 15px;  width: 40%; right: 20px;}



/**** LIVE SEARCH ****/
.searchform{position: relative;}
.searchlist{position: absolute; left: 0; top: 100%; float: left; width: 300px; list-style: none; border: 1px solid #A7ACBD; background: #fff; z-index: 130; min-height: 30px; display: none;}
.searchlist .loadimg{text-align: center; font-size: 0;position: absolute; height: 36px; top: -37px; left: 0; z-index: 2; display: none; width: 186px!important;}
.searchlist .loadimg:after{content: "\00a0"; position: absolute; height: 100%; left: 0; float: left; width: 100%; top: 0; left: 0; background: #fff; opacity: 0.6; z-index: 1;}
.searchlist .loadimg img{width: 20px; height: 20px; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2}
.searchlist li{border-bottom: 1px solid #A7ACBD}
.searchlist li a{height: 30px; padding: 0px 10px; position: relative;}
.searchlist li a:hover{background: #f9f9f9}
.searchlist li a img{position: absolute; height: 30px; width: 50px; top: 5px; left: 10px;}
.searchlist li a .searchtitle{padding: 0; height: 30px; display: table; font-size: 13px; color: #4BB650; line-height: 15px;}
.searchlist li a .searchtitle span{display: table-cell; vertical-align: middle; width: 100%;}
.searchlist li:last-child{border: none;}



/**** Klant keuze ****/
.customer_popup{float: left; width: 500px; overflow: hidden; max-width: 94%; background: #fff; position: fixed; left: 0; top: 0; right: 0; margin: auto; padding: 30px; text-align: center; z-index: 902; border-top: 4px solid #4BB650; border-bottom: 4px solid #4BB650; -webkit-box-shadow: 0px 0px 5px 0px #000; -moz-box-shadow: 0px 0px 5px 0px #000; box-shadow: 0px 0px 5px 0px #000; display:block;}
.customer_popup p{margin: 0 0 10px;}
.customer_popup form{font-size: 0;}
.customer_popup .btn.l_btn{display: inline-block; width: 46%; margin: 10px 2% 0; min-width: 180px; height: auto; line-height: 18px; padding: 11px 12px}
.customer_popup .btn small{float: left; width: 100%; font-size: 10px; line-height: 12px; font-weight: 400; margin: 5px 0 0}
.customer_popup_overlay{position: fixed; top: 0; left: 0; height: 100%; background: #000; opacity: 0.6; z-index: 900; display:block;}

.type_switch{float: left; position: absolute; right: 0; top: 100%; width: 210px; margin: -1px 0 0; border-radius: 0 0 4px 4px; overflow: hidden;}
.type_switch .ts_btn{float: left; width: 50%; font-size: 13px; height: 28px; line-height: 28px; text-align: center; background: #3B9E3F; color: #fff; border: none;}
.type_switch .ts_btn.active{background: #E56D12!important; cursor: default!important;}
.type_switch .ts_btn i{margin-right: 10px;}


/**** Nieuws ****/
.news_list{float: left; width: 103%; margin: 0 0 0 -1.5%;}
.news_item{float: left; width: 47%; margin: 0 1.5%; padding: 25px 20px 25px 155px; position: relative; border-bottom: 2px solid #F8F8F8}
.news_item:nth-child(1),
.news_item:nth-child(2){border-top: 2px solid #F8F8F8}
.news_item:hover{background: #F8F8F8}
.news_item > div{float: left; width: 130px; position: absolute; top: 10%; left: 10px; height: 80%;}
.news_item > h4{color: #4BB650; margin: 10px 0 0}
.news_item > p{font-size: 12px; color: #1f376c; margin: 10px 0 5px}


.grecaptcha-badge {display: none}

.fast_links {
  margin-bottom: 15px;
  display: block;
  width: 100%
}

.fast_links a {
  color: #e56d12;
  font-size: 13px;
  padding: 5px;
  border-bottom: 1px solid #e56d12
}

.fast_links a:hover {
  color: #1f376c
}

/**** Whatsapp Pop up ****/
.whatsapp_pop_up{display: none;}
.whatsapp_pop_container{display: none; position: fixed; bottom: 60px; right: 20px; float: left; width: 370px; max-width: calc(100% - 40px); background: #fff; border-radius: 4px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); overflow: hidden; z-index: 10;}
.whatsapp_pop_up.active .whatsapp_pop_container{display: block;}
.wpc_header{background: #1f376c; color: #fff;}
.wpc_header_start_container{padding: 25px; position: relative;}
.wpc_header_start_container h4{font-size: 20px; margin: 0 0 10px;}
.wpc_header_start_container #content_container{margin: 0;}
.wpc_header_start_container #content_container *:first-child{margin-top: 0;}
.wpc_header_start_container #content_container *:last-child{margin-bottom: 0;}
.wpc_header_start_container #content_container a{color: #E56D12; text-decoration: underline;}
.wpc_header_start_container #content_container a:hover{color: #E56D12; opacity: 0.5}
.wpc_header_person_container a[data-wpc_tab="start"],
.wpc_header_start_container .whatsapp_toggle{position: absolute; float: left; width: 36px; line-height: 36px; text-align: center; right: 0; top: 0; color: #fff; font-size: 18px;}
.wpc_header_person_container a[data-wpc_tab="start"]:hover,
.wpc_header_start_container .whatsapp_toggle:hover{background: rgba(255,255,255,0.1); border-radius: 4px;}
.wpc_list_item{padding: 20px 20px 20px 80px; position: relative; color: #1f376c; font-size: 14px;}
.wpc_list_item:hover{background: #f8f8f8;}
.wpc_item_content small{opacity: 0.5}
.wpc_item_img{float: left; width: 50px; height: 50px; position: absolute; left: 15px; top: 50%; margin: -25px 0 0; border-radius: 100%;}
.wpc_item_img i{color: #4BB650; position: absolute; right: -5px; bottom: -5px; background: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 100%;}

.wpc_header_person_container{padding: 20px 80px 20px 36px; position: relative;}
.wpc_header_person_container .wpc_item_img{left: auto; right: 15px;}
.wpc_header_person_container .wpc_item_content{text-align: right;}
.wpc_header_person_container a[data-wpc_tab="start"]{right: auto; left: 0; top: 50%; margin: -18px 0 0;}

.wpc_message_container{padding: 30px 20px; background: #f8f8f8}
.wpc_message{background: #f1f1f1; border-radius: 4px; padding: 15px; font-size: 13px; font-weight: bold; position: relative; line-height: 150%;}
.wpc_message:after{content: ''; position: absolute; right: 15px; bottom: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #eeeeee;}
.wpc_message_input{border-top: 1px solid #1f376c; position: relative;}
.wpc_message_input textarea{border: none; padding: 20px 76px 20px 20px; line-height: 20px; height: 60px; font-size: 13px;}
.wpc_message_input a{position: relative; width: 56px; height: 100%; top: 0; position: absolute; right: 0; z-index: 2; background: #fff;}
.wpc_message_input a i{float: left; width: 100%; line-height: 56px; position: absolute; top: 50%; left: 0; margin: -28px 0 0; font-size: 18px; text-align: center; color: #E56D12;}
.wpc_message_input a:hover{background: #f8f8f8}

.whatsapp_pop_up > .whatsapp_toggle{float: left; position: fixed; bottom: 15px; right: 20px; background: #E56D12; color: #fff; font-size: 13px; line-height: 36px; padding: 0 15px; border-radius: 4px;}
.whatsapp_pop_up > .whatsapp_toggle i{margin: 0 8px 0 0; float: left; line-height: 34px; font-size: 15px;}

.mlab-modal-label {
  cursor: pointer;
  background: #4bb650;
  color: white;
  padding: 8px 10px;
  border: none;
  font-size: 16px;
}
select.timepicker_mob {
  position: relative;
  display: inline-block;
  width: 80px;
  margin-left: 5px;
  height: 40px;
  border: 1px solid #D3D7E0;
  text-align: center;
}


.step1 h3, .step2 h3, .step3 h3 {
  margin-bottom: 20px;
  padding-top: 25px!important;
  display: inline-block;
}

.ptop {
  padding-top: 25px!important;
  display: inline-block;
}

.step2, .step3 {
  display: none;
  margin-top: 15px;
  border-top: 1px solid #f4f4f4;
  padding-top: 15px;
}

.step2 p, .step3 p {
  margin-bottom: 15px!important;
}

.step1 .next, .step2 .next {
  margin-top: 20px!important;
  cursor: pointer;
  float: right;
  height: 48px;
  font-size: 18px;
  line-height: 45px;
  font-weight: bold;
  padding: 0 18px 0 28px;
  color: #fff;
  background-color: #E56D12;
  border: none;
  border-bottom: 6px solid #C35907;
}

.step1, .step2, .step3 {
  background: #F8F8F8;
  padding: 30px 30px 15px 15px;
  margin: 0 0 30px;
  padding-bottom: 80px;
}

.step2 .prev, .step3 .prev {
  margin-top: 20px!important;
  cursor: pointer;
  float: left;
  height: 48px;
  font-size: 18px;
  line-height: 45px;
  font-weight: bold;
  padding: 0 18px 0 28px;
  color: #fff;
  background-color: #E56D12;
  border: none;
  border-bottom: 6px solid #C35907;
}

.zakelijk .shoppingcart_tabs{margin: 0; display: block; width: 100%; float: left; border-bottom: 20px solid white; }
.zakelijk .shoppingcart_tabs .step_item{float: left; width: 33.33%; padding: 10px 25px 10px 60px; background: #F8F8F8; font-size: 15px; line-height: 34px;}
.shoppingcart_tabs .step_item i{float: left; margin: 0 0 0 -47px; width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 100%; background: #fff;}
.shoppingcart_tabs .step_item.done{background: #4BB650; color: #fff;}
.shoppingcart_tabs .step_item.done i{color: #4BB650}
.shoppingcart_tabs .step_item.current{background: rgba(75,182,80,0.5); color: #fff;}
.shoppingcart_tabs .step_item.current i{color: #4BB650}

.zakelijk .wpcf7 {
  width: 100%!important
}

.zakelijk .custom_btn {
  float: right;
}

#simplemodal-login-form{    position: fixed;    top: 0!important;    right: 0!important;    bottom: 0!important;    left: 0!important;    margin: auto!important;    float: left;    width: 100%!important;
    max-width: 400px;    height: 400px!important; height: 400px!important;
    background: #fff;
    padding: 30px;}

/******************
MEDIAQUERIES
*****************/
@media screen and (max-width: 1150px){
  .controls{background-color: rgba(255,255,255,0.4)}
  .controls:hover{background-color: rgba(255,255,255,0.8)}

  .jcarousel-control-prev{left:0;}
  .jcarousel-control-next{right:0;}
}

@media screen and (max-width: 1080px){
  #maxw1{padding: 0 2%}
  .logo{margin-bottom: 30px;}
  .person_list{display: none;}
  .shoppingcart form{width: 100%;}
  .contact form{width: 100%;}

  .menu > li{margin-left: 25px;}
  #contact_block a{margin-left: 13px;}
}

@media screen and (max-width: 980px){
  #header{position: relative;}
  .logo{margin: 40px 0;}
  #menu{height: auto;}
  #menu .menu{display: none}
  #contact_block {position: absolute; top: 15px; right: 2%}
  #contact_block a{margin: 0 0 0 16px; line-height: 36px; width: 36px!important;}
  #contact_block a.tel_btn{font-size: 0; border-radius: 19px; line-height: 48px; height: 36px; text-align: center; padding: 0;}
  #contact_block a.tel_btn i{font-size: 18px; margin: 0;}
  #contact_block a:hover{color: #fff; background-color: #4BB650}
  .login_cart {
margin: 0px 0 0 5px;}
  #right_header{margin-top: 70px;}
  /*#right_header{position: absolute; bottom: 15px; right: 2%}*/
  .shopping_cart,.searchform{margin-top: 0;}

  #menu2{display: block}
  #mobile-menu-container {display: block;}
  #mobile-menu-button {float: left; width: 100%; background-color: #4BB650; padding: 0px 15px; color: #fff; height: 40px;}
  #mobile-menu-button i{float: left; line-height: 40px; font-size: 18px;}
  #mobile-menu-button span{float: left; line-height: 41px; margin-left: 10px; font-size: 18px; font-weight: 500;}
  #mobile-menu-button.active, #mobile-menu-button:hover{color: #1f376c}
  #mobile-menu {list-style:none; display:none; float: left; width: 100%;}
  #mobile-menu li {list-style-type: none; float: left; width: 100%;}
  #mobile-menu li a {float: left; width: 100%; padding: 7px 15px; color: #1f376c; border-bottom: 1px solid #4BB650; font-size: 14px; font-weight: 500;}
  #mobile-menu li a i{float: right; margin-top: 1px;}
  #mobile-menu li a:hover{color: #fff; background-color: #1f376c}
  #mobile-menu ul{display: none;}
  #mobile-menu ul li a{padding: 7px 30px;}
  #mobile-menu ul li a:before{content: "-"; margin-right: 5px;}

  .type_switch{top: 40px; margin: 0;}
  

}

@media screen and (max-width: 900px){
  .actie.hide_mobile{display: none;}

  #left_content{width: 100%; padding-right: 0;}
  #right_content{width: 100%; margin-bottom: 40px;}
  .cat_list.page li{width: 29.3333%;} 
  #right_content .punten li{width: 50%; padding-right: 30px;}
  #right_content .punten + img{display: none;}

  #single_left{width: 100%; padding-right: 0;}
  #single_right{width: 100%;}
  .product_images + img{display: none;}

  .product_images{text-align: center;}
  .product_images li:first-child{width: 50%; margin: 0 25% 15px}
  .product_images li{margin: 0 1% 15px; width: 18%; float: none; display: inline-block;}

  #right_footer .beoordeling{display: none}
  #right_footer{padding-left: 30px;}
  .shoppingcart form{width: 70%;}
  .contact form{width: 70%;}

  .jcarousel ul li{width: 250px!important; margin: 0 15px!important;}
}

@media screen and (max-width: 800px){
  .logo{margin: 30px 0;}
  #contact_block{top: 33px;}
  #right_header{position: static; width: 100%; margin: 0 0 20px}
  .searchform{margin: 0; width: calc(100% - 109px);}
  .searchform input{width:100%;}
  .shopping_cart{margin: 0; float: right;}
  #left_footer{width: 100%; margin-bottom: 40px;}
  #right_footer{width: 100%; padding-left: 0}
  #footer .page_head{margin-bottom: 10px;}
  #footer .footer_head{margin: 2px 0 8px;}
  
  #copyToClipboard {display: none!important}
  #store-share-mv a {width: 100%!important; margin-bottom: 10px;}
  #store-share-mv {display: block!important}

  .news_item{width: 97%;}
  .news_item:nth-child(2){border-top: none;}
}

@media screen and (max-width: 767px){
  .zopim{display: none!important;}

  .whatsapp_pop_up{display: block;}
  
  .my_reservations {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
  
}

@media screen and (max-width: 700px){
  .product_list li{width: 46%}



  .cat_list.page li,
  .cat_list li{width: 46%;}

  .zakelijk .shoppingcart_tabs .step_item{width:100%}
  
  #usp_bar .usp {display: none}
  #usp_bar .usp:nth-child(1) {display: block}
  #usp_bar .usp:nth-child(2) {display: block}
  #topbar a {padding: 0}
  
}

@media screen and (max-width: 650px){
  .actie {display: none!important}
  .logo{margin: 30px 0;}
  .login_cart {margin: 0}

  .mlab-modal-dialog {
    max-width: 95%
  }

  #menu{position: relative;}
  #contact_block{display:none; top: auto; bottom: 100%; width: 100%; padding: 0; margin: 0 0 10px; right: 0; left: 0; text-align: center;}
  #contact_block a{margin: 0 8px; float: none!important; display: inline-block;}
  #maxw1{padding: 0 3%;}

  .flag{line-height: 32px; font-size: 15px;}
  .flag:after{height: 32px; background-size: auto 32px;}

  .product_list li #product_link{font-size: 15px;}

  p{font-size: 13px;}
  #right_content .punten li{font-size: 13px;}

  h1, h1.page_head{font-size: 23px}
  h2{font-size: 19px}
  h3{font-size: 17px}
  h4{font-size: 15px}
  h5{font-size: 13px}
  h6{font-size: 11px}

  .custom_btn{line-height: 40px; height: 45px; font-size: 17px;}
  .custom_btn i{line-height: 44px; font-size: 20px;}
  #kenmerken li{font-size: 13px;}

  .collapseomatic{color: #1f376c; font-size: 13px;}

  #buy_popup.active #buy_popup_content .close_buy_pop{width: 40px; height: 38px; line-height: 38px; font-size: 26px; top: -10px; right: -10px;}

  #slider {
    min-height: 200px;
  }

  #slider .searchform {
    margin-top: 25px;
    width: 90%;
    margin-left: 5%;
  }

  #slider .searchform input {
    width: 100%;
    font-size: 25px;
    padding: 25px;
    height: auto
  }

  #slider .searchform button {
    top: 20px;
    font-size: 25px;
  }

  .vp_category .cat_list li {
    width: 46%
  }
  .icons .icon:hover .text{display:none;}
}

@media screen and (max-width: 600px){
  .no_mobile {display: none}
  #right_content .punten li{width: 100%; padding-right: 0px;}
  
  .archive .cat_list li {width: 80%; margin: 0 10% 15px!important}

  .product_images li:first-child{width: calc(100% - 10px); margin: 5px}

  #kenmerken li span{width: 100%; font-weight: 700;}
  #kenmerken{padding: 20px 25px;}

  .maps{position: static; width: 100%; height: 240px; margin: 0px 0 15px;}

  /*	.xdsoft_datetimepicker {
          left: 11px!important
      }*/

  .xdsoft_datetimepicker .xdsoft_datepicker {
    width: auto!important
  }

  #slider .searchform input {
    font-size: 17px
  }

  .vp_category .cat_list li {
    width: 48%;
    float: left;
    margin-left: 1%!important;
    margin-right: 1%!important;
  }

  #slider {
    margin-bottom: 0px
  }

  #contact_block {
    display: none
  }
.details_reservation span{width: 100%; font-weight:700}
}

@media screen and (max-width: 500px){
  .shoppingcart form{width: 100%;}
  .contact form{width: 100%;}
  
  #usp_bar .usp:nth-child(2) {display: none}
  
  #topbar #maxw1 {padding: 0}
  .login_cart {display: none}

  .shopping_list li a span{font-size: 13px; font-weight: 500;}

  .customer_popup{padding: 20px;}

  .inzet{padding: 0 15px;}
  #prijzen{padding: 20px 15px;}
  #add_product_block{padding: 15px;}
  #product_price_block{padding: 15px;}
  .product_accessoire_block{padding: 15px 15px 5px;}
  .ppb_block div{width: auto;}
  .ppb_block span{width: auto; float: right;}

  .news_item{padding: 20px 15px}
  .news_item > div{display: none;}


  #buy_popup.active .ptc_title{padding: 10px 15px;}
  #buy_popup.active .pab_tab_item{padding: 0 10px}

  #buy_popup.active .buy_popup_footer{padding: 5px 15px 15px; margin: 0;}
  #buy_popup.active .buy_popup_footer button{width: 100%; margin: 10px 0 0}
  .adb_block {width: 100%; padding: 5px 0;}

  .adb_block input.datepicker {float: none; width: 100%;}
  .adb_block input.timepicker {float: none; width: 100%; margin: 5px 0 0;}
  select.timepicker_mob {float: none; width: 100%; margin: 5px 0 0; padding-left: 40px;}

  .xdsoft_datetimepicker {left: 3% !important; right: 3% !important; padding: 2px 8px 8px !important;}
  .xdsoft_datetimepicker .xdsoft_timepicker, .xdsoft_datetimepicker .xdsoft_datepicker {margin: 0 !important; width: 100% !important;}


}

@media screen and (max-width: 450px){
  .cat_list, .product_list{width: 100%; margin-left: 0;}
  .cat_list li, .cat_list.page li, .product_list li{width: 80%; margin: 0 10% 15px!important}

  #prijs_type > span{width: 100%; margin-bottom: 5px;}
  #prijs_type div{width: 100%;}

  #left_footer{display: none;}

  #add_product_block{padding: 15px 0}
  .adb_block input{background-size: 25px auto; padding: 0 5px 0 25px; height: 34px; font-size: 12px;}

  .accesoire_item{width: 33.33%; padding: 7px 7px 5px}
  .accessoire_title{font-size: 12px;}

  .bezorg_popup{padding: 15px;}
  .bezorg_popup .form_item{padding: 0;}
  .bezorg_popup .form_item label{width: 100%; margin: 0;}
  .bezorg_popup .result{font-size: 14px;}

  .l_btn{font-size: 14px; padding: 0 15px;}

}

@media screen and (max-width: 350px){

  .ppb_block span{width: 100%; text-align: left;}
}

.cookie-privacy {
  background: rgba(31, 55, 108, 0.89);
  position: fixed;
  bottom: 15px;
  color: #ffffff;
  z-index: 999999;
  width: 100%;
  max-width: 52%;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 15px;
  line-height: 18px;
  font-size: 14px;
  border-radius: 8px;
  text-align: center;
}

.cookie-privacy-text {
  padding-right: 20px;
}

.cookie-privacy-text a {
  color: #ffffff;
  text-decoration: underline;
}

.cookie-privacy #accept-cookie-privacy {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}

.mlab-modal-body ul {
  margin-left: 20px;
}

.mlab-modal-body ul li {
  margin: 1.12em 0;
  line-height: 180%;
  font-weight: 400;
  font-size: 14px;
}


@media (hover: none) {
    a:hover { color: inherit; }
}