/* //////////////// HORSEMANFORYOU /////////// */
/* /// CODING 2018 JEROEN MELIS | ZINC /////// */
/* //////////////////// D7 /////////////////// */


/* MAIN STYLING */
body{
	padding: 0px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
  	color: #575756;
  	font-size: 15px;
	line-height: 21px;
	cursor: default;
	-webkit-font-smoothing: antialiased;
	min-width: 320px;
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px 0px 16px 0px;
  	clear: both;
	line-height: 1;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	font-weight: normal;
	color: #96c02c;
}

ul, ol, p, table{
	margin-bottom: 21px;
  	margin-top: 0;
}

a{
	outline: none;
}

a img{
	border-width: 0px;
}

h1{
	color: #96c02c;
	font-size: 31px;
	margin-bottom: 6px;
	font-weight: 700;
}

h2 {
    font-size: 20px;
	margin-bottom: 6px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.5px;
}

h3 {
	letter-spacing: 0.5px;
	font-size: 20px;
	font-weight: 600;
}

h4 {
	color: #96c02c;
    font-size: 15px;
	letter-spacing: 0px;
}

/* MAIN CONTAINERS AND FIXING */
#page{
	position: absolute;
	width: 100%;
}

#content{
	position: relative;
	z-index: 150;
	padding-top: 117px;
}

.region{
	position: relative;
}

.container {
	position: relative;
  	max-width: 1200px;
  	margin-left: auto;
  	margin-right: auto;
	padding: 0px 32px;
}

.container:before{
  	content: " ";
  	display: table;
}

.container:after{
  	content: " ";
  	display: table;
}

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

.clear, .container {
  	zoom: 1;
}

.clear:after, .container:after {
  clear: both;
}

*, *:before, *:after {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

.captcha{
	margin-left: 21%;
	margin-bottom: 7px;
}


/* COLUMNS */
.columns {
    margin: 0px -16px;
    position: relative;
}

.columns .column {
    float: left;
    padding: 0px 16px;
	position: relative;
}

.columns .column.column_20 {
    width: 20%;
}

.columns .column.column_25 {
    width: 25%;
}

.columns .column.column_33 {
    width: 33.333%;
}

.columns .column.column_50 {
    width: 50%;
}

.columns .column.column_67 {
    width: 66.666%;
}

.columns .column.column_75 {
    width: 75%;
}

.columns .column.column_80 {
    width: 80%;
}

.columns .column.column_100 {
    width: 100%;
}

.columns .column img {
	max-width: 100%;
	height: auto !important;
}

.columns .column.column_50 img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.columns .column ul{
	padding: 0px 0px 0px 16px;	
}

.table_column{
	display: table;
}

.v_align_top{
	vertical-align: top;
}

.v_align_bottom{
	vertical-align: bottom;
}

.center_txt{
	text-align: center;
}

.right_txt{
	text-align: right;
}


/* HEADER */
header{
	width: 100%;
    max-width: 100%;
    z-index: 100;
    position: fixed;
	z-index: 250;
    top: 0px;
    left: 0px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    background-color: rgba(255,255,255, 1);
}

body.admin-menu header{
	top: 28px;	
}

.header_content{
	position: relative;	
}

	/* LOGO */
	header .logo{
		width: 345px;
		float: left;
		display: inline-block;
		padding: 8px 0 9px 0;
		position: relative;
	}
	
	header .logo img{
		width: 100%;
		height: auto;
		display: block;
	}
	
	/* NAV */
	.header_main{
		position: relative;
		z-index: 130;
	}
	
	header nav{
		float: right;
		padding-top: 48px;
		margin-right: -16px;
	}
	
	header nav .menu{
		position: relative;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
	header nav .menu a{
		color: #888;
		text-decoration: none;
		text-transform: uppercase;
		display: inline-block;
	}
	
	header nav .menu > li{
		float: left;
		list-style: none;
		position: relative;
		margin: 0px;
		padding: 0px;
		z-index: 100;
	}
	
	header nav .menu > li:after{
		width: 1px;
		height: 14px;
		overflow: hidden;
		background-color: #000;
		position: absolute;
		top: 50%;
		margin-top: -7px;
		right: 0px;
		display: block;
		content: "";
	}
	
	header nav .menu > li.last:after{
		display: none;
	}
	
	header nav .menu > li > a{
		padding: 18px 22px;
		position: relative;
		display: block;
		font-weight: 600;
		
	}
	
	header nav .menu > li:hover > a{
		color: #a3d81c;
	}
	
		/* SUB MENU */
		header nav .menu > li > ul{
			position: absolute;
			background-color: #FFF;
			min-width: 210px;
			padding: 0px 10px;
			margin: -2px 0px 0px 0px;
			list-style: none;
			border-width: 2px 0px 0px 0px;
			border-style: solid;
			border-color: #96c02c;
			opacity: 0;
			visibility: hidden;
			z-index: 150;
			-webkit-box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.3);
			-moz-box-shadow:    -2px 1px 5px 0px rgba(0, 0, 0, 0.3);
			box-shadow:         -2px 1px 5px 0px rgba(0, 0, 0, 0.3);
		}
		
		header nav .menu > li:hover > ul{
			opacity: 1;
			visibility: visible;
		}
		
		header nav .menu > li > ul > li{
			width: 100%;
			display: block;
			border-width: 0px 0px 1px 0px;
			border-style: solid;
			border-color: #AAA;
			padding: 0px;
			margin: 0px;
		}
		
		header nav .menu > li > ul > li:after{
			display: none;
		}
		
		header nav .menu > li > ul > li.last{
			border-width: 0px;
		}
		
		header nav .menu > li > ul > li > a{
			padding: 8px 8px 8px 6px;
			margin: 0px;
			font-size: 12px;
			white-space: nowrap;
		}
		
		header nav .menu a{
			color: #000;
			text-decoration: none;
			text-transform: uppercase;
			display: inline-block;
		}
		
		header nav .menu a:hover{
			color: #96c02c
		}
		
		header nav .menu > li.active-trail > a{
			color: #96c02c;
		}
		
		header nav .menu > li > a.active{
			color: #96c02c;
		}
	
	

/* SLIDER */
.region.slider{
	position: relative;
	max-width: 100%;
	overflow: hidden;
}

.region.slider img{
	width: 100%;
	height: auto;
	display: block;
}

.region.slider .slider_container{
	position: relative;
}

.region.slider .slider_container .slider_bg{
	position: relative;
}

.region.slider .slider_container .slider_slides{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.region.slider .slider_container .slides{
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0px !important;
	margin: 0px;
	overflow: hidden;
	position: relative;
}

.region.slider .slider_container .slides li{
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
}

.region.slider .slider_container .slides li img{
	position: relative;	
	width: 100%;
	height: auto;
	display: block;
}

.region.slider .slider_container .slides li .slider_overlay{
	position: absolute;
	width: 100%;
	height: 100%;	
	top: 0px;
}

.region.slider .slider_container .slides li .slider_overlay .container{
	height: 100%;
}

.region.slider .slider_container .slides li .slider_overlay .container .slider_pos{
	position: absolute;
	bottom: 100px;
	color: #FFF;
	font-size: 18px;
	width: 50%;	
	text-shadow: 2px 2px 2px rgba(14, 0, 0, 0.85);
}

.region.slider .slider_container .slides li .slider_overlay .container .slider_pos strong{
	color: #FFF;
	font-size: 42px;
	line-height: 40px;
	margin-bottom: 8px;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
}

.region.slider .slider_container .slides li .slider_overlay .container .slider_pos.sl_pos0{
	padding-left: 30px;
}

.region.slider .slider_container .slides li .slider_overlay .container .slider_pos.sl_pos1{
	left: 50%;
	padding-right: 30px;
}

.region.slider .slider_control{
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #2f363c;
	color: #FFF;
	text-align: center;
}

.region.slider .slider_control:hover{
	background-color: #000;
}

.region.slider .slider_control.control_left{
	left: -3px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         1px 1px 3px 0px rgba(0, 0, 0, 0.5);
}

.region.slider .slider_control.control_right{
	right: -3px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    -2px 1px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         -2px 1px 3px 0px rgba(0, 0, 0, 0.5);
}

.region.slider .slider_control i{
	font-size: 24px;
	padding-top: 2px;
}

.region.slider .slider_social{
	position: absolute;
	right: -3px;
	top: 145px;
	text-align: center;
	padding: 6px 4px 6px 2px;
	background-color: #96bf32;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    -2px 1px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         -2px 1px 3px 0px rgba(0, 0, 0, 0.4);
}

.region.slider .slider_social ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.region.slider .slider_social ul li{
	list-style: none;
	padding: 1px 5px 1px 4px;
	margin: 0px;
}

.region.slider .slider_social ul li a{
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;
    text-align: center;
	-webkit-transition: all .2s .0s ease-out;
    -moz-transition: all .2s .0s ease-out;
    -o-transition: all .2s .0s ease-out;
    transition: all .2s .0s ease-out;
}

.region.slider .slider_social ul li a i{
	
}

/* CRUMBLER */
.region.crumbler{
	background-color: #8db529;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	border-color: #efefef;
	padding: 15px 0px;
	margin-top: 0px;
}

.region.crumbler .columns .column{
	padding-top: 15px;
	padding-bottom: 16px;
}

.region.crumbler h1{
	font-size: 29px;
	margin-bottom: 0px;
	padding: 0px;
	letter-spacing: 1px;
	font-weight: 600;
	color: #FFF;
}


/* MAIN CONTENT */
.region.maincontent{
	padding: 24px 0px 12px 0px;
	line-height: 21px;
}

.region.maincontent strong{
	line-height: 17px;
	display: inline-block;
}


.region.maincontent .columns .column{
	padding-top: 24px;
	padding-bottom: 6px;
}

.page_image{
	margin: 0px 0px 28px 0px;
	border-radius: 8px;
	overflow: hidden;
}

.page_image img{
	width: 100%;
	height: auto;
	display: block;
}

.region.maincontent a{
	color: #96c02c;
	text-decoration: none;
}


.region.maincontent .main ul{
	padding: 0;
	margin: 0 0 21px 0;	
	list-style: none;
}

.region.maincontent .main ul li {
	padding: 0;
	margin: 0;
	position: relative;
	padding: 0 0 0 22px;
}

.region.maincontent .main ul li:before {
	position: absolute;
	left: 2px;
	top: 1px;
	font-family: fontAwesome;
	content: "\f111";
	color: #96c02c;	
	font-size: 7px;
}

.region.maincontent .main h3{
	color: #666;
    font-size: 16px;
    margin-bottom: 3px;
    margin-top: 12px;
    letter-spacing: 0px;
}


	/* SIDEBAR */
	.sidebar_block{
		margin-bottom: 50px;
		margin-top: 2px;
	}
	
	.sidebar_block h3{
		margin-bottom: 6px;
		color: #555;
	}
	
	.sidebar_block .menu{
		list-style: none;
		padding: 0px !important;
		margin: 0px;
		border-width: 2px 0px 0px 0px;
		border-style: solid;
		border-color: #96c02c;
	}
	
	.sidebar_block .menu > li{
		list-style: none;
		padding: 10px 0px;
		margin: 0px;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #000;
	}
	
	.sidebar_block .menu > li > a{
		text-decoration: none;
		color: #555;
		text-transform: uppercase;
		display: inline-block;
		padding: 0px 6px;
	}
	
	.sidebar_block .menu > li.active-trail > a, .sidebar_block .menu > li.active > a{
		color: #96c02c;
	}


/* NEWS */
.nieuwsoverzicht{
    list-style: none;
    padding: 0px !important;
    margin: 0px !important;
}

.nieuwsoverzicht .no_news{
	text-align: center;
    font-weight: 600;
    color: #a2c744;
    font-size: 18px;
    padding-top: 76px;
	padding-bottom: 76px;
}

.region.maincontent .main ul.nieuwsoverzicht li:before{
	display: none;
}

.nieuwsoverzicht li {
    padding: 3px 0px 3px 0px !important;
    margin: 0px 0px 24px 0px !important;
}

.nieuwsoverzicht li.even {
    background-color: #f5f5f5;
}

.nieuwsoverzicht .nieuwsbericht {
    overflow: hidden;
}

.nieuwsoverzicht .nieuwsbericht h3{
   color: #96c02c !important;
   text-transform: uppercase;
}

.nieuwsoverzicht .nieuwsbericht .nieuwsbericht_left {
    width: 30%;
    float: left;
    min-height: 10px;
}

.nieuwsoverzicht .nieuwsbericht .nieuwsbericht_right {
    width: 70%;
    float: left;
    padding: 20px 28px 10px 28px;
    position: relative;
}

.nieuwsoverzicht .nieuwsbericht .nieuwsbericht_left img {
    width: 100%;
    height: auto;
    display: block;
}

.nieuwsoverzicht .nieuwsbericht .nieuwsbericht_right p{
	margin-bottom: 10px;
    line-height: 18px;
}

.nieuwsoverzicht .button_green {
    background-color: #96c02c;
    color: #FFF !important;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px;
    padding: 3px 10px 3px 10px;
    text-align: center;
    margin-left: -2px;
    position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.nieuwsoverzicht .button_green:hover{
	background-color: #a3d81c;
}


/* GOOGLE MAPS */
.region.maps{
	position: relative;
}

.region.maps .maps_bg{
	position: relative;
}

.region.maps .maps_bg img{
	width: 100%;
	height: auto;
	display: block;
	min-height: 300px;
}

.region.maps .map_container{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.region.maps .maps{
	width: 100%;
	height: 100%;
	position: relative;
}

.maps_info_window{
	
}

.maps_info_window a{
	color: #96c02c;
}

/* FORM */
.cust_form{
	position: relative;
}

.webform-client-form{
	padding: 16px 0px 0px 0px;
	position: relative;
}

.webform-client-form .form-item{
	overflow: hidden;
	padding: 0px 0px 8px 0px;
	margin: 0px;
	position: relative;
}

.webform-client-form div{
	position: relative;
}

.webform-client-form .form-item label{
	float: left;
	width: 21%;
	margin: 0px;
	padding-top: 4px;
	font-weight: normal;
	color: #000;
	position: relative;
}


.webform-client-form .form-item input{
	float: left;
	width: 70%;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;
	position: relative;
}

.webform-client-form label.element-invisible{
	position: relative !important;	
}

/* CHECKBOX */
.webform-client-form .webform-component-checkboxes{
	overflow: hidden;
	position: relative;
}

.webform-client-form .form-type-checkbox{
	width: auto;
	float: left;
	margin-right: 15px;
	min-width: 75px;
	position: relative;
}

.webform-client-form .webform-component-checkboxes .form-checkboxes{
	float: left;
	width: 70%;
	position: relative;
}

.webform-client-form .form-item.form-type-checkbox label{
	width: auto;
	position: relative;
}

.webform-client-form .form-item.form-type-checkbox input{
	width: auto;
	position: relative;
	margin: 0px 5px 0px 0px;
	top: 8px;
}

/* RADIOS */
.webform-client-form .webform-component-radios{
	overflow: hidden;
	position: relative;
}

.webform-client-form .form-item.form-type-radio{
	width: auto;
	float: left;
	margin-right: 15px;
	min-width: 75px;
	position: relative;
}

.webform-client-form .webform-component-radios .form-radios{
	float: left;
	width: 70%;
	position: relative;
}

.webform-client-form .form-item.form-type-radio label{
	width: auto;
	position: relative;
}

.webform-client-form .form-item.form-type-radio input{
	width: auto;
	position: relative;
	margin: 0px 5px 0px 0px;
	top: 8px;
}


/* FIELDSET */
.webform-client-form fieldset{
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	position: relative;
	overflow: hidden;
}

.webform-client-form fieldset legend{
	padding: 0px;
	margin: 0px;
	color: #000;
	width: 21%;
	float: left;
	position: relative;
}

.webform-client-form fieldset .fieldset-wrapper{
	width: 70%;
	float: left;
	overflow: hidden;
	position: relative;
}

.webform-client-form fieldset .fieldset-wrapper .form-item{
	float: left;
	position: relative;
}

.webform-client-form fieldset .fieldset-wrapper .form-item.cust_pad{
	padding-right: 6px;
}

.webform-client-form fieldset .fieldset-wrapper .form-item.cust_wd1{
	width: 72%;
}

.webform-client-form fieldset .fieldset-wrapper .form-item.cust_wd2{
	width: 28%;
}

.webform-client-form fieldset .fieldset-wrapper .form-item.cust_wd3{
	width: 20%;
}

.webform-client-form fieldset .fieldset-wrapper .form-item.cust_wd4{
	width: 60%;
}

.webform-client-form fieldset .fieldset-wrapper label{
	display: none;	
}

.webform-client-form fieldset .fieldset-wrapper .form-item input{
	width: 100%;
}

/* FACTUUR */
.webform-component--factuuradres-show{
	background-color: #f5f5f5;
	padding: 20px 0px 10px 0px !important;
	margin-bottom: 24px !important;
	margin-top: 0px !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.webform-component--factuuradres-show fieldset > legend{
    padding: 0px 0px 0px 12px;
}

.webform-component--factuuradres-show > .fieldset-wrapper{
	width: 100% !important;	
}

.webform-component--factuuradres-show > .fieldset-wrapper > .form-item{
	width: 100%;
	display: block;	
}

.webform-component--factuuradres-show > .fieldset-wrapper > .form-item > label{
	display: block;	
	padding: 0px 0px 0px 12px;
}

.webform-component--factuuradres-show > .fieldset-wrapper > .form-item > input{
	width: 70% !important;
}

.cust_req legend:after{
	content: ' *';
	color: #96c02c;
}

.form-required{
	color: #96c02c;
}

/* DESCRIPTION */
.webform-client-form .description {
	float: left;
	margin-left: 21%;
}

/* TEXT AREA */
.webform-client-form .form-textarea-wrapper{
	float: left;
	width: 70%;
}

.webform-client-form .form-item textarea{
	width: 100%;
	height: 90px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;
	resize: none;
}

.webform-client-form .form-actions{
	margin-top: 0px;
	padding: 0px 0px 30px 21%;	
}

.webform-client-form .form-actions .eform_rempwd{
	float: right;
	margin-right: 12%;
}

.webform-client-form .form-actions .form-submit{
	background-color: #96c02c;
	color: #FFF;
	padding: 7px 10px 7px 10px;
	border-width: 0px;
	border-style: solid;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.webform-client-form .form-actions .form-submit:hover{
	background-color: #a3d81c;
}

/* DOELGROEP */
.region.doelgroep{
	position: relative;
	padding: 0px 0px 24px 0px;
	color: #96be3f;
	line-height: 18px;
}

.region.doelgroep .columns{
	margin: 0px;
}

.region.doelgroep .columns .column{
	padding: 25px 0px 12px 0px;
	text-align: center;
}

.region.doelgroep .columns .column img{
	width: 100%;
	height: auto;
	display: block;	
	-webkit-transition: all 0.25s .0s ease-out;
    -moz-transition: all 0.25s .0s ease-out;
    -o-transition: all 0.25s .0s ease-out;
    transition: all 0.25s .0s ease-out;
}

.region.doelgroep a{
	color: #96be3f;
	text-decoration: none;
	display: block;
}

.region.doelgroep u{
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.region.doelgroep a:hover img{
	transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
}

.region.doelgroep a:hover{
	color: #222;	
}

.region.doelgroep strong{
	font-weight: normal;
	font-size: 18px;
}


/* ASSORTIMENT */
.region.assortiment{
	padding: 0px 0px 16px 0px;
	margin-top: -16px;
}

.region.assortiment .columns{
	padding-top: 12px;
	padding-bottom: 6px;
	display: table;
	table-layout: fixed;
	vertical-align: middle;
}

.region.assortiment .column{
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.region.assortiment h3{
	
}


.region.assortiment .ass_col1{
	padding-left: 8%;
}

.region.assortiment .ass_col2{
	padding-right: 8%;
}


/* QUOTE */
.region.quote{
	position: relative;
	padding: 18px 0px 10px 0px;
	background-color: #f5f5f5;
	color: #111;
	line-height: 18px;
	font-size: 16px;
}
.region.quote .columns{
	
}

.region.quote .columns .column{
	text-align: center;
}

.region.quote .quote_center{
	display: inline-block;
	overflow: hidden;
}

.region.quote .quote_center p{
	display: inline-block;
	float: left;
	margin-bottom: 0px;
}

.region.quote .quote_center img{
	float: left;	
}

.region.quote .quote_center blockquote{
	float: left;
	text-align: center;
	padding-top: 46px;
	margin: 0;
}

.region.quote .quote_center blockquote p{
	float: none;
}

.region.quote .quote_center h2{
	font-size: 32px;
	margin-bottom: 2px;
	font-weight: 700;
	text-transform: uppercase;
}

/* NIEUWS WORKSHOP */
.nieuwsoverzicht_work{ /* UL */
	list-style: none !important;
    padding: 30px 12px 0px 12px !important;
    margin: 4px -12px 24px -12px !important;
    display: block;
    float: left;
    position: relative;
}

.nieuwsoverzicht_work:before{
	content: '';
    height: 1px;
    background-color: #96c02c;
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
}

.nieuwsoverzicht_work:after{
	content: '';
    height: 1px;
    background-color: #96c02c;
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px;
}

.nieuwsoverzicht_work li{
	width: 50%;
    float: left;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}

.nieuwsoverzicht_work li:before{
	content: '';
	display: none;
}

.nieuwsoverzicht_work li .nieuwsbericht_work{
	
}

.nieuwsoverzicht_work li .nieuwsbericht_work .nieuwsbericht_work_img{
	padding: 0px 12px;
}

.nieuwsoverzicht_work li .nieuwsbericht_work .nieuwsbericht_work_img img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.nieuwsoverzicht_work li .nieuwsbericht_work .nieuwsbericht_work_desc{
	padding: 6px 12px 0px 12px;
    font-size: 14px;
    line-height: 17px;
}

.nieuwsoverzicht_work li .nieuwsbericht_work .nieuwsbericht_work_desc h3{
	color: #96c02c;
}

.nieuwsoverzicht_work .youtu_vid{
	position: relative;
	padding-top: 60%;
}

.nieuwsoverzicht_work .youtu_vid iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.news_split{
	width: 100%;
	float: left;
	display: block;
	height: 1px;	
}

/* FOOTER */
footer{
	background-color: #02122d;
	color: #FFF;
	padding: 37px 0px 38px 0px;
}

footer .container .columns .column{
	padding-top: 37px;
	padding-bottom: 38px;
}

footer a{
	color: #FFF;
	text-decoration: none;
}

footer a:hover{
	color: #96c02c;
}

footer h3{
	color: #FFF;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 18px 0px 32px 0px;
}

footer .fc_1{
	width: 32% !important;
}



footer .fc_2{
	width: 18% !important;
}


	/* FOOTER LOGO */
	/*footer .container .columns .column.fc_1 img{
		margin-top: -27px;
		width: 84%;
		margin-bottom: -18px;
	}*/
	footer .fc_1 h3{
		position: relative;
	}
	
	footer .fc_1 h3::after{
		content: '';
		position: absolute;
		width: 100%;
		height: 90px;
		left: 0;
		background-image: url(/images/logo_horsemanforyou_inv.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left bottom;
		margin-top: -50px;
	}
	
	/*footer .fc_1 h3{
	<p><img alt="" src="/images/logo_horsemanforyou_inv.svg" /></p>
}*/
	

	/* FOOTER ADDRESS */
	footer .address_block{
		line-height: 19px;
		position: relative;
	}
	
	footer .address_block address{
		font-style: normal;
		margin-bottom: 12px;
		padding: 0px 0px 0px 26px;
		position: relative;
	}
	
	footer .address_block p{
		padding: 0px 0px 0px 26px;
		position: relative;
		margin-bottom: 16px;
	}
	
	footer .address_block i{
		color: #96c02c;	
		position: absolute;
		left: 0px;
		top: 2px;
		font-size: 16px;
	}
	
	/* FOOTER MENU */
	footer .menu {
		list-style: none;
		padding: 0 !important;
		margin: 0;	
	}
	
	footer .menu li {
		list-style: none;
		padding: 0 0 7px 0;
		margin: 0;
	}
	
	footer .menu li a {
		display: block;
		text-decoration: none;
		color: #fff;
		position: relative;
		padding: 0 0 0 20px;
	}
	
	footer .menu li a:before {
		position: absolute;
		left: 0;
		top: 0;
		font-family: fontAwesome;
		content: "\f00c";
		color: #96c02c;	
	}
	
	footer .menu li a:hover{
		color: #96c02c;	
	}
	
	/* FOOTER SOCIAL */
	footer .footer_social ul{
		list-style: none;
		padding: 0px !important;
		margin: 0px;
	}
	
	footer .footer_social ul > li{
		list-style: none;
		padding: 0px;
		margin: 0px 8px 0px 0px;
		float: left;
	}
	
	footer .footer_social ul > li > a{
		display: inline-block;
		color: #FFF;
		padding: 0px;
		margin: 0px;
	}
	
	footer .footer_social ul > li > a i{
		font-size: 30px;
	}
	
	footer .footer_social ul > li > a:hover{
		color: #96c02c;
	}
	
	footer .webform-client-form{
		padding: 0px;
	}
	
	footer .webform-client-form .webform-component-markup p{
		padding: 0px;
		margin: 0px;
	}
	
	footer .webform-client-form label.element-invisible{
		display: none;	
	}
	
	footer .webform-client-form .form-item input{
		width: 100%;
		border-style: solid;
		border-color: #AAA;
		border-width: 1px;
		color: #AAA;
		background-color: #252525;
	}
	
	footer .webform-client-form .form-actions{
		padding: 0px;
	}
	
	footer .webform-client-form .form-actions .form-submit{
		font-size: 10px;
	}

	.content_split{
		width: 100%;
		height: 1px;
		float: left;
		display: none;	
	}
	
	footer .status{
		background-image: url();
	}
	
	footer .messages{
		padding: 12px;
	}
	
	footer .status{
		background-color: #a3d81c;
		border-color: transparent;
		color: #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-bottom: 15px;	
	}
	
	footer .messages p{
		margin-bottom: 0px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 15px;
	}


.maincontent .status{
	background-color: #FFF;
	border-color: #96c02c;
	background-image: url();
	color: #000;
	padding-top: 14px;
}

.maincontent .status h3{
	color: #96c02c;
}

.maincontent .status h2{
	margin-bottom: 2px;
}

.maincontent .status p{
	margin-bottom: 6px;
}

/* MOBILE MENU */
.menu_toggle{
	display: none;
    cursor: pointer;
    padding: 2px 0px;
    font-size: 32px;
    color: #111;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 17px;
}

.menu_toggle i{
	
}

#page .menu_toggle .menu_toggle_close {
    display: none;
}

#page .menu_toggle .menu_toggle_open {
    display: block;
}

#page.menu_open .menu_toggle .menu_toggle_close {
    display: block;
}

#page.menu_open .menu_toggle .menu_toggle_open {
    display: none;
}

.mobile_menu{
    width: 100%;
    position: absolute;
    z-index: 240;
    padding: 95px 24px 20px 24px;
    display: none;
    background-color: rgba(255,255,255,0.97);
    border-color: #96c02c;
    border-width: 0px 0px 3px 0px;
    border-style: solid;	
}

.mobile_menu a{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}

.mobile_menu > ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.mobile_menu > ul > li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #AAA;
}

.mobile_menu > ul > li > a{
	font-size: 15px;
	display: inline-block;
	padding: 8px 0px;
}

.mobile_menu > ul > li > ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.mobile_menu > ul > li > ul > li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #EEE;
}

.mobile_menu > ul > li > ul > li > a {
    padding: 6px 8px 6px 8px;
    margin: 0px;
    font-size: 13px;
	display: inline-block;
	color: #777;
}

.mobile_menu > ul > li > ul > li.active-trail a{
	color: #96c02c;
}

/* RESPONSIVE */
@media screen and (max-width : 1140px) {
	/* MENU FIX 1 */
	header .logo {
		width: 300px;
	}
	
	header nav .menu > li > a{
		padding: 9px 21px;
	}
	
	#content{
		padding-top: 106px;
	}
	
}

@media screen and (max-width : 1080px) {
	/* MENU FIX 2 */
	header .logo {
		width: 250px;
	}
	
	header nav{
		padding-top: 42px;
	}
	
	header nav .menu > li > a{
		padding: 5px 20px;
	}
	
	#content {
		padding-top: 90px;
	}
	
}

@media screen and (max-width : 1028px) {
	/* IPAD LANDSCAPE */
	header nav .menu > li > a{
		font-size: 14px;
		padding: 5px 17px;
	}
	
	/*header .logo {
		width: 218px;
	}
	
	header nav{
		padding-top: 34px;
	}
	
	.region.crumbler{
		margin-top: 0px;
	}
	
	#content {
		padding-top: 82px;
	}
	
	.region.slider img{
		width: 120% !important;
		margin-left: -10%;
	}
	
	.region.slider .slider_container .slides li .slider_overlay .container .slider_pos strong{
		font-size: 37px;
		line-height: 35px;
	}*/
	
}

@media screen and (max-width : 999px) {
	/* MENU FIX 3 */
	/*header nav .menu > li > a{
		font-size: 12px;
		padding: 18px 20px;
	}*/
}

@media screen and (max-width : 944px) {
	/* IPAD PORTRAIT */
	/* HEADER */
	header .logo {
		width: 200px;
	}
	
	header nav{
		display: none;
	}
	
	.header_buttons{
		right: 52px;
	}
	
	.header_buttons a{
		padding: 2px 5px 2px 8px
	}
	
	header .menu_toggle{
		display: inline-block;
	}
	
	#content{
		padding-top: 77px;	
	}
	
	.mobile_overlay{
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		top: 0px;
		z-index: 225;
		display: none;
	}
	
	#page.menu_open .total_scroll{
		height: 100%;
		overflow: hidden;
	}
	
	#page.menu_open .total_scroll{
		height: 100%;
		overflow: hidden;
	}
	
	#page.menu_open{
		position: absolute;
		top: 0px;
		height: 100%;
	}
	
	#page.menu_open .mobile_overlay{
		display: block;
	}
	
	#page.menu_open .mobile_menu{
		display: block;
	}
	
	.region.slider .slider_control{
		
	}
	
	.region.slider .slider_container .slides li .slider_overlay .container .slider_pos strong{
		font-size: 31px;
		line-height: 29px;
	}
	
	.container {
		padding: 0px 24px;
	}

	.columns {
		margin: 0px -12px;
	}
	
	.columns .column {
		padding: 0px 12px;
	}
	
	/* MAIN CONTENT */
	.columns .column.column_75.main{
		width: 68%;
	}
	
	.columns .column.column_25.sidebar{
		width: 32%;
	}
	
	.region.assortiment .ass_col1{
		padding-left: 12px;
	}
	
	.region.assortiment .ass_col2{
		padding-right: 12px;
		vertical-align: top;
		padding-top: 4px;
	}
	
	
	/* QUOTE */
	.region.quote .quote_center h2{
		font-size: 27px;
	}
	
	/* FOOTER */
	
	
	footer .fc_1, footer .fc_2, footer .container .columns .column{
		width: 50% !important;
		padding-top: 32px;
    	padding-bottom: 12px;
	}
	
	.content_split{
		display: block;	
	}
	
	.webform-client-form .form-item label{
		width: 100%;	
	}
	
	.webform-client-form .form-item input{
		width: 100%;
	}
	
	.webform-client-form fieldset .fieldset-wrapper{
		width: 100%;
	}
	
	.webform-client-form .form-textarea-wrapper{
		width: 100%;
	}
	
	.webform-client-form fieldset legend{
		width: 100%;
	}
	
	.webform-client-form .form-actions{
		padding: 0px 0px 30px 50%;
		margin-left: -60px;	
	}
	
	.webform-client-form .description{
		margin-left: 0%;
	}
}

@media screen and (max-width : 766px) {
	/* PHONE LANDSCAPE */
	.region.slider img{
		width: 130% !important;
		margin-left: -15%;
	}
	
	.region.slider .slider_container .slides li .slider_overlay .container .slider_pos{
		width: 100%;
		left: 0px !important;
		padding: 0px 50px !important;
	}
	
	.region.slider .slider_container .slides li .slider_overlay .container .slider_pos strong{
		font-size: 33px;
		line-height: 32px;
	}
	
	/* MAIN CONTENT */
	.container {
		padding: 0px 19px;
	}

	.columns {
		margin: 0px -9px;
	}
	
	.columns .column {
		padding: 0px 9px;
	}
	
	.columns .column.column_75.main{
		width: 66%;
	}
	
	.columns .column.column_25.sidebar{
		width: 34%;
	}
	
	header .logo {
		width: 124px;

	}
	
	.menu_toggle{
		top: 8px;	
	}
	
	h1 {
		font-size: 25px;
	}

	h3{
		font-size: 18px;
	}
	
	.header_buttons{
		right: 70px;
	}
	
	.header_buttons a{
		font-size: 9px;
		padding: 2px 4px 2px 7px
	}
	
	.header_buttons a:after{
		font-size: 12px;
	}
	
	/* MAIN */
	.sidebar_block .menu{
		font-size: 12px;	
	}
	
	.sidebar_block .menu > li{
		padding: 7px 0px 6px 0px;
	}
	
	
	.region.maincontent {
		padding: 10px 0px 8px 0px;
	}
	.region.maincontent .columns .column{
		padding-top: 12px;
    	padding-bottom: 0px;
	}
	
	/* CRUMBLER */
	.region.crumbler{
		margin-top: 0px;
		padding: 5px 0px;
	}
	
	#content {
		padding-top: 52px;
	}
	
	.region.crumbler h1{
		font-size: 24px;
	}
	
	/* QUOTE */
	.region.quote .quote_center img{
		width: 115px !important;
	}
	
	.region.quote .quote_center blockquote{
		font-size: 14px;
		padding-top: 28px;
	}
	
	.region.quote .quote_center h2{
		font-size: 22px;
	}
	
	.region.usp{
		font-size: 12px;	
	}
	
	.region.usp strong{
		font-size: 15px;	
	}
}

@media screen and (max-width : 590px) {
	/* PHONE PORTRAIT */
	h1 {
		font-size: 22px;
	}
	
	.region.slider img{
		width: 160% !important;
		margin-left: -30%;
	}
	
	.region.slider .slider_container .slides li .slider_overlay .container .slider_pos{
		bottom: 10px;
		line-height: 18px;
	}
	
	.region.slider .slider_container .slides li .slider_overlay .container .slider_pos strong{
		font-size: 30px;
		line-height: 29px;
	}
	
	.columns .column{
		width: 100% !important;
	}
	
	.region.doelgroep .columns .column{
		padding: 6px 0px 6px 0px;
	}
	
	.region.assortiment .columns, .region.assortiment .column{
		display: block;
		float: left;
	}
	
	footer .fc_1, footer .fc_2, footer .container .columns .column{
		width: 100% !important;	
	}
	
	
	.region.quote .quote_center{
		margin-left: -22px;
		margin-right: -18px;
	}
	
	.region.quote .quote_center img {
		width: 50px !important;
	}
	
	
	.region.quote .quote_center blockquote{
		font-size: 10px;
		padding-top: 4px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding-right: 4px;
	}
	
	/*.region.quote .quote_center p{
		font-size: 11px;
	}*/
	
	.region.quote .quote_center h2{
		font-size: 17px;
		margin-bottom: 0px;
	}
	
}