@charset "utf-8";
/* CSS Document */

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	
	height: 100%;
	scroll-behavior: smooth;
	
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
 
  background-color:#FFF;
	
}

ol, ul { list-style: disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


*{
	box-sizing:border-box;
	text-decoration:none;
	outline: none;
}

.clear{clear:both;}

a,p,li,h1,h2,h3,h4,h5,h6,td,table,tr{font-family: 'Open Sans', sans-serif;}



html {
}


.wrapper{
	width:100%;
	margin: 0 auto;
	max-width:1100px;
}

*:before,
*:after{
	box-sizing:inherit;
	
}

.grid:before,
.grid:after,
.row:befor,
.row:after {
	content: " ";
	display:table;
}

.grid:after,
.row:after {
	clear:both;
}

[class*='col-']{
	width:100%;
	float:left;
	min-height:1px;
}

.col{
	
}

h1, h2{
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
}

h1{
	font-size:32px;
	font-weight:bold;
}

h2{
	font-size:15px;
	font-weight:bold;
}

h3{
	font-size:15pt; 
	text-align:center; 
	color:#3a3a3a; 
	font-weight: bold;
}

p{
	font-size:14px;
	color:#FFF;
	
}


.blueDiagonal{
   width: 0;
   height:0;
   border-top: 100px solid #ff6430;
   border-left: 100vw solid transparent;
}




.blueContent{
  height:600px;
  background:#ff6b00;
  overflow:hidden;
  position:relative;
}

.whiteDiagonal{
   width: 0;
   height:0;
   position:absolute;
   bottom:0px;
   border-bottom: 100px solid white;
   border-left: 100vw solid transparent;
}


.whiteContent{

  background:white;
  overflow:auto;
}

.menu{
	background-color:#FFF; 
	padding:10px;
	text-align:right;
}


/****** EVENEMENT OVERLAY ******/
	
#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
	
.overlay-image-holder{
  width: 100%;
  height: 100%;
  min-height: 250px;
  position: relative;
}
	
#overlay-image{
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  margin: auto;
}
	
#overlay-image-mobile{
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  margin: auto;
}



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

.col-sm-1{ width:8.33333%;}
.col-sm-2{ width:16.66667%;}
.col-sm-3{ width:25%;}
.col-sm-4{ width:33.33333%;}
.col-sm-5{ width:41.66667%;}
.col-sm-6{ width:50%;}
.col-sm-7{ width:58.33333%;}
.col-sm-8{ width:66.66667%;}
.col-sm-9{ width:75%;}
.col-sm-10{ width:83.33333%;}
.col-sm-11{ width:91.66667%;}
.col-sm-12{ width:100%;}

.overlay-desktop{
	display: none;
}

.blueDiagonal{
   width: 0;
   height:0;
   border-top: 50px solid #ff6430;
   border-left: 100vw solid transparent;
}

.intro-text-container a{
	font-size: 13pt;
}
	
.content-background-lightgray-top{
    background-color:#f2f2f2; 
    overflow:auto;
	padding: 30px 20px 0px 20px;
    }
	
.menu{
		display: none;
	}

.logo-container{
	padding:10px 20px;
	text-align:center;
}

.logo-image{
	width:100%;
	height:auto;
}

.phone-container{
	padding:10px 20px;
	text-align:center;
}

.orange-divider{
  height:600px;
  background:#fe4101;
  overflow:hidden;
  position:relative;
}

.intro-text-container{
	padding:10px 20px;
	

}

.intro-text-container h2{
	font-size:37px;
	text-align:left;

}

.intro-text-container p{
	font-size:13pt;
	text-align:left;

}

.intro-text-button{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:14pt;
	text-align:center;
	margin-top:20px;
	width: 100%;
}

.intro-text-button-itmkb{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:14pt;
	text-align:center;
	margin-top:20px;
	width: 100%;
}

.intro-text-button-hulp{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:14pt;
	text-align:center;
	margin-top:20px;
	width: 100%;
}

.intro-image-container{
	display:none;

}

.intro-image{
	display:none;
}

.header-phone{
	color:#000; 
	font-size:20pt; 
}

.recensie-title{
	padding:70px 20px 20px;
	text-align:center;
}

.recensie-title h2{
	padding:0px 20px 20px 20px;
	font-size:22pt;
	color:#fe4101;
}

.recensie-content{
	display:none;

}

.recensie-banner{
	text-align:center;
	padding-bottom:50px;
}

.recensie-banner-image{
	width:80%;
	height:auto;
}

.recensie-button{
	background-color:#fe4101;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
}

.cat-content-holder-image{
	padding-top: 30px;
	padding-bottom: 0px;
	
}

.cat-content-holder{
	padding: 10px 0px 30px 0px;
	
}

.cat-content-holder-about{
	padding: 30px 0px 30px 0px;
	
}

.cat-content-holder-about h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder-about p{
	color:#3a3a3a;
	font-size:14pt;
	padding-bottom:20px;
	text-align:left;
}



.cat-content-holder-icon-even{
	display:none;
}

.cat-content-holder-icon-uneven{
	display:none;
}

.cat-content-holder h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder p{
	color:#3a3a3a;
	font-size:14pt;
	padding-bottom:20px;
	text-align:left;
}	

.cat-content-holder-first{
	padding-bottom: 30px;
}
	
.cat-content-holder-first-icon-even{
	display:none;
}

.cat-content-holder-first-icon-uneven{
	display:none;
}

.cat-content-holder-first h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder-first p{
	color:#3a3a3a;
	font-size:14pt;
	padding-bottom:20px;
	text-align:left;
}	

.cat-button{
	background-color:#fe4101;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
}

.fa-desktop, .fa-tachometer-alt, .fa-skull-crossbones, .fa-medkit{
	color:#3a3a3a;
	font-size:120px;
	padding-bottom:20px;
}

.cat-content-holder-icon-mobile{
	display:none;
}

.cat-content-holder-icon-pc{
	
}

.cat-content-holder-header-icon-mobile{
	display:none;
}

.cat-content-holder-icon-pc{
	
}
	
.cat-content-holder-first-icon-mobile{
	display:none;
}

.cat-content-holder-first-icon-pc{
	
}

.cat-content-holder-headerfirst--icon-mobile{
	display:none;
}

.cat-content-holder-first-icon-pc{
	
}	
    
    
.quote-content{    
        
    }
    
.quote-content h2{
    color:#FFF; 
    font-size:20pt; 
    text-align:center;
    }
    
.quote-content h3{
    color:#FFF; 
    text-align:center; 
    font-size:16pt;
    }
    
.adres-holder{
        display: none;
    } 
    
.adres-holder-mobile h2{
    font-size:28pt; 
	color: #171717;
    }  
    
.adres-holder-mobile p{
    font-size:18pt;
	margin-bottom:23px; 
	color: #171717;
    } 
    
    
.content-background-white{
    background-color:#FFF; 
    padding:30px 20px; 
    overflow:auto;
    
    }
    
.content-cat-background-white{
    background-color:#FFF; 
    padding:0px 20px; 
    overflow:auto;
    
    }    
    
.content-cat-background-grey{
    background-color:#f2f2f2; 
    padding:80px 20px; 
    overflow:auto;
    
    } 
	
.content-background-lightgray{
    background-color:#f2f2f2; 
    overflow:auto;
    padding: 0px 40px;
    }
	
	
.ictwaarborg-logo{
	width:100%;
	height:auto;
}

.support-content-holder{
	display:none;
	
}	   
    
.header-phone-holder-pc{
	
	display:none;
	
	
}

.header-phone-holder-mobile{
	
}
    
    
.header-phone-holder-tablet{
    display:none;
	
}     
    
	
.col1{
	padding:10px 20px;
	}

.col2{
	padding-bottom:50px;
}
	
.col3{
	text-align:center; 
	padding:10px;
	}
	
.col4{
	padding: 10px;
	}
	
.col5{
	padding: 20px;
	}

.col6{
	padding:20px; 
	height:300px;
	}
	
.recensies{
	text-align:center;
}
	
#klacht{
	background-color:#f2f2f2; 
	padding:30px 20px; 
	overflow:auto;
	}
	
#klacht h2.probleem{
	font-size:24pt; 
	text-align:center; 
	color:#3a3a3a; 
	padding-bottom:20px;
	}
	
#klacht h2{
	color:#000; 
	padding:20px 0px;
	}	
	
.diensten{
	background-color:#FFF; 
	padding:20px; 
	border-radius:5px; 
	border:#999 solid 2px; 
	height:250px;
	}
	
.diensten i{
	color:#3a3a3a; 
	font-size:80pt;
	}
	
	
.gerepareerd{
	background-color:#fe4101;
	padding:50px; 
	overflow:auto;
	}
	
#map{
	width:100%; 
	height:320px; 
	border-radius:10px;
}
	
.adres-holder h2{
	font-size:28pt; 
	color: #171717;
	}
	
.adres-holder p{
	font-size:18pt; 
	margin-bottom:23px; 
	color: #171717
	}
	
.button-mail{
	background-color:#fe4202; 
	padding:10px; 
	display: inline-block; 
	float:left; 
	margin-right:10px; 
	width:100%; 
	text-align:center; 
	border-radius:5px; 
	margin-bottom:15px;
	font-size:16pt; 
	color:#FFF;	
	}
	
.button-mail a{
	font-size:16pt; 
	color:#FFF;	
	}
	
.button-whatsapp{
	background-color:#2cd54a; 
	padding:10px; 
	display: inline-block; 
	float:left; 
	margin-right:10px; 
	width:100%; 
	text-align:center; 
	border-radius:5px; 
	margin-bottom:15px;
	font-size:16pt;
	color:#FFF;
	}
.button-whatsapp a{
		font-size:16pt;
		color:#FFF;
	}
	
.footer{
  	background:#333;
	padding:80px 20px; 
	overflow:auto;
}

.footer h2{
	color:#FFF; 
	font-size:22pt !important; 
	padding-bottom: 10px;
}

.footer a{
	color:white !important;
	font-size: 12pt;
}

p.informatie{
	margin-bottom:8px;
	}
	
.footer p{
	font-size:12pt;
}

.footer i{
	font-size:8pt; 
	margin-right:10px;
	}
	
.social i{
		font-size:30pt; 
		margin: 10px;
	}
	
.social{
		
	}
	
.ictwaarborg-logo {
    width: 70%;
    height: auto;
}
    
.recensie-mobile{
	text-align:center;
}

.recensie-pc{
	display:none;
} 


.mobile-container {
		margin: auto;
		color: white;
		border-radius: 10px;
		padding-top: 30px;
}
	
	.topnav {
		  overflow: hidden;
		  background-color: #333;
		  position: relative;
		}

	.topnav #myLinks {
		  display: none;
			border-bottom-color: white;
		}

	.topnav a {
		  color: white;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 17px;
		  display: block;
		}

	.topnav a.icon {
		  background: #000;
		  display: block;
		  position: absolute;
		  right: 0;
		  top: 0;
		}

	.topnav a:hover {
		  color: white;
		}

	.active {
		  background-color: #000;
		  color: white;
		height: 48px;
		}   
    
 
.hoofdmenu{
}

.hoofdmenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: bold; 
}

.hoofdmenu li{
    display: inline;
}

.hoofdmenu li a{
    padding: 35px;
    color: black;
	font-weight: bold;
	color: #c8b8a1;
} 

.li_test{
	float: left;
	width: 100%;
	font-size: 20px;
	padding-top: 5px;
}

ul {
  list-style-type: none;
}	

.li_layout{
	padding-top:5px;

}
	
}


@media screen and (min-width:640px) and (max-width:1047px){

.col-md-1{ width:8.33333%;}
.col-md-2{ width:16.66667%;}
.col-md-3{ width:25%;}
.col-md-4{ width:33.33333%;}
.col-md-5{ width:41.66667%;}
.col-md-6{ width:50%;}
.col-md-7{ width:58.33333%;}
.col-md-8{ width:66.66667%;}
.col-md-9{ width:75%;}
.col-md-10{ width:83.33333%;}
.col-md-11{ width:91.66667%;}
.col-md-12{ width:100%;}

.overlay-mobile{
	display: none;
}	

.intro-text-container a{
	font-size: 13pt;
}
	
.logo-container{
	padding:10px 20px;
}

.logo-image{
	width:100%;
	height:auto;
}

.phone-container{
	padding:10px 20px;
	text-align:right;
}

.orange-divider{
  height:500px;
  background:#fe4101;
  overflow:hidden;
  position:relative;
}

.intro-text-container{
	padding:10px 40px;
	text-align:left;

}

.intro-text-container h2{
	font-size:20pt;

}

.intro-text-container p{
	font-size:13pt;

}

	

.intro-text-button{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:14pt;
}

.intro-text-button-itmkb{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:14pt;
	margin-top:20px;
}

.intro-text-button-hulp{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:14pt;
}


.intro-image-container{
	padding:10px 40px;

}

.intro-image{
	width:120%;
	height:auto;
}

.header-phone{
	color:#000; 
	font-size:20pt; 
}

.recensie-title{
	padding-top: 60px;
	text-align:center;
}

.recensie-title h2{
	padding:0px 20px 20px 20px;
	font-size:28pt;
	color:#fe4101;
}

.recensie-content{
	display:none;

}

.recensie-banner{
	text-align:center;
	padding-bottom:50px;
}

.recensie-banner-image{
	width:80%;
	height:auto;
}

.recensie-button{
	background-color:#fe4101;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
}

.cat-content-holder-image{
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left:30px;
	padding-right: 0px;
	
}

.cat-content-holder{
	padding:80px 30px;
}

.cat-content-holder-about{
	padding:80px 30px;
}

.cat-content-holder-about h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder-about p{
	color:#3a3a3a;
	font-size:14pt;

	text-align:left;
}	


.cat-content-holder-icon-even{
	display:none;
}

.cat-content-holder-icon-uneven{
	display:none;
}

.cat-content-holder h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder p{
	color:#3a3a3a;
	font-size:14pt;

	text-align:left;
}	

.cat-content-holder-first{

}
	
.cat-content-holder-first-icon-even{
	display:none;
}

.cat-content-holder-first-icon-uneven{
	display:none;
}

.cat-content-holder-first h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder-first p{
	color:#3a3a3a;
	font-size:14pt;
	padding-bottom:20px;
	text-align:left;
}	

.cat-content-holder-2 h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder-2 p{
	color:#3a3a3a;
	font-size:14pt;
	padding-bottom:20px;
	text-align:left;
}	

	
.cat-button{
	background-color:#fe4101;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
}

.fa-desktop, .fa-tachometer-alt, .fa-skull-crossbones, .fa-medkit{
	color:#3a3a3a;
	font-size:80px;
	
}

.cat-content-holder-icon-mobile{
	display:none;
}

.cat-content-holder-icon-pc{
	
}

.cat-content-holder-header-icon-mobile{
	display:none;
}

.cat-content-holder-icon-pc{
	
}
	
.cat-content-holder-first-icon-mobile{
	display:none;
}

.cat-content-holder-first-icon-pc{
	
}

.cat-content-holder-headerfirst--icon-mobile{
	display:none;
}

.cat-content-holder-first-icon-pc{
	
}	
    
.quote-content{    
        
    }
    
.quote-content h2{
    color:#FFF; 
    font-size:24pt; 
    text-align:center;
    }
    
.quote-content h3{
    color:#FFF; 
    text-align:center; 
    font-size:18pt;
    } 
    
.adres-holder{
        
    } 
    
.adres-holder-mobile{
    display: none;
        
    }
    
    
.content-background-white{
    background-color:#FFF; 
    padding:80px 20px; 
    overflow:auto;
    
    }
    
.content-cat-background-white{
    background-color:#FFF; 

    overflow:auto;
    
    }    
    
.content-cat-background-grey{
    background-color:#f2f2f2; 
    padding:120px 20px; 
    overflow:auto;
    
    }   
	
.content-background-lightgray{
    background-color:#f2f2f2; 
    overflow:auto;
    
    }
	
.content-background-lightgray-top{
    background-color:#f2f2f2; 
    overflow:auto;
	padding: 80px 20px 80px 20px;
    }
	
.ictwaarborg-logo{
	width:50%;
	height:auto;
} 

.support-content-holder{
	display:none;
	
}
	
	
.header-phone-holder-pc{
    display:none;    
}
    
.header-phone-holder-mobile{
    display:none;
}
    
.header-phone-holder-tablet{
	
}     

.col1{
	padding:10px 20px;
	}

.col2{
	padding-bottom:80px;
}
	
.col3{
	text-align:center; 
	padding:10px;
	}
	
.col4{
	padding: 10px;
	}
	
.col5{
	padding: 0px 20px;
	}
	
.col6{
	padding:20px; 
	height:300px;
	}
	
.recensies{
	text-align:center;
}
	
#klacht{
	background-color:#f2f2f2; 
	padding:80px 20px; 
	overflow:auto;
	}
	
#klacht h2.probleem{
	font-size:24pt; 
	text-align:center; 
	color:#3a3a3a; 
	padding-bottom:20px;
	}
	
#klacht h2{
	color:#000; 
	padding:20px 0px;
	}	
	
.diensten{
	background-color:#FFF; 
	padding:20px; 
	border-radius:5px; 
	border:#999 solid 2px; 
	height:250px;
	}
	
.diensten i{
	color:#3a3a3a; 
	font-size:80pt;
	}
	
	
.gerepareerd{
	background-color:#fe4101;
	padding:50px; 
	overflow:auto;
	}
	
#map{
	width:100%; 
	height:320px; 
	border-radius:10px;
}
	
.adres-holder h2{
	font-size:28pt; 
	color: #171717;
	}
	
.adres-holder p{
	font-size:18pt; 
	margin-bottom:23px; 
	color: #171717
	}
	
.button-mail{
	background-color:#fe4202; 
	padding:10px; 
	display: inline-block; 
	float:left; 
	margin-right:10px; 
	width:100%; 
	text-align:center; 
	border-radius:5px; 
	margin-bottom:15px;
	font-size:16pt; 
	color:#FFF;	
	}
	
.button-mail a{
	font-size:16pt; 
	color:#FFF;	
	}
	
.button-whatsapp{
	background-color:#2cd54a; 
	padding:10px; 
	display: inline-block; 
	float:left; 
	margin-right:10px; 
	width:100%; 
	text-align:center; 
	border-radius:5px; 
	margin-bottom:15px;
	font-size:16pt;
	color:#FFF;
	}
.button-whatsapp a{
		font-size:16pt;
		color:#FFF;
	}
	
.footer{
  	background:#333;
	padding:80px 20px; 
	overflow:auto;
}

.footer h2{
	color:#FFF; 
	font-size:22pt !important; 
	padding-bottom: 10px;
}

.footer a{
	color:white !important;
	font-size: 12pt;
}

p.informatie{
	margin-bottom:8px;
	}
	
.footer p{
	font-size:12pt;
}

.footer i{
	font-size:8pt; 
	margin-right:10px;
}
	
.ictwaarborg-logo{
		float: left;
	}
	
.social i{
		font-size:30pt; 
		margin: 10px;
}
	
.social{
		clear: both;
	}
    
    
.recensie-mobile{
	text-align:center;
}

.recensie-pc{
	display:none;
}   


.menu{
		display: none;
	}
	
	.mobile-container {
		margin: auto;
		color: white;
		border-radius: 10px;
		padding-top: 30px;
}
	
	.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
    border-bottom-color: white;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: #000;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  color: white;
}

.active {
  background-color: #000;
  color: white;
height: 48px;
} 


.hoofdmenu{
}

.hoofdmenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: bold; 
}

.hoofdmenu li{
    display: inline;
}

.hoofdmenu li a{
    padding: 35px;
    color: black;
	font-weight: bold;
	color: #c8b8a1;
}

.li_test{
	float: left;
	width: 50%;
	font-size: 20px;
	padding-top: 5px;
}

ul {
  list-style-type: none;
}

.li_layout{
	padding-top:5px;

}
	
}

@media screen and (min-width:1048px){

.col-wd-1{ width:8.33333%;}
.col-wd-2{ width:16.66667%;}
.col-wd-3{ width:25%;}
.col-wd-4{ width:33.33333%;}
.col-wd-5{ width:41.66667%;}
.col-wd-6{ width:50%;}
.col-wd-7{ width:58.33333%;}
.col-wd-8{ width:66.66667%;}
.col-wd-9{ width:75%;}
.col-wd-10{ width:83.33333%;}
.col-wd-11{ width:91.66667%;}
.col-wd-12{ width:100%;}

.overlay-mobile{
	display: none;
}
	
.logo-container{
	padding:10px 20px;
}

.logo-image{
	width:80%;
	height:auto;
}

.phone-container{
	padding:10px 20px;
	text-align:right;
}

.orange-divider{
  height:500px;
  background:#fe4101;
  overflow:hidden;
  position:relative;
}

.intro-text-container{
	padding:10px 20px;
	text-align:left;

}

.intro-text-container h2{
	font-size:37px;
	font-weight: bold;
}

.intro-text-container p{
	font-size:16pt;

}

.intro-text-button-itmkb{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
	margin-left:20px;
}

.intro-text-button-itmkb:hover{
	background-color:#ff6430;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
}

.intro-text-button-hulp{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
	margin-left:20px;
}

.intro-text-button-hulp:hover{
	background-color:#ff6430;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
}


.intro-text-button{
	background-color:#0086f9;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
}

.intro-text-button:hover{
	background-color:#ff6430;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
}




.intro-image-container{
	padding:10px 20px;
	text-align:right;

}

.intro-image{
	width:100%;
	height:auto;
}


.header-phone{
	color:#000; 
	font-size:20pt; 
}

.checked {
  color: orange;
}

.recensie-title{
	padding-top: 80px;
	text-align:center;
}

.recensie-title h2{
	padding:0px 20px 20px 20px;
	font-size:28pt;
	color:#fe4101;
}

.recensie-content{
	padding-bottom:50px;

}

#map-plug {display:none;}

#google-reviews {
display:flex;
flex-wrap:wrap;
//display: grid;
//grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));
}

.review-item {
color:#000;
margin:10px;;
flex: 1 1 20%;
}

.review-item-content {
border-radius:5px;
background-color:#fafafa;
border:#F0F0F0 solid 1px;
padding:20px;
height:220px;
}

.review-item-content-author {
padding:20px;
}

.google-icon{
	width:40px;
	height:auto;
	float:left;
	margin-right:20px;
}
	
.header-phone-holder-mobile{
	display:none;
	
	
}
	
.col1{
	padding:10px 20px;
	}

.col2{
	padding-bottom:120px;
}
	
.col3{
	text-align:center; 
	padding:10px;
	}
	
.col4{
	padding: 10px;
	}
	
.col5{

	}

.col6{
		padding:20px; 
		height:300px;
	}
	
.recensies{
	text-align:center;
}
	
#klacht{
	background-color:#f2f2f2; 
	padding:100px 20px; 
	overflow:auto;
	}
	
#klacht h2.probleem{
	font-size:24pt; 
	text-align:center; 
	color:#3a3a3a; 
	padding-bottom:20px;
	}
	
#klacht h2{
	color:#000; 
	padding:20px 0px;
	}	
	
.diensten{
	background-color:#FFF; 
	padding:20px; 
	border-radius:5px; 
	border:#999 solid 2px; 
	height:250px;
	}
	
.diensten_sub{
	background-color:#FFF; 
	padding:20px; 
	border-radius:5px; 
	border:#999 solid 2px; 
	height:200px;
	}	
	
	
.diensten i{
	color:#3a3a3a; 
	font-size:80pt;
	}
	
.diensten_sub i{
	color:#3a3a3a; 
	font-size:60pt;
	}	
	
	
.gerepareerd{
	background-color:#fe4101;
	padding:50px; 
	overflow:auto;
	}
	
#map{
	width:100%; 
	height:320px; 
	border-radius:10px;
}
	
.adres-holder h2{
	font-size:28pt; 
	color: #171717;
	}
	
.adres-holder p{
	font-size:18pt; 
	margin-bottom:23px; 
	color: #171717
	}
	
.button-mail{
	background-color:#fe4202; 
	padding:10px; 
	display: inline-block; 
	float:left; 
	margin-right:10px; 
	width:100%; 
	text-align:center; 
	border-radius:5px; 
	margin-bottom:15px;
	font-size:16pt; 
	color:#FFF;	
	}
	
.button-mail a{
	font-size:16pt; 
	color:#FFF;	
	}
	
.button-whatsapp{
	background-color:#2cd54a; 
	padding:10px; 
	display: inline-block; 
	float:left; 
	margin-right:10px; 
	width:100%; 
	text-align:center; 
	border-radius:5px; 
	margin-bottom:15px;
	font-size:16pt;
	color:#FFF;
	}
.button-whatsapp a{
		font-size:16pt;
		color:#FFF;
	}
	
.footer{
  	background:#333;
	height: 460px;
	padding:80px 20px; 
	overflow:auto;
}

.footer h2{
	color:#FFF; 
	font-size:22pt !important; 
	padding-bottom: 10px;
}

.footer a{
	color:white !important;
	font-size: 12pt;
}

p.informatie{
	margin-bottom:8px;
	}
	
.footer p{
	font-size:12pt;
}

.footer i{
	font-size:8pt; 
	margin-right:10px;
}
	
.social i{
		font-size:30pt; 
		margin: 10px;
}
	
.social{
		text-align: center;
}
ul {
  list-style-type: none;
}


@media ( max-width:1200px) {
  .review-item { flex: 1 1 40%; }
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}

.review-meta {text-align:center; font-size:18pt; font-family: 'Open Sans', sans-serif;}


.review-stars {text-align:center; font-size:18pt; font-family: 'Open Sans', sans-serif;}
.review-author { text-transform: capitalize; font-weight:bold; font-family: 'Open Sans', sans-serif; font-size:14pt; }
.review-date {opacity:.6; display:block; font-family: 'Open Sans', sans-serif; font-size:12pt;}
.review-text {  line-height:1.55; text-align:left; max-width:32em; margin:auto; color:#000; font-family: 'Open Sans', sans-serif; font-size:13pt;}

 

.review-stars ul {
display: inline-block;
list-style: none;
margin:0; padding:0;
color:#000;
}

.review-stars ul li {
float: left;
margin-right: 1px;
line-height:1;
color:#000;
}

.review-stars ul li i {
  color: #e7711b;
  font-size: 1.4em;
  font-style:normal;
}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }

.recensie-banner{
	display:none;
}

.recensie-button{
	background-color:#fe4101;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
}

.cat-content-holder-image{
	padding:120px 0px 120px 50px;	
}

.cat-content-holder{
	padding:120px 50px;
}

.cat-content-holder-about{
	padding:120px 50px;
}

.cat-content-holder-about h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder-about p{
	color:#3a3a3a;
	font-size:14pt;

	text-align:left;
}


.cat-content-holder-icon-even{
	display:none;
}

.cat-content-holder-icon-uneven{
	display:none;
}




.cat-content-holder h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder p{
	color:#3a3a3a;
	font-size:14pt;

	text-align:left;
}	

.cat-content-holder-first{
	padding-bottom: 60px;
}
	
.cat-content-holder-first-icon-even{
	display:none;
}

.cat-content-holder-first-icon-uneven{
	display:none;
}

.cat-content-holder-first h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.cat-content-holder-first p{
	color:#3a3a3a;
	font-size:14pt;
	padding-bottom:20px;
	text-align:left;
}	
	
.cat-button{
	background-color:#fe4101;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px;
	display: inline-block;
	font-size:16pt;
}

.fa-desktop, .fa-tachometer-alt, .fa-skull-crossbones, .fa-medkit{
	color:#3a3a3a;
	font-size:150px;
	
}

.cat-content-holder-icon-mobile{
	display:none;
}

.cat-content-holder-icon-pc{
	
}

.cat-content-holder-header-icon-mobile{
	display:none;
}

.cat-content-holder-icon-pc{
	
}
	
.cat-content-holder-first-icon-mobile{
	display:none;
}

.cat-content-holder-first-icon-pc{
	
}

.cat-content-holder-headerfirst--icon-mobile{
	display:none;
}

.cat-content-holder-first-icon-pc{
	
}	
	
.location-content-holder{
	padding:0px 30px;
}

.location-content-holder h2{
	color:#3a3a3a;
	font-size:24pt;
	text-align:left;
}

.location-content-holder p{
	color:#3a3a3a;
	font-size:14pt;
	padding-bottom:20px;
	text-align:left;
}
    
.quote-content{    
        
    }
    
.quote-content h2{
    color:#FFF; 
    font-size:24pt; 
    text-align:center;
    }
    
.quote-content h3{
    color:#FFF; 
    text-align:center; 
    font-size:18pt;
    }  
    
.adres-holder{
        
    }
    
.adres-holder-mobile{
    display: none;
        
    } 
    
.content-background-white{
    background-color:#FFF; 
    padding:120px 20px; 
    overflow:auto;
    
    }
    
.content-cat-background-white{
    background-color:#FFF; 

    overflow:auto;
    
    }    
    
.content-cat-background-grey{
    background-color:#f2f2f2; 
    padding:120px 20px; 
    overflow:auto;
    
    } 

.content-background-lightgray{
    background-color:#f2f2f2; 
    overflow:auto;
    }	

.content-background-lightgray-top{
    background-color:#f2f2f2; 
    overflow:auto;
	padding: 120px 20px 60px 20px;
    }
	
.ictwaarborg-logo{
	width:100%;
	height:auto;
}  

.support-content-holder{
	
}
    
.header-phone-holder-pc{
	
	
}

.header-phone-holder-mobile{
	display:none;
}
    
.header-phone-holder-tablet{
	display:none;
} 
    
.recensie-mobile{
	display:none;
}

.recensie-pc{
	text-align:center;
}	

.mobile-container {
  display:none;
}    
    

.hoofdmenu{
	line-height:100px;
}

.hoofdmenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: bold; 
}

.hoofdmenu li{
    display: inline;
}

.hoofdmenu li a{
    padding: 8px;
    color: black;
	font-weight: bold;
	color: #000;
	font-size:16px;
}

.hoofdmenu li a:hover{
    padding: 8px;
    color:#ff6430;
	font-weight: bold;
	font-size:16px;
}



.li_test{
	float: left;
	width: 50%;
	font-size: 20px;
	padding-top: 5px;
}
	
.li_test_long{
	float: left;
	width: 100%;
	font-size: 20px;
	padding-top: 5px;
}
	
.li_layout{
	font-size: 20px;
	padding-top: 5px;
}
	
.icheck{
	font-size: 13pt;
}