@font-face {
	font-family: 'switzermedium';
	src: url('fonts/switzer-medium-webfont.woff2') format('woff2'),
		 url('fonts/switzer-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'switzerlight';
	src: url('fonts/switzer-light-webfont.woff2') format('woff2'),
		 url('fonts/switzer-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'switzerlight_italic';
	src: url('fonts/switzer-lightitalic-webfont.woff2') format('woff2'),
		 url('fonts/switzer-lightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'switzermedium';
	src: url('fonts/switzer-medium-webfont.woff2') format('woff2'),
		 url('fonts/switzer-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'switzermedium_italic';
	src: url('fonts/switzer-mediumitalic-webfont.woff2') format('woff2'),
		 url('fonts/switzer-mediumitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'switzerextralight';
	src: url('fonts/switzer-extralight-webfont.woff2') format('woff2'),
		 url('fonts/switzer-extralight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'switzerextralight_italic';
	src: url('fonts/switzer-extralightitalic-webfont.woff2') format('woff2'),
		 url('fonts/switzer-extralightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

.grid-container{
	max-width: 90rem;
}

.last{
	margin-bottom: 100px;
}

.first{
	padding-top: 0px !important;
}

.top{
	padding-top: 200px !important;
}

h1{
	font-family: switzerextralight;
	letter-spacing: 1px;
	line-height: 65px;
	font-size: 60px;
	margin-bottom: 25px;
}

h2{
	font-size: 50px;
	line-height: 60px;
	font-family: switzerextralight;
	letter-spacing: 1px;
	line-height: 55px;
	margin-bottom: 25px;
}

h4{
	font-family: switzerlight;
	letter-spacing: 1px;
	line-height: 40px;
}

h5{
	font-family: switzerlight;
	letter-spacing: 1px;
	line-height: 35px;
}

h6{
	font-family: switzermedium;
	font-size: 18px;
	line-height: 25px;
}

p{
	font-family: switzerlight;
	font-size: 17px;
	line-height: 30px;
}

li{
	font-family: switzerlight;
}

ul li.chosen::marker {
  content: "✖ ";

}

a{
	color: inherit;
}

.button{
	background: none;
	font-family: switzermedium;
	color: black;
	margin-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	font-size: 17px;
}

.button.white{
	color: white;
}

.button.full{
	background: #F3997B;
	color: white;
	padding-left: 20px;
}

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

.button:hover, .button:focus{
	background: none;
	opacity: 0.5;
	color: black;
}

input{
	height: 40px;
	border: none;
}

input[type=submit]{
	background: #FF9474;
	color: white;
	font-family: switzermedium;
	border: none;
	box-shadow: none;
	padding-left: 20px;
	padding-right: 20px;
}

hr{
	width: 150px;
	float: left;
	border-bottom: 1px solid black;
}

.top-bar, .top-bar ul{
	background: white;
	list-style: none !important;
}


.topmenu{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	width: 480px;
	
	min-height: 25px;
	background: #74BDA3;
	position: fixed;
	z-index: 11;
	color: white;
	top:0px;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  border-bottom-left-radius: 40px;
	  border-bottom-right-radius: 40px;
}

.topmenu p{
	font-size: 13px;
	margin-bottom: 0px;
}

.topmenu a:hover{
	color: black;
}

.submenu{
	background-color: rgba(255, 245, 240, 0.9) !important;
	border:none;
	padding: 10px;
}

#menu{
	width: 100%;
	min-height: 100px;
	background: white;
	position: fixed;
	padding-top: 30px;
	padding-bottom: 30px;
	z-index: 10;
	top: 0px;
	left: 0px;
}

#menu li a{
	font-family: switzerlight;
	color: black;
	font-size: 17px;
}

#menu li a:hover{
	color: #74BDA3;
	transition: 0.5s;
}

.menu .active > a{
	background: none;
	color: #75BEA4 !important;
	font-weight: bold;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #74BDA3 transparent transparent;
}

#header{
	min-height: 100vh;
	padding-top: 200px;
	background: url('img/lightning1_groen.svg');
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: top left;	
}

#header .button{
	margin-left: 50px;
}

#headersmall{
	background-size: cover, 70% !important;
	background-position: center, right !important;
	background-repeat: no-repeat !important;
	margin-top: 100px;
	min-height: 400px;
	background-position: top left;	
}

#headersmallinks{
	position: relative;
	padding-top: 80px;
	padding-bottom: 50px;

}

#headersmall img{
	position: absolute;
	z-index: 0;
	top: -70px;
	width: 620px;
	max-width: inherit;
}

.headertekst{
	position: relative;
	z-index: 1;
}

#headerproduct{
	min-height: auto;
	background: url('img/lightning1_wit.svg'), #E8F3EF;
	background-repeat: no-repeat;
	background-size: 48%;
	padding-top: 200px;
	padding-bottom: 100px;
}

#headerpage{
	position: relative;
	margin-top: 150px;
	padding-top: 100px;
	padding-bottom: 100px;
	min-height: 200px;
	background: #F3997B;
	color: white;
}


table{
	font-family: switzerlight;
	font-size: 17px;
}

th{
	text-align: left;
	border-right: 5px solid white !important;
}

tbody tr:nth-child(even){
	background-color: #FEF5F1 !important;
}

tbody tr:nth-child(odd){
	background-color: #F0F8EF !important;
}

tr{
	border-bottom: 5px solid white !important;
}

.tabs-content.vertical{
	border: none !important;
}


.tabs{
	border: none;
}
.tabs-title{
	background: #B7D7CA;
	color: black;
	margin-bottom: 10px;
	font-family: switzermedium;
}

.tabs-title.is-active, .tabs-title > a:focus, .tabs-title > a[aria-selected=true]{
	background: #FFDACF !important;
	color: black;
}

.tabs-title > a:hover{
	background: #FFDACF !important;
	color: black;
}

.tabs-title a{
	color: black;
	font-size: 17px;
}


#intro{
	margin-top: 100px;
	padding-left: 20%;
	padding-right: 20%;
	margin-bottom: 100px;
}

#cats{
	padding-bottom: 100px;
	position: relative;
}

#cats .lightning{
	position: absolute;
	top: 50px;
	right: 0px;
	width: 50%;
	z-index: -1;
}

#cats .lightningrechts{
	position: absolute;
	top: 50px;
	right: 0px;
	width: 45%;
	z-index: -1;
}

.bg{
	overflow: hidden;
	position: relative;
}

.bgimg{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.catimg{
	min-height: 320px;
}

#sectoren{
	padding-bottom: 100px;
}

#cta{
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	min-height: 200px;
	background: #B7D7CA;
}

.ctaoranje{
	background: #FFDACF !important;
}

.ctaimg{
	position: absolute;
	width: 600px;
	left: 0px;
	top: -50px;	
}

.wpcf7-not-valid-tip{display: none;}

#cta input{
	width: 200px !important;
	float: left !important;
	margin-right: 10px !important;
}

#cases{
	padding-top: 150px;
	padding-bottom: 100px;
}


.caseblok{
	background: #73BCA3;
}

.caseblokimg{
	background: black;
	min-height: 250px;
}

.casebloktekst{
	padding: 20px;
	background: #73BCA3;
	color: white;
}

.casebloktekst p{
	margin-bottom: 0px;
}

.casebloktekst strong{
	margin-bottom: 20px;
}

#contact{
	padding-top: 100px;
	padding-bottom: 150px;
}

.lightningbg{
	position: relative;
	padding: 60px;
}

.lightningline{
	position: absolute;
	top:0px;
	left: 0px;
	width: 450px;
	z-index: -1;
}

#shop{
	min-height: auto;
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}

.productblok{
	background: #E8F3EF;
}

.productblokimg{
	background: black;
	min-height: 250px;
}

.producttekst{
	min-height: 188px;
	padding: 20px;
	background: #E8F3EF;
	color: black;

}

.producttekst h6{
	color: #368C68 !important;
}

.productbloktekst p{
	margin-bottom: 0px;
}

.productbloktekst strong{
	margin-bottom: 20px;
}


.mainimg{
	min-height: 400px;
}

.thumbnail{
	width: 100%;
	min-height: 100px;
	background: black;
	border: none;
	box-shadow: none;
}

.breadcrumbs a{
	color: #368C68 !important;
}

#specs{
	background: white;
	min-height: 200px;
	padding-top: 100px;
	padding-bottom: 100px;
}

#gerelateerd{
	background: white;
	padding-top: 100px;
	padding-bottom: 100px;
	color: black;
}


#split{
	background: linear-gradient(90deg,rgba(175, 216, 201, 1) 0%, rgba(175, 216, 201, 1) 50%, rgba(175, 216, 201, 0) 50%);
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 50px;
	
}

#splitlinks{
	padding-right: 100px;
}

#splitrechts{
	padding-left: 75px;
	padding-right: 75px;
}

#white{
	padding-top: 100px;
	padding-bottom: 100px;
}

.owl-nav{
	float: left;
	pointer-events: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	background: #FF9474;
	color: white;
	height: 40px;
	width: 40px;
	border-radius: 0px;
	pointer-events: all;
}

.owl-thumbnails .owl-nav{
	width: 100%;
	position: absolute;
	top: 18px;
}

.owl-thumbnails .owl-nav button.owl-next{
	float: right;
	margin: 0px;
}

.owl-thumbnails .owl-nav button.owl-prev{
	float: left;
	margin: 0px;
}

	

#footer{
	background: url('img/lightning1_wit.svg'), #E8F3EF;
	background-repeat: no-repeat;
	background-size: 40%;
	min-height: 300px;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
}

#socket{
	background: #F3997B;
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

#socket p{
	margin-bottom: 0px;
}

#socket a{
	color: white;
}