/* www.gdigit.be */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block;
}
summary {
	display: list-item;
}
audio, canvas, progress, video {
	display: inline-block;
}
progress {
	vertical-align: baseline;
}
audio:not([controls]){display:none;height:0}
[hidden], template {
	display: none;
}
a {
	background-color: transparent;
}
a:active, a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: bolder;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
 
img {
	border-style: none;
}
 
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
button, input, select, textarea, optgroup {
	font: inherit;
	margin: 0;
}
optgroup {
	font-weight: bold;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, [type=button], [type=reset], [type=submit] {
	-webkit-appearance: button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
button:focus {
	outline: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
legend {
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
textarea {
	overflow: auto;
}
[type=checkbox], [type=radio] {
	padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto;
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
/* End extract ==========================================================================*/
html, body {
	font-family: "Lato", sans-serif;
	line-height: 1.8; ;
	height: 100%;
	color: #ffffff;
	line-height: 1.8;
	background-color:#1d1d1b;
}
/* background */
.bgimg-1, .bgimg-2, .bgimg-3,.bgimg-4,.bgimg-5,.bgimg-6 {
	background-attachment: fixed;
	background-position:left;
	background-repeat: no-repeat;
	background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
	background-image: url('../images/gloeilamp.jpg');
	min-height: 100%;
}
/*   image diensten */
.bgimg-3 {
	background-image: url('../images/gloeilamp_zijaanzicht.jpg');
	min-height: 100%;
}

/*  image wie */
.bgimg-2 {
	background-image: url('../images/elektrische_bedrading.jpg');
	min-height: 100%;
}
/*  image contact */
.bgimg-5{
	background-image: url('../images/img.jpg');
	min-height: 100%;
}

html {
	overflow-x: hidden;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 24px;
}
h1, h2, h3,  {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	margin: 10px 0;
}
.wide {
	letter-spacing: 2px;
}
.image {
	max-width: 100%;
	height: auto;
}
.image-80{ 
	max-width: 90%;
	height: auto;
}

.img {
	dark-grey vertical-align: middle;
}
a {
	color: inherit;
}
.table, .table-all {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	display: table;
}
.table-all {
	border: 1px solid #ccc;
}
.bordered tr, .table-all tr {
	border-bottom: 1px dotted #555555;
}
.striped tbody tr:nth-child(even){background-color:#f1f1f1}
.table-all tr:nth-child(odd){background-color:#fff}
.table-all tr:nth-child(even){background-color:#f1f1f1}
.hoverable tbody tr:hover, .ul.hoverable li:hover {
	background-color: #ccc;
}
.centered tr th, .centered tr td {
	text-align: center;
}
.table td, .table th, .table-all td, .table-all th {
	padding: 8px 8px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
.table th:first-child, .table td:first-child, .table-all th:first-child, .table-all td:first-child {
	padding-left: 16px;
}
.btn, .button {
	border: 3px solid #1d1d1b;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	letter-spacing: 2.4px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.btn:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.btn, .button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.disabled, .btn:disabled, .button:disabled {
	cursor: not-allowed;
	opacity: 0.3;
}
.disabled *, :disabled * {
	pointer-events: none;
}
.btn.disabled:hover, .btn:disabled:hover {
	box-shadow: none;
}
.ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.ul li {
	padding: 8px 16px;
	border-bottom: 1px solid #ddd;
}
.ul li:last-child {
	border-bottom: none;
}
.display-container {
	position: relative;  
}

.input {
	padding: 8px;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.dropdown-click, .dropdown-hover {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.dropdown-hover:hover .dropdown-content {
	display: block;
}
.dropdown-hover:first-child, .dropdown-click:hover {
	background-color: #ccc;
	color: #000;
}
.dropdown-hover:hover > .button:first-child, .dropdown-click:hover > .button:first-child {
	background-color: #ccc;
	color: #000;
}
.dropdown-content {
	cursor: auto;
	color: #000;
	background-color: #fff;
	display: none;
	position: absolute;
	min-width: 160px;
	margin: 0;
	padding: 0;
	z-index: 1;
}
.bar-block .dropdown-hover, .bar-block .dropdown-click {
	width: 100%;
}
.bar-block .dropdown-hover .dropdown-content, .bar-block .dropdown-click .dropdown-content {
	min-width: 100%;
}
.bar-block .dropdown-hover .button, .bar-block .dropdown-click .button {
	width: 100%;
	text-align: left;
	padding: 8px 16px;
}
.main, #main {
	transition: margin-left .4s;
}
.bar {
	width: 100%;
	overflow: hidden;
}
.center .bar {
	display: inline-block;
	width: auto;
}
.bar .bar-item {
	padding: 16px 16px;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
}
.bar .dropdown-hover, .bar .dropdown-click {
	position: static;
	float: left;
}
.bar .button {
	white-space: normal;
}
.bar-block .bar-item {
	width: 100%;
	display: block;
	padding: 8px 16px;
	text-align: left;
	border: none;
	white-space: normal;
	float: none;
	outline: 0;
}
.bar-block.center .bar-item {
	text-align: center;
}
.block {
	display: block;
	width: 100%;
}

.reverse {
	unicode-bidi: bidi-override;
	direction: rtl;
}
 
.container:after, .container:before, .panel:after, .panel:before, .row:after, .row:before, .row-padding:after, .row-padding:before, .cell-row:before, .cell-row:after, .clear:after, .clear:before, .bar:before, .bar:after {
	content: "";
	display: table;
	clear: both;
}
.col, .half, .third, .twothird, .threequarter, .quarter {
	float: left;
	width: 100%;
}
.col.s1 {
	width: 8.33333%;
}
.col.s2 {
	width: 16.66666%;
}
.col.s3 {
	width: 24.99999%;
}
.col.s4 {
	width: 33.33333%;
}
.col.s5 {
	width: 41.66666%;
}
.col.s6 {
	width: 49.99999%;
}
.col.s7 {
	width: 58.33333%;
}
.col.s8 {
	width: 66.66666%;
}
.col.s9 {
	width: 74.99999%;
}
.col.s10 {
	width: 83.33333%;
}
.col.s11 {
	width: 91.66666%;
}
.col.s12 {
	width: 99.99999%;
}
@media screen and (min-width:601px){
.col.m1 {
	width: 8.33333%;
}
.col.m2 {
	width: 16.66666%;
}
.col.m3, .quarter {
	width: 24.99999%;
}
.col.m4, .third {
	width: 33.33333%;
}
.col.m5 {
	width: 41.66666%;
}
.col.m6, .half {
	width: 49.99999%;
}
.col.m7 {
	width: 58.33333%;
}
.col.m8, .twothird {
	width: 66.66666%;
}
.col.m9, .threequarter {
	width: 74.99999%;
}
.col.m10 {
	width: 83.33333%;
}
.col.m11 {
	width: 91.66666%;
}
.col.m12 {
	width: 99.99999%;
}
}
@media screen and (min-width:993px){
.col.l1 {
	width: 8.33333%;
}
.col.l2 {
	width: 16.66666%;
}
.col.l3 {
	width: 24.99999%;
}
.col.l4 {
	width: 33.33333%;
}
.col.l5 {
	width: 41.66666%;
}
.col.l6 {
	width: 49.99999%;
}
.col.l7 {
	width: 58.33333%;
}
.col.l8 {
	width: 66.66666%;
}
.col.l9 {
	width: 74.99999%;
}
.col.l10 {
	width: 83.33333%;
}
.col.l11 {
	width: 91.66666%;
}
.col.l12 {
	width: 99.99999%;
}
}
.content, .auto, .contents {
	margin-left: auto;
	margin-right: auto;
}
.content {
	max-width: 980px;
}
.contents {
	max-width: 600px;
}
.auto {
	max-width: 1140px;
}
.hide {
	display: none!important;
}
.show-block, .show {
	display: block!important;
}
.show-inline-block {
	display: inline-block!important;
}
}
@media screen and (max-width:1205px){
.auto {
	max-width: 95%;
}
}
@media screen and (max-width:600px){
.dropdown-hover.mobile .dropdown-content, .dropdown-click.mobile .dropdown-content {
	position: relative;
}
.hide-small {
	display: none!important;
}
}
@media screen and (max-width:768px){
}
@media screen and (min-width:993px){
.hide-large {
	display: none!important;
}
}
@media screen and (max-width:992px) and (min-width:601px){
.hide-medium {
	display: none!important;
}
}
@media screen and (max-width:992px){
.main {
	margin-left: 0!important;
	margin-right: 0!important;
}
.auto {
	max-width: 100%;
}
.achtergrond {
background-color:#010101!important;
	background: rgba(2, 0,0,0.6)!important;
}

}
.top, .bottom {
	position: fixed;
	width: 100%;
	z-index: 1;
}
.top {
	top: 0;
}
.bottom {
	bottom: 0;
}
.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}
.display-midden {
	position: absolute;
	top: 20%;
	left: 0%;
	padding: 24px 24px;
}
.display-left {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%,-50%);
	-ms-transform: translate(-0%,-50%);
}
.display-right {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
}
.display-midright {
	position: absolute;
	top: 50%;
	left: 66%;
	transform: translate(-66%,-50%);
	-ms-transform: translate(-66%,-50%);
}
.display-container:hover .display-hover {
	display: block;
}
.display-container:hover span.display-hover {
	display: inline-block;
}
.display-hover {
	display: none;
}
.display-position {
	position: absolute;
}
.round {
	border-radius: 4px;
}
.row-padding, .row-padding > .half, .row-padding > .third, .row-padding > .twothird, .row-padding > .threequarter, .row-padding > .quarter, .row-padding > .col {
	padding: 0 8px;
}
.container, .panel {
	padding: 0 16px;
}
.card, .card-2 {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.card-4, .hover-shadow:hover {
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-fading {
	animation: fading 10s infinite;
}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity {
	animation: opac 0.8s;
}
@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top {
	position: relative;
	animation: animatetop 0.4s;
}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left {
	position: relative;
	animation: animateleft 0.4s;
}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right {
	position: relative;
	animation: animateright 0.4s;
}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom {
	position: relative;
	animation: animatebottom 0.4s;
}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {
	animation: animatezoom 0.6s;
}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input {
	transition: width 0.4s ease-in-out;
}
.animate-input:focus {
	width: 100%!important;
}
.opacity, .hover-opacity:hover {
	opacity: 0.60;
	cursor: pointer;
}
.opacity-off, .hover-opacity-off:hover {
	opacity: 1;
}
.opacity-max {
	opacity: 0.25;
}
.opacity-min {
	opacity: 0.75;
}
.opacity-zw {
	opacity: 0.9;
}
.tiny {
	font-size: 10px!important;
}
.small {
	font-size: 12px!important;
}
.medium {
	font-size: 15px!important;
}
.large {
	font-size: 18px!important;
}
.xlarge {
	font-size: 24px!important;
}
.xxlarge {
	font-size: 36px!important;
}
.left-align {
	text-align: left!important;
}
.center {
	text-align: center!important;
}
.border-0 {
	border: 0!important;
}
.border {
	border: 1px solid #ccc!important;
}
.border-top {
	border-top: 1px solid #ccc!important;
}
.border-bottom {
	border-bottom: 1px solid #ccc!important;
}
.border-left {
	border-left: 1px solid #ccc!important;
}
.border-right {
	border-right: 1px solid #ccc!important;
}
.margin {
	margin: 16px!important;
}
.margin-top {
	margin-top: 16px!important;
}
.margin-left {
	margin-left: 16px!important;
}
.padding-small {
	padding: 4px 8px!important;
}
.padding {
	padding: 8px 16px!important;
}
.padding-large {
	padding: 12px 24px!important;
}
.padding-xlarge {
	padding: 12px 64px!important;
}
.padding-xxlarge {
	padding: 12px 64px!important;
}
.padding-16 {
	padding-top: 16px!important;
	padding-bottom: 16px!important;
}
.padding-24 {
	padding-top: 24px!important;
	padding-bottom: 24px!important;
}
.padding-32 {
	padding-top: 32px!important;
	padding-bottom: 32px!important;
}
.padding-48 {
	padding-top: 48px!important;
	padding-bottom: 48px!important;
}
.padding-64 {
	padding-top: 64px!important;
	padding-bottom: 64px!important;
}
.left {
	float: left!important;
}
.right {
	float: right!important;
}
.button:hover {
	color: #ffffff!important;
	background-color: #f2d023!important;
}
.transparent, .hover-none:hover {
	background-color: transparent!important;
}
.hover-none:hover {
	box-shadow: none!important;
}
/* Colors */
.blue, .hover-blue:hover {
	color: #fff!important;
	background-color: #2196F3!important;
}
.yellow, .hover-yellow:hover {
	color: #000!important;
	background-color: #f2d023!important;
}
.white, .hover-white:hover {
	color: #000!important;
	background-color: #fff!important;
}
.black, .hover-black:hover {
	color: #fff!important;
	background-color: #000!important;
}
.grey, .hover-grey:hover, .gray, .hover-gray:hover {
	color: #000!important;
	background-color: #9e9e9e!important;
}
.light-grey, .hover-light-grey:hover, .light-gray, .hover-light-gray:hover {
	color: #000!important;
	background-color: #f1f1f1!important;
}
.dark-grey, .hover-dark-grey:hover, .dark-gray, .hover-dark-gray:hover {
	color: #fff!important;
	background-color: #1d1d1b!important;
}
.text-blue, .hover-text-blue:hover {
	color: #2196F3!important;
}
.text-yellow, .hover-text-yellow:hover {
	color: #f2d023!important;
}
.text-white, .hover-text-white:hover {
	color: #fff!important;
}
.text-black, .hover-text-black:hover {
	color: #000!important;
}
.text-grey, .hover-text-grey:hover, .text-gray, .hover-text-gray:hover {
	color: #757575!important;
}
.text-dark-grey, .hover-text-dark-grey:hover, .text-dark-gray, .hover-text-dark-gray:hover {
	color: #1d1d1b!important;
}
.border-yellow, .hover-border-yellow:hover {
	border-color: #f2d023!important;
}
.border-white, .hover-border-white:hover {
	border-color: #fff!important;
}
.border-black, .hover-border-black:hover {
	border-color: #000!important;
}
.border-grey, .hover-border-grey:hover, .border-gray, .hover-border-gray:hover {
	border-color: #9e9e9e!important;
}
.border-light-grey, .hover-border-light-grey:hover, .border-light-gray, .hover-border-light-gray:hover {
	border-color: #f1f1f1!important;
}